@charset "UTF-8";

/*****index****************/

.tab-btn a {
  color: #6b8e23 !important;
  font-size: 1rem;
  text-decoration: initial !important;
}

.p-setumei-b{
  font-weight: bold;
  margin-bottom: initial !important;
}
.b-box{
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.hj-box-h{
  padding-left:1.5vw;
  padding-right: 1.5vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  background-color: #f8f8f8;
}
.hj-h2{
  font-size: 1.2rem;
  color: #c9171e;
}
.all-btn-h{
  background-color: #c9171e;
  text-decoration: initial !important;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  display: block;
  border-radius: 10px;
  font-size: 1.2rem;
}
.all-btn{
  background-color:#7ba4a8 !important;
}
.p-h3-r{
  font-size: 1.2rem;
  color: #c9171e;
  margin-top: 3vw;
  margin-bottom: 1vw;
  border-bottom: 3px solid #c9171e;
  width: fit-content;
}
.all-btn a{
  color: #FFF;
  text-decoration: none !important;
  font-size: 0.8rem;
}
.all-btn-box{
  text-align: end;
  padding-left: 3vw;
  padding-right: 3vw;
} 
.top-mg{
  margin-top: 3vw;
  margin-bottom: 3vw;
}
.relat{
  position: relative;
}
.tx-box{
  padding-left: 3vw;
  padding-right: 3vw;
}
.p-h1{
  font-weight: bold;
  font-size: 2rem;
}

.p-h2{
  color: #ccc;
  font-size: 1.5rem;
}
.p-h3{
  margin-top: 2vw;
  margin-bottom: 1.2vw;
  font-weight: bold;
  font-size: 1.2rem;
  color: #585858;
}
.p-setumei{
  font-size: 1rem;
}
.bana2{
  width: 100%;
  padding-left: 3vw;
  padding-right: 3vw;
  }
  
.toku{
  color:#c9171e ;
  font-size: 1rem;
}
.t-off{
  color:#c9171e ;
  font-size: 3rem;
  font-weight: bold;
  margin-left: 1vw;
}
.tyui{
  font-weight: bold;
  margin-bottom: initial !important;
}
.tab-content{
  margin-top: 3vw;
}
.poi{
  background-color: #6b8e23;
  color: #FFF;
  padding: 1.5vw;
  font-size:1.5rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1vw;
}
/*タブ*/
.nav-link.nav-link-d{
  background-color:  #f7f7f7 !important;
    font-size: 1.2rem;
    border: 1px solid  #6b8e23 !important;
    padding-top: 1vw;
    padding-bottom: 1vw;
    color: #6b8e23 !important;
    font-weight: bold;
    padding-left: 5vw;
    padding-right: 5vw;
}
.nav-link.nav-link-d:hover{
  background-color:  #6b8e23 !important;
    border: 1px solid  #6b8e23 !important;
    color: #FFF !important;
}
.nav-link.nav-link-d.active{
  color: #FFF !important;
    border: 1px solid  #6b8e23 !important;
    background-color:  #6b8e23 !important;
    padding-left: 5vw;
    padding-right: 5vw;
}
.nav-item-d{
  border-bottom: initial !important;
}
.tab-h2{
  font-size:1.2rem;
  width: 100%;
  padding-top: 1.5vw;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3vw;
}
.d-right-gg {
  display: inline-block;
  vertical-align: middle;
  color: #6b8e23;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.3em 0.5em;
  border-left-color: currentColor;
  border-right: 0;
  margin-right: 0.5vw;
}
.d-right {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.3em 0.5em;
  border-left-color: currentColor;
  border-right: 0;
  margin-right: 0.5vw;
}

.tab-btn{
   color: #6b8e23;
   font-size: 1rem;
   text-decoration: initial !important;
  
}

.tab-h3-2{
  font-size: 1rem;
  width: 100%;
  background:#f7f7f7;
  border: 1px solid #CCC;
  color: #000;
  text-align: center;
  padding: 1.5vw;
  font-weight: normal !important;
  margin-top: 1.5vw;
}
.tab-content>.active {
  background: #FFF;
  color: #000;
  padding: 3vw;
}

.step-left{
  border: 1px solid #CCC;
  padding: 2vw;
  margin-right: 1vw;
}

.step-right{
  border: 1px solid #CCC;
  padding: 2vw;
}
.step-no{
  font-size: 1rem;
  font-weight: bold;
  margin-right: 1vw;
}

.step-text{
  font-size: 1rem;
  margin-bottom: 0;
}
.step-box{
  border-bottom: 1px solid #CCC;
  padding-bottom: 1vw;
  padding-top: 1vw;
 }
 .al-red{
  color: #c9171e;
}
.s-hosyo::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 0 solid transparent;
  border-left: 8px solid #000;
}
.s-hosyo{
  margin-bottom: 0;
  margin-top: 0.5vw;
  margin-bottom: 0.5vw;
}

.step-box-end{
  padding-bottom: 1vw;
  padding-top: 1vw;
 }
 
.p-btn-wrap{
  font-size: 1rem;
}
.pd-box{
  padding-top: 1vw;
  padding-bottom: 1vw;
  
}
.wrap-p{
  background: #f7f7f7;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.nebi{
  padding-bottom: 1.5vw;
  padding-top: 1.5vw;
}
.rogo{
  position: absolute;
  top:1vw;
  left: 2vw;
  width: 5vw;
  z-index:2;
}

.img-border{
  border: 1px solid #CCC;
  width: 100%;
}

.pd-box-border{
  padding: 2vw;
  border: 1px solid #CCC;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/



/*1023px以下*/
@media screen and (max-width: 1023px){

}

/*990px以下index*/
@media screen and (max-width: 990px){
  .poi{
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  .top-mg{
    margin: initial !important;
    padding-left: 3vw;
    padding-right: 3vw;
    max-width: 100% !important;
  }
  
  }




/*834px以下index*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .p-h3 {
    font-weight: bold;
    font-size:1rem;
   }
   .rogo{
    width:8vw;
    left: 4vw;
    top: 4vw;
  }
  .tab-h2{
    font-size: 1.2rem;
  }

}


/*767px以下index*/
@media screen and (max-width: 767px){
  /*必要ならばここにコードを書く*/
.step-left{
  margin-right: initial;
  margin-bottom: 5vw;
}

.poi{
  font-size: 1.2rem;
}

}

/*650px以下*/
@media screen and (max-width: 650px){
 

}



/*575px以下*/
@media screen and (max-width: 575px){
 
 
}


/*480px以下 index*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  
  .top-mg{
    margin-top:10vw;
  }
  
    .pd-box{
      padding-top: 3vw;
      padding-bottom: 3vw;
      
    }


    .wrap-p{
      padding-top: 10vw;
      padding-bottom: 10vw;
      margin-top: 5vw;
    }
  


    .rogo{
      width: 10vw;
    }
    .p-h2{
      font-size: 1rem;
    }
    .p-h1{
      font-size:1.5rem;
    }
    .p-h3{
      font-size: 1.2rem;
    }
    .p-h3-r{
      font-size: 1.2rem;
    }
.nav-link.nav-link-d{
  font-size: 1rem;
  padding-left:1.5vw;
  padding-right: 1.5vw;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  margin-right: 1.5vw;
}
.nav-link.nav-link-d.active{
  font-size: 1rem;
  padding-left:1.5vw;
  padding-right: 1.5vw;
  margin-right: 1.5vw;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;

}
.all-btn-box{
  text-align: center;
}
}