@charset "utf-8";
body {-webkit-text-size-adjust: none;}
@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;}
  .sec03,.sec04,.sec05,.sec06,.sec07,.sec08,.sec09,
  {padding:0 0 80px;}
  .sec00{padding:0;}
  .sec00 a:hover{opacity:0.7}
  .sec01 {padding:10px 0;background-color: #fff5ee;}
  .contact{padding:0 0 80px;}
  h1{margin: 0;}
  .sec01 .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%;}
  .sec08 .container{width: 60%;}
  .sec09 .container{width: 60%;}
  .voice .container{width: 60%;}
.aimitu{text-align: center;background-color: #b0c4de;padding: 20px 0 15px 0;}
.aimitu img{width: 60%;}

  .contact .container{width: 60%;}
  .campaign_in{width: 60%;margin: 10px auto;}
  .campaign_in img{margin: 5px;}
  .campaign{width: 100%;padding: 10px 0 50px 0;}

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

  .cv{padding: 90px 0 100px 0;margin-top: 3px;background-image: url(cv_b2.jpg);background-size:cover;background-position:center bottom;}
  .cv .inner{margin:0 auto;width:60%;overflow:hidden;text-align:center;border: 0px solid #000;}
  .cv .inner h2{margin:45px 0 31px 0}
  .cv .inner ul{overflow:hidden;text-align: center;}
  .cv .inner ul li.tel{width: 100%;}
  .cv .inner ul li.form{width: 70%;margin: 5px auto;}

  .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}

  .sec03 h2{background:#f5f5f5;margin: 0 auto;text-align: center;}
  .sec03 h2 img{width: 20%;margin: 30px 0 0 ;}
  .sec03 span{font-weight: bold;text-decoration: underline;}

  .genre h2{width: 70%;margin: 0 auto;text-align: center;}
  .genre h2 img{width: 30%;margin: 30px 0 20px; }

  .sec05 h2{width: 70%;margin: 0 auto;text-align: center;}
  .sec05 h2 img{width: 30%;margin: 30px 0 20px; }

  .sec06 h2{width: 70%;margin: 0 auto;text-align: center;}
  .sec06 h2 img{width: 30%;margin: 30px 0 20px; }

  .sec08 h2{width: 70%;margin: 0 auto;text-align: center;}
  .sec08 h2 img{width: 30%;margin: 30px 0 20px; }

  .sec09 h2{width: 70%;margin: 0 auto;text-align: center;}
  .sec09 h2 img{width: 30%;margin: 30px 0 20px; }

  .contact h2{width: 70%;margin: 0 auto;text-align: center;}
  .contact h2 img{width: 30%;margin: 30px 0 0 }

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

  h4:after {content: "";position: absolute;left: 0;bottom: -12px;width: 100%;height: 7px;background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);}
  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;
  cursor :pointer;
  transition: all 0.5s;
border: 2px solid #c0c0c0;
border-width:2px 0 2px 0;

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


/*ラベルホバー時*/
.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: 15px 10px 40px 10px;
  background: #eaeaea;
  opacity: 1;
}


/* お客様の声　　吹き出し本体 ーーーーーーーーーーーーーーーー*/
.balloon1{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  color: #000;
  background-color: #e4fafd;
  margin: 50px 0 50px 210px;          /* 左に余白を設ける */
}
.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: -220px;
  top: 0;
  width: 30%;
}
/* 三角アイコン */
.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;
}

.other .header {position: static;}

.header {padding:0 0 10px 0;position: fixed;width:100%;z-index:9999;opacity:0.95;}
.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;}


.sec00 {padding:0px 0 0 0;}
.sec01 .text{width: 60%;margin: 0 auto;}
.sec01 .text2{width: 100%;margin: 10px auto;}

.sec03 {background:#f5f5f5;}
.sec03 img{padding: 10px 0 10px 0;}
.sec03_innner {border-radius:10px;background:#fff;border:2px solid #333;padding:10px 10px; text-align: center;
  margin-right:20px;margin-bottom:26px;box-shadow: 9px 9px #999;position: relative;}
  .sec03_innner img{width: 100%;padding:0;}
  .sec03_innner:last-child {margin-right:0;}
  .sec03_innner p{text-align: left;padding: 0 10px}

  .cp_card {
    position: relative;
    overflow: visible;
  }
  .cp_ribbon02 {
    width: 106px;
    height: 108px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    left: -6px;
  }
  .cp_ribbon02 .cp_ribbon {
    font-size: 1em;
    line-height: 1.2em;
    position: relative;
    top: 26px;
    left: -33px;
    width: 150px;
    padding: 7px 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-align: center;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: #FF9800;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  .cp_ribbon02 .cp_ribbon::before,.cp_ribbon02 .cp_ribbon::after {
    position: absolute;
    bottom: -4px;
    content: '';
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #EF6C00 transparent transparent transparent;
  }
  .cp_ribbon02 .cp_ribbon:before {
    left: 0;
  }
  .cp_ribbon02 .cp_ribbon:after {
    right: 0;
  }

  .sec04 {background:#e4fafd;padding: 50px 0 50px 0;}
  .sec04{padding: 10px 0 10px 0;}
  .sec04 h2{width: 100%;margin: 0 auto;text-align: center;}
  .sec04 h2 img{width: 100%;margin: 0 0 0 0 }

  .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: #0071bc;
    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;}

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

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

  .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;}

  .voice{padding: 30px 0 50px 0;}
  .sec08 li p {margin:16px 0 0;}
  .voice .pic{padding: 40px 70px 10px 70px;}
  .contact {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:5px 10px;
    vertical-align: middle;
    border-right:solid 1px #ddd;
    border-left:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    background-color:#f9f9f9;
  }

  .contact td {width:68%;padding:3px;border-bottom:solid 1px #ddd;}
  .contact th span {margin-right:7px;padding:3px 7px;background:#EF5989;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:6px;border:1px solid #ccc;padding:3px 2px;}
    .contact textarea {width:100%;border-radius:6px;border:1px solid #ccc;}
    .contact h2 {padding:14px 0;line-height:46px;}
    .contact select{width:100%;}


    .btn-submit {background:#f06a13;padding:8px 60px;color:#fff;font-size:18px;font-weight:bold;letter-spacing: 0.1em;
      border-radius:6px;border:2px solid #f06a13;display:block;margin-top:30px;}
      .btn-submit:hover {background:#fff;border:2px solid #f06a13;color:#f06a13;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 {border-top:2px solid #000; background:#0071bc;color:#fff;padding:20px 0 10px 0;}
        .footer p {margin: 10px 0 10px 0;font-size: 15px;}
        .footer-in{width: 50%;borderb-: 2px solid #fff;margin: 0 auto;padding: 10px;;background-color: #0071bc;}
        .footer-in img{width: 10%;margin-bottom: 10px;}
        .footer-in2{float: right;}
        .footer .copy {text-align: center;border: 2px solid #000;background:#fff;color:#000;padding:0px 0;}
        .footer　.container{width: 100%;}
        .copy_og{border: 1px solid #000;text-align: center;background:#fff;color:#000;padding:0px 0;}
        .copy_og p{margin: 1px 0 1px 0;font-size: 10px;}
        .footer a{color: #fff;text-decoration: underline;}
        .footer-box{background:#0071bc;text-align: center;}
        .footer td{padding-left: 10px;line-height: 1em;}
        .thanks{margin: 200px 0 100px 0;}

        .pc_banner {position: fixed;bottom:0;z-index:9999;;padding:0;width:70%;text-align: right;}
        .pc_banner .top_tel{width: 35%;margin: 0 0 0 100%;}
        .caution{background :#696969;padding:15px 10px 20px 10px;text-align: center;}
        .caution img{width: 60%;}

        .in-pp{margin: auto;width: 70%;margin-bottom: 100px;}
        .in-pp h1{text-align: center;margin: 50px;}
        .in-pp h2{
          background: transparent;
          padding: .2em .5em;
          margin: 40px 10px 10px 5px;
          color: #000;
          font-size: 20px;
          font-weight: bold;
          border-left: .2083em solid #2196F3;
          text-align: left;
        }

.cv_off{filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));}
        .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: -88%;
          left: 0;
          right: -51%;
          bottom: 0;
          margin: auto;
          width: 33%;
          z-index: 100;
        }

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

        .t3 {
          position: absolute;
          top: 27%;
          left: 0;
          right: 10%;
          bottom: 0;
          margin: auto;
          width: 27%;
          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:#007ab5;
          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: 20px;
          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: #007ab5;
          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;}













    @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{position: fixed;}
      .header .top_tel{margin-right:5px;width: 46%;float: right}
      .header .top_mail{width: 30%;}
      .campaign_in{width: 95%;margin: auto;}
      .campaign_in img{margin: 8px 0;}
      .campaign{width: 100%;padding: 10px 0 30px 0;background:#f5f5f5;}
      .aimitu{padding: 20px 0 15px 0;background-color: #b0c4de;}
      .aimitu img{width: 90%;}

      @-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;}
      }

      h2 {font-size:20px;padding:5px 0;margin-bottom:16px;}
      h3 {font-size:18px;}
      h4 {font-size:20px;}
      h5 {font-size:20px;}
      h6 {font-size:20px;}
      .contact-title {font-size:20px;font-weight:bold;}
.sec03{padding-bottom: 30px;}
      .sec03 h2{width: 75%;background:#f5f5f5;margin: 0 auto;text-align: center;}
      .sec03 h2 img{width: 80%;margin: 30px 0 0 ;}
      .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;}
      .sec04 h2{width: 100%;margin: 0 auto;text-align: center;}
      .sec04 h2 img{width: 100%;margin: 30px 0 0 0 }

      .sec05{padding: 10px 0 10px 0;text-align: center;}
      .sec05 h2{width: 70%;margin: 0 auto;text-align: center;}
      .sec05 h2 img{width: 80%;margin: 20px 0 20px 0 }

      .genre h2{width: 70%;margin: 0 auto;text-align: center;}
      .genre h2 img{width: 80%;margin: 30px 0 20px 0 }
      .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;}
      .sec06 h2{width: 70%;margin: 0 auto;text-align: center;}
      .sec06 h2 img{width: 80%;margin: 20px 0 20px 0 }

      .sec08{padding: 10px 0 10px 0;}
      .sec08 h2{width: 70%;margin: 0 auto;text-align: center;}
      .sec08 h2 img{width: 80%;margin: 20px 0 20px 0 }

      .sec09{padding: 10px 0 10px 0;}
      .sec09 h2{width: 70%;margin: 0 auto;text-align: center;}
      .sec09 h2 img{width: 80%;margin: 20px 0 20px 0 }

      .contact h2{width: 70%;margin: 0 auto;text-align: center;}
      .contact h2 img{width: 80%;margin: 20px 0 20px 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;}

      .sec01 .text{width: 60%;margin: 0 auto;}
      .sec01 .text2{width: 100%;margin: 10px auto;}

      .cv{padding: 30px 0 30px 0;margin-tosp: 0px;background-image: url(cv_b2.jpg);background-size:cover;background-position:center bottom; }
      .cv .inner{margin:0 auto;width:98%;overflow:hidden;text-align:center;border: 0px solid #000;}
      .cv .inner h2{margin:45px 0 31px 0}
      .cv .inner ul{overflow:hidden}
      .cv .inner ul li.tel{width: 100%;margin-bottom: 5px;}
      .cv .inner ul li.form{width: 65%;}
      .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}

      .sec01 .container{width: 100%;}
      .sec03 .container{width: 100%;}
      .sec04 .container{width: 100%;}
      .sec05 .container{width: 100%;}
      .genre .container{width: 100%;}
      .sec06 .container{width: 100%;}
      .sec09 .container{width: 100%;}
      .sec10 .container{width: 100%;}
      .sec11 .container{width: 100%;}
      .contact .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 :#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;
      }




      /* お客様の声　　吹き出し本体 ーーーーーーーーーーーーーーーー*/
      .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;}


        .sec00 {padding-top:0;}
        .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: #0071bc;
          text-align: center;
          padding: 10px 0 10px 0;
          font-size: 20px;
          font-weight: bold;
          color: #fff;
        }
        .sec04 li{margin:1px 5px 1px 5px;}

        .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;}


        .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;}
        .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;}
        .contact h2 {padding:14px 0;line-height:30px;}
        .btn-submit {padding:4px 30px;}

        .footer {border-top:2px solid #000; background:#0071bc;color:#fff;padding:10px 0 60px 0;}
        .footer p {margin: 10px 0 10px 0;font-size: 15px;}
        .footer-in{width: 100%;borderb-: 2px solid #fff;margin: 0 auto;padding: 10px;;background-color: #0071bc;}
        .footer-in img{width: 35%;margin-bottom: 5px;}
        .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;border: 1px solid #000;background:#fff;color:#000;padding:0px 0;}
        .copy_og p{margin: 1px 0 1px 0;font-size: 10px;}
        .footer-box{background:#0071bc;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;}

        .cv1 {
          position: absolute;
          top: -30%;
          left: 0;
          right: 100%;
          bottom: 0;
          margin: auto;
          width: 28%;
        }
        .cv2 {
          position: absolute;
          top: 19%;
          left: 0;
          right: -87%;
          bottom: 0;
          margin: auto;
          width: 12%;
        }



        .t1 {
          position: absolute;
          top: -88%;
          left: 0;
          right: -51%;
          bottom: 0;
          margin: auto;
          width: 43%;
          z-index: 100;
        }

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

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


        .sp_banner {position: fixed;bottom:0;z-index:9999;padding:1px 1px;width:100%;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;
        }




        }/*@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のグレーの枠線で囲む指定の場合*/
            }