body{
background: #fff;font-size:16px;
}
.lpkvarea{
background: #fff;
overflow:hidden;
height:880px;
width:100%;
background-size:1920px auto;
background-position:center;
background-repeat:no-repeat;
position:relative;
background-image:url("img/lpmamafuri/lpkv.jpg");
max-width:1920px;
margin:0 auto;
}
article{margin-top:0}

.lpkvarea h1{width:17vw;min-width:270px;left:9vw;top:7%;position:absolute;}
.lpkvarea h1 img{width:100%;filter:drop-shadow(1px 5px 5px rgba(50,50,50,0.5));}

.lpkvimg{width:15%;min-width:250px;position:absolute;}
.lpkvimg1{left:2%;bottom:10%;}
.lpkvimg2{left:25%;bottom:24%;width:13%;min-width:230px;}
.lpkvimg3{left:17%;bottom:3%;width:12%;min-width:210px}
.lpkvarea p{display:block;position:absolute;right:26%;top:15%;margin:auto;  writing-mode: vertical-rl;color:#fff;font-size:28px;width:auto;font-weight:bold;text-shadow:0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000;padding-left:20px}
.lpkvarea .kvfuri{width:20%;height:auto;max-width:300px;display:block;border-radius:50%;position:absolute;right:4%;top:15%;}


@media screen and (min-width:769px){
.lpkvarea p{font-size:30px;filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.5));}
}
@media screen and (max-width:1100px){
        .lpkvarea h1{width:18%;min-width:250px;left:3%;top:13%;}
        .lpkvimg{width:10%;min-width:200px;position:absolute;}
        .lpkvimg1{left:2%;bottom:18%;}
        .lpkvimg2{left:25%;bottom:28%;width:10%;min-width:180px;}
        .lpkvimg3{left:17%;bottom:1%;width:10%;min-width:180px}
        .lpkvarea{background-image:url("img/lpmamafuri/lpkv.jpg");background-size:1200px auto;
        }
        .lpkvarea p{padding-left:50px}
        .lpkvarea p{font-size:25px;}
}

@media screen and (max-width:768px){
        .lpkvarea h1{width:50%;left:0%;top:8%;min-width:0;max-width:200px;min-width:200px}
        .lpkvarea p{bottom:0;left:0;right:0;margin:auto;width:100%;text-align:center;position:absolute;font-size:18px;padding-left:initial;height:150px;writing-mode:horizontal-tb;top:initial;color:#000;text-shadow:initial;}
        .lpkvarea{margin-bottom:50px;overflow:visible;height:720px;background-size:770px auto;}
        
        .lpkvarea{background-position:20% 0%}
        .lpkvimg1{min-width:130px;bottom:39%;}
        .lpkvimg2{left:28%;bottom: 45%;min-width:130px}
        .lpkvimg3{left:17%;bottom:28%;width:10%;min-width:130px}
        article section:last-child{padding-top:0}
        article section:last-child .plan-copy{margin-top:0px}
}


.lp-section{max-width:1200px;width:98%;margin:0 auto;padding-top:50px;margin-bottom:50px;box-sizing:border-box;}
.lp-section h3{font-size:150%;width:600px;text-align:center;border-top:1px solid #fff;border-bottom:3px solid #efefee;padding:10px;
        background: linear-gradient(128deg, rgb(224, 216, 243) 0%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 84%, rgba(224, 216, 243) 100%);
        margin:0 auto;margin-bottom:20px;box-sizing:border-box;}
.lp-section h2{font-size:200%;text-align:center;margin:40px;}
.plan-copy{width:700px;margin:50px auto;text-align:center;font-size:20px;}
.plan-img{width:100%;max-width:600px;display:block; margin:0 auto;position:relative;padding-bottom:90px;}
.planimg{display:inline-block;position:relative;filter:drop-shadow(3px 3px 3px #000);overflow:hidden;}
.planimg1{right:-3%;top:70px;width:53%;}
.planimg2{left:-3%;width:47%;}
.bg1{background-image:url("img/lposhokujiplan/bg1.jpg");background-size:100% auto;padding-top:50px;padding-bottom:70px;margin-bottom:0px;}
.bg2{background-image:url("img/lpmamafuri/bg2.jpg");background-size:100% auto;padding-top:50px;padding-bottom:0px;margin-bottom:0px;background-position:center center;}


@media screen and (max-width:768px){
.lp-section h3{width:100%;max-width:700px;font-size:120%;}   
.lp-section h2{font-size:160%;}  
.plan-copy{width:95%;max-width:700px;margin:25px auto;font-size:17px;}
}




.plan-detail{width:98%;max-width:800px;padding:50px;margin:0 auto;box-sizing:border-box;background:#f8f2e5;border-radius:30px;margin-top:70px}
.plan-detail ul{margin:0; padding:0;}
.plan-detail ul li{list-style:none;display:block;margin-bottom:30px;font-size:22px;}
.plan-detail ul li span{width:20%;text-align:center;background:#e2d09f;display:inline-block;margin-right:20px;color:#fff;font-size:20px;border-radius:10px;vertical-align:top}
.plan-detail ul li > div{display:inline-block;width:calc(80% - 20px)}
.plan-detail ul li > div > div{width:100%;overflow:hidden;display:flex;font-size:16px;align-items:center;justify-content:flex-start;}
.plan-detail ul li > div > div img{width:30%;}
.plan-detail > p{width:90%;display:flex;margin:0px auto;margin-top:20px;justify-content:center;}
.plan-detail > p img{width:45%;margin-left:15px}
.plan-iko{position:relative;margin-top:30px;display:block;width:100%;height:500px}
.planiko{width:45%;position:absolute;}
.iko1{left:0%;}
.iko2{top:40px;left:0;right:0;margin:auto;z-index:+1}
.iko3{right:0%;}
.oishonotice{top:550px;left:0;right:0;margin:auto;}
.price-wrapper{text-align:center;display:flex;align-items:center;}
.price-wrapper .price{font-size:80px;}
.price-wrapper .yen{width:auto;font-size:20px;line-height:1}
.price-wrapper .yen span{width:100%;display:block;}
.price-wrapper .yen span:nth-child(2){font-size:30px;}


.plan-photo-wrapper{width:98%;max-width:900px;margin:20px auto;margin-top:50px}
.plan-photo-wrapper > figure{width:100%;max-width:700px;margin:0 auto;}
.plan-photo-wrapper  figure img{width:100%;}

.plan-photo-wrapper > span{width:100%;display:block;text-align:center;padding:20px;font-weight:bold;font-size:150%;box-sizing:border-box;display:block;}

.plan-photo-wrapper .cordinate-photo{display:flex;justify-content:space-between;flex-wrap:wrap}
.plan-photo-wrapper .cordinate-photo figure{width:200px;height:200px;;overflow:hidden;border-radius:50%;}

.h4title{text-align:center;font-size:30px;font-family: "Times New Roman",serif;font-weight:400;padding-bottom:20px;color:#b28919}

.option-wrapper{width:100%;max-width:700px;margin:50px auto;margin-top:80px}
.option-wrapper > div{border-top:1px solid #000;padding:30px;text-align:center;}
.option-wrapper > div:last-child{border-bottom:1px solid #000}
.option-u{font-size:25px;font-weight:bold;}
.option-d{padding:20px;padding-bottom:0}

.plan-shindan-wrapper p{width:700px;margin:30px auto;text-align:left;line-height:2.5;font-size:22px;font-weight:bold;}
.plan-shindan-wrapper figure{display:block;width:90%;max-width:600px;margin:0px auto;margin-top:30px;border-radius:50%;overflow:hidden;-webkit-mask-image: radial-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 80%);
    mask-image: radial-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 80%);}
.plan-shindan-wrapper figure img{width:100%;}

@media screen and (max-width:1199px){
        .oishonotice{top:46vw}
}
@media screen and (max-width:999px){
        .lp-section{margin-bottom:0px}
        .bg1{padding-bottom:0}
}
@media screen and (max-width:900px){
.plan-photo-wrapper{width:100%}
.plan-photo-wrapper .cordinate-photo figure{width:22vw;height:22vw}
.plan-shindan-wrapper p{width:90%;max-width:700px;margin:0 auto;font-size:19px}
}
@media screen and (max-width:768px){
        .plan-detail{padding:40px 20px;}
        .plan-detail ul li{font-size:18px}
        .plan-detail ul li > div > div{font-size:14px}
        .plan-iko{height:50vw;}
        .plan-detail ul li span{font-size:17px;font-weight:bold;width:30%;padding:5px;box-sizing:border-box;padding:5px;}
        .plan-detail ul li > div{width:calc(70% - 20px);font-size:16px;}
        .price-wrapper .price{font-size:68px;}
        .plan-photo-wrapper > span{font-size:120%}
        .option-u{font-size:20px;}
       
}
@media screen and (max-width:650px){
        .oishonotice{top:51vw}
.plan-iko{height:58vw;}
.plan-photo-wrapper .cordinate-photo figure{width:30vw;height:30vw;margin-bottom:20px}
.plan-photo-wrapper .cordinate-photo{width:75vw;justify-content:space-around;margin:20px auto;}
}

.baloon {
        position: absolute;
        display: flex;
        justify-content:center;
        align-items:center;
        margin: 1.5em 0;
        padding: 5px 35px;
        width: 400px;
        height:400px;
        color: #222;
        font-size: 22px;
                font-family: "Klee One", cursive;
        font-weight: 400;
        font-style: normal;
               border-radius:50%;
        box-sizing:border-box;
        margin-bottom:1em;
        font-weight:bold;
        -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
        
      }
.baloon::before {
    
      }
.baloon::after{

    }
.plan-comment1 .baloon{
        background-image:url("img/lposhokujiplan/comment-01.png");
        background-size:100% 100%;
}
.plan-comment2{
       left:450px;
       top:120px;
        display:block;
        position:absolute;
}
.plan-comment2 .baloon{background-image:url("img/lposhokujiplan/comment-02.png");
        background-size:100% 100%;
}
.plan-comment3 {
       left:170px;
       top:450px;
       display:block;
       position:absolute;
}
.plan-comment3 .baloon{background-image:url("img/lposhokujiplan/comment-03.png");
        background-size:100% 100%;}

.plan-comment-wrapper{width:900px;margin:50px auto;margin-top:50px;height:870px;overflow:hidden;}
.plan-comment{width:100%;}

.plan-comment-wrapper > p{width:100%;text-align:center;font-size:22px;margin:20px auto;}

.deco1{width:80px;height:auto;position:absolute;right:30px;top:15px;transform:rotate(10deg);z-index:+1}
.deco2{width:80px;height:auto;position:absolute;right:10px;top:-20px;transform:rotate(5deg);z-index:+1}
.deco3{width:100px;height:auto;position:absolute;right:60px;top:-10px;transform:rotate(10deg);z-index:+1}
.comment-section{padding-bottom:50px;margin-bottom:00px;}

@media screen and (max-width:899px){
        .plan-comment-wrapper{width:100%;height:770px;max-width:700px;margin:0 auto;}
        .plan-comment{width:100%;}
        .baloon {font-size:18px;width:330px;height:330px;}
        .plan-comment2{
                left:350px;
                top:100px;
        }
        .plan-comment3 {
                left:120px;
                top:350px;
        }
        .comment-section{margin-bottom:0;padding-bottom:20px}
        .bg2{padding-bottom:60px;}
}
@media screen and (max-width:768px){
        .baloon{position:relative;left:initial!important;top:initial!important}
        .plan-comment-wrapper{height:auto;width:100%;max-width:470px;margin:0 auto;padding-bottom:50px}
        .plan-comment{position:relative;left:initial!important;top:initial!important;width:330px;margin:0}
        .plan-comment .baloon{margin:0}
        .plan-comment2{margin-left:calc(100% - 330px);}
        
}










.tocontact > a{width:50%;max-width:150px;padding:20px 40px;font-weight:bold;font-size:25px;background:#e4ecf8;border-radius:10px;box-shadow:2px 2px 2px #aaa;transition:0.2s;}
.tocontact > a:hover{background:#f1f5fa;}
.tocontact{text-align:center;margin-bottom:50px;padding-top:20px}

@media screen and (max-width:768px){
        .plan-comment-wrapper > p{font-size:19px}
        .tocontact > a{font-size:14px}
        .comment-section{padding-bottom:1px}
}


.plan-flow{margin:0 auto;padding:0;position:relative;width:750px}
.plan-flow ul{position:relative;margin-bottom:100px}
.plan-flow li{list-style:none;overflow:hidden;font-size:25px;margin-bottom:40px;}
.plan-flow li span{display:inline-block;width:50px;height:50px;border-radius:30px;text-align:center;padding-top:6px;box-sizing:border-box;margin-right:30px;}
.plan-flow ul::before{content:"";position:absolute;width:3px;height:100%;top:0;left:60px;}

.plan-flow li > div{float:left;width:calc(100% - 80px);}
.plan-flow li > div > div{font-size:18px;margin-top:20px;}
.plan-flow1 li span{background:#a7dbf3;float:left;}
.plan-flow1 ul::before{background:#a7dbf3;}
.plan-flow h4{font-size:27px;margin-bottom:30px;margin-top:50px;padding:5px;box-sizing:border-box}
.plan-flow1 h4 span{color:#a7dbf3;margin-right:5px}
.plan-flow2 h4 span{color:#e4daee;margin-right:5px}


.plan-flow h5{padding-top:10px;}

.plan-flow2 li span{background:#e4daee;float:left;}
.plan-flow2 ul::before{background:#e4daee;}
.plan-flow2 .twoimg{overflow:hidden;margin-top:20px;}
.plan-flow2 .twoimg img:nth-child(1){width:37%;margin-right:3%}
.plan-flow2 .twoimg img:nth-child(2){width:58%;}
.plan-flow2 .singleimg{width:90%;margin-left:5%;margin-top:20px;} 

.allimg{width:100%;display:block;text-align:center;font-size:90%;}

@media screen and (max-width:768px){
        .plan-flow{width:100%;}
        .plan-flow .tocontact a{font-size:14px}
        .plan-flow li{font-size:22px}
        .plan-flow1 li span{width:40px;height:40px;padding-top:3px}

        .plan-flow1 .tocontact > a{padding:20px;}
     .plan-flow li > div > div{font-size:16px}
}