@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;
}

/*---- mv ----*/
.main-area {
  width: 100%;
  height: 454px;
  margin: 0;
  background: url(/doc/special/2sum_top/assets/img/bg-main-pc.jpg) no-repeat center;
  background-size: 1920px 454px;
}
.main-area h1 img {
  display: block;
  width: 579px;
  height: auto;
  margin: 0 auto;
  padding-top: 60px;
  box-sizing: border-box;
}

#search .f-section-inner{
  padding-top: 30px;
}
#search .f-section-inner .area-read{
  text-align: center;
  margin-bottom: 60px;
}

/*----------search-area -----------*/

.f-plan-search .form-content{
  background: #fff8f8;
}
.f-plan-search .form-submit{
  background: #fff8f8;
}
.f-plan-search .panel-item{
  background: rgba(247, 247, 247, 1);
}
.f-plan-search .form-heading{
  margin-bottom: 30px;
}
.f-plan-search .annotation{
  color: #bf0000;
}
.open-date {
  width: 500px;
  margin: 0 auto 20px;
  padding: 10px;
  background-color: #f4fb21;
  border-radius: 10px;
  color: #333;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  box-sizing: border-box
}
.f-plan-search .form-block.form-block--border {
  padding-top: 0;
}

@media screen and (min-width: 1024px) {
    .about .f-section-inner {
      width: 960px;
    }
    .about .f-section-content {
      padding: 0 42px;
    }
}
/*----------------------------------------------------------------------------------
  SP only
----------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .s-pc {
    display: none !important;
  }
  .s-sp {
    display: block !important;
  }
  /*---- mv ----*/
  .main-area {
    height: 100%;
    background: none;
  }
  .main-area h1 img {
    width: 100%;
    padding-top: 0;
  }
  #search .f-section-inner .area-read{
    text-align: left;
    margin-bottom: 60px;
  }
  .f-plan-search .form-heading {
    letter-spacing: 2px;
  }

  /*----------search-area -----------*/
  .f-plan-search .f-plan-search-form {
    padding: 40px 20px;
  }
  .f-plan-search .form-content {
    background: none;
  }
  .f-plan-search .form-small-text{
    color: #f60;
  }
  .search .f-section-inner{
    background: #fff8f8;
  }
  .open-date {
    width: 100%;
    margin: 0 auto 10px;
    font-size: 18px;
  }
  .f-plan-search .form-header{
    padding: 10px 0 0px;
  }
  .f-plan-search .form-block.form-block--border {
    padding-top: 20px;
  }
}