@charset "UTF-8";
.m-bt{
  text-decoration: none !important;
  color: #000;
  border: 1px solid #000;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

.d-right-b {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  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;
}
.m-btn-box{
  text-align: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.w1-p-top{
  text-align: center;
  color: #fff;
  padding-top:3vw;
}
.h2-content-toku{
  font-size: 1.5rem !important;
  border-bottom: 3px ;
  text-align: center;
  margin-bottom: 5vw;
}
.h2-border-toku{
 border-bottom: 3px solid #01A58C;
 padding-bottom: 2vw;
 line-height: 2;
}

p{
  margin-bottom: 0 !important;
  font-size: 1.2rem;
}
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
  margin-top: 1vw;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: auto;
  height: 30vw;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  /*opacity: .2;*/
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

.h1-top{
  font-size: 1.5rem !important;
  text-align: center;
  color: #FFF;
}
.h2-top{
  font-size: 1.2rem !important;
  text-align: center;
  font-weight: initial;
  color: #FFF;
}
.h2-content{
  font-size: 1.5rem !important;
  border-bottom: 3px ;
}
.h2-border{
 border-bottom: 3px solid #01A58C;
 padding-bottom: 2vw;
 line-height: 2;
}
.wrap1{
  margin-top: 2vw;
  padding-top: 5vw;
  padding-bottom: 5vw;
  background-color: #01A58C;
}
.wrap2{
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.wrap3{
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.wrap4{
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.wrap7{
  background-color: #f8f8f8;
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.w7-p{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.w7-h2{
  font-size: 1.5rem;
  text-align: center;
  padding-top: 2vw;
  padding-bottom: 2vw;
} 
.w7-p{
  padding-bottom: 3vw;
}
.wrap8{
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.w8-p{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.w8-h2{
  font-size: 1.5rem;
  text-align: center;
  padding-top: 2vw;
  padding-bottom: 2vw;
} 
.w8-p{
  padding-bottom: 3vw;
}
.w8-h3{
  font-size: 1.5rem;
  padding-bottom: 2vw;
  color: #808080;
}
.content-box{
  margin-top: 5vw;
}
.img-sd{
  box-shadow:0px 2px 16px rgb(105 105 105 / 15%);
  border:1px solid #eee;
}
.img-border{
box-shadow: 0px 2px 16px rgb(105 105 105 / 15%);
    border: 1px solid #eee;
}
.nav-item-d{
  border-bottom: initial !important;
}
.nav-item-d:hover{
  border-bottom: initial !important;
}

.nav-link.nav-link-d.active:hover{
  border-bottom: initial !important;
}
.dan-btn-box{
  padding-top: 3vw;
  padding-bottom: 5vw;
  text-align: center;
}
.dan-btn{
  background-color: #01A58C;
  font-size: 1.2rem;
  border: 1px solid #01A58C;
  padding-top: 1.5vw;
  padding-bottom: 1.5vw;
  color: #FFF;
  font-weight: bold;
}
.dan-btn:hover{
border: 1px solid #01A58C;
color: #01A58C;
}
.nav-link-d{
  background-color: #01A58C;
  font-size: 1rem;
  border: 1px solid #01A58C;
  padding-top: 1vw;
  padding-bottom: 1vw;
  color: #FFF;
  font-weight: bold;
  padding-left: 2vw;
  padding-right: 2vw;
}
.nav-link-d:hover{
  background-color: #FFF;
  font-size: 1rem;
  border: 1px solid #01A58C;
  color: #01A58C;
}
.nav-link.nav-link-d.active{
  color: #FFF;
  border:1px solid #01A58C !important;
  background-color: #01A58C;
}
.nav-link.nav-link-d.active:hover{
  color: #01A58C;
  border:1px solid #01A58C !important;
  background-color: #FFF;
}
.wrap5{
  background-color: #eee;
  padding-top: 5vw;
  padding-bottom: 5vw;
}
.w5-h2{
  font-size: 1.2rem;
  text-align: center;
}
.w5-p{
  text-align: center;
}
.tab-container{
  padding-top: 3vw;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.nav-pills-d{
  padding-bottom: 3vw;
}
.tab-h2{
  font-size:1.5rem;
}
.dan-btn{
  width: 50%;
}
.dan-btn a{
  color: #FFF;
  text-decoration:none !important ;
}
.dan-btn a:hover{
  color: #01A58C;
  text-decoration:none !important ;
}
.img-wrap1{
  width: 100% !important;
}
.tab-content{
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 3vw;
}
.w5-h2{
  font-size: 1.5rem;
}
.w5-p{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top:5vw;
}
.tab-h2{
  font-size: 1.2rem;
}
.tab-p{
  padding-bottom: 2vw;
}
.tab-font{
  font-weight: bold;
}
.type-font{
  font-weight: bold;
}
.rogo{
  height: 5vw;
}
.rogo-box{
  padding-top: 3vw;
}
.btn-cd{
  background-color: #01A58C;
  color: #FFF;
  margin-top: 1vw;
  padding-top:0.5vw;
  padding-bottom: 0.5vw;
  padding-left: 1vw;
  padding-right: 1vw;
  border-radius: 5px;
  text-decoration: none;

}
.g-img{
  max-width:250px;
}
.h3-c{
  font-size: 1.2rem;
}
.card-box{
  padding-top: 3vw;
}
.wrap-card{
  padding-top: 5vw;
  padding-bottom: 5vw;
}
.card-text{
  font-size: 1rem;
}
.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;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*@media screen and (max-width: 1258px){
.wrapv-l{

}
}

/*1258px以下*/
/*@media screen and (max-width: 1258px){*/
  /*必要ならばここにコードを書く*/
  /*.wrap3-l:after{
    left: 15vw;
}
}
*/

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/


}

/*990x以下*/
@media screen and (max-width: 990px){
  /*必要ならばここにコードを書く*/

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

}