@charset "utf-8";



/*スマホ*/
@media screen and (max-width:750px){
.nav-primary li:nth-child(6)  {display: block;padding:20px 15px;color:#cfcfcf;border-top: 1px solid #ccc;height:auto;border-right: 1px solid #ccc;font-weight: 500;background: #fff; pointer-events: none;}
.plan2{width:100%;height:auto;margin:120px auto 0px auto;padding: 0px 0% 0 0%;text-align:center;}
.plan{width:100%;height:auto;margin:60px auto 0px auto;padding: 0px 0% 0 0%;text-align:center;}
.plantitle{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 0px 0%;text-align:center;}
.plan4{width:100%;height:auto;margin:0px auto 0px auto;padding: 30px 5% 20px 5%;text-align:center;}
.planbg{width:100%;height:auto;background-color:#dedad4;padding: 3% 0% 3% 0%;margin:5% auto 0px auto;}
.plan5{width:100%;height:auto;margin:6% auto 0% auto;padding: 0px 0% 0px 0%;text-align:center;}
.hanrei{width:100%;height:auto;margin:4% auto 5% auto;padding: 0px 0% 0px 0%;text-align:center;}
.btnList {
    width:80%;
    margin: 2rem auto 0rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.btnList li{
	width: 100%;
    margin-bottom: 15px;
}

.btnList li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #59607c;
    letter-spacing: 0.1rem;
    line-height: 3;
    text-decoration:none; 
    transition: .3s all;
}

.btnList li a:hover {opacity: 0.8;}
	
	
	
	
.plan1{width:90%;height:auto;margin:0px auto 0px auto;padding: 10px 0% 30px 0%;text-align:center;}
.plan2{width:90%;height:auto;margin:0px auto 0px auto;padding: 10px 0% 30px 0%;text-align:center;}
.plan6{width:90%;height:auto;margin:0px auto 0px auto;padding: 10px 0% 30px 0%;text-align:center;}
.plan8{width:90%;height:auto;margin:0px auto 0px auto;padding: 10px 0% 30px 0%;text-align:center;}
	
.planfont{width:90%;height: auto;margin: 20px auto 0px auto;padding: 10px 0px 0px 0px;color:#000;letter-spacing:0px;text-align:center;font-size:110%;line-height: 170%;}
.plancap{width:100%;height: auto;margin: 10px auto 0px auto;padding: 0px 0px 0px 0px;color:#000;letter-spacing:0px;text-align:left;font-size:70%;line-height: 160%}
.plancap2{width:100%;height: auto;margin: 0px auto 0px auto;padding: 10px 3% 0px 2%;color:#000;letter-spacing:0px;text-align:left;}
}


/*PC*/
@media screen and (min-width:751px){

.plann{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 30px 0%;text-align:center;}
.plan{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 30px 0%;text-align:center;}
.plan {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 70px 0% 0px 0%;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.plan::before,
.plan::after {
  content: '';
  position: absolute;
  left: 0;top:50%;
  width: 100%;
  height: 100%;
  background-image: url('../equipment/img/bg2.png'); 
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: -1;
}

.plantitle{width:100%;height:auto;margin:40px auto 0px auto;padding: 0px 0% 0px 0%;text-align:center;}
.planbg{width:100%;height:auto;background-color:#dedad4;padding: 3% 0% 3% 0%;}

.plan4{max-width:1300px;width:90%;height:auto;margin:0px auto 0px auto;padding: 50px 5% 0px 5%;text-align:center;}

.plan5{width:100%;height:auto;margin:6% auto 0% auto;padding: 0px 0% 0px 0%;text-align:center;}
.hanrei{width:70%;height:auto;margin:4% auto 0% auto;padding: 0px 0% 0px 0%;text-align:center;}


	
	.btnList {
    max-width: 730px;
    margin: 5rem auto 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 91%;
}

.btnList li{
	width: 49%;
    margin-bottom: 15px;
}

.btnList li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #59607c;
    letter-spacing: 0.1rem;
    line-height: 3;
    text-decoration:none; 
    transition: .3s all;
}

.btnList li a:hover {opacity: 0.8;}

	
.planfont{width:90%;height: auto;margin: 20px auto 0px auto;padding: 5% 0px 5% 0px;color:#000;letter-spacing:0px;text-align:center;font-size:160%}
.plancap{width:90%;height: auto;margin: 20px auto 0px auto;padding: 10px 0px 0px 0px;color:#000;letter-spacing:0px;text-align:left;font-size:80%}

	
.plan1{width:100%;height:auto;margin:0px auto 0px auto;padding: 70px 5% 70px 5%;text-align:center;}
.plan2{width:100%;height:auto;margin:0px auto 0px auto;padding: 70px 5% 70px 5%;text-align:center;}
.plan3{width:100%;height:auto;margin:0px auto 0px auto;padding: 70px 5% 70px 5%;text-align:center;}

.plan6{width:100%;height:auto;margin:0px auto 0px auto;padding: 70px 5% 70px 5%;text-align:center;}
.plan7{width:100%;height:auto;margin:0px auto 0px auto;padding: 70px 5% 70px 5%;text-align:center;}
.plan8{width:100%;height:auto;margin:0px auto 0px auto;padding: 70px 5% 70px 5%;text-align:center;}

.plancap2{width:100%;height: auto;margin: 20px auto 0px auto;padding: 10px 0px 0px 0px;color:#000;letter-spacing:0px;text-align:left;}

}

@media only screen and (min-width:751px) and (max-width:1200px) {
.plan{width:100%;height:auto;margin:0px auto 0px auto;padding: 40px 0% 30px 0%;text-align:center;}

}