@charset "utf-8";
/*スマホ*/
@media screen and (max-width:750px){
.topobi1bg{width:100%;padding: 1% 0px 3% 0px;margin: 0% auto 1% auto;background: url('../img/common/bg.webp') center top / auto ;}
#design{padding:10px 0px;text-decoration: none;}#plan2{padding:30px 0px;text-decoration: none;}#plan{padding:30px 0px;text-decoration: none;}
.land{width:97%;height:auto;margin:0rem auto 1.5rem auto;padding:0px 0px 0px 0px;text-align:center;}
.plan3{width:90%;margin: 20px auto 20px auto ;height:auto;text-align:center;padding: 0rem 0% 0px 0%;}
.plan3 ul li{margin:0px auto 0px auto ;height:auto;text-align:center;padding: 0;}
.plan3 > ul > li:last-child img {width: 80%;}

.plan4{width:100%;height:auto;margin:0px auto 0px auto;padding: 0px 0% 20px 0%;text-align:center;}
.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;margin: 0px auto 0px auto ;padding: 2.8rem 0px 0.5rem 0px;} 
.f-item2 {width: 70%;margin-right: 0.9%;margin-left: 0.9%;margin-top: 8px; text-align:center;font-size: 90%; margin: 0px auto 0px auto ;}
.f-item2 img{ width: 100%;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 0px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 91%;;padding: 0px 0px 0px 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 ;}
	
.maintop{;width:100%;margin:40px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.main{max-width:1200px;width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.mainbg{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 4% 5% 4% 5%;background-color: #FFF}
.main2{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 5% 0px 0% 0px;}
.main3{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 6% 0px 0% 0px;}
	
	
.conoie{width:25%;height:auto;margin:12% auto 1% auto;padding: 0% 0% 0% 0%;text-align:center;}
.title {margin-top:7%;font-size:clamp(1.2rem, 1.4vw, 1.7rem); color:#fff;line-height: 150%;font-weight: 700 ;text-align:center;}
.title1 {margin-top:9%;font-size:clamp(1.0rem, 1.4vw, 1.7rem); color:#000;line-height: 150%;font-weight: 700 }
.title2 {height:auto;margin:0px auto 0px auto;padding: 1% 0px 1% 0px;text-align: center;color:#fff;font-weight: 400;letter-spacing:0px;line-height:160%;font-size: clamp(1.1rem, 1.4vw, 1.4rem);}
.title3 {width:90%;height:auto;margin:0px auto 0px auto;padding: 3% 0px 5% 0px;text-align: left;color:#fff;font-weight: 400;letter-spacing:0px;line-height:160%;font-size: clamp(1.0rem, 1.5vw, 1.5rem);}
.text1{width:90%;margin:0px auto 0px auto;padding: 0rem 0% 8% 0%;text-align:left; font-size: clamp(0.85rem, 0.5vw + 0.6rem, 1.0rem);line-height: 1.7;font-weight: 400;color:#fff;}
.cap2{clear: both; width:90%;height: auto;margin: 0px auto 0px auto;padding: 5% 0px 5% 0px;font-size:70%;text-align:left;line-height:170%;font-weight: 400;}

}



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

.topobi1bg{width:100%;padding: 1% 0px 3% 0px;margin: 0% auto 1% auto;background: url('../img/common/bg.webp') center top / auto ;}
.land{width:97%;height:auto;margin:0px auto 0px auto;padding:5rem 0px 3rem 0px;text-align:center;}
.plan4{max-width:800px;width:90%;height:auto;margin:3% auto 2% auto;padding: 0px 0% 3% 0%;text-align:center;}

.plan3{width:100%;margin: 2rem auto 70px auto ;height:auto;text-align:center;padding: 0px 0% 50px 0%;}
.plan3 ul li{margin:0px auto 0px auto;height:auto;text-align:center;padding:0;}
.f-container2 {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 100%;margin: 0px auto 0px auto ;padding: 0rem 0px 2rem 0px;} 
.f-item2 {max-width:1000px;width: 45%;margin-right: 2%;margin-left: 2%;margin-top: 0.5rem; text-align:left;font-size: 90%; }
.f-item2 img{ width: 100%;}
.conoie{max-width:180px;width:25%;height:auto;margin:6% auto 0% auto;padding: 0% 0% 0% 0%;text-align:center;}
.maintop{;width:100%;margin:90px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.main{max-width:1200px;width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0 0px 0px 0px;}
.mainbg{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0% 0px 0% 0px;background-color: #FFFFFF}
.main2{max-width:1200px;width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 4% 0px 0% 0px;}
.main3{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 5% 0px 0% 0px;}
.title {margin-top:3%;font-size:clamp(1.0rem, 1.4vw, 1.7rem); color:#fff;line-height: 150%;font-weight: 700; text-align:center;}
.title1 {margin:7% 0 3%;font-size:clamp(1.0rem, 1.4vw, 1.7rem); color:#000;line-height: 150%;font-weight: 700 }
.title2 {height:auto;margin:0px auto 0px auto;padding: 1% 0px 0% 0px;text-align: center;color:#fff;font-weight: 400;letter-spacing:0px;line-height:160%;font-size: clamp(1.0rem, 1.4vw, 1.5rem);}
.title3 {height:auto;margin:0px auto 0px auto;padding: 2% 0px 0% 0px;text-align: center;color:#fff;font-weight: 400;letter-spacing:0px;line-height:160%;font-size: clamp(1.1rem, 1.5vw, 1.9rem);}
.text1{margin:0px auto 0px auto;padding: 1.5% 0% 4% 0%;text-align:center; font-size: clamp(0.9rem, 0.5vw + 0.6rem, 1.1rem);line-height: 1.7;font-weight: 400;color:#fff;}
.cap2{clear: both; width:100%;height: auto;margin: 0px auto 0px auto;padding: 2% 0px 4% 0px;font-size:75%;text-align:center;line-height:170%;font-weight: 400;}
.btnList {max-width: 730px;margin: 5rem 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;}

}