/* CSS Document */

#sub-main.itusmo.bousai{
  background:url(/ep/kurashi/itsumo/bousai/images/kv.jpg) no-repeat right top;
  background-size:cover;
}

.bousai-block01{
  margin-top:190px;
  background:#f7de6c;
  padding:175px 0 75px; 
}

.bousai-block01 .inner{
  max-width:1180px;
  margin:0 auto; 
  position:relative;
}

.bousai-block01 .inner h2{
  width:100%;
  text-align:right;
  position:absolute;
  left:0;
  top:-285px; 
}

.bousai-block01 .inner img{
  max-width:100%; 
}

.bousai-block01 .inner .btn{
  width:600px;
  margin:50px auto 0; 
}

.bousai-block01 .inner .btn p{
  margin-top:5px;
  font-size:12px;
  color:#000000; 
}

.bousai-block02{
  margin-top:110px; 
}

.bousai-block02 h2 span.min{
  font-size:30px;
}

.bousai-block02 .inner{
  max-width:1240px;
  margin:195px auto 0; 
  border-radius: 13px;
  background:#effff4;
  position:relative;
  padding:50px 0 100px;
}

.bousai-block02 .inner h3{
  position:absolute;
  left:150px;
  top:-256px; 
}

.bousai-block02 .inner h4{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:-26px; 
}

.bousai-block02 .inner .box{
  max-width:1140px;
  margin:0 auto;
  border:solid 4px #24a84b; 
  box-sizing:border-box;
  background:#FFF;
  padding:25px 30px 40px;
}

.bousai-block02 .inner .box .btn{
  position:absolute;
  left:395px;
  top:585px;
  width:59.43%;
}

.bousai-block02 .inner .box .btn a{
  display:block;
  width:100%;
  height:60px;
  text-align:center;
  font-size:20px;
  color:#313131;
  text-decoration:none;
  font-weight:bold;
  padding-top:15px;
  box-sizing:border-box;
  border-radius:30px;
  border:solid 1px #dcdcdc;
  background:#FFF;
}

.bousai-block02 .inner .box .btn a:after{
  content:"";
  display:block;
  background:url(/ep/kurashi/itsumo/bousai/images/btn-right.png) no-repeat left top;
  background-size:100% auto;
  width:9px;
  height:16px;
  position:absolute;
  right:25px;
  top:22px;
}

.bousai-block02 .inner .box .btn p{
  margin-top:8px;
  font-size:12px;
  color:#000000;
}

.bousai-block02 .inner .box .txt02{
  margin:20px 0;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.667;
}

.bousai-block02 .inner .box .txt04{
  margin-top:30px; 
}

.bousai-block02 .inner .txt05{
  max-width:1140px;
  margin:50px auto 0;
  background:#FFF;
  padding:25px 30px 25px;
  font-size: 16px;
  color: rgb(49, 49, 49);
  line-height: 1.5;
  box-sizing:border-box;
}

.bousai-block02 .inner .txt05 span{
  display:block;
  margin-bottom:3px;
  font-size:20px;
  color:#24a84b;
  font-weight:bold; 
}

@media screen and (max-width: 1240px) {
  .bousai-block02 .inner h3{
    left:0; 
  }
  .bousai-block02 .inner .box .btn{
    left: 30vw;
  }
  
}

@media screen and (max-width: 1150px) {
  .bousai-block02 .inner .box .btn{
    position:absolute;
    left: 30vw;
    top: 51vw;
    width:59.43%;
  }
}

@media screen and (max-width: 767px) {
    #sub-main.itusmo.bousai{
      background:url(/ep/kurashi/itsumo/bousai/images/kv-sp.jpg) no-repeat right top;
      background-size:cover;
      height:56vw !important;
    }
    
    #sub-main.itusmo.bousai h1 span.ttl{
      top:50%;
      transform:translateY(-50%);
    } 
    
    .bousai-block01{
      margin-top:24vw;
      padding:16vw 0 11.33vw; 
    }
    
    .bousai-block01 .inner{
      max-width:100%;
      margin:0 auto; 
      position:relative;
    }
    
    .bousai-block01 .inner h2{
      width:100%;
      top:-32vw; 
    }
    
    .bousai-block01 .inner img{
      max-width:100%; 
    }
    
    .bousai-block01 .inner .btn{
      width:86.6vw;
      margin:6vw auto 0; 
    }
    
    .bousai-block01 .inner .btn p{
      margin-top:1.3vw;
      font-size:2.4vw;
    }
    
    .bousai-block02{
      margin-top:12vw; 
    }
    
    .bousai-block02 h2 span.min{
      font-size:4.53vw;
    }
    
    .bousai-block02 .inner{
      max-width:100%;
      margin:36vw auto 0; 
      border-radius: 0;
      padding:10vw 0 10.6vw;
    }
    
    .bousai-block02 .inner h3{
      position:absolute;
      width:100%;
      left:0;
      top:-34.6vw; 
    }
    
    .bousai-block02 .inner h4{
      position:absolute;
      width:86.6vw;
      left:50%;
      transform:translateX(-50%);
      top:-5.2vw; 
    }
    
    .bousai-block02 .inner .box{
      max-width:86.6vw;
      margin:0 auto;
      border:solid 0.53vw #24a84b; 
      padding:4vw 4vw 4vw;
    }
    
    .bousai-block02 .inner .box .btn{
      position:relative;
      left:auto;
      transform:none;
      top:auto;
      width:78.13vw;
      margin:4vw auto 0;
    }
    
    .bousai-block02 .inner .box .btn a{
      display:block;
      width:100%;
      height:9.3vw;
      font-size:3.2vw;
      padding-top:2.4vw;
      border-radius:4.6vw;
      border:solid 0.26vw #dcdcdc;
      position:relative;
    }
    
    .bousai-block02 .inner .box .btn a:after{
      width:1.86vw;
      height:3.3vw;
      position:absolute;
      right:2.6vw;
      top:50%;
      transform:translateY(-50%);
    }
    
    .bousai-block02 .inner .box .btn p{
      margin-top:1.5vw;
      font-size:2.4vw;
      margin-bottom:5vw;      
    }
    
    .bousai-block02 .inner .box .txt02{
      margin:2vw 0;
      font-size: 2.4vw;
    }
    
    .bousai-block02 .inner .box .txt04{
      margin-top:5.3vw; 
    }
    
    .bousai-block02 .inner .txt05{
      max-width:86.6vw;
      margin:6.6vw auto 0;
      padding:3vw 4vw 3.2vw;
      font-size: 3.2vw;
    }
    
    .bousai-block02 .inner .txt05 span{
      display:block;
      margin-bottom:1vw;
      font-size:3.46vw; 
    }
}