@charset "utf-8";
.practice-title {
        letter-spacing: 0.2rem;
        color: #002863;
        font-size:1.3rem;
        margin-bottom:1rem;
      }

      .practice-title-box {
        padding:2rem 4rem;
      }

      .practice-con-title {
        color:#002863;
        font-size:1.8rem;
        letter-spacing: 0.1rem;
        font-weight:400;
      }

      .practice-con-title-sub {
        color:#595757;
        font-size:0.7rem;
      }

      .practice-con-boxbox01,
      .practice-con-boxbox03 {
        margin-top:-5rem;
      }
      .practice-con-boxbox02,
      .practice-con-boxbox04 {
        padding-top:3rem;
      }

      img.title-arrow {
        width:25px;
      }

      .practice-con-box {
      background-color:#fff;
      border-radius:20px;
      padding:3rem;
      font-size:0.9rem;
      line-height:200%;
      }

      img.practice-con-title-img {
        border-radius:20px;
        margin:2rem 0;
      }

      ul.practice-list {
        margin-top:1.5rem;
        margin-bottom:3rem;
      }
      ul.practice-list li {
        font-size:0.9rem;
        line-height:170%;
      }
      ul.practice-list li::marker {
        color:#ffaa00;
      }

      .btn-p-s {
        padding: 0.2rem 0.7rem;
          font-size: 0.8rem;
          background-color: #002863; /* 背景色 */
          border-color: #002863;     /* 枠線の色 */
          color: #ffffff;           /* 文字の色 */
      }

      /* マウスを乗せた時のスタイル */
      .btn-p-s:hover {
          background-color: #001433; /* 少し暗い色に */
          border-color: #001433;
          color: #ffffff;
      }

      .p-s-textbox {
        font-size:0.8rem;
        line-height:180%;
        background-color:#f9f9f9;
        color:#002863;
        border-radius: 10px;
        padding:2rem;
        margin:0 auto;
      }

      .p-s-textbox-title {
        font-size:0.9rem;
        border:1px solid #002863;
        width:40%;
        padding:0.5rem 0;
        text-align:center;
        border-radius: 25px;
        margin:-3.3rem auto 1rem auto;
        background-color:#fff;
      }

      .p-s-textbox-btn {
      background-color:#f9f9f9;
      color:#002863;
      border-radius: 10px;
      padding:1rem 2rem;
      margin:2rem auto 0 auto;
      }      

      section.okigaru {
        background:url(../img/practice_areas/image-bg.jpg) no-repeat;
        background-size:cover;
        color:#fff;
      }

      .okigaru-title {
        font-size:1.3rem;
        margin-bottom:1.3rem;
      }

      .okigaru-text {
        line-height:200%;
      }

      .okigaru-height {
        height:300px;
      }

      @media screen and (max-width:599px)  {
        .practice-title-box {
          height: 15rem;
          padding: 3rem 0.7rem 0 0.7rem;
        }

        .practice-con-box {
          padding:1.5rem;
        }

        .p-s-textbox-title {
          width:90%;
          border-radius:15px;
          padding:0.3rem;
        }

        .p-s-textbox-btn {
          background-color: #fff;
        }

        .practice-con-title {
          font-size:1.4rem;
        }

        img.practice-con-title-img {
          margin:1rem 0;
        }

        .practice-con-boxbox01,
        .practice-con-boxbox02,
        .practice-con-boxbox03
        .practice-con-boxbox04 {
          margin-bottom:4.5rem;
          padding-top:0;
        }

        .practice-con-boxbox01, .practice-con-boxbox03 {
          margin-top:auto;
        }

        section.okigaru {
          background: url(../img/practice_areas/image-bg_sp.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    height:500px;
        }

        .okigaru-height {
          height:170px;
        }

        .okigaru-text {
          padding:0 1.5rem;
        }
      }