@charset "utf-8";

/*-------------------------
__page_common_style
-------------------------*/
#content .main_title_box{background:url("../images/main_title_bg.webp")no-repeat center;background-size:cover;}
#content .lead{text-align:left;margin:0 0 50px;}
#content .lead .txt {font-size:1em;}
#content .lead .txt + .txt{margin:15px 0 0;}
#content .lead .alltime{max-width:700px;text-align:center;margin:0 auto 40px;box-sizing:border-box;display:block;background:var(--color-base);border:solid 10px var(--color-base2);border-radius:5px;padding:20px 20px 30px;position:relative;overflow:hidden;}
#content .lead .alltime::before{background:rgba(255,255,255,0.1);content:"";height:600px;left:-300px;position:absolute;top:-120px;transform:rotate(41deg);width:100px;left:-50%;z-index:1;animation:alltime_anime 4s infinite;}
#content .lead .alltime .alltime_title{font-size:150%;font-weight:700;line-height:1.5;letter-spacing:0.08em;color:#FFF;padding-bottom:10px;}
#content .lead .alltime .alltime_title em{color:var(--color-base2);}
#content .lead .alltime .alltime_title em span{display:inline-block;font-size:1.75em;line-height:1;}
#content .lead .alltime .alltime_txt{font-weight:700;color:#FFF;}
@keyframes alltime_anime{
  0%{left:-50%;}
  25%{left:150%;}
  100%{left:150%;}
}
@media screen and (max-width:767px) {
  #content .lead{margin:0 0 25px;}
  #content .lead .txt + .txt{margin:10px 0 0;}
  #content .lead .alltime{text-align:left;margin:0 auto 20px;border:solid 4px var(--color-base2);padding:15px 15px 20px;}
  #content .lead .alltime .alltime_title{font-size:130%;}
}