@charset "UTF-8";

.mainContent .title{
  margin: 115px 0 60px;
  font-size: 50px;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05em;
  }
.mainContent .catch{
  margin-bottom: 120px;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.1em;
  }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .mainContent .title{
    margin: 10.268% 0 5.357%;
    font-size: 4.464vw;
    }
  .mainContent .catch{
    margin-bottom: 8.036%;
    font-size: 2.679vw;
    }
  .mainContent .text{
    width: 99.107%;
    margin-bottom: 8.036%;
    }
}

@media screen and (max-width: 768px){
  .mainContent .title{
    margin: 11.068% 0 5.208%;
    font-size: 6.510vw;
    }
  .mainContent .catch{
    margin-bottom: 11.068%;
    font-size: 3.906vw;
    }
  .mainContent .text{
    width: 89.583%;
    margin-bottom: 11.068%;
    }
}

.tabBox{
  display: flex;
  justify-content: center;
  min-width: 1110px;
  padding: 0;
  margin: 0 auto 120px;
  font-size: 0;
  text-align: center;
  }
.tabBox p{
  display: flex;
  background-color: #ddd;
  width: 156px;
  margin-left: 2px;
  }
.tabBox p a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 0 10px;
  font-size: 18px;
  color: #333;
  line-height: 1.222;
  -webkit-transition: all .5s;
  transition: all .5s;
  }
.tabBox p:first-child{
  margin-left: 0;
  }
.tabBox p.select{
  background-color: #c9b94f;
  color: #fff;
  cursor: default;
  pointer-events: none;
  }
.tabBox p a:hover{
  opacity: .7;
  }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .tabBox{
    min-width: 100%;
    margin-bottom: 10.714%;
    }
  .tabBox p{
    width: calc(100% / 7);
    font-size: 1.607vw;
    box-sizing: border-box;
    }
  .tabBox p a{
    font-size: 1.607vw;
    }
  .tabBox p:hover{
    opacity: 1;
    }
}

@media screen and (max-width: 768px){
  .tabBox{
    flex-wrap: wrap;
    width: 100%;
    padding-top: 11.719%;
    margin-top: -11.719%;
    margin-bottom: 11.333%;
    }
  .tabBox p{
    border-left: solid 1px #fff;
    width: calc(25% - 1px);
    margin-left: 0;
    margin-bottom: 0.260vw;
    }
  .tabBox p a{
    padding: 2.604vw 0 1.953vw;
    font-size: 3.125vw;
    }
  .tabBox p:nth-child(1),
  .tabBox p:nth-child(2),
  .tabBox p:nth-child(3){
    width: calc(100% / 3);
    }
  .tabBox p:first-child,
  .tabBox p:nth-child(4){
    margin-left: 0;
    }
}


.equipBox{
  width: 1110px;
  margin: 0 auto;
  -webkit-transition: all .5s;
  transition: all .5s;
  }
.equipBox.view{
  height: auto;
  opacity: 1;
  }

.equipBox h3{
  background-color: #333;
  padding: 10px 0 5px;
  margin-bottom: 30px;
  font-size: 23px;
  color: #fff;
  text-align: center;
  }
.equipBox .inner{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto 120px;
  font-size: 0;
  text-align: center;
  }
.equipBox .inner .item{
  width: 255px;
  padding: 0;
  margin-bottom: 25px;
  margin-right: 30px;
  font-size: 0;
  text-align: center;
  }
.equipBox .inner.col5 .item{
  width: 198px;
  }
.equipBox .inner.col4 .item.wide{
  width: 540px;
  margin-right: 0;
  }
.equipBox .inner.col5 .item.wide{
  width: 426px;
  margin-right: 0;
  }
.equipBox .inner.col4 .item:nth-child(4n){
  margin-right: 0;
  }
.equipBox .inner.col5 .item:nth-child(5n){
  margin-right: 0;
  }
.equipBox .inner .item .img{
  position: relative;
  margin-bottom: 8px;
  }
.equipBox .inner.col4 .item.wide .img{
  display: inline-block;
  width: 270px;
  }
.equipBox .inner.col5 .item.wide .img{
  display: inline-block;
  width: 213px;
  }
.equipBox .inner .item .img .cap{
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.5);
  padding: 3px;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  }
.equipBox .inner .item h4{
  margin-bottom: 4px;
  font-size: 19px;
  color: #bba932;
  line-height: 1.3;
  text-align: left;
  }
.equipBox .inner .item h4 .s{
  display: inline-block;
  margin-top: 2px;
  font-size: 14px;
  color: #bba932;
  }
.equipBox .inner .item .txt{
  font-size: 14px;
  letter-spacing: 0.04em;
  text-align: left;
  }
.equipBox .inner .item .txt .s{
  font-size: 12px;
  }


/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .equipBox{
    width: 99.107%;
    }

  .equipBox h3{
    padding: 0.901% 0 0.450%;
    margin-bottom: 2.703%;
    font-size: 2.054vw;
    }
  .equipBox .inner{
    margin-bottom: 10.811%;
    }
  .equipBox .inner .wrap{
    width: 22.973%;
    margin-right: 2.703%;
    }
  .equipBox .inner .item{
    width: 22.973%;
    margin-bottom: 2.252%;
    margin-right: 2.703%;
    }
  .equipBox .inner .wrap .item{
    width: 100%;
    margin-bottom: 8.843%;
    margin-right: 0;
    }
  .equipBox .inner.col5 .item{
    width: 17.838%;
    }
  .equipBox .inner.col4 .item.wide{
    width: 48.649%;
    }
  .equipBox .inner.col5 .item.wide{
    width: 38.378%;
    }
  .equipBox .inner .item .img{
    margin-bottom: 0.714vw;
    }
  .equipBox .inner.col4 .item.wide .img{
    width: 50%;
    }
  .equipBox .inner.col5 .item.wide .img{
    width: 50%;
    }
  .equipBox .inner .item .img .cap{
    font-size: 1.071vw;
    }
  .equipBox .inner .item h4{
    margin-bottom: 0.357vw;
    font-size: 1.696vw;
    }
  .equipBox .inner .item h4 .s{
    margin-top: 0.179vw;
    font-size: 1.25vw;
    }
  .equipBox .inner .item .txt{
    font-size: 1.25vw;
    }
  .equipBox .inner .item .txt .s{
    font-size: 1.071vw;
    }
}

@media screen and (max-width: 768px){
  .equipBox{
    width: 89.583%;
    }

  .equipBox h3{
    padding: 1.907% 0 1.180%;
    margin-bottom: 4.360%;
    font-size: 4.167vw;
    }
  .equipBox .inner{
    display: block;
    margin-bottom: 11.628%;
    text-align: left;
    }
  .equipBox .inner .wrap{
    display: inline-block;
    width: 100%;
    margin-right: 0;
    }
  .equipBox .inner .item{
    display: inline-block;
    width: 47.820%;
    margin-bottom: 4.360%;
    margin-right: 4.360%;
    vertical-align: top;
    }
  .equipBox .inner .wrap .item{
    width: 47.820%;
    margin-right: 4.360%;
    margin-bottom: 4.360%;
    }
  .equipBox .inner.col5 .item{
    width: 47.820%;
    }
  .equipBox .inner.col4 .item.wide{
    width: 100%;
    margin-right: 0;
    }
  .equipBox .inner.col5 .item.wide{
    width: 100%;
    margin-right: 0;
    }
  .equipBox .inner.col4 .item:nth-child(2n),
  .equipBox .inner.col4 .item:nth-child(4n){
    margin-right: 0;
    }
  .equipBox .inner.col4 .wrap .item{
    margin-right: 4.360%;
    }
  .equipBox .inner.col5 .item:nth-child(5n){
    margin-right: 4.360%;
    }
  .equipBox .inner.col5 .item:nth-child(2n),
  .equipBox .inner.col5 .item:nth-child(4n){
    margin-right: 0;
    }
  .equipBox.ent .inner.col4 .item:nth-child(2n),
  .equipBox.ent .inner.col4 .item:nth-child(4n){
    margin-right: 4.360%;
    }
  .equipBox.ent .inner.col4 .item:nth-child(2n+1){
    margin-right: 0;
    }
  .equipBox.ent .inner.col4 .wrap .item{
    margin-right: 0;
    }
  .equipBox.ent .inner .wrap .item:first-child{
    margin-right: 4.360%;
    }
  .equipBox .inner .item .img{
    margin-bottom: 1.042vw;
    }
  .equipBox .inner .item .img .cap{
    font-size: 2.604vw;
    }
  .equipBox .inner .item h4{
    margin-bottom: 1.302vw;
    font-size: 3.906vw;
    }
  .equipBox .inner .item h4 .s{
    margin-top: 0;
    font-size: 3.125vw;
    }
  .equipBox .inner .item .txt{
    font-size: 3.125vw;
    }
  .equipBox .inner .item .txt .s{
    font-size: 2.604vw;
    }
}


.equipBox .bnrBlk.useplus{
	margin-top: 50px;
}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
	.equipBox .bnrBlk.useplus{
		margin-top: 4.545%;
	}
}
@media screen and (max-width: 768px){
	.equipBox .bnrBlk.useplus{
		margin-top: 7.267%;
	}
}