@charset "utf-8";
@charset "Shift_JIS";
/* -------------------------------------------ブレイクポイント701pxから--navなど*/
                                            @media (min-width: 701px) {

                                            }



/* ---------------------------------ブレイクポイント800pxまで------------- */
                                  @media (max-width: 800px) {
                                      body {
                                        font-size: 14px;
                                        min-width: auto;
                                        width: auto
                                      }
                                      body:before {
                                        width: 12px
                                      }
                                      .flex._sp {
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;
                                      }
                                      .l-inner {
                                        width: auto;
                                        margin-left: 9.33333vw;
                                        margin-right: 9.33333vw
                                      }
                                      #wrap ._h3 {
                                        width: auto;
                                        margin-left: 10vw;
                                        margin-right: 10vw
                                      }
                                      #wrap ._h3 .title {
                                        font-size: 27px
                                      }
                                      .h3 {
                                        font-size: 18px
                                      }
                                      .index .main {
                                        overflow: hidden
                                      }
                                      .opener-white {
                                        left: 12px
                                      }
                                      .contact-form button {
                                        height: 60px
                                      }
                                      .contact-form button {
                                        font-size: 14px
                                      }
                                      .hero {
                                        padding-top: calc(185px + 9.6875vw);
                                        margin-bottom: 40vw
                                      }
                                      #wrap .catch .title {
                                        font-size: 7.3vw;
                                        margin-bottom: 12px
                                      }
                                      #wrap ._h3 .caption {
                                        padding: 0;
                                        font-size: 14px;
                                      }
                                      #wrap .catch .caption:before {
                                        font-size: 20px;
                                        width: 16px
                                      }
                                      #wrap .catch .caption {
                                        font-size: 14px
                                      }
                                      .header {
                                        margin-bottom: 26.66667vw
                                      }
                                      header .inner {
                                        height: 78px
                                      }
                                      header .logo {
                                        width: 130px;
                                        margin-left: 11px;
                                        margin-top: 14px;
                                      }
                                      .header .nav-list {
                                        display: none
                                      }
                                      .header .nav-list:last-child {
                                        display: block
                                      }
                                      .footer-inner:before {
                                        display: none
                                      }
                                      .footer:after {
                                        left: 12px
                                      }
                                      .footer:before {
                                        left: 12px
                                      }
                                      .footer-text {
                                        font-size: 16px;
                                        -webkit-transform: translateY(1vw);
                                        -ms-transform: translateY(1vw);
                                        transform: translateY(1vw)
                                      }
                                      .greed-inner {
                                        margin-left: 14vw;
                                        width: auto;
                                        -webkit-box-orient: vertical;
                                        -webkit-box-direction: reverse;
                                        -ms-flex-direction: column-reverse;
                                        flex-direction: column-reverse
                                      }
                                      .greed-title {
                                        padding: 0;
                                        width: 80%
                                      }
                                      .greed-txt {
                                        max-width: none;
                                        width: auto;
                                        font-size: 14px;
                                        margin-bottom: 20vw
                                      }
                                      .goal {
                                        margin-bottom: 42.1875vw
                                      }
                                      .goal-intro {
                                        -webkit-box-orient: vertical;
                                        -webkit-box-direction: normal;
                                        -ms-flex-direction: column;
                                        flex-direction: column;
                                        border-top-left-radius: 10vw;
                                        border-bottom-left-radius: 10vw;
                                        padding-bottom: 10.9375vw;
                                        margin-bottom: 11.71875vw
                                      }
                                      .goal-intro p {
                                        padding-left: 0
                                      }
                                      .goal-concept {
                                        -webkit-transform: translateY(0);
                                        -ms-transform: translateY(0);
                                        transform: translateY(0);
                                        -webkit-box-orient: vertical;
                                        -webkit-box-direction: reverse;
                                        -ms-flex-direction: column-reverse;
                                        flex-direction: column-reverse;
                                        -ms-flex-line-pack: end;
                                        align-content: flex-end;
                                        width: auto;
                                        padding-left: 30%
                                      }
                                      .goal-concept figure {
                                        max-width: none;
                                        width: auto;
                                        padding: 0;
                                        margin: 0 auto 4vw
                                      }
                                      .goal-concept-lists {
                                        width: auto;
                                        font-size: 12px;
                                        -webkit-transform: translateY(12vw);
                                        -ms-transform: translateY(12vw);
                                        transform: translateY(12vw)
                                      }
                                      .goal-concept-list {
                                        font-size: 11px
                                      }
                                      .bussines {
                                        margin-bottom: 33vw
                                      }
                                      #wrap ._h3 {
                                        padding: 0
                                      }
                                      ._h3._sp {
                                        -webkit-box-orient: vertical;
                                        -webkit-box-direction: normal;
                                        -ms-flex-direction: column;
                                        flex-direction: column;
                                        padding-left: 14vw;
                                        -webkit-transform: none;
                                        -ms-transform: none;
                                        transform: none
                                      }
                                      #wrap ._h3 .caption {
                                        padding: 0
                                      }
                                      .business .content .outer {
                                        margin-bottom: 23.82812vw;
                                        padding-right: 0;
                                        -webkit-box-orient: vertical;
                                        -webkit-box-direction: normal;
                                        -ms-flex-direction: column;
                                        flex-direction: column;
                                        padding-bottom: 0
                                      }
                                      .business .content .outer picture {
                                        position: static;
                                        width: auto;
                                        max-width: 100%;
                                        padding: 0 0 0 10px;
                                      }
                                      .business .content .outer .inner h4 {
                                        font-size: 18px;
                                        position: static;
                                        width: auto;
                                        max-width: none;
                                        padding-left: 10vw;
                                        padding-right: 10vw
                                      }
                                      .business .content .outer._right {
                                        flex-flow: wrap;
                                      }
                                      .business .content .outer .inner {
                                        position: static;
                                        width: auto;
                                        max-width: none;
                                        padding-left: 10vw;
                                        padding-right: 10vw;
                                      }
                                      .blog .content {
                                        max-width: 90%;
                                        margin: 0 auto;
                                        padding: 50px 0 0 0;
                                      }
                                      .blog .flex .article {
                                      	width: 90%;
                                        margin: 0 auto;
                                        padding: 0 0 0 15px;
                                      }
                                      .blog .flex .article figure figcaption h5 {
                                        font-size: 14px;
                                        color: #212121;
                                        letter-spacing: 0.01em;
                                        line-height: 1.5em;
                                        width: 100%;
                                        margin: 15px 0 0 0;
                                      }
                                      .bussines-list-02 {
                                        -webkit-transform: none;
                                        -ms-transform: none;
                                        transform: none;
                                        padding: 0;
                                        max-width: none;
                                        -webkit-box-ordinal-group: 2;
                                        -ms-flex-order: 1;
                                        order: 1;
                                        margin-top: 0;
                                        padding-right: 10vw;
                                        padding-left: 20vw
                                      }
                                      .bussines-list-02>.yurubo img {
                                        -webkit-transform: none;
                                        -ms-transform: none;
                                        transform: none
                                      }
                                      .bussines-list-02>.yurubo {
                                        -webkit-transform: none;
                                        -ms-transform: none;
                                        transform: none;
                                        text-align: right;
                                        padding: 0;
                                        max-width: none;
                                        -webkit-box-ordinal-group: 2;
                                        -ms-flex-order: 1;
                                        order: 1;
                                        width: 90%;
                                        margin: 0 auto
                                      }
                                      .bussines-list-02>div {
                                        -webkit-transform: none;
                                        -ms-transform: none;
                                        transform: none;
                                        padding: 0;
                                        max-width: none;
                                        -webkit-box-ordinal-group: 3;
                                        -ms-flex-order: 2;
                                        order: 2;
                                        margin-top: 0
                                      }
                                      .bussines-list-02 {
                                        -webkit-box-orient: vertical;
                                        -webkit-box-direction: normal;
                                        -ms-flex-direction: column;
                                        flex-direction: column;
                                        margin-top: 0
                                      }
                                      .profile {
                                        margin-bottom: 33vw
                                      }
                                      .profile .content {
                                        width: auto;
                                        margin-left: 10vw;
                                        margin-right: 10vw;
                                      }
                                      .profile .content .table {
                                        margin-left: 8vw;
                                        width: auto
                                      }
                                      .profile .content .table th {
                                        width: auto;
                                        padding-bottom: 20px;
                                        white-space: nowrap;
                                        padding-right: 2em
                                      }
                                      .profile .content .table td {
                                        padding-bottom: 20px
                                      }
                                      .profile .content .table tr {
                                        padding-bottom: 20px
                                      }
                                      .link._profile {
                                        margin: 20px 0 0 0;
                                      }
                                      .mask-text {
                                        -webkit-clip-path: none;
                                        clip-path: none;
                                        overflow: hidden;
                                        position: relative
                                      }
                                      .mask-text:before {
                                        display: block;
                                        height: 100%;
                                        width: 100%;
                                        background: #fff;
                                        content: "";
                                        position: absolute;
                                        top: 0;
                                        bottom: 0;
                                        left: 0
                                      }
                                      .mask-text.animated {
                                        -webkit-clip-path: none;
                                        clip-path: none
                                      }
                                      .mask-text.animated:before {
                                        -webkit-animation: screen 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;
                                        animation: screen 1.5s cubic-bezier(0.19, 1, 0.22, 1) forwards
                                      }
                                      .u-pc-hidden {
                                        display: block
                                      }
                                      .u-sp-hidden {
                                        display: none
                                      }
                                      .recruit .content {
                                        max-width: 100%;
                                        padding: 0 0 0 10px;
                                      }
                                      .footer .inner:before {
                                        display: none
                                      }
                                      .contact .content {
                                        width: auto;
                                        margin-left: 10vw;
                                        margin-right: 10vw;
                                      }
                                      .cut_container .cut:before {
                                        content: "...";
                                        top: 16.2px;
                                        right: 0;
                                        padding: 5px 7px 10px 0;
                                      }






                                  }



/* ---------------------ブレイクポイント771pxまで------------------------- */
                      @media (max-width: 771px) {

                      }



/* ---------ブレイクポイント615pxまで------------------------------------- */
          @media (max-width: 615px) {
            #contents {
              max-width: 300px;
            }
          }




/* -ブレイクポイント501pxまで--------------------------------------------- */
@media (max-width: 501px) {
  .flex._500px {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .blog .flex .article {
    margin: 0 auto 30px;
  }
  .blog .flex .article figure figcaption h5 {
    font-size: 16px;
    margin: 10px 0 30px 0;
  }
  header .inner .contact {
    font-size: 14px;
    margin: 15px 0 0 0;
  }
  .blog .flex .article figure figcaption h5 {
    max-width: 100%;
    height: 1.5em;
  }
  .cut_container .cut:before {
    content: "...";
    top: 20.0px;
    right: 0;
    padding: 3px 4px 10px 0;
}

/* スマホ版: recruitセクション内のリンク設定 */
@media (max-width: 800px) {
  /* 全てのリンクの枠線削除 */
  .recruit .content a {
    border: none !important;
  }
  
  /* YUGETAテキストリンクのスタイリング */
  .recruit .content .caption a[href="https://www.ecconsulting.tokyo/"] {
    color: #0066cc !important;
    text-decoration: underline !important;
  }
  
  .recruit .content .caption a[href="https://www.ecconsulting.tokyo/"]:hover {
    color: #004499 !important;
    text-decoration: underline !important;
  }
}