/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
.nav_css{
  padding: 20px 0;
}
header.header_bg{
  background-image: none;
}
header.header_bg .intro-text{
  padding-top: 140px;
}
@media screen and (max-width: 768px){
  header.header_bg .intro-text{
    padding-top: 120px;
  }
}
.responsive_day{
  font-size: 4.2em;
  font-weight: bold;
  color: #009245;
  margin: 0;
}
@media screen and (max-width: 768px){
  .responsive_day{
    font-size: 1.9em;
  }
}
.responsive_day span{
    font-size: 0.6em;
  }
.responsive_place{
  font-size: 2.2em;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 768px){
  .responsive_place{
    font-size: 1.2em;
  }
}
.responsive_place span{
    font-size: 0.6em;
  }
.responsive_time{
  font-size: 1.7em;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 768px){
  .responsive_time{
    font-size: 1em;
  }
}