@charset "utf-8";
body {-webkit-text-size-adjust: none;text-align: center;}
@font-face {font-family: 'font_woff2';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;}

  .sec01,.sec02,.sec03,.sec04,.sec05,.sec06,.sec07,.sec08,.sec09,.contact
  {padding:40px 0px;}

  .sec00{padding:0;}
  .sec00 a:hover{opacity:0.7}

  {padding:0 0 80px;}
  h1{margin: 0;}
  h2 img{width: 40%;margin: 40px 0 20px 0;}


  .sec01 .container{width: 60%;}
  .sec02 .container{width: 60%;}
  .sec03 .container{width: 60%;}
  .sec03 .container{width: 60%;}
  .sec04 .container{width: 60%;}
  .genre .container{width: 60%;}
  .sec05 .container{width: 60%; padding-bottom: 40px;}
  .sec06 .container{width: 60%;}
  .sec07 .container{width: 60%;}
  .sec08 .container{width: 60%;}
  .sec09 .container{width: 60%;}
  .contact .container{width: 60%;}
  .pr01 .container{width: 60%;}

  a:hover {text-decoration: none;}
  img {width:100%;}
  .text-center {margin-bottom:3px;}



  .header-2 {
    box-sizing: border-box;
    width: 100%;
  }

  .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 900px;
    height: 50px;
    padding: 1.8em 0.8em;
    margin: 0 auto;
    font-size: 1.2em;
  }

  .logo img {
    width: 40px;
  }

  #logo{width: 200px}
  #ddd{width: 200px;}







  .grad-btn {
    /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
  }
  .grad-btn::before {
    content: "すべてを見る"
  }
  .grad-item {
    position: relative;
    overflow: hidden;
    height: 800px; /*隠した状態の高さ*/
  }
  .grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px; /*グラデーションで隠す高さ*/
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    content: "";
  }
  .grad-trigger {
    display: none; /*チェックボックスは常に非表示*/
  }
  .grad-trigger:checked ~ .grad-btn::before {
    content: "閉じる" /*チェックされていたら、文言を変更する*/
  }
  .grad-trigger:checked ~ .grad-item {
    height: auto; /*チェックされていたら、高さを戻す*/
  }
  .grad-trigger:checked ~ .grad-item::before {
    display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
  }






  ul {margin:0;padding:0;list-style: none;}


  .cv{padding: 50px 0 50px 0;background-color: #F48931;}
  .cv img{padding: 3px;}
  .cv .inner{margin:0 auto;width:60%;overflow:hidden;text-align:center;border: 0px solid #000;}
  #cv_text{margin-bottom: 20px;}
  .cv .inner ul{overflow:hidden}
  .cv .inner ul li.tel{float:left;width: 100%;}
  .cv .inner ul li.form{float:left;width: 48%;margin: 0 5px 0 5px;}
  .cv .inner ul li.lineat{width: 48%;float: right;margin: 0 5px 0 5px;}
  .cv .inner ul li a{opacity:1;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear}
  .cv .inner ul li a:hover{opacity:0.7}

  .sec00 {padding:0px 0 0 0;}

  /* スライド */
  .s_text {
    /* 枠の大きさ */
    border: solid 0px; /* 枠線 */
    padding: 0px;        /* 枠線の内側の余白 */
    overflow : hidden; /* 枠からはみ出た部分を非表示 */
    padding: 5px 0 0px 0;font-weight: bold;
    background-color: #F48931;
    color: #fff;
  }
  .s_text p{
    display : inline-block;  /* 必須 */
    padding-left: 100%;    /* 右端から文字をスタートさせるため */
    white-space : nowrap; /* 改行が起こらないように対策 */
    line-height : 0em;         /* 行間（高さ）を1文字分にする */
    animation : scroll 15s linear infinite; /* 下のアニメーションを10秒かけて行い、それをくりかえす */

  }

  .s_text p span{background:linear-gradient(transparent 70%, #ff1493 0%);}

  /* アニメーション（右から左に移動） */
  @keyframes scroll{
    0% {
      transform: translateX(0)
    }
    100% {
      transform: translateX(-100%)
    }
  }


  .sec01{text-align: center;}
  #ion{margin-bottom: 1.5em;}
  .yobou{background-size: auto auto;
    background-color: rgba(135, 206, 250, 1);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0, 191, 255, 1) 2px, rgba(0, 191, 255, 1) 4px );
    padding: 0.7em;
  }



.vid{text-align: center;padding: 15px 0 15px 0;}
.vid p{margin-bottom: 0;font-weight: bold;}
.d_block{margin-top: 0;width: 95%;border: 7px solid #000;border-radius: 3px;}

.d_block2{margin-top: 0;width: 100%;border-radius: 50px;}



  .sec02{background-color: #FFFAE2;}
  .sec03{}
    .sec04{background-color: #FFFAE2;}
    .area0{padding: 0px;text-align: center;margin-bottom: 20px;}
    .area{width: 49%;padding: 10px;margin: 0px;display: inline-block;vertical-align:  top;}
    .area2{width: 49%;padding: 10px;margin: 0px;display: inline-block;vertical-align:  top;}
    .area p{text-align: left;margin: 0px;}
    .area .text{width: 70%;margin: 20px 0 20px 0;}
    .area span{background-color:#ffc0cb;font-weight: bold;}

    .sec04 dl {
      border: 2px solid #000;
      border-radius: 5px;
      background: #fff;
      overflow: hidden;
      margin-bottom: 30px;
      padding: 0 0px 20px 0px;
      text-align: center;
    }

    .sec04 dl dd{padding: 10px 10px 20px 10px;}
    .sec04 dt{
      background-color: #F48931;
      text-align: center;
      padding: 10px 0 10px 0;
      font-size: 20px;
      font-weight: bold;
      color: #fff;
    }
    .sec04 li{float: left;margin:3px 10px 3px 10px;}






    .sec05{}









      .sec06{}



        /*申込フォームーーーーーーーーーーーーー*/
        .contact {background-color: #FFFAE2;text-align: center;}
        .contact table{
          border-collapse: collapse;
          border-spacing: 0;
          table-layout: fixed;
          width: 100%;
          border:solid 1px #ddd;
          width:100%;margin:0 auto;
        }
        .contact th {
          width:45%;
          text-align: left;
          padding:15px 10px;
          vertical-align: middle;
          border-right:solid 1px #ddd;
          border-left:solid 1px #ddd;
          border-bottom:solid 1px #ddd;
          background-color:#f9f9f9;
        }

        .contact td {background-color: #fff;width:68%;padding:3px;border-bottom:solid 1px #ddd;font-size: 1.1em;}
        .contact th span {margin-right:7px;padding:3px 7px;background:#F48931;color:#fff;font-size:12px;font-weight:normal;border-radius:5px;}
        .contact th span2 {margin-right:7px;padding:3px 7px;background:#0071bc;color:#fff;font-size:12px;font-weight:normal;
          border-radius:5px;}
          .contact input[type="text"] {width:100%;border-radius:4px;border:1px solid #ccc;padding:10px 2px;}

          .contact textarea {width:100%;border-radius:6px;border:1px solid #ccc;height: 180px;}

          .contact select{width:100%;padding:10px 10px;border:1px solid #ccc;border-radius:4px;}


          .btn-submit {background:#F48931;padding:8px 60px;color:#fff;font-size:18px;font-weight:bold;letter-spacing: 0.1em;
            border-radius:6px;border:2px solid #F48931;display:block;margin-top:30px;}
            .btn-submit:hover {background:#fff;border:2px solid #F48931;color:#F48931;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;}








              /*会社概要ーーーーーーーーーーーーー*/

              .sec07 table{
                font-size: 0.8em;
                border-collapse: collapse;
                border-spacing: 0;
                table-layout: fixed;
                width: 100%;
                border:solid 1px #ddd;
                width:100%;margin:0 auto;
                text-align: left;
                padding:10px;

              }
              .sec07 th {
                width:45%;
                text-align: left;
                padding:10px;
                vertical-align: middle;
                border-right:solid 1px #ddd;
                border-left:solid 1px #ddd;
                border-bottom:solid 1px #ddd;
                background-color:#f9f9f9;
              }

              .sec07 td span {font-weight: bold;display: block;margin-top: 10px;}

              .sec07 td {width:68%;padding:3px;border-bottom:solid 1px #ddd;padding:10px;}
              .sec07 th span {margin-right:7px;padding:3px 7px;background:#EF5989;color:#fff;font-size:12px;font-weight:normal;border-radius:5px;}
              .sec07 th span2 {margin-right:7px;padding:3px 7px;background:#0071bc;color:#fff;font-size:12px;font-weight:normal;
                border-radius:5px;}

                .sec07 .kj{display: inline;}



                .sec08{}

                  .sec_cv{padding: 40px;text-align: center;}

                  /*よくある質問　ボックス全体ーーーーーーーーーーーーー*/
                .accbox {text-align: left;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;
                  cursor :pointer;
                  transition: all 0.5s;
                  border: 2px solid #c0c0c0;
                  border-width:2px 0 2px 0;

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


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

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

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

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


                  .sec09{}

                    .sec09 .koe_in img{
                      float: left;width: 150px;padding: 0 10px 0 0;
                    }

                    .sec09 section::after{
                      content: "";
                      display: block;
                      clear: both;
                    }
                    .s9_in{border: 2px solid #000;padding: 10px;border-radius: 5px;text-align: left;}


                    .sec09 h2{
                      font-size: 1.2em;font-weight: bold; text-decoration: underline;
                    }

                    .sec09 p{font-size: 1em;}
                    .koe_in{border: 2px solid #000;padding: 10px 10px 0 10px;border-radius: 5px;margin-bottom: 15px;}





                    .footer {background:#F48931;color:#fff;padding:5px 0 5px 0;}

                    .copy_og{padding: 0;font-size: 0.8em}

                    .topb{margin: 30px;}


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

                    .p8 {
                      position: absolute;
                      top: -75%;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 70%;
                    }

                    .p7 {
                      position: absolute;
                      top: -60%;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 55%;
                    }


                    .p1 {
                      position: absolute;
                      top: -40%;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 75%;
                    }

                    .p2 {
                      position: absolute;
                      top: -20%;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 75%;

                    }

                    .p3 {
                      position: absolute;
                      top: 0%;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 75%;
                    }

                    .p4 {
                      position: absolute;
                      top: 20%;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 75%;
                    }

                    .p5 {
                      position: absolute;
                      top: 40%;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 75%;
                    }

                    .p6 {
                      position: absolute;
                      top: 60%;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      margin: auto;
                      width: 75%;
                    }



                    .cv1 {
                      position: absolute;
                      top: -30%;
                      left: 0;
                      right: 45%;
                      bottom: 0;
                      margin: auto;
                      width: 17%;
                    }


                    .cv2 {
                      position: absolute;
                      top: 21%;
                      left: 0;
                      right: -53%;
                      bottom: 0;
                      margin: auto;
                      width: 7%;
                    }

                    .banner img{width: 40%;}
                    .banner li{list-style: none;}

                    .t1 {
                      position: absolute;
                      top: 70%;
                      left: 0;
                      right: -50%;
                      bottom: 0;
                      margin: auto;
                      width: 15%;
                      z-index: 100;
                    }

                    .t2 {
                      position: absolute;
                      top: 70%;
                      left: 0;
                      right: -15%;
                      bottom: 0;
                      margin: auto;
                      width: 15%;
                      z-index: 10;
                    }

                    .t3 {
                      position: absolute;
                      top: 2%;
                      left: 0;
                      right: 30%;
                      bottom: 0;
                      margin: auto;
                      width: 30%;
                      z-index: 10;
                    }

                    *, *:before, *:after {
                      padding: 0;
                      margin: 0;
                      box-sizing: border-box;
                    }
                    ol, ul {
                      list-style: none;
                    }
                    a {
                      text-decoration: none;
                      color: inherit;
                    }
                    .cp_cont {
                      height: 65vh;
                    }
                    .cp_offcm04 {
                      position: absolute;
                      top: 0px;
                      left: 0px;
                      display: inline-block;

                    }
                    /* menu */
                    .cp_offcm04 .cp_menu {
                      position: fixed;
                      top: 0;
                      left: -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:#F48931;
                      opacity: 0.9;
                    }
                    .cp_offcm04 .cp_menu ul {
                      margin: 0;
                      padding: 0;
                    }
                    .cp_offcm04 .cp_menu li {
                      list-style: none;
                    }
                    .cp_offcm04 .cp_menu li a {
                      display: block;
                      padding: 10px;
                      text-decoration: none;
                      color: #ffffff;
                      border-bottom: 1px solid #ffffff;
                    }

                    .cp_offcm04 #cp_toggle04 {
                      position: absolute;
                      display: none;
                      opacity: 0;
                    }
                    .cp_offcm04 #cp_toggle04:checked ~ .cp_menu {
                      -webkit-transform: translateX(100vw);
                      transform: translateX(100vw);
                    }
                    /* menu toggle */
                    .cp_offcm04 #cp_toggle04 ~ 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_offcm04 #cp_toggle04:checked ~ label {
                      -webkit-transform: translateX(250px);
                      transform: translateX(250px);
                    }
                    .cp_offcm04 #cp_toggle04 ~ label::before {
                      font-family: 'Font Awesome 5 Free';
                      content: '\f0c9';
                      font-weight: 900;
                      font-size: 2em;
                      color: #fff;
                      background-color: #F48931;
                      padding: 7px;
                      opacity: 0.8;
                    }
                    .cp_offcm04 #cp_toggle04:checked ~ label::before {
                      content: '\f00d';
                    }
                    /* contents */
                    .cp_contents {
                      color: #333333;
                      text-align: center;
                    }





                    #page_top{
                      width: 100px;
                      height: 40px;
                      position: fixed;
                      right: 0;
                      bottom: 10px;
                      background: #007ab5;
                      opacity: 0.7;
                    }
                    #page_top a{
                      position: relative;
                      display: block;
                      width: 100px;
                      height: 40px;
                      text-decoration: none;
                    }

                    #page_top a::after{
                      content: '↑ PAGE TOP';
                      font-size: 14px;
                      font-weight: bold;
                      color: #fff;
                      position: absolute;
                      top: 10px;
                      bottom: 0;
                      right: 0;
                      left: 0;
                      margin: auto;
                      text-align: center;
                    }

                    .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(-10%, 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) }
                }





                /* 全体設定 */
                * {
                  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;
                }

                .campaign label{margin-bottom: 0px;}

                .campaign span{background-color:#ffc0cb;font-weight: bold;}

                .corona{margin-bottom: 10px;}

                .tiiki{text-align: center;}
                .tiiki p{text-align: left; padding: 0px 10px 0px 10px;}
                .tiiki img{margin:0px 0 10px 0;width: 90%;}



                .tiiki_comment{
                  position:relative;
                  padding:10px 10px;
                  text-align: left;
                  color: #ff4500;
                  border:2px solid #ff4500;
                  background: #fff5ee;
                  margin-bottom: 60px;
                  font-weight: bold;

                }

                .tiiki_comment::after{
                  content: "コメント";
                  position: absolute;
                  top: -12px;
                  left: 10px;
                  background: #fff5ee;
                  font-size: 15px;
                  color: #ff4500;
                  padding: 0 10px;
                  font-weight: bold;

                }

                .tiiki h3 {
                  text-align: center;
                  padding-top: 40px;
                }

                .tiiki h3 span{
                  position: relative;
                  display: inline-block;
                  padding-bottom:0.5em;
                  border-bottom: 1px solid black;
                }

                .tiiki h3 span::before,
                .tiiki h3 span::after {
                  position: absolute;
                  top: 100%;
                  left:50%;
                  transform:translateX(-50%);
                  content: '';
                  border: 10px solid transparent;
                }

                .tiiki h3 span::before {
                  border-top: 10px solid black;
                }

                .tiiki h3 span::after {
                  margin-top: -1px;
                  border-top: 10px solid #fff5ee;
                }



                .tiiki h4{
                  position: relative;
                  overflow: hidden;
                  padding-bottom: 5px;
                  font-size:16px;
                  text-align: left;
                  padding: 5px 10px 5px 10px;
                  font-weight: bold;

                }
                .tiiki h4::before,
                .tiiki h4::after{

                  content: "";
                  position: absolute;
                  bottom: 0;
                }
                .tiiki h4:before{
                  border-bottom: 4px solid #0071bc;
                  width: 100%;

                }
                .tiiki h4:after{
                  border-bottom: 4px solid #D8D8D8;
                  width: 100%;

                }

                .tiiki ul {margin:5px 0 15px 0;text-align: left;}
                .tiiki li {display:inline-block;background:#0071bc;color:#fff;padding:2px 4px;margin:2px;border-radius:6px;}
                .tiiki li:last-child {margin-right:0;}
                .tiiki span{;}



                .pr01{text-align: left;}
                .pr01 h2{font-size: 1.1em;border-bottom: 2px solid #000;font-weight: bold;}
                .pr01 h1{text-align: center;font-size: 1.4em;margin: 2em;font-weight: bold;}






















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

                  .sec01 {padding:0;}
                  .contact{padding:22px 0 0px;}
                  .sec01 img{padding: 0 10px 0 10px;}

                  .voice .pic{padding: 40px 5px 10px 5px;}
                  .voice .container{width: 95%;}
                  .voice p{text-align: left;}
                  .sec08 .container{width: 95%;}

                  .header{background-color: #fff;height: 55px;}



                  h2 {}
                    h2 img{width: 70%}
                    h3 {font-size:18px;}
                    h4 {font-size:20px;}
                    h5 {font-size:20px;}
                    h6 {font-size:20px;}
                    .contact-title {font-size:20px;font-weight:bold;}

                    .header-2 {
                      box-sizing: border-box;
                      width: 100%;

                    }

                    .header-inner {
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      height: 45px;
                      padding: 0.5em 0.2em;
                      margin: 0 auto;
                      font-size: 1.2em;
                    }

                    .logo img {
                      width: 40px;
                    }

                    #logo{width: 200px}
                    #ddd{width: 200px;}



                    .sec00 {padding-top:0;}




                    .sec03{padding-bottom: 30px;}

                    .sec03 h3 {margin: 30px 0 20px 0;width: 100%;}
                    .sec03 .row{padding: 0 20px 0 20px;}
                    .sec03 .row img{padding: 5px 10px 0 10px}
                    .sec03 img{padding: 10px 0px 20px 0px;}

                    .sec04{padding: 10px 0 10px 0;}


                    .sec05{padding: 10px 0 10px 0;text-align: center;}

                    .genre p{text-align: left; padding: 20px 10px 0px 10px;}
                    .genre img{margin:0px 0 20px 0;width: 90%;}

                    .genre {background:#f9f9f9;text-align: center;}
                    .genre ul {margin:15px 0 20px 0px 0;text-align: center;}
                    .genre li {display:inline-block;background:#0071bc;color:#fff;padding:2px 4px;margin:2px;}
                    .genre li:last-child {margin-right:0;}

                    .sec06{padding: 10px 0 10px 0;}


                    .area0{padding: 0px;text-align: center;margin-bottom: 20px;}
                    .area{width: 100%;padding: 10px;margin: 0px;display: inline-block;vertical-align:  top;}
                    .area2{width: 90%;padding: 10px;margin: 0px;display: inline-block;vertical-align:  top;}
                    .area p{text-align: left;margin: 0px;}
                    .area .text{width: 45%;margin:20px 0 0px 0;}


                    .cv{padding: 30px 0 30px 0;background-color: #F48931;}
                    .cv .inner{margin:0 auto;width:98%;overflow:hidden;text-align:center;border: 0px solid #000;}

                    .cv .inner ul{overflow:hidden}
                    .cv .inner ul li.tel{width: 100%;margin-bottom: 5px;}
                    .cv .inner ul li.form{float:left;width: 48%;margin: 0 3px 0 3px;}
                    .cv .inner ul li.lineat{width: 48%;float: right;margin: 0 3px 0 3px;}
                    .cv .inner ul li a{opacity:1;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-webkit-transition:all 200ms linear;transition:all 200ms linear}
                    .cv .inner ul li a:hover{opacity:0.7}

                    #cv_text{width: 90%;margin: 0}

                    .sec01 .container{width: 100%;}
                    .sec02 .container{width: 100%;}
                    .sec03 .container{width: 100%;}
                    .sec04 .container{width: 100%;}
                    .sec05 .container{width: 100%;}
                    .sec06 .container{width: 100%;}
                    .sec07 .container{width: 100%;}
                    .sec08 .container{width: 100%;}
                    .sec09 .container{width: 100%;}
                    .sec10 .container{width: 100%;}
                    .sec11 .container{width: 100%;}
                    .contact .container{width: 100%;}
                    .pr01 .container{width: 100%;}

                    .caution{background :#696969;padding:15px 10px 20px 10px;}
                    .caution img{width: 100%;}

                    /*よくある質問　ボックス全体ーーーーーーーーーーーーー*/
                    .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 :#ffcc99;
                    }

                    /*チェックは隠す*/
                    .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;
                    }




                    /* お客様の声　　吹き出し本体 ーーーーーーーーーーーーーーーー*/
                    .balloon1{
                      position: relative;
                      padding: 20px;
                      border-radius: 10px;
                      color: #000;
                      background-color: #e4fafd;
                      text-align: left;
                      margin: 5px 0 50px 15%;          /* 左に余白を設ける */
                    }
                    .balloon1 span{background-color:#ffff00;font-weight: bold;}

                    .balloon1 p{
                      font-weight:bold;
                      border-bottom: 2px solid #000;
                      margin: 0 0 10px 0
                    }
                    /* 画像 - 絶対配置で左上に配置 */
                    .balloon1 .icon{
                      position: absolute;
                      left: -21%;
                      top: 10px;
                      width: 20%;
                    }
                    /* 三角アイコン */
                    .balloon1::before{
                      content: '';
                      position: absolute;
                      display: block;
                      width: 0;
                      height: 0;
                      left: -15px;
                      top: 20px;
                      border-right: 15px solid #e4fafd;
                      border-top: 15px solid transparent;
                      border-bottom: 15px solid transparent;}



                      .sec01 .container {padding:10px 3px 10px 3px;}

                      .sec03_innner {text-align: center;;margin-right:0;margin-bottom:20px;}
                      .sec03_innner img{width: 90%;margin-bottom: 10px;}
                      .sec03_innner p{text-align: left;padding: 0 15px}


                      .sec04 {background:#f9f9f9;}
                      .sec04 dl {
                        border: 2px solid #000;
                        border-radius: 5px;
                        background: #fff;
                        overflow: hidden;
                        margin-bottom: 30px;
                        padding: 0 0px 20px 0px;
                        text-align: center;

                      }
                      .sec04 dl dd{padding: 10px 10px 20px 10px;}
                      .sec04 dt{
                        background-color: #F48931;
                        text-align: center;
                        padding: 10px 0 10px 0;
                        font-size: 20px;
                        font-weight: bold;
                        color: #fff;
                      }
                      .sec04 li{margin:1px 5px 1px 5px;}


                      .sec07 table{
                        font-size: 0.8em;
                      }

                      .sec07 td{width: 100%;}
                      .sec07 td span {font-weight: bold;display: block;margin-top: 10px;}

                      .sec07 tr,
                      .sec07 td,
                      .sec07 th {display:block;}
                      .sec07 th {width:auto;}




                      .sec08 .container {padding:0 12px;text-align: center;}
                      .sec08 .sec08_inner {padding:5px;width:70%;margin-bottom:12px;}

                      .sec08 li p {margin:16px 0 0;}
                      .sec08 li p br {display:none;}


                      .sec09{}

                        .sec09 .koe_in img{
                          float: left;width: 80px;padding: 0 10px 0 0;
                        }

                        .sec09 section::after{
                          content: "";
                          display: block;
                          clear: both;
                        }
                        .s9_in{border: 2px solid #000;padding: 10px;border-radius: 5px;text-align: left;}


                        .sec09 h2{
                          font-size: 1em;font-weight: bold; text-decoration: underline;
                        }

                        .sec09 p{font-size: 0.8em;}
                        .koe_in{border: 2px solid #000;padding: 10px 10px 0 10px;border-radius: 5px;margin-bottom: 15px;}

.koe_cv{text-align: center;margin:25px;}
.koe_cv a{background-color: #3AB54A;padding: 10px 25px;border-radius: 5px;font-weight: bold;color: #fff;}


                        .text-center p {margin: 1px 0 20px 0;font-size: 12px;text-align: left;}
                        .text-center2 p {margin: 1px 0 10px 0;font-size: 12px;text-align: center;color: red;}
                        .contact {padding-bottom: 30px;}
                        .contact table {width:100%;}
                        .contact th {width:100%;display:block;padding:8px 12px;}
                        .contact td {width:100%;display:block;padding: 7px 7px;}
                        .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;}

                        .btn-submit {padding:4px 30px;}

                        .footer {}


                          .sp_banner {position: fixed;bottom:20px;right: -3px;z-index:9999;padding:0px 0px;width:100px;text-align: center;}
                          .sp_banner ul {width:100%;}
                          .sp_banner li {display:inline-block;width:100%;}











                          .banner2 img{width: 70%;margin-top: 15px;}
                          .banner2 li{list-style: none;}

                          .banner3{width: 95%;margin: auto;padding-top: 10px;}

                          .banner img{width: 80%;}
                          .banner li{list-style: none;}
                          .contact a:hover{opacity:0.7}


                          /* 全体設定 */
                          * {
                            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: 90%;
                            height: 60%;
                            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: 95%;
                            text-align: center;
                            padding: 40px 0 15px 0;
                            list-style: none;
                          }





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

                          /* チェックされたらポップアップウインドウを開く */
                          #popup-on2:checked + .popup{
                            display: block;
                          }

                          /* チェックボックスの初期設定 */
                          #popup-on2{
                            display: none;
                          }

                          .tiiki h3 {
                            text-align: center;
                            padding-top: 40px;
                            font-size: 25px;
                          }





                          .t1 {
                            position: absolute;
                            top: 80%;
                            left: 0;
                            right: -78%;
                            bottom: 0;
                            margin: auto;
                            width: 20%;
                            z-index: 100;
                          }

                          .t2 {
                            position: absolute;
                            top: 80%;
                            left: 0;
                            right: -35%;
                            bottom: 0;
                            margin: auto;
                            width: 20%;
                            z-index: 10;
                          }

                          .t3 {
                            position: absolute;
                            top: 32%;
                            left: 0;
                            right: 30%;
                            bottom: 0;
                            margin: auto;
                            width: 68%;
                            z-index: 10;
                          }




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















                          .radio {
                            display: none;

                          }


                          .radio + .radio_image {
                            border: 3px #ffffff solid;
                            background-color: #ffffff;
                          }
                          .radio:checked + .radio_image {
                            border: 3px red solid;
                            background-color: #ff0000;
                            opacity: 0.6;


                          }

                          .top-banner{
                            display: flex;
                            flex-wrap:wrap;
                          }
                          .top-banner li {
                            width: calc(100%/2);/*←画像を横に2つ並べる場合*/
                            padding:0;/*←画像の左右に5pxの余白を入れる場合*/
                            box-sizing:border-box;
                          }
                          .top-banner li img {
                            max-width:100%; /*画像のはみだしを防ぐ*/
                            height: auto; /*画像の縦横比を維持 */
                            border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
                          }