@charset "utf-8";

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Noto Sans JP', sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "lucida grande", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

figure{
  display: block;
}

/* タイマー */
.view_timer{
  display: none;
}

.content_inner,.content_inner2{
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 3% 6% 1%;
  text-align: center;
}
.content_inner2{
  padding: 3% 12% 1%;
}
.ori_ct_ew{
  width: 100%;
  margin: 4% auto 0;
  padding: 1% 4% 1%;
  text-align: center;
}
.bg_img{
  background: url(./img/2025/bgimg.png) no-repeat;
}
.bg_img2{
  background: url(./img/2025/bgimg2.png) no-repeat;
}
.bg_ori{
  background: url(./img/2025/ori_bk.png?v=03) no-repeat;
  background-size: contain;
}
.bg_ori2{
  background: url(./img/2025/202510/ori_bk.png) no-repeat;
  background-size: contain;
}
.bg_ori3{
  background: url(./img/2025/202512/ori_bk.png) no-repeat;
  background-size: contain;
}
img{
  width: 100%;
}
.mt4{
  margin-top: 4%;
}
.mt6{
  margin-top: 6%;
}
.mb4{
  margin-bottom: 4%;
}
.img_outer{
  text-align: center;
}
.bg_gr{
  background: #f5f4eb;
}
.dtl_btn_ew{
  width: 80%;
  margin: 10px auto;
}
.applbtn_ew{
  transition: all .4s;
}
.applbtn_ew:hover{
  /* opacity: 0.8; */
  filter: brightness(1.75);
  filter: saturate(200%);
}


/* tab */
.tabs {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
.border_ew{
  border-top: 7px solid #fff;
}
.tab-list {
  display: flex;
  justify-content: center;
  column-gap: 3%;
  padding: 3% 2% 0% 2%;
}

.tab-item,.tab-item_2 {
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  opacity: 0.6;
  padding: 0.2rem 1.2rem;
  cursor: pointer;
  transition: all .4s;
}
.tab-item:hover,.tab-item_2:hover{
  background-color: #2b85e5;
}
.tab-panel,.tab-panel_2 {
  display: none;
}
.tab-item.tab-active,
.tab-item_2.tab-active{
  background-color: #fff;
  opacity: 1;
  color: #fff;
  font-weight: bold;
}
.tab-panel.tab-active,
.tab-panel_2.tab-active
{
  display: block;
}
#countdarea_ew{
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
  color: #fff;
  text-align: center;
background: #fa0f00;
font-size: clamp(14px, 2vw ,18px);
padding: 1rem;
}
#countdarea2_ew{
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
  color: #fff;
  text-align: center;
background: #fa0f00;
font-size: clamp(14px, 2vw ,18px);
padding: 1rem;
}

/* PC */
@media (min-width: 860px) {

}

/*SP*/
@media (max-width: 859px) {


}