@charset "utf-8";

/* スマホ（〜767px） */
@media (max-width: 767px) {
  /* スマホ専用スタイル */
}

/* タブレット（768px〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用スタイル */
}

/* PC（1025px〜） */
@media (min-width: 1025px) {
  /* PC専用スタイル */
}


.breadcrumb_list { position: absolute; left: 5vw; }
@media (min-width: 768px) { 
}

h2 { margin-bottom: 12px; }
.login_form_title { padding-bottom: 12px; border-bottom: 1px solid #004680; }
.login_form { margin-bottom: -20px; }
.login_form .id_pass_wrap { display: flex; flex-direction: column; gap: 16px; padding: 24px 0; }
.login_form dl dd input { width: 100%; padding: 10px; background: #FFF; border: 1px solid #DADADA; }
.login_form .forget_pass_link { color: #2CB6F7; }
.login_form .forget_pass_link:hover { border-bottom: 1px solid #2CB6F7; }
.login_form label input [type="checkbox"] {appearance:none; -webkit-appearance:none; -moz-appearance:none; box-sizing:border-box; display:inline-block; width:28px; height:28px; border:1px solid #ccc; border-radius:6px; background:#fff; position:relative; vertical-align:middle; margin:0; line-height:1; outline:none;}

.login_form .remamber_me_wrap { display: flex; align-items: center; gap: 12px; width: fit-content; margin: 0 auto; }
.login_form .remamber_me_wrap input { width: 20px; aspect-ratio: 1 / 1; }
.login_form .button.input_send { margin: 16px auto 16px; }

.login_wrap_caption { padding: 16px 0; }
.login_wrap_caption strong { font-size: 20px; font-feature-settings: "palt"; }

@media (min-width: 768px) {
  .contents_bg_basic.no_pc { background: transparent; }
  .login_wrap.bg_basic { position: relative; padding: 60px; background: #EDF5FD; }
  .login_form .id_pass_wrap { flex-direction: row; padding-bottom: 12px; }
  .login_form .id_pass_wrap dl { flex: 1; }
  .login_form .remamber_me_wrap { margin-top: 24px; }
  .forget_pass_link { position: absolute; top: 60px; right: 60px; }
  input[type="checkbox"]:hover { cursor: pointer; }
  .button.input_send { margin: 80px auto 120px; }

  .members_wrap { height: auto !important; }
  .members_wrap strong { font-size: 32px !important; }
  .counter { position: relative; width: 70% !important; padding-bottom: 20px; z-index: 1; }
  .counter li:nth-child(1) {}
  .counter li:nth-child(2) { justify-content: space-around; }
  .counter li:nth-child(3) { flex: 1; }
  .counter li:first-child { color: #222 !important; letter-spacing: 0.1em; line-height: 1.5em; }

}



/* =========================
  会員登録
========================= */
.members_wrap { width:100%; padding:40px 0; margin-top:20px; }
.members_wrap .contents { padding:0;}
.members_title strong { width:53%; font-size:22px; text-align:left; color:#FC5942; margin-bottom:20px; margin-left:47%; }
.members_wrap p { width:100%; text-align:center; display:inline-block; margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:20px; }
.members_wrap .members_title { position:relative; }
.members_wrap .members_title .page_title_nanmaru { position: absolute; top: -30px; left: calc(45% - 150px); }
.members_wrap .members_title .nanmaru_member { width:150px; }
.members_wrap .illust_title_town  { display:none; }
@media (min-width:768px) {
  .members_wrap { height:450px; position:relative; padding-top:70px; margin-bottom:0; }
  .members_wrap strong { width:100%; font-size:36px; line-height:48px; margin-bottom:24px; margin-left:initial; letter-spacing:0.05em; }
  .members_wrap p { font-size:18px; font-weight:bold; border-top:1px solid #fff; padding:32px 0 40px 0; border-bottom:0; }
  .button_register { width:350px; }
  .members_wrap .members_title .page_title_nanmaru { top: -70px; right: -50px; left: auto; }
  .members_wrap .members_title .nanmaru_member { position: absolute; right:50px; left: auto; top: 0; width:200px; z-index: 1; }
  .members_wrap .members_title .page_title_fukidashi { position: absolute; top: -50px; right: -50px; }
  .members_wrap .illust_title_town { position:absolute; bottom:0; display:block; }

}

/*カウンター*/
.counter { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.counter li span.kensu { font-size:30px; color:#000; font-weight:normal; margin-left:10px; }
.counter li { width:100%; text-align:center; }
.counter li:first-child { margin-bottom:10px; }
.counter li:nth-child(2) { margin-bottom:20px; color:#FC5942}
@media (min-width:768px) {
  .counter { width:70%; margin:0 auto; }
  .counter li { width:auto; display:flex; align-items:center; text-align:left; }
  .counter li:first-child  { font-size:24px; color:#FC5942; font-weight:bold; }
  .counter li:nth-child(2) { margin-bottom:0; }
  
}
@media (min-width:1280px) {
    .counter { width:900px; }
}
.number-box {font-variant-numeric: tabular-nums;font-feature-settings: "tnum" 1;}
/* 1文字＝1マスの正方形にして中央寄せ */
.number-box .digit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;       
  height: 1.35em;
  background: #fff;
  line-height: 1;        
  vertical-align: middle;
  font-size: 58px;       
}
@media (min-width:768px) {
  .number-box .digit { font-size: 69px; }
}

#pagetop_lottie { display:none; }