@charset "UTF-8";
/*! Writen  by SCSS */
.login_area {
  padding: clamp(40px, 5vw, 60px) 0 clamp(50px, 6.667vw, 80px); }
  .login_area .login_in .login_title_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: clamp(40px, 5vw, 60px);
    row-gap: clamp(20px, 2.5vw, 30px); }
    @media screen and (max-width: 480px) {
      .login_area .login_in .login_title_wrap {
        row-gap: 20px;
        margin-bottom: 40px; } }
    .login_area .login_in .login_title_wrap .login_ttl {
      line-height: 1;
      letter-spacing: 0.05em;
      font-size: clamp(50px, 5vw, 60px);
      color: #FFF; }
      @media screen and (max-width: 480px) {
        .login_area .login_in .login_title_wrap .login_ttl {
          font-size: 12vw; } }
    .login_area .login_in .login_title_wrap .login_read {
      font-size: clamp(16px, 1.5vw, 18px);
      line-height: 1.94;
      color: #FFF; }
      @media screen and (max-width: 480px) {
        .login_area .login_in .login_title_wrap .login_read {
          font-size: 14px; } }
  .login_area .login_in .login_wrap {
    max-width: 640px;
    margin: 0 auto clamp(50px, 7.5vw, 90px); }
    .login_area .login_in .login_wrap .login_box {
      position: relative;
      padding: 40px 20px;
      text-align: center;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("../images/special/limited-login/bg_login.jpg"); }
      @media screen and (max-width: 820px) {
        .login_area .login_in .login_wrap .login_box {
          padding: 30px 20px; } }
      @media screen and (max-width: 480px) {
        .login_area .login_in .login_wrap .login_box {
          padding: 20px; } }
      .login_area .login_in .login_wrap .login_box:after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border: 1px solid;
        border-image: linear-gradient(35deg, #c9bc9c 0%, #66562f 50%, #c9bc9c 100%) 1; }
      .login_area .login_in .login_wrap .login_box form {
        max-width: 460px;
        margin: 0 auto clamp(20px, 2.5vw, 30px);
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        @media screen and (max-width: 480px) {
          .login_area .login_in .login_wrap .login_box form {
            display: block; } }
        .login_area .login_in .login_wrap .login_box form .pass_l {
          width: 65.22%; }
          @media screen and (max-width: 480px) {
            .login_area .login_in .login_wrap .login_box form .pass_l {
              width: 100%; } }
          .login_area .login_in .login_wrap .login_box form .pass_l .pass_txt {
            text-align: left;
            font-size: clamp(14px, 1.5vw, 18px);
            line-height: 1.2;
            letter-spacing: 0.15em;
            margin-bottom: 10px; }
            @media screen and (max-width: 1200px) {
              .login_area .login_in .login_wrap .login_box form .pass_l .pass_txt {
                margin-bottom: 15px; } }
            @media screen and (max-width: 480px) {
              .login_area .login_in .login_wrap .login_box form .pass_l .pass_txt {
                font-size: 18px;
                text-align: center; } }
          .login_area .login_in .login_wrap .login_box form .pass_l .password {
            width: 100%;
            padding: 11px 20px;
            display: block;
            border: none;
            background: #FFF;
            vertical-align: middle;
            box-sizing: border-box;
            font-size: 20px;
            font-family: inherit;
            outline: none; }
            @media screen and (max-width: 480px) {
              .login_area .login_in .login_wrap .login_box form .pass_l .password {
                font-size: 16px;
                padding: 10px 20px;
                margin-bottom: 10px; } }
        .login_area .login_in .login_wrap .login_box form .login_button {
          height: 100%;
          width: 30.44%; }
          @media screen and (max-width: 480px) {
            .login_area .login_in .login_wrap .login_box form .login_button {
              width: 100%; } }
          .login_area .login_in .login_wrap .login_box form .login_button input {
            display: block;
            text-align: center;
            cursor: pointer;
            position: relative;
            border-radius: 0px;
            width: 100%;
            padding: 11px 10px;
            box-sizing: border-box;
            font-weight: 400;
            letter-spacing: 0.1em;
            font-size: 18px;
            border: none;
            color: #fff;
            transition: 0.3s background ease-in-out 0s;
            background: #000; }
            body:not(.mobile) .login_area .login_in .login_wrap .login_box form .login_button input:hover {
              background: #333; }
            @media screen and (max-width: 820px) {
              .login_area .login_in .login_wrap .login_box form .login_button input {
                font-size: 16px;
                padding: 14px 10px; } }
            @media screen and (max-width: 480px) {
              .login_area .login_in .login_wrap .login_box form .login_button input {
                width: 100%;
                font-size: 16px;
                padding: 13px 10px; } }
      .login_area .login_in .login_wrap .login_box a.no_passward {
        text-align: center;
        font-size: clamp(12px, 1.334vw, 16px);
        text-decoration: underline; }
        body:not(.mobile) .login_area .login_in .login_wrap .login_box a.no_passward:hover {
          text-decoration: none; }
      .login_area .login_in .login_wrap .login_box .l_button {
        max-width: 380px;
        margin: 0 auto;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
  .login_area .login_in .limited_cont_area .limited_cont_ttl {
    display: none; }
  .login_area .login_in .limited_cont_area .limited_cont {
    pointer-events: none; }
    .login_area .login_in .limited_cont_area .limited_cont a .btn_txt {
      display: none; }
      .login_area .login_in .limited_cont_area .limited_cont a .btn_txt.coming {
        display: block; }
    .login_area .login_in .limited_cont_area .limited_cont a .btn_txt_login {
      display: block; }

input[type="button"], input[type="password"], input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  border-radius: 0; }

/*	※パスワードが分からない方はこちら	*/
.modal_cont {
  display: none; }

.iziModal {
  background: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 900px !important; }

.modal_box {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 40px 20px;
  background: #FFF; }
  @media screen and (max-width: 480px) {
    .modal_box {
      padding: 50px 20px 40px; } }
  .modal_box .modal_box_in {
    max-width: 760px;
    margin: 0 auto; }
    .modal_box .modal_box_in .guide_txt {
      font-size: clamp(18px, 2.6vw, 26px);
      text-align: center;
      line-height: 1.76; }
      @media screen and (max-width: 480px) {
        .modal_box .modal_box_in .guide_txt {
          font-size: 5vw; } }
    .modal_box .modal_box_in .guide_img {
      position: relative;
      margin: clamp(20px, 4vw, 40px) 0; }
      .modal_box .modal_box_in .guide_img:after {
        content: "";
        position: absolute;
        inset: 0;
        border: 1px solid #000;
        pointer-events: none; }
    .modal_box .modal_box_in .guide_group {
      margin: 0; }
      .modal_box .modal_box_in .guide_group .guide_read {
        font-size: clamp(12px, 1.6vw, 16px);
        line-height: 1.8; }
        @media screen and (max-width: 480px) {
          .modal_box .modal_box_in .guide_group .guide_read {
            font-size: 16px;
            text-align: left; } }
        .modal_box .modal_box_in .guide_group .guide_read.border {
          padding-bottom: clamp(15px, 2.5vw, 25px);
          margin-bottom: clamp(15px, 2.5vw, 25px);
          border-bottom: 1px solid #000; }
        .modal_box .modal_box_in .guide_group .guide_read.small {
          font-size: clamp(10px, 1.4vw, 14px); }
          @media screen and (max-width: 480px) {
            .modal_box .modal_box_in .guide_group .guide_read.small {
              font-size: 15px; } }
        .modal_box .modal_box_in .guide_group .guide_read.red {
          color: #c90000; }
        @media screen and (max-width: 480px) {
          .modal_box .modal_box_in .guide_group .guide_read.sp_indent {
            text-indent: -1em;
            padding-left: 1em; } }
      .modal_box .modal_box_in .guide_group .info-btn1 li,
      .modal_box .modal_box_in .guide_group .info-btn2 li {
        margin: 0; }
      @media screen and (max-width: 480px) {
        .modal_box .modal_box_in .guide_group .info-btn1 .btn-document a {
          font-size: 5vw; } }
  .modal_box a.close {
    position: fixed;
    right: 7px;
    top: 0;
    border: none;
    width: auto;
    height: auto;
    background: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    aspect-ratio: 1;
    background: #e6cb84;
    font-family: YakuHanMP,"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","游明朝",YuMincho,"游明朝体","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; }
    @media screen and (max-width: 480px) {
      .modal_box a.close {
        width: 50px; } }
    body:not(.mobile) .modal_box a.close:hover {
      text-decoration: none; }
    .modal_box a.close span {
      transform: translateY(-3px);
      font-size: 50px;
      color: #FFF;
      display: block;
      line-height: 1; }
      @media screen and (max-width: 480px) {
        .modal_box a.close span {
          font-size: 40px; } }

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