/*============================================
responsive
============================================*/
.inner {
  max-width: 1140px;
  margin: 0 auto; }
  @media screen and (max-width: 897px) {
    .inner {
      margin: 0 20px; } }

p {
  text-align: justify;
  text-justify: inter-ideograph; }

.top {
  padding: 20px 0 0 0; }

/*============================================
.view
============================================*/
.view {
  background: #F3F3F6; }
  .view__box {
    position: relative;
    padding: 60px 0; }
    @media screen and (max-width: 897px) {
      .view__box {
        padding: 30px 0; } }
    .view__box .pankuzu {
      position: absolute;
      top: 2%;
      right: 0;
      font-size: 1.5rem; }
      @media screen and (max-width: 897px) {
        .view__box .pankuzu {
          font-size: 1.2rem; } }
      .view__box .pankuzu ul {
        display: flex; }
        .view__box .pankuzu ul li:not(:last-of-type)::after {
          content: "/";
          padding: 0 10px 0 0;
          margin: 0 0 0 10px; }
    .view__box .headline span {
      color: #FFAA00;
      font-size: 2.0rem;
      border-bottom: 1px solid #FFAA00;
      font-family: futura-pt, sans-serif;
      font-weight: 700;
      font-style: normal; }
      @media screen and (max-width: 897px) {
        .view__box .headline span {
          font-size: 1.5rem; } }
    .view__box .headline h1 {
      font-size: 4.0rem;
      font-weight: 700;
      color: #00366D; }
      @media screen and (max-width: 897px) {
        .view__box .headline h1 {
          font-size: 2.5rem;
          font-weight: 900; } }

/*============================================
feature
============================================*/
.feature {
  padding: 120px 0; }
  @media screen and (max-width: 897px) {
    .feature {
      padding: 40px 0; } }
  .feature__headline {
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      .feature__headline {
        padding: 0 0 30px 0; } }
    .feature__headline h2 {
      position: relative;
      padding: 60px 0 0 0;
      font-size: 4.0rem;
      line-height: 1.4;
      font-weight: 700;
      color: #1E489D; }
      @media screen and (max-width: 897px) {
        .feature__headline h2 {
          padding: 20px 0 0 0;
          font-size: 2.5rem;
          font-weight: 900; } }
      .feature__headline h2::before {
        position: absolute;
        content: "";
        width: 80px;
        height: 10px;
        background: #FFAA00;
        border-radius: 100px;
        top: 0; }
        @media screen and (max-width: 897px) {
          .feature__headline h2::before {
            width: 50px;
            height: 5px; } }
  .feature__box {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 897px) {
      .feature__box {
        display: block; } }
    .feature__box:not(:last-of-type) {
      padding: 0 0 90px 0;
      margin: 0 0 90px 0;
      border-bottom: 1px solid #D9D8D9; }
      @media screen and (max-width: 897px) {
        .feature__box:not(:last-of-type) {
          padding: 0 0 30px 0;
          margin: 0 0 30px 0; } }
    .feature__box .img {
      width: 47%; }
      @media screen and (max-width: 897px) {
        .feature__box .img {
          width: 100%;
          margin: 0 0 15px 0; } }
      .feature__box .img img {
        border-radius: 15px; }
    .feature__box .txt {
      width: 47%; }
      @media screen and (max-width: 897px) {
        .feature__box .txt {
          width: 100%; } }
      .feature__box .txt h3 {
        font-size: 3.5rem;
        line-height: 1.4;
        font-weight: 700;
        color: #00366D;
        padding: 0 0 40px 0; }
        @media screen and (max-width: 897px) {
          .feature__box .txt h3 {
            padding: 0 0 15px 0;
            font-size: 2.0rem;
            font-weight: 900; } }
        .feature__box .txt h3 span {
          font-size: 2.3rem;
          line-height: 1;
          color: #1E489D;
          display: block;
          padding: 15px 0 0 0; }
          @media screen and (max-width: 897px) {
            .feature__box .txt h3 span {
              font-size: 1.8rem;
              padding: 8px 0 0 0; } }
      .feature__box .txt p:not(:last-of-type) {
        padding: 0 0 15px 0; }
    .feature__box:nth-child(odd) {
      flex-flow: row-reverse; }
  .feature:nth-child(even) {
    background: #F3F7FF; }

/*============================================
service
============================================*/
.service {
  padding: 120px 0;
  background: #00366D; }
  @media screen and (max-width: 897px) {
    .service {
      padding: 40px 0; } }
  .service__headline {
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      .service__headline {
        padding: 0 0 30px 0; } }
    .service__headline h2 {
      position: relative;
      padding: 60px 0 0 0;
      font-size: 4.0rem;
      line-height: 1.4;
      font-weight: 700;
      color: #fff; }
      @media screen and (max-width: 897px) {
        .service__headline h2 {
          padding: 20px 0 0 0;
          font-size: 2.5rem;
          font-weight: 900; } }
      .service__headline h2::before {
        position: absolute;
        content: "";
        width: 80px;
        height: 10px;
        background: #FFAA00;
        border-radius: 100px;
        top: 0; }
        @media screen and (max-width: 897px) {
          .service__headline h2::before {
            width: 50px;
            height: 5px; } }
  .service__box {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 897px) {
      .service__box {
        display: block; } }
    .service__box__item {
      width: 30%;
      background: #fff;
      border-radius: 15px;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
      @media screen and (max-width: 897px) {
        .service__box__item {
          width: 100%; } }
      @media screen and (max-width: 897px) {
        .service__box__item:not(:last-of-type) {
          margin: 0 0 30px 0; } }
      .service__box__item .img img {
        border-radius: 15px 15px 0 0; }
      .service__box__item .txt {
        padding: 10%; }
        @media screen and (max-width: 897px) {
          .service__box__item .txt {
            padding: 5%; } }
        .service__box__item .txt h3 {
          text-align: center;
          color: #1E489D;
          padding: 0 0 10px 0; }

/*============================================
local
============================================*/
.local {
  padding: 60px 0 120px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #f4f4f4; }
  .local__box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .local__box__item {
      width: 30%;
      margin: 60px 0 0 0; }
      .local__box__item .img {
        padding: 0 0 30px 0; }
        .local__box__item .img img {
          border-radius: 15px; }
      .local__box__item .btn {
        font-size: 2.0rem; }
      .local__box__item a {
        color: #1E489D;
        font-weight: 700; }
  .local .arrow {
    position: relative;
    vertical-align: middle;
    text-decoration: none; }
  .local .arrow::before, .local .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle; }
  .local .sample5-6::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid #1E489D;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .local .sample5-6::after {
    right: 8px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #1E489D;
    border-right: 2px solid #1E489D;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

/*============================================
company
============================================*/
.company {
  padding: 120px 0; }
  @media screen and (max-width: 897px) {
    .company {
      padding: 40px 0; } }
  .company__headline {
    padding: 0 0 45px 0;
    text-align: center; }
    @media screen and (max-width: 897px) {
      .company__headline {
        padding: 0 0 20px 0; } }
    .company__headline h2 {
      font-size: 3.0rem;
      line-height: 1; }
      @media screen and (max-width: 897px) {
        .company__headline h2 {
          font-size: 2.0rem;
          font-weight: 900; } }
  .company__box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 1.5rem; }
    @media screen and (max-width: 897px) {
      .company__box ul {
        max-height: 300px;
        overflow: auto;
        font-size: 1.4rem; } }
    .company__box ul::after {
      content: "";
      width: 30%; }
    .company__box ul li {
      width: 30%;
      border-bottom: 1px solid #f4f4f4;
      padding: 15px 0; }
      @media screen and (max-width: 897px) {
        .company__box ul li {
          width: 100%; } }

/*============================================
plan
============================================*/
.plan {
  padding: 120px 0; }
  @media screen and (max-width: 897px) {
    .plan {
      padding: 40px 0; } }
  .plan__headline {
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      .plan__headline {
        padding: 0 0 30px 0; } }
    .plan__headline h2 {
      position: relative;
      padding: 60px 0 0 0;
      font-size: 4.0rem;
      line-height: 1.4;
      font-weight: 700;
      color: #1E489D; }
      @media screen and (max-width: 897px) {
        .plan__headline h2 {
          padding: 20px 0 0 0;
          font-size: 2.5rem;
          font-weight: 900; } }
      .plan__headline h2::before {
        position: absolute;
        content: "";
        width: 80px;
        height: 10px;
        background: #FFAA00;
        border-radius: 100px;
        top: 0; }
        @media screen and (max-width: 897px) {
          .plan__headline h2::before {
            width: 50px;
            height: 5px; } }
  .plan__box-top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 897px) {
      .plan__box-top {
        display: block; } }
    .plan__box-top .img {
      width: 47%; }
      @media screen and (max-width: 897px) {
        .plan__box-top .img {
          width: 100%;
          margin: 0 0 15px 0; } }
      .plan__box-top .img img {
        border-radius: 15px; }
    .plan__box-top .txt {
      width: 47%; }
      @media screen and (max-width: 897px) {
        .plan__box-top .txt {
          width: 100%; } }
      .plan__box-top .txt h2 {
        font-size: 3.5rem;
        padding: 0 0 30px 0;
        font-weight: 700;
        color: #00366D; }
        @media screen and (max-width: 897px) {
          .plan__box-top .txt h2 {
            font-size: 2.5rem;
            line-height: 1.4;
            font-weight: 900;
            padding: 0 0 15px 0; } }
      .plan__box-top .txt p:not(:last-of-type) {
        padding: 0 0 15px 0; }


      .plan__box-top .txt h3 {
        font-size: 3.0rem;
        line-height: 1;
        color: #1E489D;
        padding: 0 0 10px 0; }
      .plan__box-top .txt .price {
        text-align: right;
        font-size: 2.0rem;
        font-weight: 700;
        color: #DC3377;
        padding: 0 0 5px 0; }
        @media screen and (max-width: 897px) {
          .plan__box-top .txt .price {
            line-height: 1; } }
        .plan__box-top .txt .price span {
          font-size: 2.6rem; }




  .plan__box-bottom {
    padding: 60px 0 0 0;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 897px) {
      .plan__box-bottom {
        padding: 0;
        display: block; } }
    .plan__box-bottom__item {
      width: 30%; }
      @media screen and (max-width: 897px) {
        .plan__box-bottom__item {
          width: 100%;
          margin: 30px 0 0 0; } }
      .plan__box-bottom__item .img {
        padding: 0 0 20px 0; }
        .plan__box-bottom__item .img img {
          border-radius: 15px; }
      .plan__box-bottom__item .txt h3 {
        font-size: 2.0rem;
        line-height: 1;
        color: #1E489D;
        padding: 0 0 10px 0; }
      .plan__box-bottom__item .txt .price {
        text-align: right;
        font-size: 2.0rem;
        font-weight: 700;
        color: #DC3377;
        padding: 0 0 5px 0; }
        @media screen and (max-width: 897px) {
          .plan__box-bottom__item .txt .price {
            line-height: 1; } }
        .plan__box-bottom__item .txt .price span {
          font-size: 2.6rem; }
  .plan__box-mid:not(:last-of-type) {
    padding: 0 0 90px 0;
    margin: 0 0 90px 0;
    border-bottom: 1px solid #D9D8D9; }
    @media screen and (max-width: 897px) {
      .plan__box-mid:not(:last-of-type) {
        padding: 0 0 30px 0;
        margin: 0 0 30px 0; } }
  .plan__box-mid h3 {
    font-size: 3.5rem;
    line-height: 1.4;
    padding: 0 0 30px 0;
    color: #00366D; }
    @media screen and (max-width: 897px) {
      .plan__box-mid h3 {
        font-size: 2.0rem;
        padding: 0 0 15px 0; } }
  .plan__box-mid .img {
    padding: 0 0 30px 0; }
    .plan__box-mid .img img {
      border-radius: 15px; }
  .plan .option__box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .plan .option__box::after {
      content: "";
      width: 30%; }
    .plan .option__box__item {
      width: 30%; }
      @media screen and (max-width: 897px) {
        .plan .option__box__item {
          width: 47%; } }
      .plan .option__box__item:nth-child(1), .plan .option__box__item:nth-child(2), .plan .option__box__item:nth-child(3) {
        margin: 0 0 60px 0; }
        @media screen and (max-width: 897px) {
          .plan .option__box__item:nth-child(1), .plan .option__box__item:nth-child(2), .plan .option__box__item:nth-child(3) {
            margin: 0 0 20px 0; } }
      .plan .option__box__item .img {
        padding: 0 0 10px 0;
        text-align: center;
        font-weight: 600; }
        .plan .option__box__item .img img {
          border-radius: 15px;
          margin-top: 10px; }
      .plan .option__box__item .txt {
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        color: #DC3377; }
        @media screen and (max-width: 897px) {
          .plan .option__box__item .txt {
            font-size: 1.6rem; } }
        .plan .option__box__item .txt span {
          font-size: 2.5rem; }
          @media screen and (max-width: 897px) {
            .plan .option__box__item .txt span {
              font-size: 2.0rem; } }
  .plan .btn__box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .plan .btn__box::after {
      content: "";
      width: 30%; }
    .plan .btn__box__item {
      width: 30%;
      /*      .txt {
              text-align: center;
              font-size: 1.8rem;
              font-weight: 700;
              color: #DC3377;
              @include sp {
                font-size: 1.6rem;
              }
            }*/ }
      @media screen and (max-width: 897px) {
        .plan .btn__box__item {
          width: 47%; } }
      .plan .btn__box__item:nth-child(1), .plan .btn__box__item:nth-child(2), .plan .btn__box__item:nth-child(3) {
        margin: 0 0 60px 0; }
        @media screen and (max-width: 897px) {
          .plan .btn__box__item:nth-child(1), .plan .btn__box__item:nth-child(2), .plan .btn__box__item:nth-child(3) {
            margin: 0 0 20px 0; } }
      .plan .btn__box__item a.img {
        padding: 0 0 10px 0;
        text-align: center; }
        .plan .btn__box__item a.img img {
          border-radius: 15px;
          margin-top: 10px; }
  .plan:nth-child(even) {
    background: #F3F7FF; }

/*============================================
beginner
============================================*/
.beginner {
  padding: 120px 0;
  border-bottom: 1px solid #f4f4f4; }
  @media screen and (max-width: 897px) {
    .beginner {
      padding: 40px 0; } }
  .beginner__headline {
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      .beginner__headline {
        padding: 0 0 30px 0; } }
    .beginner__headline h2 {
      position: relative;
      padding: 60px 0 0 0;
      font-size: 4.0rem;
      line-height: 1.4;
      font-weight: 700;
      color: #1E489D; }
      @media screen and (max-width: 897px) {
        .beginner__headline h2 {
          padding: 20px 0 0 0;
          font-size: 2.5rem;
          font-weight: 900; } }
      .beginner__headline h2::before {
        position: absolute;
        content: "";
        width: 80px;
        height: 10px;
        background: #FFAA00;
        border-radius: 100px;
        top: 0; }
        @media screen and (max-width: 897px) {
          .beginner__headline h2::before {
            width: 50px;
            height: 5px; } }
  .beginner__box-top {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 897px) {
      .beginner__box-top {
        display: block; } }
    .beginner__box-top:not(:last-of-type) {
      padding: 0 0 90px 0;
      margin: 0 0 90px 0;
      border-bottom: 1px solid #D9D8D9; }
      @media screen and (max-width: 897px) {
        .beginner__box-top:not(:last-of-type) {
          padding: 0 0 30px 0;
          margin: 0 0 30px 0; } }
    .beginner__box-top .img {
      width: 47%; }
      @media screen and (max-width: 897px) {
        .beginner__box-top .img {
          width: 100%;
          padding: 0 0 10px 0; } }
      .beginner__box-top .img img {
        border-radius: 15px; }
    .beginner__box-top .txt {
      width: 47%; }
      @media screen and (max-width: 897px) {
        .beginner__box-top .txt {
          width: 100%; } }
      .beginner__box-top .txt h3 {
        font-size: 3.5rem;
        line-height: 1.4;
        font-weight: 700;
        color: #00366D;
        padding: 0 0 40px 0; }
        @media screen and (max-width: 897px) {
          .beginner__box-top .txt h3 {
            font-size: 2.0rem;
            font-weight: 900;
            padding: 0 0 15px 0; } }
        .beginner__box-top .txt h3 span {
          font-size: 2.3rem;
          line-height: 1;
          color: #1E489D;
          display: block;
          padding: 15px 0 0 0; }
      .beginner__box-top .txt p:not(:last-of-type) {
        padding: 0 0 15px 0; }
      .beginner__box-top .txt .list {
        background: #456CBB;
        font-weight: 900;
        color: #fff;
        padding: 15px !important;
        margin: 8px 0;
        border-radius: 12px;
        text-align: center; }
    .beginner__box-top:nth-child(odd) {
      flex-flow: row-reverse; }
  .beginner__box-mid:not(:last-of-type) {
    padding: 0 0 90px 0;
    margin: 0 0 90px 0;
    border-bottom: 1px solid #D9D8D9; }
    @media screen and (max-width: 897px) {
      .beginner__box-mid:not(:last-of-type) {
        padding: 0 0 30px 0;
        margin: 0 0 30px 0; } }
  .beginner__box-mid h3 {
    font-size: 3.5rem;
    line-height: 1.4;
    padding: 0 0 30px 0;
    color: #00366D; }
    @media screen and (max-width: 897px) {
      .beginner__box-mid h3 {
        font-size: 2.0rem;
        font-weight: 900;
        padding: 0 0 15px 0; } }
  .beginner__box-mid .img {
    padding: 0 0 30px 0; }
    @media screen and (max-width: 897px) {
      .beginner__box-mid .img {
        padding: 0 0 15px 0; } }
    .beginner__box-mid .img img {
      border-radius: 15px; }
    .beginner__box-mid .img.none {
      padding: 0; }
  .beginner__contact {
    background: #1E489D;
    padding: 3%;
    border-radius: 15px;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 897px) {
      .beginner__contact {
        display: block;
        padding: 5%; } }
    .beginner__contact div {
      color: #fff;
      text-align: center;
      width: 30%; }
      @media screen and (max-width: 897px) {
        .beginner__contact div {
          width: 100%; } }
      @media screen and (max-width: 897px) {
        .beginner__contact div:not(:last-of-type) {
          margin: 0 0 20px 0;
          padding: 0 0 20px 0;
          border-bottom: 1px solid #fff; } }
      .beginner__contact div h3 {
        font-size: 2.2rem;
        padding: 0 0 15px 0; }
        @media screen and (max-width: 897px) {
          .beginner__contact div h3 {
            line-height: 1;
            font-size: 2.0rem; } }
      .beginner__contact div.tel {
        text-align: center;
        color: #fff; }
        .beginner__contact div.tel p {
          text-align: center; }
        .beginner__contact div.tel .tap {
          font-size: 4.0rem;
          line-height: 1;
          font-family: futura-pt, sans-serif;
          font-weight: 700;
          font-style: normal; }
          .beginner__contact div.tel .tap a {
            color: #fff; }
      .beginner__contact div .btn a {
        display: block;
        text-align: center;
        color: #222;
        background: #fff;
        border-radius: 50px;
        font-weight: 700;
        padding: 15px; }
      .beginner__contact div .btn .arrow {
        position: relative;
        vertical-align: middle;
        text-decoration: none; }
      .beginner__contact div .btn .arrow::before, .beginner__contact div .btn .arrow::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        margin: auto;
        content: "";
        vertical-align: middle; }
      .beginner__contact div .btn .sample5-6::before {
        box-sizing: border-box;
        width: 24px;
        height: 24px;
        border: 1px solid #1E489D;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      .beginner__contact div .btn .sample5-6::after {
        right: 23px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #1E489D;
        border-right: 2px solid #1E489D;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .beginner:nth-child(even) {
    background: #F3F7FF; }

/*============================================
faq
============================================*/
.faq {
  padding: 120px 0;
  border-bottom: 1px solid #f4f4f4; }
  @media screen and (max-width: 897px) {
    .faq {
      padding: 40px 0; } }
  .faq__headline {
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      .faq__headline {
        padding: 0 0 30px 0; } }
    .faq__headline h2 {
      position: relative;
      padding: 60px 0 0 0;
      font-size: 4.0rem;
      line-height: 1.4;
      font-weight: 700;
      color: #1E489D; }
      @media screen and (max-width: 897px) {
        .faq__headline h2 {
          padding: 20px 0 0 0;
          font-size: 2.5rem;
          font-weight: 900; } }
      .faq__headline h2::before {
        position: absolute;
        content: "";
        width: 80px;
        height: 10px;
        background: #FFAA00;
        border-radius: 100px;
        top: 0; }
        @media screen and (max-width: 897px) {
          .faq__headline h2::before {
            width: 50px;
            height: 5px; } }
  .faq__box {
    display: flex;
    justify-content: space-between; }
    .faq__box:not(:last-of-type) {
      padding: 0 0 90px 0;
      margin: 0 0 90px 0;
      border-bottom: 1px solid #D9D8D9; }
      @media screen and (max-width: 897px) {
        .faq__box:not(:last-of-type) {
          padding: 0 0 30px 0;
          margin: 0 0 30px 0; } }
    .faq__box dl dt {
      font-size: 2.0rem;
      font-weight: 700;
      color: #00366D; }
      @media screen and (max-width: 897px) {
        .faq__box dl dt {
          font-size: 1.8rem;
          line-height: 1.4; } }
      .faq__box dl dt::before {
        content: "Q.";
        font-size: 2.5rem;
        padding: 0 10px 0 0; }
        @media screen and (max-width: 897px) {
          .faq__box dl dt::before {
            font-size: 1.8rem;
            line-height: 1.4;
            padding: 0; } }
    .faq__box dl dd {
      text-indent: -2rem;
      padding: 0 0 0 6rem; }
      @media screen and (max-width: 897px) {
        .faq__box dl dd {
          text-indent: 0;
          padding: 10px 0 0 0; } }
      .faq__box dl dd::before {
        content: "A.";
        font-size: 2.0rem;
        font-weight: 700;
        color: #00366D; }
        @media screen and (max-width: 897px) {
          .faq__box dl dd::before {
            font-size: 1.8rem;
            line-height: 1.4;
            padding: 0; } }

/*============================================
form
============================================*/
.form {
  padding: 120px 0; }
  @media screen and (max-width: 897px) {
    .form {
      padding: 40px 0; } }
  .form__headline {
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      .form__headline {
        padding: 0 0 30px 0; } }
    .form__headline h2 {
      position: relative;
      padding: 60px 0 0 0;
      font-size: 4.0rem;
      line-height: 1.4;
      font-weight: 700;
      color: #1E489D; }
      @media screen and (max-width: 897px) {
        .form__headline h2 {
          padding: 20px 0 0 0;
          font-size: 2.5rem;
          font-weight: 900; } }
      .form__headline h2::before {
        position: absolute;
        content: "";
        width: 80px;
        height: 10px;
        background: #FFAA00;
        border-radius: 100px;
        top: 0; }
        @media screen and (max-width: 897px) {
          .form__headline h2::before {
            width: 50px;
            height: 5px; } }
  .form__box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .form__box__item {
      width: 30%; }
      @media screen and (max-width: 897px) {
        .form__box__item {
          width: 100%; } }
      .form__box__item:not(:last-of-type) {
        margin: 0 0 30px 0; }
      .form__box__item .img {
        padding: 0 0 30px 0; }
        @media screen and (max-width: 897px) {
          .form__box__item .img {
            padding: 0 0 15px 0; } }
        .form__box__item .img img {
          border-radius: 15px; }
      .form__box__item .btn {
        font-size: 2.0rem; }
      .form__box__item a {
        color: #1E489D;
        font-weight: 700; }
  .form .arrow {
    position: relative;
    vertical-align: middle;
    text-decoration: none; }
  .form .arrow::before, .form .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle; }
  .form .sample5-6::before {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid #1E489D;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .form .sample5-6::after {
    right: 8px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #1E489D;
    border-right: 2px solid #1E489D;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .form__area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media screen and (max-width: 897px) {
      .form__area {
        display: block; } }
    .form__area .left {
      width: 40%; }
      @media screen and (max-width: 897px) {
        .form__area .left {
          width: 100%;
          padding: 0 0 30px 0; } }
      .form__area .left h3 {
        padding: 15px 0;
        margin: 0 0 25px 0;
        border-bottom: 1px solid #f4f4f4;
        font-size: 2.3rem; }
        @media screen and (max-width: 897px) {
          .form__area .left h3 {
            font-size: 1.8rem;
            line-height: 1;
            margin: 0 0 10px 0; } }
      .form__area .left ul li {
        background: #f4f4f4;
        padding: 10px;
        margin: 15px 0 0 0; }
    .form__area .right {
      width: 55%; }

/*============================================
policy
============================================*/
.policy {
  padding: 120px 0;
  border-bottom: 1px solid #f4f4f4; }
  @media screen and (max-width: 897px) {
    .policy {
      padding: 40px 0; } }
  .policy__headline {
    padding: 0 0 90px 0; }
    @media screen and (max-width: 897px) {
      .policy__headline {
        padding: 0 0 30px 0; } }
    .policy__headline h2 {
      position: relative;
      padding: 60px 0 0 0;
      font-size: 4.0rem;
      line-height: 1.4;
      font-weight: 700;
      color: #1E489D; }
      @media screen and (max-width: 897px) {
        .policy__headline h2 {
          padding: 20px 0 0 0;
          font-size: 2.5rem;
          font-weight: 900; } }
      .policy__headline h2::before {
        position: absolute;
        content: "";
        width: 80px;
        height: 10px;
        background: #FFAA00;
        border-radius: 100px;
        top: 0; }
        @media screen and (max-width: 897px) {
          .policy__headline h2::before {
            width: 50px;
            height: 5px; } }
  .policy__box:not(:last-of-type) {
    padding: 0 0 90px 0;
    margin: 0 0 90px 0;
    border-bottom: 1px solid #D9D8D9; }
    @media screen and (max-width: 897px) {
      .policy__box:not(:last-of-type) {
        margin: 0 0 30px 0;
        padding: 0 0 30px; } }
  .policy__box h3 {
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0 0 30px 0; }
    @media screen and (max-width: 897px) {
      .policy__box h3 {
        font-size: 2.0rem;
        line-height: 1.4;
        padding: 0 0 15px 0; } }
  .policy__box h4 {
    padding: 15px 0 10px 0; }
  .policy__box .quote__box {
    display: inline-block;
    padding: 15px;
    border: 1px solid #ccc;
    margin: 20px 0 0 0; }