@charset "utf-8";
body {-webkit-text-size-adjust: none;
max-width: 1440px;margin: 0 auto;
}
@font-face {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-style: normal;font-weight: 400;src: url('https://use.fontawesome.com/releases/v5.6.4/webfonts/fa-solid-900.woff2') format('woff2');font-display: swap;}
.sp_size {display:none;}
.container-fluid {padding:0;width: 100%;
  overflow:hidden;}

  .contact{padding:0 0 80px;}

  .cv .container{width: 100%;text-align: center;}
  .sec01 .container{width: 100%;text-align: center;}
  .sec02 .container{width: 100%;text-align: center;}
  .sec03 .container{width: 100%;text-align: center;}
  .sec04 .container{width: 100%;text-align: center;}
  .sec05 .container{width: 100%;text-align: center;}
.sec06 .container{width: 100%;text-align: center;}


  .contact .container{width: 60%;text-align: center;}
  .top_p {;color: #fff;margin: 0px;font-size: 1.1em}
  .index_t{background-color: #013e92;padding: 10px 0 10px 0;text-align: center;}



/* ----------------------------------------------
telbutton_popup_incontents
---------------------------------------------- */
#popup_l {
	display: none; /* label でコントロールするので input は非表示に */
	
  }
  
  .popup-open_l {
	cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
  }
  
  .popup-overlay_l {
	display: none; /* input にチェックが入るまでは非表示に */
  }
  
  #popup_l:checked ~ .popup-overlay_l {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
  }
  
  .popup-window_l {
	width: 90vw;
	max-width: 560px;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 6px;
	position: fixed;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	
	     
  }
  
  .popup-text_l {
	margin: 0;
	
  }
  
  .popup-text_l:not(:last-of-type) {
	margin-bottom: 1em
  }
  
  .popup-close_l {
	cursor: pointer;
	position: absolute;
	top: -26px;
	right: 0;
	
  }




  h2{}

    h::after {
      position: absolute;
      left: 0;
      bottom: 0;
      content: '';
      width: 100%;
      height: 0;
      border-bottom: 1px solid #ccc;}



      .t01{
        position: absolute;
        top: 95%;
        left: 0;
        right: 0%;
        bottom: 0;
        margin: auto;
        width: 80%;
        z-index: 50;
        filter: drop-shadow(1px 1px 3px  #aaa);
      }
      .sec000{margin: 0 auto;text-align: center;padding: 10px 0 10px 10px;border-bottom: 4px solid #013e92;}
      .sec000_in img{width: 350px;float: left;}
      .sec000_in{padding: 0 0 0 20px;width: 100%;border: 2px solid #000;}
      .sec000_nav{padding: 5px 0 5px 0;}
      .sec000_in .tel img{width: 200px;}
      .sec000_in .form img{width: 120px;}
      .sec000_in .lineat img{width: 120px;}



      .z1{height: 70px;margin: 0 auto;text-align: center;padding: 10px 0 10px 10px;border-bottom: 4px solid #013e92;
      max-width: 1440px;}

      .z2{text-align: left;padding: 0 0 0 10px;width: 35%;float: left;}
      .z2 img{width: 310px;}

      .z3{text-align: right;width: 65%;float: right;padding: 0;
      }
      .z3 img{width: 150px;}

      .z3 .tel img{width: 200px;}
      .z3 .form img{width: 120px;}
      .z3 .lineat img{width: 120px;}
      .z3 #nav{float: right;}

      .sec000_nav{padding: 5px 0 5px 0;}
      .sec000_in .tel img{width: 200px;}
      .sec000_in .form img{width: 120px;}
      .sec000_in .lineat img{width: 120px;}


      .index01{background-color: #013e92;padding: 20px 0 20px 0;text-align: center;}
      .index_1 img{width: 40%;}
      .index_2 img{width: 30%;}
      .index_3 img{width: 20%;}


      #nav {
        list-style: none;
        overflow: hidden;
        padding: 0 0 0 10px;


      }

      #nav li {

        padding: 0 5px 0 5px;
        text-align: center;
        float: left;


      }

      #nav li a {
        text-decoration: none;
        color: #000;
        padding: 5px;
      }

      li#nav2 {border-right: 0px;}




      .cv{padding: 20px 0 30px 0;background-color: oldlace;text-align: center;}

      .cv p{color: #fff;font-weight: bold;font-size: 1.5em;}
      .cv .inner{background-color: #fff;border-radius: 5px;padding: 15px 40px 15px 30px;margin:0 auto;width:100%;text-align:center;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);}
      .cv .inner h2{font-size: 1em;margin:0px 0 10px 0}
      .cv .inner ul{overflow:hidden;}
      .cv .inner ul li.tel{float:left;width: 100%;padding: 10px 10px 20px 10px;}
      .cv .inner ul li.form{float:left;width: 47%;margin: 0 2px 0 2px;}
      .cv .inner ul li.lineat{width: 47%;float: right;margin: 0 2px 0 2px;}
      .cv .inner a{opacity:1;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear}
      .cv .inner a:hover{opacity:0.7}


      
      .top_index{
        position: absolute;
        top: 42%;
        left: 5%;
        right: 0;
        bottom: 0;
        color:#fff;
        filter: drop-shadow(1px 1px 4px  #696969);
        font-size: 450%;
      }
      .top_sub{
        position: absolute;
        top: 63%;
        left: 9%;
        right: 0%;
        bottom: 0;
        margin: auto;
        font-size: 27px;
        font-weight: bold;
        z-index: 100;
        color: #ffce5f;
        filter: drop-shadow(1px 1px 4px  #696969);}

        .sec01{
          padding: 30px 0 30px 0;
          background-image: url("hougan.jpg");  /* 背景画像指定 */
          text-align:center;
          background-attachment: fixed;
          background-repeat: repeat;
          background-size:30%;
          text-align: center;}
          .sec01 img{margin: 5px;}


          .sec02{background-color: #fff;padding: 30px 0 30px 0;}




          .sec03{padding: 30px 0 30px 0;
            background-image: url("hougan.jpg");  /* 背景画像指定 */
            text-align:center;
            background-attachment: fixed;
            background-repeat: repeat;
            background-size:30%;
            text-align: center;}

            .sec03_in{
              background-color: #fff;
              padding: 30px;
              margin: 30px 0;
              filter: drop-shadow(2px 2px 5px  #aaa);

            }


            .sec03_in table{margin: auto;}
            .sec03_in th{padding: 10px 30px;border-bottom: 1px solid #c0c0c0;border-right: 1px solid #c0c0c0; background-color: #f5f5f5;}

            .sec03_in td{padding: 10px 70px;border-bottom: 1px solid #c0c0c0;}
            .sec03_in p{margin: 10px}


            .sec03 .row img{margin: 20px auto;filter: drop-shadow(2px 2px 5px  #aaa);}

            .sec04{padding: 10px 0 10px 0;padding: 30px 0 30px 0;
              background-image: url("hougan.jpg");  /* 背景画像指定 */
              text-align:center;
              background-attachment: fixed;
              background-repeat: repeat;
              background-size:30%;
              text-align: center;}

              .y01{width: 60px;}


              /* お客様の声 */
              .sec05{padding: 20px 0 20px 0;background-image: url("");}
              .sec05 img{width: 80%;}
              .sec05 table{margin: auto;}
              .sec05 th{width: 30%;padding: 10px 10px;border-bottom: 1px solid #c0c0c0;}

              .sec05 td{padding: 10px 20px;border-bottom: 1px solid #c0c0c0;}
              .sec05 p{margin: 10px}






              background-position: bottom;	background-repeat: no-repeat;background-size:contain;padding-bottom: 30%;}
              .koe0{padding: 5px;text-align: left;}
              .koe1_2{margin-left: 5px;background-color: #ff3c47;border-radius: 3px;padding: 0 5px;font-size: 15px;font-weight: bold;color: #fff;}
              .koe1{padding-left: 10px;color: #ff3c47;font-weight: bold;font-size: 15px;text-align: left;}
              .koe2{margin-left: 5px;display: block;text-align: left;color: #000;font-weight: bold;font-size: 16px;line-height:0.8;padding: 10px 0;}
              .koe3{text-align: left;}


              .voice .container{width: 60%;text-align: center;}
              a:hover {text-decoration: none;}
              img {width:100%;}
              ul {margin:0;padding:0;list-style: none;}

              .text-center {margin-bottom:3px;color: #fff;}


              .cv1 {
                width: 25%;
                margin-top: 48px;}


                h1 {margin: 0;}
                h2{font-weight: bold;font-size: 3em}
                .sub{font-size: 0.7em;color: ;display: block;color: #ffff00;}
                .sub2{color: #808080;font-size: 17px;font-weight: bold;display: block;line-height: 2.5}
                .subred{color: #ff3c47}

                h3 {font-size:28px;font-weight:bold;margin-bottom:20px;}
                h4 {font-size: 25px;margin:30px 0 30px 0;display: inline-block;}


                h5 {padding: .25em 0 .5em .75em;border-left: 6px solid #001868;border-bottom: 1px solid #001868;font-size:24px;}

                /*よくある質問　ボックス全体ーーーーーーーーーーーーー*/
              .accbox {margin: 2em 0;padding: 0;width: 100%;/*最大幅*/}

              .accbox .accshow span{font-size: 15px;font-weight: bold;text-decoration: underline;color: #000;}
              /*ラベル*/
              .accbox label {
                display: block;
                margin: -1px 0;
                padding : 10px 25px;
                color :#696969;
                font-weight: bold;
                text-align: left;
                cursor :pointer;
                transition: all 0.5s;
                border: 2px solid #c0c0c0;
                border-width:2px 0 2px 0;
                background-image: url('q.png');
                background-position: center left;
                background-repeat: no-repeat;
                /* サイズは画像の元サイズを利用して計算
                もちろん、普通にpxで指定しても良い */
                background-size: 15px;
              }


              .accbox span{color: #ed1f7a;
                margin: 0 10px 0 0;}

                /*ラベルホバー時*/
                .accbox label:hover {

                  background-image: url('q2.png');
                  background-position: center left;
                  background-repeat: no-repeat;
                  /* サイズは画像の元サイズを利用して計算
                  もちろん、普通にpxで指定しても良い */
                  background-size: 15px;


                }

                /*チェックは隠す*/
                .accbox input {
                  display: none;
                }

                /*中身を非表示にしておく*/
                .accbox .accshow {
                  height: 0;
                  padding: 0;
                  overflow: hidden;
                  opacity: 0;
                  transition: 0.8s;
                }

                /*クリックで中身表示*/
                .cssacc:checked + .accshow {
                  height: auto;
                  padding: 20px 10px 0px 10px;
                  background: #eaeaea;
                  opacity: 1;

                }

                .accshow p{  background-image: url('q2.png');
                background-position: left top;
                background-repeat: no-repeat;
                /* サイズは画像の元サイズを利用して計算
                もちろん、普通にpxで指定しても良い */
                background-size: 15px;padding: 0px 15px 10px 20px}


                .other .header {position: static;}

                .header {padding:0;background-color: #fff;}
                .header .container,
                .header .row,.header .col {padding:0;}
                .header .offset-md-4{padding:0 1px 0 0;}
                .header .logo {margin-top:-3px;}
                .header a:hover img  {opacity: 0.8;}


                .sec06 {background:#fff;}

                .sec08 {background:#f9f9f9;padding: 10px 0 50px 0;}
                .sec08 .container {padding:0;}
                .sec08 .sec08_inner {border: 2px solid #000;display:inline-block;background:#fff;text-align:center;;padding:10px 0 10px 0;border-radius:6px;width:22%;}
                .sec08_inner img{width: 100%;}

                .sec08 .arrow {width:3%;display:inline-block;position: relative;}
                .sec08 .arrow .fas {position: absolute;bottom:0px;left:10px;}
                .sec08 img {padding: 10px 0 5px 0;}
                .voice{padding: 30px 0 50px 0;}
                .sec08 li p {margin:16px 0 0;}
                .voice .pic{padding: 40px 70px 10px 70px;}


                .contact {text-align: center;background-color: #013e92;padding: 60px 0 100px 0;}
                .contact table{
                  border-collapse: collapse;
                  border-spacing: 0;
                  table-layout: fixed;
                  width: 100%;
                  text-align: left;
                  color: #fff;

                  width:100%;margin:0 auto;
                }
                .contact th {display: block;
                  background-color: #013e92;
                  width:100%;
                  text-align: left;
                  padding:5px 10px;
                  color: #fff;}

                  .contact td {display: block;width:100%;padding:2px 0 12px 10px ;
                  
                  }
                  .contact th span {margin-right:7px;padding:3px 7px;background:#fff;color:#013e92;font-size:12px;font-weight:normal;border-radius:3px;}

                  .contact input[type="text"] {width:100%;border-radius:3px;border:1px solid #ccc;padding:3px 2px;
                  height: 40px;border-radius: 8px;
                  }

                  .contact select{height: 40px;}
                  .contact textarea {width:100%;border-radius:5px;border:1px solid #ccc;}

                  .meyasu{margin: auto;width: 450px;border: 2px solid #013e92;padding: 0px 0 20px 0;margin-top: 10px;background-color: #fff;}
                  .meyasu h2{background-color: #013e92;font-size: 1em;color: #fff;padding: 5px;}

                  .meyasu table{margin: 0 auto;margin-top: 30px;}
                  .meyasu th{font-weight: normal;padding: 5px 10px 2px 20px;border-bottom: 1px solid #c0c0c0;}

                  .meyasu td{padding: 5px 20px 2px 10px;border-bottom: 1px solid #c0c0c0;text-align: left;}
                  .meyasu p{margin: 10px;text-align: left;padding-top: 10px;}
                  .meyasu span{padding-left: 3px;font-size: 0.9em;}


  .f_red {
    
    color: red;
  }


 .fs_b {
    font-weight: bold;
    font-size: 1.2em;
  }
.u_line{
    text-decoration: underline;

}

.f_center{
    display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
}

 .f_b {
    font-size: 1.2em;
  }







                  h2#fh2{color: #fff;font-size: 1.5em;margin-bottom: 30px;}

                  select{width: 150px;}
                  select#bd{width: 70px;}
                  select#bd2{width: 80px;}



                  .btn-submit {background:#fcee21;padding:8px 30px;color:#000;font-size:18px;font-weight:bold;letter-spacing: 0.1em;
                    border-radius:6px;border:2px solid #000;display:block;margin-top:30px;}
                    .btn-submit:hover {background:#fff;border:2px solid #000;color:#000;text-decoration: none;}
                    .btn-before {background:#ccc;padding:8px 60px;font-size:16px;letter-spacing: 0.1em;
                      border-radius:6px;border:2px solid #ccc;display:block;margin-top:30px;}
                      .btn-before:hover {background:#fff;border:2px solid #ccc;text-decoration: none;}


                      .footer {text-align: center;border-top:2px solid #000; background:#fff;color:#000;padding:30px 0 30px 0;background-image: url("footer_b.png");background-position: bottom;background-size:contain;background-repeat: no-repeat}
                      .footer table{width: 100%;}
                      .footer p {margin: 10px 0 10px 0;font-size: 15px;}
                      .footer-in{width: 70%;borderb-: 1px solid #bbb;margin: 0 auto;padding: 10px;}
                      .footer-in img{width: 40%;margin-bottom: 10px;}
                      .footer .copy {text-align: center;border: 2px solid #000;background:#fff;color:#000;padding:0px 0;}
                      .footer　.container{width: 100%;}

                      .copy_og{text-align: center;padding:0px ;}
                      .copy_og p{margin: 1px 0 1px 0;font-size: 10px;}
                      .footer a{color: #000;}
                      .footer-box{text-align: center;margin-bottom: 0;font-size: 13px;background:#fff;}
                      .footer td{padding-left: 10px;line-height: 1em;}
                      .thanks{margin:0;padding: 130px 0 50px 0;text-align: center;}
                      .thanks-title{font-size: 1.2em;}



                      .relative {
                        position: relative;
                        width: 100%;
                      }





















                      *, *:before, *:after {
                        padding: 0;
                        margin: 0;
                        box-sizing: border-box;
                      }
                      ol, ul {
                        list-style: none;
                      }
                      a {
                        text-decoration: none;
                        color: inherit;
                      }

                      .cp_offcm01 {
                        position: absolute;
                        top: 3px;
                        right: 1px;
                        display: inline-block;
                      }

                      /* menu */
                      .cp_offcm01 .cp_menu {
                        position: fixed;
                        top: 0;
                        right: -100vw;
                        width: 250px;
                        height: 100%;
                        cursor: pointer;
                        -webkit-transition: 0.53s transform;
                        transition: 0.53s transform;
                        -webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
                        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
                        background-color: #013e92;
                        opacity: 0.8;
                      }
                      .cp_offcm01 .cp_menu ul {
                        margin: 0;
                        padding: 0;
                      }
                      .cp_offcm01 .cp_menu li {
                        list-style: none;
                      }
                      .cp_offcm01 .cp_menu li a {
                        display: block;
                        padding: 20px;
                        text-decoration: none;
                        color: #ffffff;
                        border-bottom: 1px solid #ffffff;
                      }

                      .cp_offcm01 #cp_toggle01 {
                        position: absolute;
                        display: none;
                        opacity: 0;
                      }
                      .cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
                        -webkit-transform: translateX(-100vw);
                        transform: translateX(-100vw);
                      }
                      /* menu toggle */
                      .cp_offcm01 #cp_toggle01 ~ label {
                        display: block;
                        padding: 0.2em;
                        cursor: pointer;
                        -webkit-transition: 0.5s transform;
                        transition: 0.5s transform;
                        -webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
                        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
                        text-align: center;
                        color: #333333;
                      }
                      .cp_offcm01 #cp_toggle01:checked ~ label {
                        -webkit-transform: translateX(-250px);
                        transform: translateX(-250px);
                      }
                      .cp_offcm01 #cp_toggle01 ~ label::before {
                        font-family: 'Font Awesome 5 Free';
                        content: '\f0c9';
                        font-weight: 900;
                        font-size: 1.8em;
                        color: #fff;
                        background-color: #013e92;
                        padding: 10px;
                        opacity: 0.8;
                      }
                      .cp_offcm01 #cp_toggle01:checked ~ label::before {
                        content: '\f00d';
                      }
                      /* contents */
                      .cp_contents {
                        color: #333333;
                        text-align: center;
                      }







                      /* 全体設定 */
                      * {
                        box-sizing: border-box;
                      }

                      /* ポップアップウインドウの設定 */
                      .popup {
                        background-color: #efefef;
                        box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
                        display: none;
                        position: fixed;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        margin: auto;
                        width: 50%;
                        height: 50%;
                        overflow-y: scroll;
                        z-index: 200;
                      }
                      /* チェックボックスの初期設定 */
                      #popup-on{
                        display: none;
                      }
                      /* チェックされたらポップアップウインドウを開く */
                      #popup-on:checked + .popup{
                        display: block;
                      }

                      /* 閉じるアイコン（右上） */
                      .icon-close{
                        background: #000;
                        color: #fff;
                        font-size: 30px;
                        padding: 0 10px;
                        position: absolute;
                        right: 0;
                      }

                      /* 閉じるボタン */
                      .btn-close{
                        background: #000;
                        border-radius: 10px;
                        color: #fff;
                        padding: 10px;
                        cursor: pointer;
                        margin: 10px auto;
                        width: 95%;
                        text-align: center;
                      }

                      /* 開くボタン */
                      .btn-open{
                        color: #fff;
                        padding: 5px;
                        cursor: pointer;
                        margin: 0 auto;
                        width: 100%;
                        text-align: center;
                      }

                      /* ポップアップの内容 */
                      .popup-content{
                        margin: 0px auto 0px auto;
                        width: 90%;
                        text-align: center;
                        padding: 15px 0 15px 0;
                        list-style: none;
                      }


                      .footer-in th{border: 1px solid #c0c0c0;;padding: 5px;padding: 10px 20px}
                      .footer-in td{border: 1px solid #c0c0c0;;padding: 5px;padding: 10px 20px}


                      .inline_box {
                        width: 99%;
                        height: 150px;
                        overflow: auto;
                        background: #ffffff;
                        border: 1px solid #cccccc;
                        padding: 10px;
                        margin: 5px 0 20px 10px;
                        font-size: 0.7em;
                        text-align: left;
                      }

                      .inline_box h3{font-size: 1.7em;text-align: center;border-bottom:1px solid #696969;padding-bottom: 5px;
                      }
                      .inline_box dt{border-bottom:1px solid #696969;
                        padding: 0;font-size: 1.1em;
                      }

                      .p-text{color: #fff;}



















.sec06 {
  background-color: #fff;
  padding: 20px;
  margin: 20px 0;
  border-radius: 8px;
  
}

.sec06 p{
  text-align: left;
}

.faq-item {
  margin-bottom: 5px;
}
.faq-label {
  display: inline-block;
  width: 1.5em; /* 正方形の幅と高さ */
  height: 1.5em;
  line-height: 1.5em; /* テキストを中央に配置 */
  text-align: center; /* 中央寄せ */
  background-color: #013e92; /* 背景色を黒に設定 */
  color: #fff; /* テキスト色を白に設定 */
  font-size: 1em; /* テキストサイズ */
  font-weight: bold; /* 太字 */
  border-radius: 10px; /* 角丸（オプション） */
  margin-right: 10px; /* テキストとの間隔を設定 */
}

.faq-question {
  display: flex;
  align-items: center; /* ラベルとテキストを縦方向中央揃え */
  justify-content: flex-start; /* 全体を左寄せ */
  width: 100%;
  background: none;
  color: #013e92;
  font-weight: bold;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1em;
  background-color: #f9f9f9;
  transition: background 0.3s;
}

.faq-question:hover {
  background-color: #e9ecef;
}

.faq-icon {
  margin-left: auto; /* プラスアイコンを右側に寄せる */
  font-size: 1.2em;
  color: #013e92;
}



.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  background: #f9f9f9;
  border-radius: 5px;
  margin-top: 10px;
  text-align: left;
  transition: max-height 0.3s ease, padding 0.3s ease;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.faq-answer.open {
  max-height: 630px;
  overflow-y: auto; /* 縦スクロールを追加 */
  padding: 0 15px 15px 15px;
}

/* 上の段: 全面にテキスト表示 */
.user-message {
  display: block; /* 全幅を使用 */
  margin-bottom: 15px;
}

.user-text {
  width: 100%;
  padding: 10px;
  background: #c3e4f6; /* 水色の背景 */
  border-radius: 0px;
  text-align: left;
}

/* 下の段: 管理者のメッセージ */
.admin-message {
  display: flex;
  align-items: flex-start; /* 縦方向中央揃え */
  margin-bottom: 15px;
}

/* 管理者画像: 左側に配置 */
.admin-image {
  width: 15%; /* 画像部分を全体の20% */
}

.admin-image img {
  width: 100%; /* 親要素の幅に合わせる */
  border-radius: 50%; /* 円形にする */
}

/* 管理者テキスト: 右側に配置 */
.admin-text {
  width: 85%; /* テキスト部分を残り80%に設定 */
  padding: 10px;
  background: #f1f8e9; /* 黄緑色の背景 */
  border-radius: 15px;
  text-align: left;
  margin-left: 10px; /* 画像との間にスペースを確保 */
  max-height: 1000px; /* 必要に応じて高さを調整 */
  overflow-y: auto;
  padding-right: 10px; /* スクロールバーが出た時に文字と重ならないように調整 */
}

.admin-text p{
  margin-bottom: 0.5em;
}

/* ボタンのスタイリング */
.consult-button {
  text-align: center; /* ボタンを中央揃え */
  margin-top: 20px; /* 上部に余白を追加 */
}

.line-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #00c300; /* LINEのブランドカラー */
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.line-button:hover {
  background-color: #009f00; /* ホバー時の色を少し濃く */
}




 /* 吹き出し全体のスタイル */
        .chat-container {
            display: flex;
            align-items: flex-start;
            width: 100%;
            
            margin: 10px;
        }

        /* アイコン画像 */
        .chat-icon {
            width: 30%;
            max-width: 130px; /* 必要に応じて調整 */
        }

        .chat-icon img {
            width: 100%;
            aspect-ratio: 1/1; /* 正方形を維持 */
            object-fit: cover;
            border-radius: 5px; /* 角を少し丸める */
        }

        /* 吹き出しのスタイル */
        .chat-bubble {
            width: 80%;
            background-color:#eeeeee  ; /* 薄い黄色 */
            padding: 10px 15px;
            border-radius: 10px;
            margin-left: 10px;
            position: relative;
            text-align: left;
            font-size: 16px;
            box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); /* 影を追加 */
        }

                .chat-bubble p {
padding: 0.2em 0;
margin: 0 !important;
        }

        /* 吹き出しの三角形 */
        .chat-bubble::before {
            content: "";
            position: absolute;
            top: 10px;
            left: -10px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 10px 0;
            border-color: transparent #eeeeee  transparent transparent;
        }


































                      @media screen and (max-width: 768px) {
                        .sp_size {display:inline;}
                        .pc_size {display:none;}

                        .sec01 .container{width: 100%;text-align: center;}
                        .sec02 .container{width: 100%;text-align: center;}
                        .sec03 .container{width: 100%;text-align: center;}
                        .sec04 .container{width: 100%;text-align: center;}
                        .sec05 .container{width: 100%;text-align: center;}
                        .sec06 .container{width: 100%;text-align: center;padding: 0;text-align: left;}
                        .contact .container{width: 100%;text-align: center;}
                        .cv .container{width: 95%;text-align: center;}



                        a:hover {text-decoration: none;}
                        img {width:100%;}
                        ul {margin:0;padding:0;list-style: none;}
                        h2{font-weight: bold;margin-bottom: 50pxfont-size: 2em}



                        .header{position: fixed;background-color: #fff;width: 100% !important;
                        z-index: 9999;
                        }



                        h3 {font-size:18px;}
                        h5 {font-size:20px;}
                        h6 {font-size:20px;}


                        .z1{height: 58px;margin: 0 auto;text-align: center;padding: 10px 0 0px 10px;border-bottom: 4px solid #013e92;}

                        .z2{text-align: left;padding: 0 0 0 1px;width: 100%;float: left;height: 48px;}
                        .z2 img{width: 250px;}

                        .z3{text-align: right;width: 65%;float: right;padding: 0;}
                        .z3 img{width: 100px;}

                        .z3 .tel img{width: 200px;}
                        .z3 .form img{width: 120px;}
                        .z3 .lineat img{width: 120px;}
                        .z3 #nav{float: right;}


                        .index01{background-color: #013e92;padding: 20px 0 20px 0;text-align: center;}
                        .index_1 img{width: 90%;}
                        .index_2 img{width: 60%;}
                        .index_3 img{width: 40%;}

                        .sec00{padding-top: 55px}
                        .sec000{padding: 10px 0 45px 0px;border-bottom: 4px solid #013e92;}
                        .sec000 img{width: 180px;}
                        .sec000_in img{width: 300px;}
                        .sec000_in{padding: 0 0 0 10px;}



                        .meyasu{width: 90%;border: 2px solid #013e92;padding: 0 0 10px 0;margin-top: 10px;background-color: #fff;}
                        .meyasu h2{background-color: #013e92;font-size: 1em;color: #fff;padding: 5px;}

                        .meyasu table{margin: 0 auto;margin-top: 30px;}
                        .meyasu th{padding: 10px 15px 2px 15px;border-bottom: 1px solid #c0c0c0;}

                        .meyasu td{padding: 10px 15px 2px 15px;border-bottom: 1px solid #c0c0c0;}
                        .meyasu p{margin: 10px 0 0 0;padding: 10px;}




                        .top_index{
                          position: absolute;
                          top: 45%;
                          left: 6%;
                          right: 0;
                          bottom: 0;
                          color:#fff;
                          filter: drop-shadow(1px 1px 4px  #696969);
                          font-size: 45px;
                        }

                        .t01{
                          position: absolute;
                          top: 110%;
                          left: 0;
                          right: 0%;
                          bottom: 0;
                          margin: auto;
                          width: 95%;
                          z-index: 50;
                          filter: drop-shadow(2px 2px 5px  #aaa);
                        }


                        .sec01{
                          padding: 30px 0 10px 0;
                          background-image: url("hougan.jpg");  /* 背景画像指定 */
                          text-align:center;
                          background-attachment: fixed;
                          background-repeat: repeat;
                          background-size:100%;
                          text-align: center;}


                          .cv{padding: 20px 0 20px 0;text-align: center;}
                          .cv p{font-size: 15px}
                          .cv .inner{padding: 10px;margin:0 auto;width:100%;overflow:hidden;text-align:center;}
                          .cv .inner h2{margin:5px 0 10px 0}

                          .cv1 {
                            width: 50%;
                            margin-top: 20px;}


                            .sec03 .row img{margin: 3px auto;filter: drop-shadow(2px 2px 5px  #aaa);}
                            .card_sp{width: 48%;display:inline-block;
                              display: inline;
                              vertical-align: middle;padding: 3px;margin: 0 auto;}



                              .sec03_in{
                                background-color: #fff;
                                padding: 20px;
                                margin: 20px 0;
                                filter: drop-shadow(2px 2px 5px  #aaa);
                                font-size: 1em

                              }




                              .footer-in th{border: 1px solid #c0c0c0;padding: 5px 20px;width:100%;display:block;text-align: center;background-color: #dcdcdc;}
                              .footer-in td{border: 1px solid #c0c0c0;padding: 10px 10px;width:100%;display:block;}





                              /*よくある質問　ボックス全体ーーーーーーーーーーーーー*/
                              .accbox {
                                margin: 0 0 30px 0;
                                padding: -1;
                                text-align: left;
                                width: 100%;/*最大幅*/
                              }

                              /*ラベル*/
                              .accbox label {
                                display: block;
                                padding : 10px 25px;
                                font-size: 15px;
                              }

                              /*ラベルホバー時*/
                              .accbox label:hover {
                                background :#85baef;
                              }

                              /*チェックは隠す*/
                              .accbox input {
                                display: none;
                              }

                              /*中身を非表示にしておく*/
                              .accbox .accshow {
                                height: 0;
                                padding: 0;
                                overflow: hidden;
                                opacity: 0;
                                transition: 0.8s;
                              }

                              /*クリックで中身表示*/
                              .cssacc:checked + .accshow {
                                height: auto;
                                padding: 20px 15px 20px 15px;
                                background: #eaeaea;
                                opacity: 1;
                              }


                              .sec05{padding: 10px 0 50px 0;}
                              .sec05 table{margin: auto;}
                              .sec05 th{display:block;width: 100%;padding: 10px 10px;border-bottom: 0px solid #c0c0c0;}
                              .sec05 img{width: 100%;}
                              .sec05 td{display:block;width: 100%;padding: 10px 20px;border-bottom: 1px solid #c0c0c0;margin-bottom: 20px;text-align: left;}
                              .sec05 p{margin: 10px}


                              .sec03{
                                background-size:100%;
                                text-align: center;}

                                .sec04{
                                  background-size:100%;
                                  text-align: center;}

                                  .y01{width: 30px;}



                                  .sec06 {
  background-color: #fff;
  padding: 20px;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 影の効果 */
}





                                  .text-center p {margin: 1px 0 10px 0;font-size: 12px;text-align: left;color: #fff;}
                                  .text-center2 p {margin: 1px 0 10px 0;font-size: 12px;text-align: center;color: red;}
                                  .contact {padding-bottom: 30px;background-color: #013e92;padding: 40px 0 30px 0;}
                                  .contact table {width:100%;background-color: #013e92;}
                                  .contact th {width:100%;display:block;padding:8px 12px;}
                                  .contact td {width:100%;display:block;}
                                  .contact th span {margin-left:8px;padding:3px 12px;font-size:12px;border-radius:5px;}
                                  .contact th span2 {margin-left:8px;padding:3px 12px;font-size:12px;border-radius:5px;}
                                  h2#fh2{color: #fff;font-size: 1.5em;}
                                  .btn-submit {padding:4px 30px;}

                                  .sub{font-size: 0.7em;color: ;display: block;color: #ffff00;}
                                  .footer table{width: 100%;}
                                  .footer {text-align: center;border-top:2px solid #000;padding:20px 0 20px 0;background-image: url("footer_b.png");}

                                  .footer p {margin: 10px 0 10px 0;font-size: 15px;}
                                  .footer-in{width: 100%;borderb-: 2px solid #fff;margin: 0 auto;padding: 10px;text-align: center;}
                                  .footer-in img{width: 70%;margin-bottom: 15px;}
                                  .footer .copy {text-align: center;border: 2px solid #000;background:#fff;color:#000;padding:0px 0;}
                                  .footer　.container{width: 100%;}
                                  .copy_og{text-align: center;padding:0px 0;margin-bottom: 15%;}
                                  .copy_og p{margin: 1px 0 1px 0;font-size: 10px;}
                                  .footer-box{text-align: center;}
                                  .footer-box a{font-size: 11px;}

                                  .in-pp{margin: auto;width: 95%;}
                                  .in-pp h1{text-align: center;margin: 40px;font-size: 25px;}


                                  .sp_banner {background-color: #fff;position: fixed;bottom:0;z-index:9999;padding:1px 1px;width:100%;text-align: center;filter: drop-shadow(12px 1px 3px  #aaa);}
                                  .sp_banner ul {width:100%;}
                                  .sp_banner li {display:inline-block;width:100%;}

                                  .contact a:hover{opacity:0.7}


                                  .sp_banner{background-color: #fff;padding:5px 0 5px 0;}
                                  .sp_banner .t_banner01{width: 31%;margin-left: 2px;}
                                  .sp_banner .t_banner02{width: 31%;margin-left: 2px}
                                  .sp_banner .t_banner03{width: 31%;margin-left: 2px}



                                  .inline_box {
                                    width: 100%;
                                    height: 100px;
                                    overflow: auto;
                                    background: #ffffff;
                                    border: 1px solid #cccccc;
                                    padding: 10px;
                                    margin: 5px 0 20px 0px;
                                    font-size: 0.7em;
                                    text-align: left;
                                  }

                                  .inline_box h3{font-size: 1.7em;text-align: center;border-bottom:1px solid #696969;padding-bottom: 5px;
                                  }
                                  .inline_box dt{border-bottom:1px solid #696969;
                                    padding: 0;font-size: 1.1em;
                                  }

                                  .p-text{color: #fff;}


 /* 吹き出し全体のスタイル */
        .chat-container {
            display: flex;
            align-items: flex-start;
            width: 100%;
            max-width: 500px;
            margin: 10px;
        }

        /* アイコン画像 */
        .chat-icon {
            width: 20%;
            max-width: 60px; /* 必要に応じて調整 */
        }

        .chat-icon img {
            width: 100%;
            aspect-ratio: 1/1; /* 正方形を維持 */
            object-fit: cover;
            border-radius: 5px; /* 角を少し丸める */
        }

        /* 吹き出しのスタイル */
        .chat-bubble {
            width: 80%;
            padding: 10px 15px;
            border-radius: 10px;
            margin-left: 10px;
            position: relative;
            text-align: left;
            font-size: 0.9em;
            line-height: 1.5;
        }

        /* 吹き出しの三角形 */
        .chat-bubble::before {
            content: "";
            position: absolute;
            top: 10px;
            left: -10px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 10px 0;
            
        }










                                  }/*@media screen and (max-width: 768px)終わりー*/






















































                                  .js-animation {
                                    opacity: 0;
                                    visibility: hidden;
                                    transform: translateY(30px);
                                    transition: all 1s;
                                    transition-delay:10ms;/*表示タイミング*/
                                    0% {-webkit-transform:translate(0, 0) rotate(-1deg);}
                                    50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
                                    100% {-webkit-transform:translate(0, 0)rotate(1deg);}

                                  }

                                  .left {transform: translate3d(-25%, 0, 0);}
                                  .left2 {transform: translate3d(-60%, 0, 0);}
                                  .right {transform: translate3d(50%, 0, 0);}
                                  .top {transform: translate3d(0, -20%, 0);}
                                  .delay {transition: all 1.5s ease;}
                                  .fast {transition: all 0.8 ease;}
                                .time1{transition-delay:100ms;/*表示タイミング*/}
                              .time2{transition-delay:150ms;/*表示タイミング*/}

                              .js-animation.is-show {
                                opacity: 1;
                                visibility: visible;
                                transform: translateY(0px);
                              }

                              .poyon {animation: poyon 1.1s linear 0s 1;}
                              @keyframes poyon {
                                0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
                                10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
                                20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
                                30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
                                40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
                                50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
                                60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
                                70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
                                100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
                              }

                              .yure {animation: yure 2.5s ease infinite;}
                              @keyframes yure {
                                0% {transform: translate(0px, 0px) rotateZ(0deg)}
                                20%  {transform: translate(0px, 0px) rotateZ(0deg)}
                                30%  {transform: translate(0px, 0px) rotateZ(0deg)}
                                40%  {transform: translate(0px, 0px) rotateZ(0deg)}
                                50%  {transform: translate(0px, 0px) rotateZ(0deg)}
                                60%  {transform: translate(-1px, 1px) rotateZ(-5deg)}
                                70%  {transform: translate(0px, 0px) rotateZ(0deg)}
                                80% {transform: translate(0px, 0px) rotateZ(0deg)}
                                90% {transform: translate(-1px, 1px) rotateZ(-5deg)}
                                100% {transform: translate(0px, 0px) rotateZ(0deg)}
                              }

                              .fluffy2 {animation: fluffy2 2.8s ease infinite;}
                              @keyframes fluffy2 {
                                0% { transform:scale(1) }
                                50% { transform:scale(1.08) }
                                100% { transform:scale(1) }
                              }


                              .fluffy3 {animation: fluffy3 1.7s ease infinite;}
                              @keyframes fluffy3 {
                                0% { transform:translateY(0) }
                                5% { transform:translateY(0) }
                                10% { transform:translateY(0) }
                                20% { transform:translateY(-3px) }
                                25% { transform:translateY(0) }
                                30% { transform:translateY(-3px) }
                                50% { transform:translateY(0) }
                                100% { transform:translateY(0) }
                              }


                              @-webkit-keyframes blink{
                                0% {opacity:0;}
                                100% {opacity:1;}
                              }
                              @-moz-keyframes blink{
                                0% {opacity:0;}
                                100% {opacity:1;}
                              }
                              @keyframes blink{
                                0% {opacity:0;}
                                100% {opacity:1;}
                              }





                              /* ビデオ */
                              .video-container {
                                position: relative;
                              }

                              .video-sidebar {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background-color: rgba(255, 255, 255, 0.8);
                              }

                              video {
                                width: 100%;
                              }

                              .video-container h1{
                                color: #ff3c47;
                                position: absolute;
                                top: 10%;
                                left: 0;
                                right: 20%;
                                bottom: 0;
                                margin: auto;
                                width: 15%;
                                z-index: 110;
                              }


/* 離脱防止ポップアップのスタイル */
#exit-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

#exit-popup.hidden {
  display: none;
}

.popup-container {
  position: relative;
  max-width: 400px; /* 画像の最大幅 */
  width: 90%;
}

.popup-container img {
  width: 100%;
  border-radius: 8px; /* 角を丸く */
}

#close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  font-size: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
}