@import url("https://use.typekit.net/ybx7oxu.css"); /*--メルマガ対応--/
@charset "UTF-8";

/*------------------------------------------
lib-con
------------------------------------------*/
.lib-con_movie .jstream-eqPlayer {
  position: relative !important;
  margin: 18px auto 18px;
  max-width: 380px;
}

/*------------------------------------------
ライン色反転
------------------------------------------*/
.m_heading_01:after {
    background-image: linear-gradient(135deg,#006ab7,#006ab7 27px,#0000 0,#0000 30px,#e60019 0);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80px
}

.m_heading_02:after {
    background-image: linear-gradient(135deg,#006ab7,#006ab7 8px,#0000 0,#0000 9px,#e60019 0);
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 22px
}

@media screen and (min-width: 1025px) {
    .m_heading_02:after {
        background-image:linear-gradient(135deg,#006ab7,#006ab7 10px,#0000 0,#0000 12px,#e60019 0);
        width: 30px
    }
}

.m_heading_label:after {
    background-image: linear-gradient(135deg,#006ab7,#006ab7 8px,#0000 0,#0000 9px,#e60019 0);
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 22px
}

@media screen and (min-width: 1025px) {
    .m_heading_label:after {
        background-image:linear-gradient(135deg,#006ab7,#006ab7 10px,#0000 0,#0000 12px,#e60019 0);
        width: 30px
    }
}

.top_heading_01:before {
    background-image: linear-gradient(135deg,#006ab7,#006ab7 14px,#0000 0,#0000 16px,#e60019 0);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 24px;
    width: 40px
}

@media screen and (min-width: 1025px) {
    .top_heading_01:before {
        background-image:linear-gradient(135deg,#006ab7,#006ab7 27px,#0000 0,#0000 30px,#e60019 0);
        top: 40px;
        width: 80px
    }
}

.top_heading_02:after {
    background-image: linear-gradient(135deg,#006ab7,#006ab7 14px,#0000 0,#0000 16px,#e60019 0);
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 40px
}

@media screen and (min-width: 1025px) {
    .top_heading_02:after {
        background-image:linear-gradient(135deg,#006ab7,#006ab7 27px,#0000 0,#0000 30px,#e60019 0);
        width: 80px
    }
}

/*------------------------------------------
メルマガ対応
------------------------------------------*/
@font-face {
  font-family: 'hero';
  src: url("https://www.logisteed.com/jp/logisteed-cafe/asset/font/Hero_New_Bold.otf") format("opentype"); }

.service_logisteed_cafe_wrap {
  font-family: source-han-sans-japanese,hero , sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 16px;
  color: #111; 
    box-sizing: border-box;
    line-height: 1;}
  @media screen and (max-width: 1700px) {
    .service_logisteed_cafe_wrap {
      font-size: 16px; } }
  @media screen and (max-width: 1375px) {
    .service_logisteed_cafe_wrap {
      font-size: 14px; } }
  @media screen and (max-width: 1305px) {
    .service_logisteed_cafe_wrap {
      font-size: 13.5px; } }
  @media screen and (max-width: 767px) {
    .service_logisteed_cafe_wrap {
      font-size: 13px; } }

    .service_logisteed_cafe_wrap p {
      line-height: 1.5; }
  .service_logisteed_cafe_wrap .mt16 {
    margin-top: 16px; }
    
    .service_logisteed_cafe_wrap .link_wrap.under {
      margin-bottom: 7rem; }
    .service_logisteed_cafe_wrap .link_wrap.right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .service_logisteed_cafe_wrap .link_wrap.center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .service_logisteed_cafe_wrap .link_wrap.small div a, .service_logisteed_cafe_wrap .link_wrap.small div div {
      /* padding: .75em 2em; */
      /* font-size: calc(16px * 1.15); */
      }
      @media screen and (max-width: 1375px) {
        .service_logisteed_cafe_wrap .link_wrap.small div a, .service_logisteed_cafe_wrap .link_wrap.small div div {
          font-size: calc(16px * 1.1); } }
      @media screen and (max-width: 1025px) {
        .service_logisteed_cafe_wrap .link_wrap.small div a, .service_logisteed_cafe_wrap .link_wrap.small div div {
          font-size: calc(14px * 1); } }
      @media screen and (max-width: 767px) {
        .service_logisteed_cafe_wrap .link_wrap.small div a, .service_logisteed_cafe_wrap .link_wrap.small div div {
          font-size: calc(13.5px * 1); } }
    .service_logisteed_cafe_wrap .link_wrap div {
      padding-right: 2em; }
      .service_logisteed_cafe_wrap .link_wrap div a, .service_logisteed_cafe_wrap .link_wrap div div {
        font-size: calc(16px * 1.25);
        position: relative;
        border: 3px solid black;
        padding: 1em 3em;
        min-width: 15em;
        display: inline-block;
        text-align: center;
        font-weight: 500;
        background: #fff;
        -webkit-transition: 0.4s all ease;
        transition: 0.4s all ease; }
        @media screen and (max-width: 1375px) {
          .service_logisteed_cafe_wrap .link_wrap div a, .service_logisteed_cafe_wrap .link_wrap div div {
            font-size: calc(16px * 1.2); } }
        @media screen and (max-width: 1025px) {
          .service_logisteed_cafe_wrap .link_wrap div a, .service_logisteed_cafe_wrap .link_wrap div div {
            font-size: calc(14px * 1.15); } }
        @media screen and (max-width: 767px) {
          .service_logisteed_cafe_wrap .link_wrap div a, .service_logisteed_cafe_wrap .link_wrap div div {
            font-size: calc(13.5px * 1); } }
        @media screen and (min-width: 769px) {
          .service_logisteed_cafe_wrap .link_wrap div a:hover, .service_logisteed_cafe_wrap .link_wrap div div:hover {
            background: #000;
            color: white; }
            .service_logisteed_cafe_wrap .link_wrap div a:hover:before, .service_logisteed_cafe_wrap .link_wrap div div:hover:before {
              background: #F85125; }
            .service_logisteed_cafe_wrap .link_wrap div a:hover:after, .service_logisteed_cafe_wrap .link_wrap div div:hover:after {
              width: 3em;
              right: -3em;
              background: #F85125; } }
        .service_logisteed_cafe_wrap .link_wrap div a:after, .service_logisteed_cafe_wrap .link_wrap div div:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 3px;
          top: 0;
          bottom: 0;
          right: -2em;
          margin: auto;
          background: black;
          -webkit-transition: 0.4s all ease;
          transition: 0.4s all ease; }
        .service_logisteed_cafe_wrap .link_wrap div a:before, .service_logisteed_cafe_wrap .link_wrap div div:before {
          position: absolute;
          content: "";
          width: 2em;
          height: 3px;
          top: 0;
          bottom: 0;
          right: 0em;
          margin: auto;
          background: black;
          -webkit-transition: 0.4s all ease;
          transition: 0.4s all ease; }


    .service_logisteed_cafe_wrap .mail_magazine_form_wrap {
      padding: 2em;
      margin: auto;
      max-width: 980px; }
      @media screen and (max-width: 767px) {
        .service_logisteed_cafe_wrap .mail_magazine_form_wrap {
          padding: 2em 1em; } }
      .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        box-shadow: 0 0 3px #888;
        border-radius: 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        overflow: hidden; }
        @media screen and (max-width: 767px) {
          .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; } }
        .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner .text_wrap {
          width: 55%;
          padding: 1em; }
          @media screen and (max-width: 767px) {
            .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner .text_wrap {
              width: 100%;
              padding-left: 1em; } }
          .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner .text_wrap .text_wrap_inner {
            margin: auto;
            max-width: 22em; }
          .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner .text_wrap .en_title {
            font-family: hero-new, sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 2.5em;
            margin-bottom: 0em; }
          .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner .text_wrap h2 {
            font-weight: 500;
            letter-spacing: 0.2em;
            font-size: 1.5em;
            margin-bottom: .5em; }
          @media screen and (max-width: 767px) {
            .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner .text_wrap .link_wrap {
              display: none; } }
        .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner form {
          width: 48%;
          max-width: calc(100% - 20em); }
          @media screen and (max-width: 767px) {
            .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner form {
              width: 100%;
              max-width: 100%; } }
        .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner figure {
          margin: 0;
          width: 45%;
          max-height: 250px;
          overflow: hidden;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          position: relative; }
          .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner figure:after{
            content: "ご登録は\Aこちら";
            position: absolute;
            text-align: center;
            z-index: 1;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            white-space: pre;
            height: 7em;
            width: 7em;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            border-radius: 10em;
            background: #fff;
            line-height: 1.2;
            font-weight: 500;
            box-shadow: 0 0 6px #333; }
            @media screen and (min-width: 768px) {
              .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner figure:after {
                display: none; } }
          @media screen and (max-width: 1050px) {
            .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner figure {
              max-width: calc(100% - 12em); } }
          @media screen and (max-width: 767px) {
            .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner figure {
              width: 100%;
              max-width: calc(100%);
              max-height: 150px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              overflow: hidden;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center; } }
          .service_logisteed_cafe_wrap .mail_magazine_form_wrap .mail_magazine_form_inner figure img {
            width: 100%; }
    .service_logisteed_cafe_wrap .link_wrap.small div a, .service_logisteed_cafe_wrap .link_wrap.small div div {
      padding: .75em 2em;
      font-size: calc(16px * 1.15); }
      @media screen and (max-width: 1375px) {
        .service_logisteed_cafe_wrap .link_wrap.small div a, .service_logisteed_cafe_wrap .link_wrap.small div div {
          font-size: calc(16px * 1.1); } }
      @media screen and (max-width: 1025px) {
        .service_logisteed_cafe_wrap .link_wrap.small div a, .service_logisteed_cafe_wrap .link_wrap.small div div {
          font-size: calc(14px * 1); } }
      @media screen and (max-width: 767px) {
        .service_logisteed_cafe_wrap .link_wrap.small div a, .service_logisteed_cafe_wrap .link_wrap.small div div {
          font-size: calc(13.5px * 1); } }
    .service_logisteed_cafe_wrap .link_wrap div {
      padding-right: 2em; }
      .service_logisteed_cafe_wrap .link_wrap div a, .service_logisteed_cafe_wrap .link_wrap div div {
        font-size: calc(16px * 1.25);
        position: relative;
        border: 3px solid black;
        padding: 1em 3em;
        min-width: 15em;
        display: inline-block;
        text-align: center;
        font-weight: 500;
        background: #fff;
        -webkit-transition: 0.4s all ease;
        transition: 0.4s all ease; }
        @media screen and (max-width: 1375px) {
          .service_logisteed_cafe_wrap .link_wrap div a, .service_logisteed_cafe_wrap .link_wrap div div {
            font-size: calc(16px * 1.2); } }
        @media screen and (max-width: 1025px) {
          .service_logisteed_cafe_wrap .link_wrap div a, .service_logisteed_cafe_wrap .link_wrap div div {
            font-size: calc(14px * 1.15); } }
        @media screen and (max-width: 767px) {
          .service_logisteed_cafe_wrap .link_wrap div a, .service_logisteed_cafe_wrap .link_wrap div div {
            font-size: calc(13.5px * 1); } }
        @media screen and (min-width: 769px) {
          .service_logisteed_cafe_wrap .link_wrap div a:hover, .service_logisteed_cafe_wrap .link_wrap div div:hover {
            background: #000;
            color: white; }
            .service_logisteed_cafe_wrap .link_wrap div a:hover:before, .service_logisteed_cafe_wrap .link_wrap div div:hover:before {
              background: #F85125; }
            .service_logisteed_cafe_wrap .link_wrap div a:hover:after, .service_logisteed_cafe_wrap .link_wrap div div:hover:after {
              width: 3em;
              right: -3em;
              background: #F85125; } }
        .service_logisteed_cafe_wrap .link_wrap div a:after, .service_logisteed_cafe_wrap .link_wrap div div:after {
          position: absolute;
          content: "";
          width: 2em;
          height: 3px;
          top: 0;
          bottom: 0;
          right: -2em;
          margin: auto;
          background: black;
          -webkit-transition: 0.4s all ease;
          transition: 0.4s all ease; }
        .service_logisteed_cafe_wrap .link_wrap div a:before, .service_logisteed_cafe_wrap .link_wrap div div:before {
          position: absolute;
          content: "";
          width: 2em;
          height: 3px;
          top: 0;
          bottom: 0;
          right: 0em;
          margin: auto;
          background: black;
          -webkit-transition: 0.4s all ease;
          transition: 0.4s all ease; }
/*--メルマガ対応　ここまで--/

/*--第二階層レイアウト変更--*/

.u_inner .s_main_inner_inner .profile_about_list_image_wrap {
    border-radius: 50px 50px 50px 50px;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 0px; 
    overflow: hidden;
    width: 100%;
}


.u_inner .s_main_inner_inner .u_layout_01__image_wrap {
    border-radius: 50px 50px 50px 50px;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 0px;
    overflow: hidden;
    width: 100%;
}