@charset "utf-8";
/* CSS Document */

/*スマホ*/
@media screen and (max-width:750px){

.design{width:100%;margin: 0px auto 20px auto ;height:auto;text-align:center;padding: 50px 0px 0px 0px;}
.design img{width:100%;}
.design-left{width:60%;margin: 0px 0 0px 2% ;height:auto;text-align:left;padding: 40px 0px 40px 0px;}
.designbg{width:90%;margin: 30px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;background-image: url("../img/top/bg.webp");background-repeat: repeat;}
.designbg-left{width:100%;padding: 30px 5% 20px 5%;text-align:left}
.designbg-right{width:100%;padding: 20px 5% 40px 5%;text-align:left;}
.design1{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.design-text{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.design-text{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;position: relative}
.design-textleft{
    width: 20%;
    margin: 0px auto 0px auto;
    height: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: -4%;
    top: -30%;
}
.design-textright{
    width: 20%;
    margin: 0px auto 0px auto;
    height: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    position: absolute;
    right: -4%;
    top: -26%;
}
.designbg{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;background-image: url("../design/img/bg.webp");background-repeat: repeat;;}
    
.design-text2{width:90%;margin: 40px auto 40px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.designfont1{margin: 0px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:180%;color: #000;line-height: 160%;font-weight: 700}
.designfont2{margin: 20px auto 30px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:140%;color: #000;line-height: 160%;font-weight: 700;}
.designfont3{margin: 30px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:220%;color: #000;line-height: 160%;font-weight: 700;}
.designfont4{margin: 30px auto 30px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:140%;color: #000;line-height: 160%;font-weight: 700;}
.designfont5{margin: 0px auto 30px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:180%;color: #000;line-height: 160%;font-weight: 700}
.plan{width:100%;margin: 50px auto 50px auto ;border: solid 1px #008856;outline: solid 1px #008856; outline-offset: 5px;padding: 10px 0px 10px 0px;}
.plan1{width:96%;margin: 20px auto 20px auto ;}
.plan-left{width:100%;margin: 0px 2% 20px auto ;text-align:left;font-weight: 700;font-size:140%;color: #000;line-height: 160%;}
.plan-right{width:100%;margin: 0px auto 20px auto ;text-align:left;font-weight: 700;font-size:140%;color: #000;line-height: 160%;}

.title2{height: auto;margin: 0px auto 0px auto;padding: 20px 0px 0px 0px;color:#595757;font-size:2.0rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
.designcap{width:100%;margin: 0px auto 0px auto;text-align:left ;padding: 0px 0px 30px 0px;font-size:90%;line-height: 150%;color: #000}
    
.design2{width:100%;margin: 0px auto 0px 0% ;height:auto;text-align:right;padding: 0px 0px 0px 0px;}
.design2 img{width:100%;}
.design22{width:100%;margin: 0px auto 0px 0% ;height:auto;text-align:right;padding: 0px 0px 0px 0px;position: relative;}
.design22-1{
    width: 6%;
    margin: 0px auto 0px auto;
    height: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: 0%;
    top: 0%;
}
    
.land{width:98%;height: auto;margin: 0px auto 0px auto;padding: 0px 0px 10px 0px;color:#000;font-size:1.4rem;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt"; }
.land img{margin: 0px auto 0px auto;padding: 20px 0px 20px 0px;}
    
 }


@media print, screen and (min-width:751px){

/* design*/
.design{width:100%;margin: 0px auto 30px auto ;height:auto;text-align:center;padding: 110px 0px 0px 0px;}
.design img{width:100%;}
.design-left{width:60%;margin: 0px 0 0px 3% ;height:auto;text-align:left;padding: 50px 0px 50px 0px;}
.designbg{width:100%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;background-image: url("../design/img/bg.webp");background-repeat: repeat;}
.designbg-left{float: left;width:35%;padding: 8% 0% 40px 1%;text-align:left}
.designbg-right{float: right;width:44%;padding: 70px 1% 40px 0%;text-align:left;line-height: 180%;}
.design1{width:90%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}

.design2{width:100%;margin: 0px auto 0px 0% ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.design2 img{width:100%;}
.design22{width:100%;margin: 0px auto 0px 0% ;height:auto;text-align:center;padding: 0px 0px 0px 0px;position: relative;}
.design22-1{
    width: 6%;
    margin: 0px auto 0px auto;
    height: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: -0.5%;
    top: -35%;
}
.design-text{width:80%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;position: relative}
.design-textleft{
    width: 10%;
    margin: 0px auto 0px auto;
    height: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    position: absolute;
    left: -10%;
    top: -30%;
}
.design-textright{
    width: 10%;
    margin: 0px auto 0px auto;
    height: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    position: absolute;
    right: -10%;
    top: -30%;
}

.design-text2{width:80%;margin: 100px auto 100px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;}
.designfont1{margin: 0px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:300%;color:#000;line-height: 160%;font-weight: 400}
.designfont11{margin: 0px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:300%;color:#595757;line-height: 160%;font-weight: 400}
.designfont2{margin: 30px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:210%;color:#000;line-height: 160%;font-weight: 400;}
.designfont3{margin: 30px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:220%;color:#000;line-height: 160%;font-weight: 400;}
.designfont4{margin: 30px auto 30px auto ;height:auto;text-align:left;padding: 0px 15% 0px 0px;font-size:180%;color:#000;line-height: 180%;font-weight: 400;}
.designfont5{margin: 0px auto 30px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:300%;color:#000;line-height: 160%;font-weight: 400}

.designfont6{margin: 0px auto 5px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:130%;color:#008856;line-height: 160%;font-weight: 700}

.plan{width:100%;margin: 50px auto 50px auto ;border: solid 1px #008856;outline: solid 1px #008856; outline-offset: 5px;padding: 10px 0px 10px 0px;}
.plan1{width:96%;margin: 20px auto 20px auto ;}
.plan-left{float:left;width:32%;margin: 0px 2% 20px auto ;text-align:left;font-weight: 700;font-size:180%;color: #000;line-height: 160%;}
.plan-right{float:right;width:32%;margin: 0px auto 20px auto ;text-align:left;font-weight: 700;font-size:180%;color: #000;line-height: 160%;}

.title2{height: auto;margin: 0px auto 0px auto;padding: 20px 0px 0px 0px;color:#595757;font-size:2.0rem;text-align:center;letter-spacing:0px;line-height: 170%;font-weight: 700;font-feature-settings: "palt";}
.designcap{width:100%;margin: 20px auto 0px auto;text-align:left ;padding: 0px 0px 30px 0px;font-size:90%;line-height: 150%;color: #000}
.header li:nth-child(3) {margin: 0px 0 0px 0;
transition: background-color .8s;height: 30px;display: flex; /* flexbox */
-webkit-justify-content: center;
text-align: center;line-height: 100%;
justify-content: center;border-bottom: solid 2px #0481A2;
align-items: center;color: #0481A2;font-weight:700}

 }

@media only screen and (min-width:751px) and (max-width:1200px) {
.plan-left{float:left;width:32%;margin: 0px 2% 20px auto ;text-align:left;font-weight: 700;font-size:130%;color: #000;line-height: 160%;}
.plan-right{float:right;width:32%;margin: 0px auto 20px auto ;text-align:left;font-weight: 700;font-size:130%;color: #000;line-height: 160%;}
.designfont1{margin: 0px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:200%;color:#000;line-height: 160%;font-weight: 400}
.designfont11{margin: 0px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:200%;color:#595757;line-height: 160%;font-weight: 400}
.designfont2{margin: 30px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:160%;color:#000;line-height: 160%;font-weight: 400;}
.designfont3{margin: 30px auto 30px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px;font-size:170%;color:#000;line-height: 160%;font-weight: 400;}
.designfont4{margin: 30px auto 30px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:140%;color:#000;line-height: 160%;font-weight: 400;}
.designfont5{margin: 0px auto 30px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:200%;color:#000;line-height: 160%;font-weight: 400}

.designfont6{margin: 0px auto 5px auto ;height:auto;text-align:left;padding: 0px 0px 0px 0px;font-size:130%;color:#008856;line-height: 160%;font-weight: 700}

    
}