/*! Writen  by SCSS */
.planning_wrap .sec01 .item_wrap .item .img {
  position: relative; }
  .planning_wrap .sec01 .item_wrap .item .img .icon {
    position: absolute;
    top: 0;
    right: 0; }
.planning_wrap .sec01 .item_wrap .item .img_wrap .img {
  width: 46.02%; }
  .planning_wrap .sec01 .item_wrap .item .img_wrap .img:nth-child(2) {
    width: 50.37%; }
.planning_wrap .sec01 .sec01_wrap {
  display: flex;
  flex-direction: column;
  row-gap: clamp(30px, 3.334vw, 40px); }
  @media screen and (max-width: 480px) {
    .planning_wrap .sec01 .sec01_wrap {
      margin-inline: -20px; } }
  .planning_wrap .sec01 .sec01_wrap .sec_wrap {
    background: #e9e5e2; }
    .planning_wrap .sec01 .sec01_wrap .sec_wrap .head {
      padding: 10px 20px;
      background: #00428e;
      line-height: 1;
      color: #fff;
      font-size: clamp(16px, 1.751vw, 21px);
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .sec_wrap .head {
          height: 48px; } }
    .planning_wrap .sec01 .sec01_wrap .sec_wrap .qua_ttl {
      color: #00428e;
      line-height: 1; }
  .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media screen and (max-width: 480px) {
      .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box {
        flex-direction: column;
        padding: 15px 20px;
        row-gap: 30px; } }
    .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .text_wrap {
      width: 66.25%;
      margin-right: -2.64%;
      padding: 15px 20px 13px;
      padding-right: 0;
      flex-wrap: wrap;
      row-gap: 12px; }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .text_wrap {
          width: 100%;
          padding: 0;
          row-gap: 20px; } }
      .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .text_wrap .txt01 {
        width: 47.95%;
        width: 100%; }
        @media screen and (max-width: 480px) {
          .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .text_wrap .txt01 {
            width: 100%; } }
      .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .text_wrap .txt_in {
        width: 49.67%;
        width: 100%; }
        @media screen and (max-width: 480px) {
          .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .text_wrap .txt_in {
            width: 100%;
            margin-bottom: -10px; } }
    .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .img {
      width: 37.67%;
      position: relative;
      margin-left: -2.3%; }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .img {
          width: 75%;
          margin-left: 0;
          margin-left: 10%;
          margin-right: 15%; } }
      .planning_wrap .sec01 .sec01_wrap .wrap01 .in_box .img .icon {
        position: absolute;
        right: 48.68%;
        top: -6.68%; }
  .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box {
    padding: 20px;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: clamp(10px, 1.25vw, 15px); }
    @media screen and (max-width: 480px) {
      .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box {
        row-gap: 20px; } }
    .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item {
      width: 47.42%;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item {
          width: 100%; } }
    @media screen and (max-width: 480px) {
      .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item01 {
        width: 100%; } }
    .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item01 .qua_txt {
      width: 44.19%; }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item01 .qua_txt {
          width: 100%; } }
    .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item01 .img {
      width: 52.37%; }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item01 .img {
          width: 100%;
          text-align: center; } }
    .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item02 {
      width: 50%; }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item02 {
          width: 100%;
          margin-bottom: -10px; } }
      .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item02 .qua_ttl {
        width: 100%; }
      .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item02 .qua_txt {
        width: 65.18%; }
      .planning_wrap .sec01 .sec01_wrap .wrap02 .in_box .item02 .img {
        width: 30.18%; }
  .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box {
    padding: 20px;
    /*flex-wrap: wrap;
    align-items: flex-start;
    row-gap: clamp_gm(10,1200,15);
    @include mq($br_sp){
    	row-gap: 20px;
    }*/ }
    .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item01 {
      flex-wrap: wrap;
      flex-direction: row; }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item01 {
          flex-wrap: wrap;
          margin-bottom: 30px; } }
      .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item01 .qua_ttl {
        width: 100%; }
      .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item01 .img {
        width: 27.17%; }
        @media screen and (max-width: 480px) {
          .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item01 .img {
            width: 70%;
            margin-inline: auto; } }
      .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item01 .qua_txt {
        width: 70.17%; }
        @media screen and (max-width: 480px) {
          .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item01 .qua_txt {
            width: 100%; } }
    .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 {
      width: 70%;
      margin-left: auto;
      flex-direction: row;
      flex-wrap: wrap;
      row-gap: 20px;
      margin-top: clamp(-80px, -9.52%, -10px); }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 {
          margin-top: 0;
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in {
          width: 100% !important; } }
      .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in .ttl_border {
        font-size: clamp(13px, 1.25vw, 15px);
        padding-bottom: 0.5em;
        line-height: 1;
        border-bottom: 1px solid #aeaeae;
        margin-bottom: 1em;
        max-width: 440px;
        width: 100%; }
        @media screen and (max-width: 480px) {
          .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in .ttl_border {
            padding-bottom: 0.7em; } }
      .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in .text_list {
        display: flex;
        flex-direction: column;
        row-gap: clamp(15px, 2.5vw, 30px); }
        .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in .text_list li .ttl {
          color: #fff;
          margin-bottom: 0.5em;
          padding: 5px;
          background: linear-gradient(90deg, #719aa7 20%, #e9e5e2 100%);
          line-height: 1; }
        .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in .text_list li .txt {
          font-size: clamp(11px, 1.084vw, 13px); }
      .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in01 {
        width: 35%; }
      .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in02 {
        width: 60.12%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap; }
        .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in02 .text_list {
          width: 57.83%; }
          @media screen and (max-width: 480px) {
            .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in02 .text_list {
              width: 100%;
              margin-bottom: 15px; } }
        .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in02 .img {
          width: 36.64%; }
          @media screen and (max-width: 480px) {
            .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .item_in02 .img {
              width: 100%;
              max-width: 185px;
              margin-inline: auto; } }
      .planning_wrap .sec01 .sec01_wrap .wrap03 .in_box .item02 .cap_l {
        width: 100%; }

/*# sourceMappingURL=quality02.css.map */