@charset "utf-8";
/* **********************************************
first.css
********************************************** */

.first_block{
  max-width:720px;
  margin:60px auto 0;
  padding:0 15px;
}

.first_block h4{
  font-size:18px;
  margin-bottom:20px;
}
.first_block h5{
  margin-bottom:7px;
  padding-bottom:5px;
  font-size:16px;
  border-bottom:solid 1px #ccc;
}
.first_block .pic_box_01{
  margin-bottom:15px;
}

.first_block .pic_box_02{
  margin-bottom:23px;
}
.first_block .pic_box_02 img{
  width:50%;
  float:left;
}

.first_block p{
  font-size:16px;
}
.first_block .catch_01{
  font-size:26px;
  font-weight:bold;
  margin-bottom:20px;
}
.first_block p .bg{
  display:inline-block;
  font-size:16px;
  line-height:1;
  color:#fff;
  padding:5px 10px;
  margin-bottom:8px;
  background:#404040;
}

.first_block .spacer{
  margin-top:80px;
}

.first_block .tokuten_list li{
  display:flex;
  align-items:center;
  margin-bottom:5px;
}
.first_block .tokuten_list li .number{
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  font-size:18px;
  background:#ffcc00;
  margin-right:15px;
}
.first_block .tokuten_list li .number .txt{
  font-size:14px;
/*  letter-spacing:0.4em; */
  margin-right:-0.4em;
}
.first_block .tokuten_list li p{
  font-size:16px;
}

.first_block .hosoku_box{
  padding:10px 15px;
  background:#f0f0f0;
}
.first_block .hosoku_box p{
  font-size:16px;
}
.first_block .hosoku_box p + p{
  margin-top:5px;
}
.first_block .btn_box{
  text-align:center;
  padding:40px 0 15px;
}
.first_block .btn_box a{
  display:inline-block;
  width:235px;
  padding:15px 10px;
  margin:0 20px;
  line-height:1;
}
.first_block .btn_box .regist_btn{
  color:#fff;
  background:#c93e3e;
}
.first_block .btn_box .tokuten_btn{
  color:#fff;
  background:#666;
}
.first_block .btn_box .list_btn{
  width:185px;
  padding:19px;
  margin:0;
  font-size:16px;
  border:solid 1px #000;
  border-radius:28px;
}
.first_block .pagelink_box{
  padding:30px 0 0;
  margin-bottom:80px;
}
.first_block .pagelink_box ul{
  display:flex;
}
.first_block .pagelink_box ul li{
  width:calc(50% - 40px);
  padding:0 20px;
}
.first_block .pagelink_box ul li a{
  display:flex;
  align-items:center;
  flex-direction:column;
  height:calc(100% - 105px);
  padding:85px 0 20px;
  font-size:18px;
  line-height:1.4;
  text-align:center;
  background:#f0f0f0;
  border-radius:8px;
  position:relative;
}
.first_block .pagelink_box ul li a span{
  font-size:14px;
  margin-top:5px;
}
.first_block .pagelink_box ul li a::before{
  content:"";
  display:block;
  position:absolute;
  top:50px;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}
.first_block .pagelink_box ul li a.payment::before{
  width:37px;
  height:40px;
  background:url(../img/first/ico_payment.png) no-repeat;
}
.first_block .pagelink_box ul li a.faq::before{
  width:20px;
  height:32px;
  background:url(../img/first/ico_faq.png) no-repeat;
}
.first_block .shop_list{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:30px;
}
.first_block .shop_list li{
  width:calc(33.3% - 5px);
  padding-right:5px;
  font-size:16px;
}


/* ------------------------------------------------------------ */
@media screen and (max-width:768px){
/* ------------------------------------------------------------ */

}

/* ------------------------------------------------------------ */
@media screen and (max-width:480px){
/* ------------------------------------------------------------ */

.first_block{
  margin-top:40px;
}
.first_block h4{
  font-size:15px;
  margin-bottom:10px;
}
.first_block h5{
  font-size:14px;
  padding-bottom:8px;
}
.first_block .pic_box_01{
  margin-bottom:10px;
}

.first_block .pic_box_02{
  margin-bottom:13px;
}
.first_block .pic_box_02 img{
  width:100%;
}

.first_block p{
  font-size:14px;
}
.first_block .catch_01{
  font-size:18px;
  margin-bottom:10px;
}
.first_block .catch_01 br{
  display:none;
}
.first_block p .bg{
  font-size:13px;
  margin-bottom:3px;
}

.first_block .spacer{
  margin-top:60px;
}
.first_block .tokuten_list li{
  margin-bottom:10px;
}
.first_block .tokuten_list li .number{
  width:56px;
  height:56px;
  font-size:15px;
  margin-right:10px;
}
.first_block .tokuten_list li .number .txt{
  font-size:12px;
  letter-spacing:0.2em;
  margin-right:-0.2em;
}
.first_block .tokuten_list li p{
  font-size:14px;
}

.first_block .hosoku_box{
  padding:8px 10px;
}
.first_block .hosoku_box p{
  font-size:14px;
}
.first_block .hosoku_box p + p{
  margin-top:5px;
}
.first_block .btn_box{
  padding:30px 0 10px;
}
.first_block .btn_box a{
  margin:0 20px 10px;
}
.first_block .btn_box .list_btn{
  margin:0;
}
.first_block .pagelink_box{
  padding:30px 0 0;
  margin-bottom:60px;
}
.first_block .pagelink_box ul{
  flex-direction:column;
}
.first_block .pagelink_box ul li{
  width:calc(100% - 40px);
  padding:0 20px;
  margin-bottom:15px;
}
.first_block .pagelink_box ul li a{
  height:calc(100% - 70px);
  padding:50px 0 20px;
  font-size:16px;
}
.first_block .pagelink_box ul li a span{
  font-size:12px;
}
.first_block .pagelink_box ul li a::before{
  top:30px;
}
.first_block .pagelink_box ul li a.payment::before{
  width:24.6px;
  height:26.6px;
  background-size:contain;
}
.first_block .pagelink_box ul li a.faq::before{
  width:13.3px;
  height:21.3px;
  background-size:contain;
}
.first_block .shop_list{
  margin-bottom:30px;
}
.first_block .shop_list li{
  width:100%;
  padding-right:0;
  font-size:14px;
}


}