/* レスポンシブ max-width 768px*/
@media screen and (max-width:768px){
  .fv h2{
      font-size: 28px;
  }
  .fv h3{
      font-size: 14px;
  }
  main .main-ttl h2{
      font-size: 25px;
  }
  main .main-ttl h2 span{
      padding-bottom:0px;
  }
  .index-content-01 .point-area{
    flex-direction: column;
  }
  .index-content-01 .point-area .point-box{
    width: 100%;
    margin-bottom: 20px;
  }
  .index-content-01 .point-area .point-box h2{
      font-size: 22px;
  }
  .index-content-01 .point-text{
      font-size: 14px;
  }
  .index-content-02 .content-area .content-box h2{
      font-size: 20px;
  }
  main .ttl-wrap h3{
      font-size: 30px;
  }
  .index-content-02 .content-area .content-box p{
      font-size: 14px;
  }
  .index-content-02 .service-area{
      padding-right: 0;
  }
  .index-content-02 .content-area{
      background-color:rgba(255,255,255,0.8);
      padding:20px 0;
  }
  .index-content-03 .greeting-area{
    align-items: center;
    margin-top: 50px;
  }
  .index-content-03 .greeting-area .text h3{
      font-size: 16px;
  }
  .index-content-03 .greeting-area .text p{
      font-size: 14px;
  }
  .index-content-03 .greeting-area .text h2{
    font-size: 18px;
  }
  .index-content-03 .greeting-area .photo{
      width: 30%;
  }
  .index-content-03 .greeting-area .text{
      width: 70%;
      background: rgba(255,255,255,0.8);
      padding: 0 20px;
  }
  .contact::after{
      right: 5%;
      width: 30px;
      height: 40px;
      background-size: contain;
  }

  /* 下層ページ */
  .service-content-01 .point-area{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .service-content-01 .point-box{
    width: 190px;
    height: 190px;
    margin-bottom: 10px;
  }
  .service-content-01 .point-num{
    font-size: 18px;
    margin-top: 20px;
  }
  .service-content-01 .point-num:after{
    height: 15px;
  }
  .service-content-01 .point-box h2{
    font-size: 18px;
    margin-bottom: 15px;
  }
  .service-content-01 .point-box p{
    font-size: 12px;
  }
  .service-content-01 .point-text{
    font-size: 16px;
  }
  .service-content-02 .service-area,
  .service-content-03 .service-area,
  .service-content-04 .service-area{
    flex-direction: column;
    margin-bottom: 15px;
  }
  .service-content-03 .service-area{
    flex-direction: column-reverse;
  }
  .service-content-02 .service-area .ttl-wrap,
  .service-content-03 .service-area .ttl-wrap,
  .service-content-04 .service-area .ttl-wrap{
    width: 100%;
  }
  .service-content-02 .service-area figure,
  .service-content-03 .service-area figure,
  .service-content-04 .service-area figure{
    width: 100%;
  }
  .prof h2{
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
  }
  .prof-area{
    flex-direction: column;
  }
  .prof-box {
    width: 100%;
    margin-bottom: 15px;
    flex-direction: column;
    align-items: center;
  }
  .prof-box figure{
    margin:0 auto;
    margin-bottom: 10px;
  }
  .service-content-02 .service-area span,
  .service-content-03 .service-area span,
  .service-content-04 .service-area span{
    font-size: 40px;
  }
  .service-content-02 .service-area h3,
  .service-content-03 .service-area h3,
  .service-content-04 .service-area h3{
    font-size:25px;
  }
  .service-content-02 .service-area h2,
  .service-content-03 .service-area h2,
  .service-content-04 .service-area h2{
    margin:15px 0 5px;
  }
  .service-content-02 .service-area .ttl-wrap p,
  .service-content-03 .service-area .ttl-wrap p,
  .service-content-04 .service-area .ttl-wrap p{
    font-size: 14px;
    margin-bottom: 20px;
  }
  .company-content-01 .text p{
    font-size: 25px;
  }
  .company-content-02{
    padding-top: 100px;
  }
  .company-content-03 .information-area dl{
    font-size: 14px;
    justify-content: space-between;
    padding: 10px 20px;
  }
  .company-content-03 .information-area dt{
    width: 30%;
  }
  .company-content-03 .information-area dd{
    width: 65%;
  }
  .cases-content-01 .ttl-wrap h3,
  .cases-content-02 .ttl-wrap h3,
  .cases-content-03 .ttl-wrap h3{
    font-size: 28px;
  }
  .cases-area figure{
    margin: 0 0 50px;
  }
  .contact-content-01 form input[type=text], .contact-content-01 form textarea{
    height: auto;
    max-height: 70px;
  }
  .confirm-content-01,.thanks-content-01{
    padding-top: 60px;
  }
  .confirm-content-01 .confirm-area dt{
    width: 40%;
  }
  .confirm-content-01 .confirm-area dl{
    font-size: 13px;
  }
  .confirm-content-01 form p{
    font-size: 14px;
  }
  .thanks-content-01 .thanks-area h4{
    font-size: 18px;
  }
}