@media only screen and (max-width: 1024px) {




.olab-ihin-seirishi{
  position: relative;
  width: 100%;
  height: auto;
}

.olab-ihinseirishi-box{
  position: absolute;
  bottom: -30px;
}

.olab-ihinseirishi-box p{
  width: 95%;
  display: block;
  background-color: #fff;
  border-radius: 15px;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 30px;
  line-height: 2.5;
  margin: 0 auto;
}


  }

@media only screen and (max-width: 900px) {

  .olab-magawrap a{
  display:block;
  flex-basis:49%;
  opacity:1;
  padding:1vw;
  transition:0.2s all ease;
  margin-bottom:1vw;
}

.olab-magabox-img{
  width:100%;
  max-height:30vw;
  border-radius:15px;
  overflow:hidden;
  margin-bottom:1vw;
}

}



@media only screen and (max-width: 780px) {
    .olab-topbar{
    color: #000;
    font-size: 13px;
    }


 .voiceBox {
    width: 100%;
  }


    .olab-newsbar{
    width: 100%;
     background-color: #00C09C;
    text-align: left;
     padding:15px 20px 15px 100px;
     background-size: 75px 38px;
     background-repeat: no-repeat;
     background-position: left 15px center;
}

.olab-newsbar h3{
    font-weight: bold;
    color: #ffff00;
    font-size: 16px;
    display: inline;
    letter-spacing: 0.05em;
    line-height: 1.2;

}


.olab-bunkatsu{
    padding: 0;
    margin-bottom:0;
    }



.olab-akutoku{
    padding: 0 ;
    margin-bottom:0;
    }


.olab-feature{
    padding: 0 ;
    margin-bottom:0;
    }


    .olab-cta{
    position: inherit;
    background-color: #FF4646;
    padding:20px 20px;
     display: block;
    flex-direction: inherit;
    }

    .olab-cta-header{
        position: relative;
        padding-bottom: 10px;
    }
    .inner{
    width: 100%;
    text-align: right;
    }

    .olab-cta-01{
    position: absolute;
    left: -1%;
   bottom: 0;
    width: 30%;
    }

    .olab-cta-02{
        width: 73%;
    }

    .olab-cta-wrap{
    padding:15px 20px;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
}

.olab-cta-tel{
    width: 100%;
    margin-bottom: 10px;
}

.olab-cta-btn{
    width: 100%;
}


 .plan {
        padding: 60px 10px 30px;
    }

    .plan section p img {
        width: 100%;
        margin-bottom: 10px;
    }

.plan section p img.p01sm{
    padding-top: 20px;
}



    .plan section p.addition {
        text-align: left;
        padding: 0 20px 20px 20px;
    }

        #zeroyen {
       
        background-image: none;
    }



    #zeroyen h3,#plan h3{
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    line-height:1.5;
    margin-bottom: 30px;
}


    #zeroyen section {
         padding: 30px 20px 70px;
        width: 100%;
    }


    #zeroyen section p img {
        width: 100%;
    }

    #zeroyen section p.more img {
        width: 40%;
    }

    #zeroyen section p.back {
        margin-top: -20px;
    }



#zeroyen p {
    margin: 10px 0;
      text-align: left;
    padding: 10px;
    font-size: 14px;
}

#zeroyen p br{display: none;
}

 .olab-ihinseirishi-box{
  position: relative;
  display: block;
   padding: 15px 20px 50px;
}


.olab-ihinseirishi-box p{
  width: 100%;
  display: block;
  background-color: #fff;
  border-radius: 15px;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  line-height: 2.5;
  margin: 0 auto;
}

.olab-ihin-reason h3{
  padding: 0 20px 25px;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.2;
}

.olab-ihinreason-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.olab-ihinreason-box01{
  flex-basis: 100%;
  line-height: 2.6;
  font-size: 16px;
  padding:0 20px 0;
}

.olab-ihinreason-box01 p{
  margin-bottom: 30px;
}

.olab-ihinreason-box02{
   display: none;
   
}

.olab-ihinreason-box02 img{
  width: 40%;
  padding-right: 60px;
}


.olab-flow{
  max-width:1000px;
  margin: 0 auto;
  padding: 30px 20px 0;
}

.olab-flow header{
  text-align: center;
  margin-bottom: 40px;
  background-color: #fff;
}

.olab-flow header h3{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}

.olab-flow header h3 span{
  font-size: 26px;
}

.olab-flow header h3 strong{
  color: #47BBAA;
}

.olab-flow-box{
    margin-bottom: 40px;
  }


.olab-flow-number{
  display: block;
  width: 50px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}

.olab-flow-box .inner{
  width: 100%;
   z-index: 5;
   margin-left: auto;
  border: 1px solid #ccc;
  padding:30px 15px 15px;
  display: block;
}

.olab-flowbox-01{
  flex-basis: 100%;
  padding:0;
  text-align: center;
}

.olab-flowbox-01 h4{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #00C5A8;
}

.olab-flowbox-01 h4 span{
  font-size: 16px;
  margin-left: 5px;
}


.olab-flowbox-01 p{
  font-size: 14px;
  text-align: left;
   margin-bottom: 10px;
}


.olab-flowbox-02{
  flex-basis:100%;
}

.b21-header-nav{
  display: none;
}

main{
  xpadding-top: 72px;
}

.ok24-page-featurebox.ok24-ihin-box{
  width: 100%;
}


.olab-ihin-nayami{
  margin-bottom: 150px;
}

.olab-ihin-nayami .innerr{
  background-color: #f0f0f0;
  padding: 30px 20px;
  border-radius: 15px;
  position: relative;
  text-align: left;
}

.olab-ihin-nayami .innerr li{
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 14px;
}

.olab-ihin-nayami .innerr img{
  position: absolute;
  display: block;
  width: 140px;
  bottom: -150px;
  right: 0;
}

.ok24-title-h3,.olab-ihin-nayami h3{
  padding: 40px 20px 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}


.olab-ihin-main{
  padding-top: 50px;
}



.b21-before-flex{
  display:block;

}

.b21-before-flex > div{
  width: 100%;
}

.b21-before-wrap{
  padding: 0 0 20px;
}

.b21-before-box h3{
  font-size: 18px;
  padding: 10px;
}


.b21-beforeafter{
  padding: 25px 10px;
}



.b21-beforeafter-box{
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #ccc;
  box-shadow: rgba(10,10,10,0.02);
  margin-bottom: 25px;
  line-height: 1.6;
}


.b21-beforeafter-box h3{
  display: block;
  padding: 15px 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 15px;
}

.b21-beforeafter-box .inner{
  display: block;
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-bottom: 0;
  justify-content: space-between;

}

span.b21-column-title{
  font-size: 16px;
}

.b21-beforeafter-image{
  width: 100%;
  margin-bottom: 30px;
}

.b21-beforeafter-info{
  width:100%;
  text-align: left;
}

.b21-beforeafter-info h4{
  font-size: 18px;
  color: #FF00A2;
  line-height: 1.2;
  margin-bottom: 15px;
}

.b21-beforeafter-comment{
  padding: 15px;
  border-radius: 15px;
  background-color: #f0f0f0;
}

.b21-bunkatsu{
  padding: 0 0 10px;
}

.reason-box > div{
  padding: 10px;
  border-radius: 15px;
}


.b21-ser-box{
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}

.b21-column-box{
      width:100%;
      padding:10px;
      margin-bottom: 15px;
    }

    .b21-column-box.b21-taxonomy{
  width:48%;
}

.b21-beforeimage{
  height: 200px;
  transform: translateY(20px);
}

.b21-beforeimage img{
  height: 200px;
}

.b21-afterimage{
  height: 200px;
}

.b21-afterimage img{
  height: 200px;
}


.b21-ba-header .inner2 dt,.b21-ba-header .inner3 dt{
  background-color: #FFDC00;
  text-align: center;
  padding: 5px 10px;
  line-height: 1.2;
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  margin-right: 10px;
}

.b21-ba-header .inner2 dd,.b21-ba-header .inner3 dd{
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
}

.b21-beforeafter-image:after{
  content: '';
  width: 105px;
  height: 67px;
  position: absolute;
  background-image: url(../img/b21-ba-arrow.png);
  background-size: 105px 67px;
  background-repeat: no-repeat;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}


.b21-beforeafter-wrap{
  width: 100%;
  margin: 0 auto;
  padding: 50px 10px 20px;
}

.olab-cta .inner{
  width: 100%;
}



.olab-nayami{
    background-color:#DFFFF9;
    padding:120px 0 20px;
}

.olab-nayami .inner{
  background-color:#fff;
  position:relative;
  border-radius:20px;
  padding:50px 20px 20px;
  text-align:left;
}

.olab-nayami .inner h3{
  width:367px;
  height:140px;
  background-image:url(../images/olab-nayami-top.png);
  background-size: 367px 140px;
  position:absolute;
  background-repeat:no-repeat;
  top:-100px;
  left:50%;
  transform:translateX(-50%);
}

.olab-nayamibox-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}


.olab-nayamibox{
  width: 100%;
  padding:20px 0;
  position: relative;
  text-align:left;
}


.olab-nayamibox h4{
  font-size: 22px;
  font-weight: bold;
  display: block;
  line-height: 1.2;
  margin-bottom: 20px;
  padding-left:45px;
  position:relative;

}
.olab-nayamibox h4:before{
  content:'';
  background-image:url(../images/olab-nayami-check.jpg);
  width:24px;
  height:24px;
  background-size:24px 24px;
  position:absolute;
  top:0;
  transform:translateY(3px);
  left:0;
}

.olab-nayamibox p{
  font-size: 16px;
 font-weight: bold;
 padding:20px 25px;
 background-color:#f0f0f0;
 border-radius:15px;
 display: block;
  line-height: 1.6;
}


#plan section li{
  width: 100%;
}

#plan section li img{
  width: 100%;
}

.olab-price-f{
    background-color: #fff;
    padding:20px;
    border-radius:20px;
    margin:20px 0 0;
}




.olab-ttl{
  text-align: center;
  padding:50px 0 25px;
}

.olab-ttl h2{
  padding:60px 35px 10px 20px;
  font-size: 26px;
  line-height: 1.2;
  font-weight: bold;
  background-image: url(../images/olab-ttl-logo.jpg);
  background-size:110px 37px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center top;
  position: relative;
  margin-bottom: 0px;
  text-align: left;
}

.olab-ttl h2:after{
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-10px);
  content: '';
  width: 37px;
  height: 57px;
  background-size: 37px 57px;
  background-image: url(../images/olab-ttl-02b.png);
  background-repeat: no-repeat;
}


.fuyoList li{
            width:33%;
            padding:0 1.5%;
        }

.olab-sec{
    padding: 50px 0;
}

.olab-sec h3.ttl{
    font-size: 20px;
    padding: 0;
    margin-bottom: 25px;
}


.olab-point{
  padding: 30px 20px;
  display: flex;
  justify-content: inherit;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  text-align: left;
  align-items: center;
}


.olab-point-01{
  flex-basis: 100%;
  padding-right:0;
  margin-bottom: 20px;
}

.olab-point-01 h3{
  font-size: 26px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
  line-height: 1.4;
  font-weight: bold;
}

.olab-point-01 p{
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

.olab-point-02{
  flex-basis: 100%;
}


.olab-service-box{
  flex-basis: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}

.olab-service-box img{
  margin-bottom: 15px;
}

.olab-service-box h4{
  text-align: center;
  color: #00C09C;
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 15px;
}

.olab-service-box p{
  line-height: 1.6;
  font-size: 13px;
  text-align: left;
}


.olab-topservice-wrap a{
  flex-basis: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}

.olab-topservice-box img{
  margin-bottom: 15px;
}

.olab-topservice-box h4{
  text-align: center;
  color: #00C09C;
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 15px;
}

.olab-topservice-box p{
  line-height: 1.6;
  font-size: 13px;
  text-align: left;
}

.olab-service h4.ttl4{
  background-color: #00C09C;
  display: block;
  width: 100%;
  padding:10px 15px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}


.olab-voicebox{
  flex-basis: 100%;
  margin-right: 0;
  padding: 15px;
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 15px;
  text-align: left;
}

.large .olab-voicebox{
  flex-basis: 100%;

  }


.olab-voicebox-img{
  margin: 0 auto 10px;
  width: 50%;

}


.olab-voicebox-name{
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}

.olab-voicebox h4{
  font-size: 18px;
   font-weight: bold;
  color: #00C09C;
  margin-bottom: 10px;
}

.olab-voicebox p{
  line-height: 1.7;
  font-size: 13px;
}


.olab-work-wrap a{
  flex-basis: 100%;
  display: block;
}

.olab-workbox{
  padding: 15px;
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 15px;
  text-align: left;
}


.olab-workbox-date{
  font-size: 11px;
  margin-bottom: 5px;
}


.olab-workbox-img{
  margin-bottom: 15px;
}

.olab-workbox-ttl{
  font-size: 18px;
  color: #00C09C;
  font-weight: bold;
  margin-bottom: 10px;
}

.olab-workbox-p{
  line-height: 1.6;
}



.olab-fix-top{
    width:100%;
    height: auto;
    z-index: 999999999;
    display: block;
    position: fixed;
    bottom:0;
    width:100%;
    height: auto;
    transition:all 0.6s;
    cursor:pointer;
}

.olab-fix-top img{
    vertical-align: bottom;
}

.olab-fix-top.active{
    bottom:230px;
}

.olab-fix-bottom{
    z-index: 999999999;
    width:100%;
    height:230px;
    position: fixed;
    bottom:-230px;
    left:0;
    transition:all 0.6s;
    display: block;
    background-color: #FFF;
}

.olab-fix-bottom.panelactive{
    bottom:0;

}



.olab-fix-wrap,.olab-fix-wrap2{
    display: flex;
    flex-shrink: 0;
    flex-wrap:nowrap;
}


.olab-fix-wrap div{
    display: block;
    width:50%;
    padding:5px;
}


.olab-fix-wrap2 div{
    display: block;
    width:100%;
    padding:5px;
}

.olab-fix-wrap3{
  text-align: center;
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  padding: 3px 0;
}


.footerLeft__body{
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  text-align: center;
}

.footerLeft__ul2{
    width:100%;
  margin-right:0;
}

.footerLeft__ul2 h4{
  font-weight:bold;
  margin-bottom:10px;
}

.footerLeft__ul2 ul{
  border-top:1px dotted #fff;
    margin-bottom:30px;
}

.footerLeft__ul2 li {
  display: block;
  font-size: 18px;
  padding:0;
  margin:0;
  border-bottom:1px dotted #fff;
}

.footerLeft__ul2 li a{
  border-bottom:none;
  padding:10px;
  display:block;
}
.footerLeft__ul2 li a:hover{
  border-bottom:none;
}

footer .footerBottom {
  margin-top:0;
  padding-bottom:100px;
  text-align:center;
}

footer .footerBottom a{
  padding:10px;
  display:block;
   border-bottom:1px dotted #fff;
}
footer .footerBottom  p{
  margin-top:20px;
}


.olab-ok{
  padding:20px 15px 0;
  font-family: 'Noto Sans JP', sans-serif;
}

.olab-okbox{
  border:1px solid #979797;
  padding:5px 30px;
  text-align:center;
  font-weight:900;
  margin-bottom:10px;
  background-color:#C5FFF4;
}

.olab-okbox.boxtop:after{
  content:'';
  display:block;
  width:64px;
  height:92px;
  background-size:64px 92px;
  background-image:url(../images/olab-ok-mark.png);
  position:absolute;
  bottom:0;
  right:0;
}


.olab-okbox h3{
  font-size:22px;
}

.olab-okbox h3 span{
  color:#008D6B;
}

.olab-okbox-hosoku{
  text-align:center;
  margin-bottom:20px;
  font-weight:bold;
  font-size:11px;
}


.olab-half{

  flex-wrap:wrap;
}

.olab-half > div{
  flex-basis:100%;
}

.olab-half-img{

}

.olab-half-txt{
  background-color:#00C09C;
  color:#fff;
  padding:30px 20px 110px;
}

.olab-half-txt h3{
  font-size:26px;
  font-weight:900;
  margin-bottom:25px;
}


.olab-half-txt p{
  font-size:13px;
  font-weight:bold;
  line-height:1.8;
  padding:0;
}


.olab-half-txt:after{
  content:'';
  display:block;
  width:170px;
  height:29px;
  background-size:170px 29px;
  background-image:url(../images/olab-jyosei-mark.png);
  position:absolute;
  bottom:30px;
  right:30px;
}


    .olab-ttl-span{
      text-align:center;
      margin-bottom:30px;
    }

.olab-ttl-span span{
  display:inline-block;
font-size: 20px;
color: #FFFFFF;
letter-spacing: 1.59px;
text-align: center;
font-weight:bold;
padding:20px 60px 20px 20px;
background: #00C09C;
border-radius: 48px;
position:relative;
margin:0 auto;
}

.olab-ttl-span span:before{
  content:'';
  display:block;
  width:63px;
  height:38px;
  background-size:63px 38px;
  background-image:url(../images/olab-h3-tententen.svg);
  position:absolute;
  top:0;
  left:0;
  transform:translate(-17px,-22px);
}

.olab-ttl-span span:after{
  content:'';
  display:block;
  width:20px;
  height:20px;
  background-size:20px 20px;
  background-image:url(../images/olab-h3-tri.svg);
  position:absolute;
  bottom:0;
  left:50%;
  transform:translate(-50%,100%);
}

.olab-ttl-span span img{
  position:absolute;
  width:61px;
  bottom:0;
  right:0;
}

.olab-ttl-h3{
  text-align:center;
  margin:0 auto 30px;
}
.olab-ttl-h3 h3{
font-size: 25px;
color: #00C09C;
letter-spacing: 2.31px;
text-align: center;
background: #FFFFFF;
line-height:1.3;
border-radius: 51px;
display:block;
font-weight:bold;
position:relative;
padding:20px 90px 20px 30px;
}

.olab-ttl-h3 h3 img{
  position:absolute;
  width:95px;
  bottom:0;
  right:0;
}


.olab-ttl-h3 p{
  display:inline-block;
  margin:2vw 0 2vw;
  font-size:max(16px, 1.1vw);
  background-color:#fff;
  padding:4vw;
  font-weight:bold;
  text-align:left;
}



.olab-data-body{
  padding:30px 20px;
  background-color:#fff;
  border-radius:20px;
  text-align:center;
}

.olab-data-body img{
  width:100%;
  margin-bottom:50px;
}


.smon{
  display:inline-block;
}




.olab-style01{
  position:relative;
  z-index:1;
  padding:3vw 0 3vw;
}


.olab-style01-img{
 width:100vw;
}

.olab-style01-txt{
  width:100vw;
  position:relative;
  z-index:100;
  background-color:#00C09C;
  color:#fff;
  padding:7vw;
  border-radius:0 0 0 0;
  right:inherit;
  top:inherit;
  transform:translateY(0);
}



.olab-style01-txt:afterx{
  content:'';
  display:block;
  width:170px;
  height:29px;
  background-size:170px 29px;
  background-image:url(../images/olab-jyosei-mark.png);
  position:absolute;
  bottom:30px;
  right:40px;
}

.olab-style01-txt h3{
  font-size:max(25px,2.4vw);
  font-weight:900;
  margin-bottom:5vw;
  line-height:1.4;
  display:inline-block;
}


.olab-style01-txt p{
  font-size:max(13px,1vw);
  font-weight:bold;
  line-height:2;
}


  .olab-magawrap a{
  display:block;
  flex-basis:100%;
  opacity:1;
  padding:1vw;
  transition:0.2s all ease;
  margin-bottom:15px
}

.olab-magabox-img{
  width:100%;
  max-height:50vw;
  border-radius:15px;
  overflow:hidden;
  margin-bottom:15px;
}

.olab-magabox-time,.olab-magabox-ttl,.olab-magabox-p{
  margin-bottom:15px;
}
.single__content img{
  border-radius:10px;
}


.olab-cat{
  font-size:12px;
  display:inline-block;
  font-weight:bold;
  color:#fff;
  padding:18x 15px;
  border-radius:10px;
  background-color:#00C09C;
  margin-bottom:20px;

}


.olab-otoiwrap{
  padding:13vw 3vw 5vw;
  display:block;
}



.olab-otoibox{
  padding:13vw 10vw 10vw;
  border:1px solid #979797;
  border-radius:15px;
  width:100%;
  position:relative;
  background-color:#fff;
  margin-bottom:20vw;
}


.olab-otoibox img{
  position:absolute;
  top:0;
  left:50%;
  width:30vw;
  transform:translate(-50%,-60%);
}

.olab-otoibox-howto{
  position:absolute;
  top:0;
  left:0;
  border-radius:15px 0 15px 0;
  padding:0.5vw 2vw;
  letter-spacing:0.1em;
  font-size:max(15px, 0.8vw);
  text-align:center;
  color:#fff;
  background-color:#00C09C;
  font-weight:bold;
}


.olab-otoibox-header{
  text-align:center;
  margin-bottom:8vw;
}


.olab-otoibox-status{
  padding:0.3vw 1vw;
  border-radius:30px;
  text-align:center;
  background-color:#F1F1F1;
  display:inline-block;
  font-weight:bold;
  font-size:max(16px, 1vw);
}

.olab-otoibox-status strong{
  color:#EA2D84;
}

.olab-otoibox p{
  line-height:1.8;
  font-size:max(16px,1.1vw);
  font-weight:bolder;
}

.olab-otoibox p strong{
  color:#00A486;
}


.wp-pagenavi{display: flex
;
    flex-wrap: wrap;
    justify-content:center;}



}