@charset "utf-8";
body {-webkit-text-size-adjust: none;}
.sp_size {display:none;}
.container-fluid {padding:0;width: 100%;overflow:hidden;max-width: 1500px;}
.sec03,.sec04,.sec05,.sec06,.sec07,.sec08,.sec09,.sec10,.sec11
{padding:0 0 50px;}
.sec00{padding:0;padding-top:0px;}
.sec01 {padding:10px 0;}
.contact{padding:0 0 40px;}
.sec01 .container {width: 50%;}
.sec03 .container {width: 50%;}
.sec04 .container {width: 50%;}
.sec07 .container {width: 50%;}
.contact .container{width: 60%;}
.contact-title{margin-top: 120px;font-size: 30px;}
.container2 img{width: 60%;}

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

.text-center {margin-bottom:0px;font-size: 10px;}
.text-center2 {margin-bottom:30px;color: #FF0000;font-size: 13px;}
ul {margin:0;padding:0;list-style: none;}

button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}
.sub{font-size:30px;
  margin:0px 0 30px 0;
  text-align: center;
  font-weight:bold;
  color: #666666;
}

h2 span{color: #f06a13;}
h2 {font-size:45px;
  font-weight:bold;
  margin:50px 0 0 0;
  text-align: center;
}


h3 {font-size:35px;font-weight:bold;margin-bottom:20px;}
h4 {position: relative;margin-bottom:30px;display: inline-block;}
h4:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 7px;
  border-bottom: solid 3px #03467C;
}
h5 {
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #001868;
  border-bottom: 1px solid #001868;
  font-size:24px;
}

/* 「RightToLeft」の動作内容 */
@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

/* 「RightToLeft」を適用する箇所 */
h5 {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RightToLeft;/* アニメーション名 */
  animation-iteration-count: infinite;/* アニメーションの繰り返し（無限）*/
}


/* PC・タブレット表示（デフォルト） */
.custom-header {
  width: 100%;
  background-color: #fff;
  padding: 10px 0;
}

.custom-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}

.custom-header-left {
  flex-shrink: 0;
}

.custom-logo {
  height: 60px;
  width: auto;
}

.custom-header-right {
  display: flex;
  align-items: center;
  gap: 15px;
}

.custom-header-btn {
  height: 50px;
  width: auto;
  display: block;
}


/* ▼ スマホ表示（〜768px） */
@media (max-width: 768px) {
  .custom-header-inner {
    justify-content: center;
  }

  .custom-header-left {
    text-align: center;
    width: 100%;
  }

  .custom-logo {
    height: 40px;
  }

  .custom-header-right {
    display: none;
  }
}




.corona{padding: 10px 10px 10px 10px;border: 2px solid #D97A7A;width: 50%;margin: 0 auto;margin-top: 20px;}
.corona h2{margin: 10px;font-size: 1.2em;border-bottom:2px solid #D97A7A;color: #D97A7A;}
.corona p{margin: 5px;font-size: 0.8em;}











.cv{padding: 50px 0 20px 0;margin-top: 30px;}


.cv-buttons {
  max-width: 100%;
  margin: 30px auto;
  padding: 10px;
}

.cv-buttons-row.two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2カラムで横いっぱい */
  gap: 10px;
  margin-bottom: 10px;
}

.cv-buttons-row.full {
  text-align: center;
}

.cv-buttons-row a,
.cv-button a {
  display: block;
}

.cv-buttons-row img,
.cv-button img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}




  .cv2{width: 30%;margin: 0 auto;padding: 0px 0 30px 0;}
  .cv2 a:hover{opacity:0.7}













  .other .header {position: static;}

  .header {padding:10px 0 5px 0;position: fixed;background:#fff;width:100%;z-index:9999;opacity:0.95;}
  .header .container

  .header .row,.header .col {padding:0 5px 0 0;}
  .header .offset-md-4{padding:0 5px 0 0;}
  .header .logo {margin-top:3px;}
  .header a:hover img  {opacity: 0.8;}








  /* スライダー */
  .row00{
    display: -ms-grid;
    -ms-grid-columns: min-content;
  }

  .autoplay-slider {
    display: flex;
    min-width: 100%;
    width: min-content;
    animation: 100s linear infinite sliderAnimation;
  }



  .slide {
    height: 200px;
    width: 150px;
    background: #3486eb;
    border: 0px solid #000;
    margin: 0px;
    position: relative;
  }
  .row00 span {
    position: absolute;
    font-size: 3em;
    color: #fff;
    top: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
  @keyframes sliderAnimation {
    100% {
      transform: translateX(-80%);
    }
  }

  /*=== 画像の表示エリア ================================= */
  .slide {
    position   : relative;
    overflow   : hidden;
    /* 画像のサイズに合わせて変更ください */
    width      : 200px;
    height     : 150px;
    margin     : auto;      /* サンプルは中央寄せの背景：白 */
    margin-bottom: 0px;

  }

  /*=== 画像の設定 ======================================= */
  .slide img {
    display    : block;
    position   : absolute;
    /* 画像のサイズを表示エリアに合せる */
    width      : 200px;
    height     : 150px;
    left       : 100%;
    animation  : slideAnime 15s ease infinite;
  }

  /*=== スライドのアニメーションを段差で開始する ========= */
  .slide img:nth-of-type(1) { animation-delay: 0s }
  .slide img:nth-of-type(2) { animation-delay: 3s }
  .slide img:nth-of-type(3) { animation-delay: 6s }
  .slide img:nth-of-type(4) { animation-delay: 9s }
  .slide img:nth-of-type(5) { animation-delay: 12s }
  .slide img:nth-of-type(6) { animation-delay: 15s }

  /*=== スライドのアニメーション ========================= */
  @keyframes slideAnime{
    0% { left: 100%  }
    2% { left: 0     }
    18% { left: 0     }
    20% { left: -100% }
    100% { left: -100% }
  }















  .sec01 {background:#fff;}
  .sec01 img{
    margin-bottom: 35px;
  }

  .list01{
    width:70%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .banner {text-align: center;padding:40px 0;}
  .banner img {width:60%;}

  .sec02 {cover;padding:50px 0 180px;text-align:left;
    background-size:cover;background-image: url("sec2-bc.jpg");
  }

  .sec02 .container {position: relative;padding:0 0 180px;
    no-repeat center center;
  }

  .sec-c .container {position: relative;padding:30px 30px 10px;margin-top: 50px;no-repeat center center;
    width: 100%;
  }

  /*.sec02 .title {font-size:30px;text-align:left;margin-bottom:30px;border-bottom:5px solid #ffd014;display:inline-block;}
  */
  .sec02 .title {font-size:30px;text-align:left;
    font-weight:bold;
    margin-bottom:-123px;
    border-bottom:5px solid #ffd014;
    display:inline-block;
    position: absolute;
    font-size: 30px;            /* フォントサイズ指定 */
    top:  -40px;                    /* 上からの位置指定 */
    bottom:  70px;                 /* 下からの位置指定 */
    left:  21%;                   /* 左からの位置指定 */
    color: #000;
  }



  .top-box {
    position: relative;
  }

  .box-in01 {display: flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;
    top: 12%;
    left: 40%;
  }
  .box-in01 img{
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
    width: 70%;    /* 横幅を割合で指定 */
  }

  .box-in02 {display: flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;
    top: 40%;
    left: 15%;
  }
  .box-in02 img{
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
    width: 70%;    /* 横幅を割合で指定 */
  }

  .box-in03 {display: flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;
    top: 39%;
    left: 65%;
  }
  .box-in03 img{
    height: auto;  /* ←縦横比を維持する高さを自動計算 */
    width: 70%;    /* 横幅を割合で指定 */
  }

  .sec2 .container {position: relative;padding:0 0 260px;}

  .sec02 .col-md-7 {text-align: left;
    position: absolute;
    font-size: 10px;            /* フォントサイズ指定 */
    top:  50px;                    /* 上からの位置指定 */
    bottom:  30px;                 /* 下からの位置指定 */
    left:  20%;                   /* 左からの位置指定 */

  }

  .sec02 img {position: absolute;top:0;right:20px;width:58%;}
  .sec02 .tel {font-size:45px;font-weight:bold;color:#333;margin-right:10px;}
  .sec02 .tel .fas {margin-right:6px;}
  .sec02 .tel a {color:#000;}
  .sec02 .tel span {display:none;}

  .sec02 .btn_cta a {background:#f06a13;padding:2px 80px 10px;color:#fff;font-size:28px;font-weight:bold;letter-spacing: 0.1em;
    border-radius:8px;border:2px solid #f06a13;position: absolute;top:80px;margin-top:0;line-height:30px;}
    .sec02 .btn_cta a:hover {background:#fff;color:#f06a13;border:2px solid #f06a13;}
    .sec02 .btn_cta span {font-size:25px;background:none;color:#fff;padding:0;}
    .sec02 .btn_cta a:hover span {color:#f06a13;}

    .sec02 .btn_cta2 a {background:#00B900;padding:2px 80px 10px;color:#fff;font-size:28px;font-weight:bold;letter-spacing: 0.1em;
      border-radius:8px;border:2px solid #00B900;position: absolute;top:170px;margin-top:0;line-height:30px;}
      .sec02 .btn_cta2 a:hover {background:#fff;color:#00B900;border:2px solid #00B900;}
      .sec02 .btn_cta2 span {font-size:25px;background:none;color:#fff;padding:0;}
      .sec02 .btn_cta2 a:hover span {color:#00B900;}


      .sec02 ul {margin:-20px 0 0;padding:0;}
      .sec02 li {display:inline-block;}
      .sec02 .info {background:#fff;border:2px solid #001868;padding:6px 12px;
        text-align:center;color:#001868;font-weight:bold;font-size:18px;position: relative;line-height:22px;}

        .sec03 {background:#fff;padding:40px 0;}
        .sec03 img{margin: 10px 0 10px 0;}
        .sec03_innner {border:0px solid #333;padding:10px 5px; text-align: center;
          margin-right:20px;margin-bottom:26px;position: relative;}
          .sec03_innner:last-child {margin-right:0;}
        }
        .cp_card {
          position: relative;
          overflow: visible;

        }

        .sec03 h3 {
          font-size:20px;
          padding: .25em 0 .25em .75em;
          border-left: 6px solid #03467C;
          margin:30px;
        }




        .sec04 {background:#f9f9f9;padding:30px 0;}

        .sec04 dl {
          border: 2px solid #009244;
          border-radius: 5px;
          background: #fff;
          overflow: hidden;
          margin-bottom: 10px;
          padding: 0 0px 10px 0px;
          text-align: center;
          font-size: 0.8em;
        }


        .sec04 dl dd{padding: 10px 10px 10px 10px;}
        .sec04 dt{
          background-color: #009244;
          text-align: center;
          padding: 5px 0 5px 0;
          font-size: 1.2em;
          font-weight: bold;
          color: #fff;
        }

        .sec04 li{float: left;margin:3px 7px 3px 7px;}


        .sec05 {background:#f9f9f9;text-align: center;}
        .sec05_innner {border:3px solid #001868;padding:22px; text-align: center;margin-right:12px;}
        .sec05_innner:last-child {margin-right:0;}
        .sec05_innner p {text-align: left;}
        .sec05_innner h3 {border-bottom:1px solid #001868;padding-bottom:18px;}
        .sec05_innner img {height:200px;width:auto;}
        .sec05 ul {margin-bottom:16px;text-align: center;}
        .sec05 li {display:inline-block;background:#666;color:#fff;padding:8px 20px;margin-right:10px;}
        .sec05 li:last-child {margin-right:0;}
        .sec05 .comment {position: relative;}
        .sec05 .comment .comment_child {position: absolute;top:20%;right:20%;}
        .sec05 .comment .comment_child p {text-align:left;font-size:16px;border-bottom:3px dotted #f06a13;margin-bottom:12px;font-weight:bold;}
        .sec05 .big {font-size:32px;margin:60px 0 30px;border-bottom:5px solid #ffd014;display:inline-block;}
        .sec05 .text-center {margin-top:30px;}

        .sec06 {background:#fff;}
        .sec06_innner {padding:0 12px;margin-bottom:30px;}
        .sec06 .row {border-bottom:1px solid #ccc;padding:36px 0;}

        .sec07 {background:#f9f9f9;text-align: center;padding-top: 10px;}
        .sec07 img {padding:5px;}
        .sec07 .big {font-size:23px;margin:30px 0 0;;display:inline-block;color: #03467C;}
        .sec07_inner {margin-bottom:10px;}
        .sec07 h3 {padding:3px 0 3px 5px;
          text-align: left;font-size: 20px;
          margin: 80px 15% 5px 15%;
          font-weight: bold;
          border-left: solid 5px #03467C;
          background-position: right 10px;
        }
        .sec07 p{
          margin: 0 15% 30px 15%;
          text-align: left;
        }
        .sec08 {background:#f9f9f9;}
        .sec08 .container {padding:0;}
        .sec08 .sec08_inner {display:inline-block;background:#fff;text-align:center;
          border:1px solid #ccc;padding:12px;border-radius:6px;width:22%;}
          .sec08 .arrow {width:3%;display:inline-block;position: relative;}
          .sec08 .arrow .fas {position: absolute;bottom:100px;left:10px;}
          .sec08 li img {width:70%;}
          .sec08 li p {margin:16px 0 0;}

          .sec10_innner {margin-bottom:30px;}

          .sec11 {background:#e4fafd;}








  .tab-switch {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
  }

  .tab-switch button {
    padding: 10px 20px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
  }

  .tab-switch button.active {
    background-color: #c8e6c9;
    border-color: #4caf50;
    color: #2e7d32;
    font-weight: bold;
  }

  .form-section {
    display: none;
  }

  .form-section.active {
    display: block;
  }

  .checkbox-group label {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    background-color: #f8f8f8;
    margin-right: 5px;
  }

  
  .checkbox-group input[type="checkbox"] {
    display: none;
  }

  .checkbox-group input[type="checkbox"]:checked + label {
    background-color: #c8e6c9;
    border-color: #4caf50;
    color: #2e7d32;
    font-weight: bold;
  }

  .zipcode-row {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .zipcode-row input[type="text"] {
    width: 150px !important;
  }
  .zipcode-row button {
    padding: 9px 20px;
    background-color: green;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
  }
  .zipcode-row button:hover {
    background-color: #0056b3;
  }


.radio-toggle {
  display: flex;
  justify-content: center; /* 中央揃え */
  align-items: center;
  gap: 10px;
  width: 100%;
}

.radio-toggle input[type="radio"] {
  display: none;
}

.radio-toggle label {
  display: inline-block;
  width: 120px;
  padding: 10px 20px;
  background-color: #ccc; /* ← 未選択時：薄いグレー */
  color: #333;
  border-radius: 35px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  transition: background-color 0.3s, color 0.3s;
}

.radio-toggle input[type="radio"]:checked + label {
  background-color: #4caf50; /* 選択時：緑 */
  color: #fff;
}


.datetime-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center; /* ← これがポイント！ */
}

.datetime-wrapper select {
  padding: 0px 14px;
  font-size: 1em;
  height: 44px;
  border: 1px solid #ccc;
  border-radius: 6px;
  min-width: 100px;
}

.datetime-wrapper select + span {
  display: inline-block;
  line-height: 44px; /* セレクトと縦揃え */
}





.form-group {
  background-color: #e9f8ec; /* 薄いグリーン */
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #d0e6d6;
}
.form-group table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.form-group th {
  background: none;
  vertical-align: top;
  text-align: left;
  padding: 10px;
  width: 160px;
}
.form-group td {
  padding: 10px;
}










          .contact {text-align: center;}

          .contact table{
            border-collapse: collapse;
            border-spacing: 0;
            table-layout: fixed;
            width: 100%;
            
            width:100%;margin:0 auto;
          }
          .contact th {
            width: 250px;
            
            text-align: left;
            padding:5px 10px;
            vertical-align: middle;

            
          }

          .contact td {width:100%;padding:1em;}
          .contact th span {margin-right:7px;padding:3px 7px;background:#EF5989;color:#fff;font-size:12px;font-weight:normal;
            border-radius:1px;}
            .contact th span2 {margin-right:7px;padding:3px 7px;background:#009245;color:#fff;font-size:12px;font-weight:normal;
              border-radius:1px;
            }
            .contact input[type="text"] {width:100%;
             height: 40px; 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;}



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



                table{

                  border-spacing: 20px;
                  width: 100%;
                }

                table th{
                  
                  padding: 10px 5px;
                  width: 20%;
                  text-align: left;
                }

                table td{
                 
                  text-align: left;
                  padding: 10px 20px;
                }

                /*ナビゲーションバー*/
                .header ul{
                  display: table;
                  margin: 0 auto;
                  padding: 1px;
                  margin-top: 10px;
                  width: 100%;
                  text-align: center;
                  background-color: #03467C;
                  font-size: 12px;
                }

                .header ul li{
                  display: table-cell;
                  border-right: 1px solid #ddd;
                  min-width: 100px;
                }
                .header ul li a{
                  display: block;
                  width: 100%;
                  padding: 2px 0;
                  text-decoration: none;
                  color: #fff;
                  font-weight: bold;
                }
                .header ul li.current{

                  background-color: #DEEBF7;
                }
                .header ul li.current a{
                  color: #fff;
                }
                ul li:hover{
                  background-color: #fff;
                }

                .footer {background:#009245;font-size:12px;color:#fff;padding:10px 0;}
                .footer p {margin: 10px 0 0 0;font-size: 10px;}
                .footer-in{padding: 10px;background-color: #009245;}
                .footer-in img{width: 20%;margin-bottom: 10px;}
                .footer .copy {text-align: center;}

























                @media screen and (max-width: 768px) {

                  .sp_size {display:inline;}
                  .pc_size {display:none;}

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

                  .row {padding: 0 12px;}
                  .header .row {padding: 0 8px;}
                  .header .container {padding: 0 8px;}
                  .header .col-md {padding: 0;}
                  .header .logo {margin-top:3px;}

                  .sec01 .container {width: 100%;}
                  .sec03 .container {width: 100%;}
                  .sec04 .container {width: 100%;}
                  .sec07 .container {width: 100%;}
                  .contact .container{width: 100%;}
.cv-buttons .container{width: 100% !important;padding: 0;}

                  .radio-toggle {
  display: flex !important;
  justify-content: center !important; /* 中央揃え */
  align-items: center !important;
  gap: 10px;
  width: 100%;
}

.datetime-wrapper select {
  padding: 0px 14px;
  font-size: 1.3em;
  height: 44px;
  border: 1px solid #ccc;
  border-radius: 6px;
  min-width: 90px;
}




                  .sub{font-size:15px;
                    margin:0px 0 10px 0;
                    text-align: center;
                    font-weight:bold;
                    color: #666666;
                  }

                  h2 span{color: #f06a13;}
                  h2 {font-size:1.8em;
                    font-weight:bold;
                    margin:30px 0 0 0;
                    text-align: center;
                  }


                  h3 {font-size:18px;}
                  h4 {font-size:20px;}
                  h5 {font-size:20px;}
                  h6 {font-size:20px;}
                  .contact-title {font-size:20px;font-weight:bold;margin-top: 50px}
                  .sp_banner {position: fixed;bottom:0;z-index:9999;background: #fff;;padding:5px 1px;width:100%;text-align: center;}
                  .sp_banner ul {width:100%;}
                  .sp_banner li {display:inline-block;width:32%;}

                  .sp_banner .container{padding-right: 1px;
                    padding-left: 1px;
                    margin-right: auto;
                    margin-left: auto}

                    .header {padding:10px 0;position: relative;width:100%;}
                    .header .logo img {width:95%;margin-left:5px;}

                    .header li {display:inline-block;}
                    .head_btn .red {font-size:11px;margin:3px 0 0;}

                    .sec00 {padding-top:0;}
                    .sec00 .container{
                      width:100%;
                    }

                    .corona{padding: 5px 5px 5px 5px;border: 2px solid #D97A7A;width: 90%;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}
                    .corona h2{margin: 5px;font-size: 1em;border-bottom:2px solid #D97A7A;color: #D97A7A;}
                    .corona p{margin: 5px;font-size: 0.6em;}

                    .sec01 .container {padding:30px 8px;}
                    .sec01 img{
                      margin-bottom: 15px;
                    }
                    .sec01 h2{}
                      .list01{
                        width:90%;
                        margin: 0 auto;
                        margin-top: 30px;
                      }
                      .banner {text-align: center;padding:0px 8px 15px 8px;}
                      .banner img {width:100%;}

                      .top-box {
                        position: relative;
                      }

                      .box-in01 {display: flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;
                        top: 12%;
                        left: 40%;
                      }
                      .box-in01 img{
                        height: auto;  /* ←縦横比を維持する高さを自動計算 */
                        width: 90px;    /* 横幅を割合で指定 */
                      }

                      .box-in02 {display: flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;
                        top: 40%;
                        left: 15%;
                      }
                      .box-in02 img{
                        height: auto;  /* ←縦横比を維持する高さを自動計算 */
                        width: 90px;    /* 横幅を割合で指定 */
                      }

                      .box-in03 {display: flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;
                        top: 39%;
                        right: 15%;
                      }
                      .box-in03 img{
                        height: auto;  /* ←縦横比を維持する高さを自動計算 */
                        width: 90px;    /* 横幅を割合で指定 */
                      }

                      .cv{padding: 20px 0 20px 0;margin-top: 30px;}
                      .cv .inner{margin:0 auto;width:90%;overflow:hidden;text-align:center}
                      .cv .inner h2{margin:45px 0 31px 0}
                      .cv .inner ul{overflow:hidden}
                      .cv .inner ul li.tel{float:left;width: 49%;}
                      .cv .inner ul li.form{float:right;width: 49%;}
                      .cv .inner ul li.lineat{
                        clear:both;
                        text-align:center;
                        padding:10px 0 10px 0;}
                        .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}




                        /*=== 画像の表示エリア ================================= */
                        .slide {
                          position   : relative;
                          overflow   : hidden;
                          /* 画像のサイズに合わせて変更ください */
                          width      : 133px;
                          height     : 100px;
                          margin     : auto;      /* サンプルは中央寄せの背景：白 */
                          margin-bottom: 0px;

                        }

                        /*=== 画像の設定 ======================================= */
                        .slide img {
                          display    : block;
                          position   : absolute;
                          /* 画像のサイズを表示エリアに合せる */
                          width      : 133px;
                          height     : 100px;
                          left       : 100%;
                          animation  : slideAnime 15s ease infinite;
                        }



                        .sec02 span{color: #03467C;font-size: 15px; margin: 0 0 0px 10px;}
                        .sec02 {cover;padding:50px 0 10px;text-align:left;margin-bottom: 50px;
                          background-size:cover;background-image: url("sec2-bc-sp.jpg");}
                          .sec02 .container {position: relative;padding:0 0 260px;}
                          .col-md-7 .tel{font-size: 30px;}
                          .sec02 .title {font-size:20px;text-align: left;margin-bottom:-65px;
                            border-bottom:5px solid #ffd014;display:inline-block;
                            position: absolute;
                            font-size: 20px;            /* フォントサイズ指定 */
                            top:  -30px;                    /* 上からの位置指定 */
                            bottom:  30px;                 /* 下からの位置指定 */
                            left:  5%;                   /* 左からの位置指定 .sec02 {cover;padding:50px 0 180px;text-align:left;
                              background-size:cover;background-image: url("sec2-bc-sp.jpg")
                              .sec02 {background:#f9f9f9;padding:40px 0;}*/
                              color: #000;
                            }

                            .sec02 .col-md-7 {position: absolute;
                              text-align: centre;
                              position: absolute;
                              top:  35px;                    /* 上からの位置指定 */
                              bottom:  0px;                 /* 下からの位置指定 */
                              left:  1%;                   /* 左からの位置指定 */
                            }

                            /* .sec02 .title {font-size:18px;margin:0 12px;}
                            */
                            .sec02 .sec02_inner {position: relative;}
                            .sec02 img {display:none;}
                            .sec02 .tel {margin-right:0;padding:0;}

                            .sec02 .tel .fas {margin-right:0;}
                            .sec02 .btn_cta a {margin-left: 0px;padding:1px 30px 1px;font-size:18px;position: absolute;top:66px;line-height:24px;text-align: centre;}
                            .sec02 .btn_cta span {font-size:14px;padding:0;background:none;color:#fff;}

                            .sec02 .btn_cta2 a {margin-left: 0px;padding:1px 30px 1px;font-size:18px;position: absolute;top:140px;line-height:24px;}
                            .sec02 .btn_cta2 span {font-size:14px;padding:0;background:none;color:#fff;}

                            .sec02 ul {margin:-10px 0 0;padding:0;}
                            .sec02 .info {padding:6px 8px;font-size:14px;line-height:18px;}

                            .sec03_innner {text-align: left;margin-right:0;margin-bottom:20px;}

                            .sec03 .sub{}
                              .sec03 h3 {
                                font-size:17px;
                                padding: .25em 0 .25em .75em;
                                border-left: 6px solid #03467C;
                                margin:10px;
                              }
                              .sec03 .container {width: 100%;}


                              .sec04 {background:#f9f9f9;padding: 10px 0}

                              .sec05_innner {padding:20px 12px 12px;margin-right:0;margin-bottom:16px;}
                              .sec05 ul {margin-bottom:0;}
                              .sec05 li {font-size:14px;padding:3px 8px;margin-right:6px;margin-bottom:8px;}
                              .sec05 .big {font-size:18px;margin:40px 0 30px;}
                              .sec05 .text-center {margin-top:20px;}

                              .sec06_innner {padding:0 12px;margin-bottom:0;}
                              .sec06 .row {border-bottom:1px solid #ccc;padding:12px 0;}
                              .sec06 .col-md-4 {margin-bottom:18px;}

                              .sec07 {padding-top: 10px;}
                              .sec07 img {width:100%;padding:5px;}
                              .sec07 .big {font-size:20px;margin:0 12px 0;display:inline-block;}
                              .sec07_inner {margin-bottom:5px;}

                              .sec07 h3 {padding:3px 0 3px 5px;
                                text-align: left;font-size: 20px;
                                margin: 80px 0 5px 0;
                                font-weight: bold;
                                border-left: solid 5px #03467C;
                                background-position: right 10px;
                              }
                              .sec07 p{
                                margin: 0 0 10px 0;
                                text-align: left;
                              }





                              .sec08 .container {padding:0 12px;}
                              .sec08 .sec08_inner {padding:12px;width:47%;vertical-align: top;margin-bottom:12px;}
                              .sec08 .arrow {position: relative;}
                              .sec08 .arrow .fas {position: absolute;bottom:-100px;left:0;}
                              .sec08 li p {margin:16px 0 0;}
                              .sec08 li p br {display:none;}
                              .sec08 li:nth-child(4) {display:none;}
                              .sec08 li:first-child,.sec08 li:nth-child(7) {padding:12px 12px 35px;}

                              .sec10 {background:#fff;}
                              .sec10 .container {padding:12px 12px 0;}
                              .sec10_innner {padding:0;}

                              .contact table {width:100%;}
                              .contact th {width:100%;display:block;padding:3px 10px;margin-top: 1em;}
                              .contact td {width:100%;display:block;padding-top: 5px;}
                              .contact th span {margin-left:8px;padding:3px 12px;font-size:12px;border-radius:2px;}
                              .contact th span2 {margin-left:8px;padding:3px 12px;font-size:12px;border-radius:2px;}
                              .contact h2 {padding:14px 0;line-height:30px;}
                              .btn-submit {padding:4px 30px;}

                              .contact2 table {width:100%;}
                              .contact2 th {width:100%;display:block;padding:3px 12px;}
                              .contact2 td {width:100%;display:block;}
                              .contact2 td {width:100%;padding:2px;c #ddd;padding:3px 12px;font-size: 13px;}
                              .contact2 th span {margin-left:12px;padding:3px 12px;background:#f06a13;color:#fff;font-size:12px;font-weight:normal;
                                border-radius:4px;}

                                table{

                                  border-spacing: 20px;
                                  width: 100%;

                                }

                                table th{
                                  
                                  padding: 10px 5px;
                                  width: 100px;
                                  text-align: left;
                                  font-size:13px;
                                }

                                table td{
                                  
                                  text-align: left;
                                  padding: 10px 5px;
                                  font-size:13px;
                                }


                                .cv2 {width: 80%;margin: 0 auto;padding: 0px 0 30px 0;}
                                .cv2 a:hover{opacity:0.7}


                                .footer {background:#009245;font-size:12px;color:#fff;padding:10px 0;}
                                .footer p {margin: 10px 0 0 0;font-size: 10px;}
                                .footer-in{padding: 0px;background-color: #009245;}
                                .footer-in img{width: 40%;margin-bottom: 10px;}
                                .footer .copy {text-align: center;margin: 5px 0 50px 0;}
                                .footer .container .footer-in{width: 100%;}


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



                                /*
                                transform: translate3d(-10%, 0, 0); 左から
                                transform: translate3d(10%, 0, 0);　右から
                                transform: translate3d(0, 100%, 0);下から
                                transform: translate3d(0, -100%, 0);上から
                                */


                                .js-animation {
                                  opacity: 0;
                                  visibility: hidden;
                                  transform: translateY(40px);
                                  transition: all 1s;
                                  transition-delay:30ms;/*表示タイミング*/

                                }

                                .left {transform: translate3d(-5%, 0, 0);}
                                .right {transform: translate3d(5%, 0, 0);}
                                .top {transform: translate3d(0, -70%, 0);}
                                .delay {transition: all 2s ease;}
                                .fast {transition: all 0.8 ease;}

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