@charset "utf-8";
/*スマホ*/
@media screen and (max-width:750px){
.main{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 10px 0px 0px 0px;}
.land{max-width:1160px;width:90%;height:auto;margin:0px auto 0px auto;padding:10px 0px 10px 0px;text-align:center;}
.plan3{max-width:980px;width:90%;margin: 20px auto 20px auto ;height:auto;text-align:center;padding: 50px 5% 0px 5%;}
.plan3 ul li{margin:0px auto 0px auto ;height:auto;text-align:center;}
.plan3 li:nth-child(1){margin:30px auto 40px auto ;}
.plan3 li:nth-child(2){margin:30px auto 40px auto ;}
.plan3 li:nth-child(4){margin:30px auto 0px auto ;}
.plan4{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 30px 0%;text-align:center;}
.title3 {height:auto;margin:0px auto 0px auto;padding: 20px 0px 0px 0px;text-align: left;color:#000;font-weight: 700;letter-spacing:0px;line-height:160%;font-size: clamp(0.95rem, 1.1vw, 1.2rem);}
.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;margin: 0px auto 0px auto ;padding: 30px 0px 10px 0px;} 
.f-item2 {width: 100%;margin-right: 0.9%;margin-left: 0.9%;margin-top: 8px; text-align:center;font-size: 90%; }
.f-item2 img{ width: 70%;margin-bottom: 30px; }
.plancap2{clear: both; width:90%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;font-size:75%;text-align:left;line-height:150%;font-weight: 400;}
.btnList {margin: 0rem auto 30px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 91%;;padding: 0px 0px 40px 0px;}
.btnList li{width: 100%;margin: 0px;}
.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;}
.plan3 .btnList li:nth-child(1){margin:20px auto 20px auto ;}
.plan3 .btnList li:nth-child(2){margin:0px auto 0px auto ;}


}

/*PC*/
@media screen and (min-width:751px){
.main{max-width:980px;width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 10px 0px 0px 0px;}
.land{max-width:1160px;width:90%;height:auto;margin:0px auto 0px auto;padding:30px 0px 30px 0px;text-align:center;}
.plan3{max-width:980px;width:90%;margin: 150px auto 70px auto ;height:auto;text-align:center;padding: 0px 5% 50px 5%;}
.plan3 ul li{margin:0px auto 0px auto ;height:auto;text-align:center;}
.plan3 li:nth-child(1){margin:30px auto 40px auto ;}
.plan3 li:nth-child(2){margin:30px auto 40px auto ;}
.plan3 li:nth-child(4){margin:30px auto 20px auto ;}
.plan4{width:90%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 7% 0%;text-align:center;}
.title3 {height:auto;margin:0px auto 0px auto;padding: 30px 0px 3% 0px;text-align: center;color:#000;font-weight: 700;letter-spacing:0px;line-height:160%;font-size: clamp(1.0rem, 1.5vw, 1.5rem);}
.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 40%;margin: 0px auto 0px auto ;padding: 30px 0px 30px 0px;} 
.f-item2 {max-width:400px;width: 100%;margin-right: 0.9%;margin-left: 0.9%;margin-top: 8px; text-align:left;font-size: 90%; }
.f-item2 img{ width: 100%;margin-bottom: 8px; }
.plancap2{clear: both; width:100%;height: auto;margin: 0px auto 0px auto;padding: 30px 0px 30px 0px;font-size:75%;text-align:center;line-height:150%;font-weight: 400;}
.btnList {max-width: 730px;margin: 0rem auto 0rem;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;}}


@media print {
.plan3{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;}
#page-top{display: none;}
.maintop{display: none;}
.headerbg{display: none;}
.btnlist{display: none;}
.content-print{top:0 !IMPORTANT;left:0 !IMPORTANT;width:172mm !IMPORTANT; height:251mm !IMPORTANT;}
}