@charset "UTF-8";
/*----------------------------------------------------------------------------------
  共通
----------------------------------------------------------------------------------*/
.s-sp {
  display: none !important;
}
.s-pc {
  display: block !important;
}
.f-text, p {
  line-height: 1.8;
}
.f-btn-block .f-btn {
  line-height: 1.2;
}
.main-area {
  width: 100%;
  height: 300px;
  margin: 0;
  background: #d2f4fa url(/doc/special/seasonal-recommend/assets/img/bg-main-pc.jpg) no-repeat center;
  background-size: 1920px 410px;
  text-align: center;
}
.lead-area {
  background-color: #eef5f6
}
.lead-inner {
  padding: 18px 0 15px;
  text-align: center;
}
.lead-txt {
  font-size: 15px;
}
.f-plan-search .form-content {
  background: #fff8f8 !important;
}
.f-plan-search .panel-item {
  background: rgba(247, 247, 247, 1) !important;
}
/*----------------------------------------------------------------------------------
  TP only
----------------------------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1024px) {}
/*----------------------------------------------------------------------------------
  SP only
----------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .s-pc {
    display: none !important;
  }
  .s-sp {
    display: block !important;
  }
  .main-area {
    height: 100%;
    background: none;
    padding-top: 0;
  }
  .main-area h1 img {
    width: 100%;
    padding-top: 0;
  }
  .lead-inner {
    padding: 15px 20px 10px;
    text-align: left;
  }
  .lead-txt {
    font-size: 13px;
  }
} /* end media query */