@charset "utf-8";
/* CSS Document */



/*==============================
共通
==============================*/


.titleBox h2{
  color: #9aca3b;
}

.titleBox hr{
  background-color: #9aca3b;
}

.titleBox h3{ 
  color: #9aca3b;
}

#headWrap{
  background-image: url("../img/logiBack.jpg");
  border: 10px solid #9aca3b;
}

nav > ul:first-of-type li:nth-last-of-type(2){
  background-color: #9aca3b;
}

nav > ul:first-of-type li:last-of-type a{
  color: #9aca3b;
}

a.linkBtn::before{
  background: linear-gradient(to right, #9aca3b 0%, #9aca3b 50%, #ccc 50%, #ccc 100%);
}

#subNav{
  width: 100%;
  background-color: #f1f1f1;
  padding: 10px 20px;
}

#subNav > ul{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}

#subNav > ul li{
  margin-right: 20px;
  width: 100%;
  max-width: 200px;
}

@media screen and (max-width: 1000px){  
  #nav-open{
    background-color: #9aca3b;
  }
  
  nav{
    background-color: rgba(183,47,67,.5);
  }
}


@media screen and (max-width: 600px){
  #subNav > ul{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #subNav > ul li{
    width: 48%;
    margin-right: 0;
  }
}


/*==============================
メイン
==============================*/


/*==============================
レスポンシブ
==============================*/

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

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

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

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

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

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