@charset "utf-8";

    *{
        margin: 0px;
        padding: 0px;
    }

    a{
        text-decoration: none;
        color:#1f1d1c;
    }

    .body{
        margin: 0px;
        -webkit-text-size-adjust: 100%;
        background-color: #e4e1e1;
    }

    .container{
        /* background-color: #fffcd7; */
        background-image: url("../images/bg-index.png");
        background-repeat: no-repeat;
        background-position: center;
        max-width: 100%;
        padding-bottom: 10px;
        padding-top: 2rem;
    }

    .container-md{
        max-width: 100%;
    }

    .navbar{
      background-color:rgba(202, 202, 202);
  }

    .navbar-brand img{
        padding-bottom: 2px;

    }

    .navbar-companyname {
        
        text-shadow: 1px 1px 1px #ffffff,1px 1px 2px #ffffff;
        font-size: larger;
        font-weight: bold;
        margin-right: 2rem;
    }
    .nav-link{
        font-weight: bold;
    }

    .accordion-font{
        color: #ffffff;
        font-weight: bold;
    }

    .footer{
        /* margin:0 auto; */
        width: 100%;
        border-top: 4px solid rgb(102, 103, 104);
        background-color: rgb(202, 202, 202);
    }

    .footer-container{
      margin:0;
      max-width: 100%;
    }

    .footer-totop{
        padding-right: 30px;
    }

    .footer-copy{
        padding 18px 0;
        color:rgb(86, 83, 83);
    }

    .footer img{
        margin: auto;
        display: block;
        max-height: 72px;
        margin-bottom: 10px;
    }

    .footer-sns{
        margin: 20px 0;
        text-align: center; /* 中身を左右中央揃えで配置 */
    }

    .card{
        background-color: rgba(255, 255, 255, 0.80);
        border-radius:10px;
        margin: auto;
    }
    .rounded-end{
        border-radius: 10px;
    }

    .card-title{
        /* text-align: center; */
        font-size: large;
        margin-left: 2em;
    }

    .card-title2{
        font-size: medium;
    }

    .card-text{
        font-size: small;
        margin-left: 3em;
    }

    .card-text2{
        font-size: small;
    }

    .message{
        display: block;
        margin: auto;
    }

    .btn{
        color:#ffffff;
        font-weight: 500;
        background-color: #1f1d1c;
        border: 0;
        display: block;
        margin: auto;
        margin-bottom: 15px;
    }

    .message a:hover{
      background-color: rgba(52, 54, 54, 0.5);
    }

    .catch-message{
        font-size: medium;
        color: rgb(255, 255, 255);
        font-weight: 600;
        text-align: center;
        background-color: rgba(43, 43, 38, 0.75);
        padding:1em 1em 1em 1em;
        border-radius: 10px 10px 10px 10px;
    }

    .catch-message2{
        margin-top: 20px;
        margin-bottom: 0;
        font-size: small;
        color: rgba(96, 89, 81, 0.87);
        font-weight: 600;
        text-align: center;
        /* background-color: rgba(247, 247, 97, 0.572); */
        /* padding:1em 1em 1em 1em;
        border-radius: 10px 10px 10px 10px; */
    }
    
    .sub-message{
        font-size:small;
        color: rgb(212, 209, 209);
    }

    .btn{
        border-radius: 10px;
    }

    .specialnotes{
        border-top: 2px solid rgb(240, 136, 9);
        border-bottom: 2px solid rgb(240, 136, 9);
        padding-top: 10px;
        font-size: x-small;
    }

    /* 機種のカラーを設定する */

.color-text{
    font-size: xx-small;
}

.color-gold{
       color:rgba(249, 249, 200, 0.518);
}

.color-navy{
    color:darkblue;
}

.color-red{
    color: red;
}

.color-black{
    color:black;
}

.color-white{
    color:ghostwhite;
}

.color-silver{
    color: silver;
}

.color-lightblue{
    color:azure;
}

.color-lightpink{
    color:lightpink
}

.color-gray{
    color:rgb(135, 134, 134)    
}

/* スマホサイズに対応 */
@media(max-width:576px){

  .container{
    background-image: none;
    background-color: #e6e6e6;
  }

  .card{
      margin-top: 0.5em;
  }
  .card img{
      padding: 10px;
  }

  .card-title{
    /* text-align: center; */
    font-size: large;
    margin-left: 0;
}

.card-title2{
    font-size: medium;
}

.card-text{
    font-size: small;
    margin-left: 0;
}

.card-text2{
    font-size: small;
}

  .catch-message{
      font-size:medium;
      font-weight: 600;
      color: rgb(255, 255, 255);
      text-align: center;
  }

  .navbar{
    display: inline;
    text-align: left;
  }

  .navbar-brand{
    margin-right:0;
  }

  .navbar-companyname {
      text-decoration: none;
      color: #1f1d1c;
      font-size: medium;
      font-weight: bold;
  }

  .navbar-nctv-logo{
      height: 70px;
  }
  
  .btn{
      font-weight: 600;

  }
  .color-text{
      font-size:medium;
  }

  .sub-message{
      font-size:small;
      color: darkgray;
  }

  .navbar{
      background-color:rgb(202, 202, 202);
  }

  .footer-totop{
      padding-right: 10px;
  }

  .footer img{
      margin: auto;
      display: block;
      max-height: 72px;
      margin-bottom: 10px;
  }

}