@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*サポート一覧*/
.catalogue {
  margin-bottom: 50px; }
  .catalogue .main_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-content: center; }
    .catalogue .main_menu .menu_box {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%;
      margin: 0 2% 2% 0; }
      .catalogue .main_menu .menu_box:last-of-type {
        margin-right: 0; }
      .catalogue .main_menu .menu_box a {
        display: block;
        border: 1px solid #d4d4d4;
        border-radius: 20px;
        padding: 20px 0;
        position: relative; }
        .catalogue .main_menu .menu_box a img {
          display: block;
          margin: 0 auto 10px;
          width: 50%;
          max-width: 200px; }
        .catalogue .main_menu .menu_box a h3 {
          font-size: 1.4rem;
          letter-spacing: -0.01em; }
          @media (min-width: 768px) {
            .catalogue .main_menu .menu_box a h3 {
              font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.9259259259 ); } }
          @media (min-width: 1200px) {
            .catalogue .main_menu .menu_box a h3 {
              font-size: 1.8rem; } }
        .catalogue .main_menu .menu_box a:after {
          content: '\f054';
          font-family: "Font Awesome 5 Free";
          font-weight: bold;
          position: absolute;
          width: 100%;
          top: 50%;
          transform: translateY(-50%);
          width: auto;
          right: 10px;
          font-size: 1.2rem; }
          @media (min-width: 768px) {
            .catalogue .main_menu .menu_box a:after {
              font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 0.462962963 ); } }
          @media (min-width: 1200px) {
            .catalogue .main_menu .menu_box a:after {
              font-size: 1.4rem; } }

.btn_wrap {
  margin-bottom: 40px; }
  .btn_wrap .btn {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
    .btn_wrap .btn:first-child {
      margin-bottom: 20px; }
    .btn_wrap .btn a {
      max-width: 100%;
      width: 100%; }

/*サービス内容*/
.service {
  background: #F1DC86;
  padding: 40px 0;
  margin-bottom: 40px; }
  .service > section {
    margin-bottom: 60px; }
  .service .title {
    color: #fff;
    margin-bottom: 50px; }
  .service .back {
    background: #fff;
    padding: 40px 6%;
    box-sizing: border-box;
    margin: 0 auto 20px; }
    .service .back .sub_title {
      text-align: center;
      color: #CCAD00;
      margin-bottom: 20px;
      font-weight: bold;
      letter-spacing: normal;
      font-size: 1.8rem; }
      @media (min-width: 320px) {
        .service .back .sub_title {
          font-size: calc( 1.8rem + ( 1vw - 3.2px ) * 1.3636363636 ); } }
      @media (min-width: 1200px) {
        .service .back .sub_title {
          font-size: 3rem; } }
    .service .back .back_detail {
      background: #FFFAE3;
      padding: 6%;
      margin: 0 auto 40px; }
      .service .back .back_detail .main_txt {
        color: #454545;
        text-align: start;
        margin-bottom: 20px;
        position: relative; }
        .service .back .back_detail .main_txt p {
          font-size: 1.6rem;
          letter-spacing: 0em;
          padding-left: 25px;
          font-weight: bold; }
          @media (min-width: 320px) {
            .service .back .back_detail .main_txt p {
              font-size: calc( 1.6rem + ( 1vw - 3.2px ) * 1.5909090909 ); } }
          @media (min-width: 1200px) {
            .service .back .back_detail .main_txt p {
              font-size: 3rem; } }
          .service .back .back_detail .main_txt p:before {
            content: '';
            background: url("/img/service/check.png") center/cover no-repeat;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
            top: 5px; }
    .service .back .flex_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: auto; }
      .service .back .flex_wrap .point_box {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%;
        border: solid 2px #CCAD00;
        padding: 30px 8%;
        margin-bottom: 25px; }
        .service .back .flex_wrap .point_box .number {
          text-align: center;
          color: #CCAD00;
          font-size: 4rem;
          font-family: din-2014, condor, Arial, Helvetica, "sans-serif";
          font-weight: bold;
          line-height: 1;
          margin-bottom: 10px; }
          @media (min-width: 768px) {
            .service .back .flex_wrap .point_box .number {
              font-size: calc( 4rem + ( 1vw - 7.68px ) * 2.3148148148 ); } }
          @media (min-width: 1200px) {
            .service .back .flex_wrap .point_box .number {
              font-size: 5rem; } }
        .service .back .flex_wrap .point_box .point_title {
          text-align: center;
          color: #CCAD00;
          margin-bottom: 20px;
          font-weight: bold;
          font-size: 1.5rem;
          letter-spacing: 0; }
          @media (min-width: 360px) {
            .service .back .flex_wrap .point_box .point_title {
              font-size: calc( 1.5rem + ( 1vw - 3.6px ) * 0.5952380952 ); } }
          @media (min-width: 1200px) {
            .service .back .flex_wrap .point_box .point_title {
              font-size: 2rem; } }
        .service .back .flex_wrap .point_box .txt {
          text-align: justify; }
        .service .back .flex_wrap .point_box:last-child {
          margin-bottom: 0; }
    .service .back .step_box {
      margin: 0 auto 20px;
      border-top: solid 2px #CCAD00;
      border-bottom: solid 2px #CCAD00;
      padding: 30px 0; }
      .service .back .step_box .step_flex_wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%; }
        .service .back .step_box .step_flex_wrap .img_box {
          flex: 0 1 100%;
          width: 100%;
          max-width: 100%;
          margin-bottom: 20px; }
        .service .back .step_box .step_flex_wrap .txt_box {
          flex: 0 1 100%;
          width: 100%;
          max-width: 100%; }
        .service .back .step_box .step_flex_wrap .number {
          color: #CCAD00;
          margin-bottom: 2px;
          font-weight: bold; }
          .service .back .step_box .step_flex_wrap .number p {
            font-size: 2rem; }
            @media (min-width: 768px) {
              .service .back .step_box .step_flex_wrap .number p {
                font-size: calc( 2rem + ( 1vw - 7.68px ) * 1.1574074074 ); } }
            @media (min-width: 1200px) {
              .service .back .step_box .step_flex_wrap .number p {
                font-size: 2.5rem; } }
        .service .back .step_box .step_flex_wrap .txt {
          text-align: justify; }
    .service .back .triangle {
      margin: 0 auto 20px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 10px 0 10px;
      border-color: #CCAD00 transparent transparent transparent; }
    .service .back .inquiry_txt {
      text-align: center;
      color: #CCAD00;
      font-weight: bold;
      padding-top: 10px;
      margin-bottom: 10px; }
    .service .back .inquiry_box {
      width: 85%;
      margin: 0 auto 10px;
      border: solid 2px #CCAD00;
      padding: 10px 0; }
      .service .back .inquiry_box .flex_wrap .tell_box {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%; }
        .service .back .inquiry_box .flex_wrap .tell_box .img_box {
          text-align: center; }
          .service .back .inquiry_box .flex_wrap .tell_box .img_box p {
            font-size: 2.5rem;
            letter-spacing: 0.0em;
            text-align: center; }
            .service .back .inquiry_box .flex_wrap .tell_box .img_box p img {
              width: 20%;
              padding: 0 5px 5px 0; }
        .service .back .inquiry_box .flex_wrap .tell_box .time {
          letter-spacing: 0.0em;
          text-align: center;
          margin-bottom: 10px; }
          .service .back .inquiry_box .flex_wrap .tell_box .time p {
            font-size: 1.2rem; }
      .service .back .inquiry_box .flex_wrap .mail_box {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%; }
        .service .back .inquiry_box .flex_wrap .mail_box .txt {
          text-align: center;
          color: #00B75B; }
          .service .back .inquiry_box .flex_wrap .mail_box .txt p {
            font-size: 1.2rem; }
  .service #change .back .back_detail .main_txt p {
    font-size: 1.6rem; }
    @media (min-width: 320px) {
      .service #change .back .back_detail .main_txt p {
        font-size: calc( 1.6rem + ( 1vw - 3.2px ) * 1.0227272727 ); } }
    @media (min-width: 1200px) {
      .service #change .back .back_detail .main_txt p {
        font-size: 2.5rem; } }

.conversion {
  margin-top: 40px; }
  .conversion .comment {
    color: #CCAD00;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 10px;
    display: block; }
    @media (min-width: 768px) {
      .conversion .comment {
        font-size: calc( 1.5rem + ( 1vw - 7.68px ) * 3.4722222222 ); } }
    @media (min-width: 1200px) {
      .conversion .comment {
        font-size: 3rem; } }
  .conversion .conversion_wrap {
    box-shadow: none;
    padding: 6%; }
    .conversion .conversion_wrap .tel a {
      font-size: 3rem; }
      @media (min-width: 320px) {
        .conversion .conversion_wrap .tel a {
          font-size: calc( 3rem + ( 1vw - 3.2px ) * 3.3482142857 ); } }
      @media (min-width: 768px) {
        .conversion .conversion_wrap .tel a {
          font-size: 4.5rem; } }
    .conversion .conversion_wrap .tel .time {
      font-size: 1.3rem;
      letter-spacing: normal; }
    .conversion .conversion_wrap .contact_btn p {
      font-size: 1.5rem; }
    .conversion .conversion_wrap .contact_btn .btn a {
      font-size: 1.8rem; }
      .conversion .conversion_wrap .contact_btn .btn a:after {
        right: 10px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*サポート一覧*/
  .catalogue {
    margin-bottom: 90px; }
    .catalogue .main_menu .menu_box {
      flex: 0 1 32%;
      width: 32%;
      max-width: 32%; }
      .catalogue .main_menu .menu_box:nth-of-type(3n) {
        margin-right: 0; }

  /*ボタン*/
  .btn_wrap {
    margin-bottom: 90px; }
    .btn_wrap .flex_wrap .btn {
      flex: 0 1 45%;
      width: 45%;
      max-width: 45%; }

  /*税理士をお探しの方へ*/
  .service {
    padding: 100px 0;
    margin-bottom: 50px; }
    .service > section {
      margin-bottom: 80px; }
    .service .back {
      padding: 60px 4%; }
      .service .back .sub_title {
        margin-bottom: 40px; }
      .service .back .back_detail {
        padding: 60px 20;
        max-width: 880px;
        box-sizing: border-box;
        margin: 0 auto 50px; }
        .service .back .back_detail .main_txt {
          margin-bottom: 40px;
          padding-left: 60px; }
          .service .back .back_detail .main_txt p:before {
            width: 40px;
            height: 40px; }
          .service .back .back_detail .main_txt:last-child {
            margin-bottom: 0; }
      .service .back .flex_wrap {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: center; }
        .service .back .flex_wrap .point_box {
          flex: 0 1 33%;
          width: 33%;
          max-width: 33%;
          box-sizing: border-box;
          padding: 30px 4%;
          margin-bottom: 50px;
          margin-right: 0.5%; }
          .service .back .flex_wrap .point_box:nth-child(3) {
            margin-right: 0 !important; }
          .service .back .flex_wrap .point_box:nth-of-type(n+4) {
            margin-bottom: 0; }
      .service .back .step_box {
        max-width: 1100px;
        margin: 0 auto 40px;
        padding: 50px 30px;
        box-sizing: border-box; }
        .service .back .step_box .step_flex_wrap {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          -webkit-align-content: flex-start;
          -ms-flex-line-pack: start;
          align-content: flex-start;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between;
          align-items: center;
          width: 100%; }
          .service .back .step_box .step_flex_wrap .img_box {
            flex: 0 1 40%;
            width: 40%;
            max-width: 40%;
            margin-bottom: 0px; }
          .service .back .step_box .step_flex_wrap .txt_box {
            flex: 0 1 55%;
            width: 55%;
            max-width: 55%;
            line-height: 2; }
          .service .back .step_box .step_flex_wrap .number {
            margin-bottom: 5px; }
      .service .back .triangle {
        margin: 0 auto 40px; }
      .service .back .inquiry_box .flex_wrap .tell_box {
        flex: 0 1 55%;
        width: 55%;
        max-width: 55%; }
        .service .back .inquiry_box .flex_wrap .tell_box .img_box p {
          font-size: 2.8rem; }
          .service .back .inquiry_box .flex_wrap .tell_box .img_box p img {
            width: 15%;
            padding-bottom: 5px; }
      .service .back .inquiry_box .flex_wrap .mail_box {
        flex: 0 1 43%;
        width: 43%;
        max-width: 43%; }
    .service #change .back .flex_wrap .point_box {
      margin-bottom: 0; }

  .conversion {
    margin-top: 60px; }
    .conversion .conversion_wrap {
      padding: 4%; }
      .conversion .conversion_wrap .tel {
        flex: 0 1 100%;
        width: 100%;
        max-width: 100%; }
      .conversion .conversion_wrap .contact_btn {
        flex: 0 1 42%;
        width: 42%;
        max-width: 42%; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) {
  /*税理士をお探しの方へ*/
  .service .back .flex_wrap .point_box {
    flex: 0 1 32%;
    width: 32%;
    max-width: 32%;
    margin-right: 2%;
    padding: 30px 2%; }

  .conversion {
    margin-top: 60px; }
    .conversion .conversion_wrap {
      padding: 4%; }
      .conversion .conversion_wrap .tel {
        flex: 0 1 42%;
        width: 42%;
        max-width: 42%; }
        .conversion .conversion_wrap .tel .time {
          text-align: center; }
      .conversion .conversion_wrap .contact_btn {
        flex: 0 1 27%;
        width: 27%;
        max-width: 27%; } }
/*------------------------------
		1280px以上
------------------------------*/

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