@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; }

@media (min-width: 768px) {
  .contents_bg_basic.no_pc { background: transparent; }
  .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: min(2.7vw,32px) !important;}
  .counter { position: relative;  padding-bottom: 20px; z-index: 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; }

}



/* =========================
  会員登録
========================= */

/* みなみちゃん部分 */
.member_minami_wrap{margin: 0 auto;padding: 15px 0 0 0;}
.member_minami_img{width: min(75vw,380px);margin: 0 auto;}
.member_minami_img img{width: 100%;}
.member_minami_word{text-align: center;font-weight: bold;color: #004680;font-size: 18px;letter-spacing: 0.1em;}
.contents_bg_excursion_wave_bottom{margin-bottom: 20px;background: url(/img/auth/wave_minami.svg) repeat-x;height: 11vw;}
@media (min-width:768px) {
  .member_minami_back{position: relative;}
  .member_minami_wrap{width: min(80vw,670px);display: flex;align-items: center;margin: 0 auto;padding: 30px 0 15px 0;justify-content: center;gap: 1vw;}
  .member_minami_word{font-size: min(2vw,20px);text-align: left;font-size: 20px;}
  .member_minami_img{width: min(52vw,460px);}
  .rain{width: min(10vw,120px);position: absolute;top: 5vw;}
  .rain img{width: 100%;}
  .rain1 {left: 2vw;}
  .rain2{right: 2vw;}
  .contents_bg_excursion_wave_bottom{height: 60px;}
}


.members_wrap { width:100%; padding: 0px 0 40px 0; margin-top:20px; margin-bottom: 80px;}
.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 {
width: min(34vw,170px);
position: absolute;
top: -7vw;
left: 1vw;
}
.members_wrap .members_title .nanmaru_member { width:150px; }
.members_wrap .illust_title_town  { display:none; }
.members_wrap .members_title .nanmaru_member{width: 100%;}
@media (min-width:768px) {
  .members_wrap { height:450px; position:relative; padding-top:0px;}
  .members_wrap strong { width:100%; font-size:36px; line-height:48px; margin-bottom:24px; margin-left:50px; letter-spacing:0.05em; }
  .members_wrap p { font-size:18px; font-weight:bold; border-top:1px solid #fff; padding:32px 0 0px 0; border-bottom:0; }
  .button_register { width:350px; }
  .members_wrap .members_title .page_title_nanmaru {width: min(19vw,180px);top: -70px; right: -50px; left: auto; }
  .members_wrap .members_title .nanmaru_member { position: absolute; right:50px; left: auto; top: 0;z-index: 1; }
  .members_wrap .members_title .page_title_fukidashi { position: absolute; top: -31px; 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;display: flex;justify-content: center;align-items: center;}
@media (min-width:768px) {
  .counter{justify-content: center;gap: 2vw;}
  .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 {margin:0 auto; }
}
.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; }