@charset "utf-8";

.catch{
  margin-top: 100px;
  margin-bottom: 70px;
  font-size: 50px;
  color: #111413;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 1;
  }
.mainWrap{
  width: 690px;
  margin: 0 auto 80px;
  font-size: 0;
  }
.mainWrap .img{
  display: inline-block;
  width: 245px;
  margin-right: 40px;
  vertical-align: middle;
  }
.mainWrap .txtBox{
  display: inline-block;
  width: 405px;
  vertical-align: middle;
  }
.mainWrap .txtBox .ttl{
  margin-bottom: 20px;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1.467;
  }
.mainWrap .txtBox .txt{
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 1.5;
  }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .catch{
    margin-top: 8.929%;
    margin-bottom: 6.25%;
    font-size: 4.464vw;
    }
  .mainWrap{
    width: 61.607%;
    margin-bottom: 7.143%;
    }
  .mainWrap .img{
    width: 35.507%;
    margin-right: 5.797%;
    }
  .mainWrap .txtBox{
    width: 58.696%;
    }
  .mainWrap .txtBox .ttl{
    margin-bottom: 4.938%;
    font-size: 2.679vw;
    }
  .mainWrap .txtBox .txt{
    font-size: 1.429vw;
    }
}

@media screen and (max-width: 768px){
  .catch{
    margin-top: 6.510%;
    margin-bottom: 5.859%;
    font-size: 6.510vw;
    }
  .mainWrap{
    width: 89.583%;
    margin-bottom: 7.161%;
    }
  .mainWrap .img{
    display: block;
    width: 59.884%;
    margin: 0 auto 7.267%;
    }
  .mainWrap .txtBox{
    width: 100%;
    }
  .mainWrap .txtBox .ttl{
    margin-bottom: 1.453%;
    font-size: 5.208vw;
    }
  .mainWrap .txtBox .txt{
    font-size: 3.125vw;
    }
}

/*　b01のcss*/
/*-------------------------------------------------------*/
.b01 {
  width: 1000px;
  margin: 0 auto 80px;
  font-size: 0; }
.b01 .ttl{
  margin-bottom: 20px;
  font-size: 25px;
  letter-spacing: 0.08em;
  }
.b01 .img{
  display: inline-block;
  width: 400px;
  margin-right: 30px;
  vertical-align: top;
  }
.b01 .txtBox{
  display: inline-block;
  width: 570px;
  vertical-align: top;
  }
.b01 .txtBox .num{
  margin-bottom: 25px;
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 1.5;
  }
.b01 .txtBox .cap{
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 1.467;
  }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .b01 {
    width: 89.286%;
    margin-bottom: 7.143%;
    }
  .b01 .ttl{
    margin-bottom: 2%;
    font-size: 2.232vw;
    }
  .b01 .img{
    width: 40%;
    margin-right: 3%;
    }
  .b01 .txtBox{
    width: 57%;
    }
  .b01 .txtBox .num{
    margin-bottom: 4.386%;
    font-size: 1.429vw;
    }
  .b01 .txtBox .cap{
    font-size: 1.071vw;
    }
}

@media screen and (max-width: 768px){
  .b01 {
    width: 89.583%;
    margin-bottom: 6.510%;
    }
  .b01 .ttl{
    margin-bottom: 2.907%;
    font-size: 3.906vw;
    }
  .b01 .img{
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.907%;
    }
  .b01 .txtBox{
    width: 100%;
    }
  .b01 .txtBox .num{
    margin-bottom: 5.087%;
    font-size: 3.125vw;
    }
  .b01 .txtBox .cap{
    font-size: 2.604vw;
    }
}


/*　b02のcss*/
/*-------------------------------------------------------*/
.b02 {
  width: 1000px;
  margin: 0 auto 80px;
  font-size: 0; }
.b02 .ttl{
  margin-bottom: 20px;
  font-size: 25px;
  letter-spacing: 0.08em;
  }
.b02 .lBox,
.b02 .rBox{
  display: inline-block;
  width: 480px;
  vertical-align: top;
  }
.b02 .rBox{
  margin-left: 40px;
  }
.b02 .hd{
  background-color: #333;
  padding: 10px 0;
  margin-bottom: 30px;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.07em;
  line-height: 1;
  text-align: center;
  }
.b02 .img{
  margin-bottom: 30px;
  }
.b02 .txt{
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 1.5;
  }

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .b02 {
    width: 89.286%;
    margin-bottom: 7.143%;
    }
  .b02 .ttl{
    margin-bottom: 2%;
    font-size: 2.232vw;
    }
  .b02 .lBox,
  .b02 .rBox{
    width: 48%;
    }
  .b02 .rBox{
    margin-left: 4%;
    }
  .b02 .hd{
    padding: 2.083% 0;
    margin-bottom: 6.25%;
    font-size: 1.786vw;
    }
  .b02 .img{
    margin-bottom: 6.25%;
    }
  .b02 .txt{
    font-size: 1.429vw;
    }
}

@media screen and (max-width: 768px){
  .b02 {
    width: 89.583%;
    margin-bottom: 0;
    }
  .b02 .ttl{
    margin-bottom: 2.907%;
    font-size: 3.906vw;
    }
  .b02 .lBox,
  .b02 .rBox{
    width: 100%;
    }
  .b02 .rBox{
    margin-left: 0;
    margin-top: 7.267%;
    }
  .b02 .hd{
    padding: 1.744% 0;
    margin-bottom: 5.814%;
    font-size: 3.737vw;
    }
  .b02 .img{
    margin-bottom: 3.634%;
    }
  .b02 .txt{
    font-size: 3.125vw;
    }
}



.pageCaption{
  width: 1000px;
}

/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1120px){
  .pageCaption{
    width: 89.286%;
  }
}
@media screen and (max-width: 768px){
}