@charset "utf-8";

/** トップページ - 新着情報/「出前授業」授業予定日、実施日一覧 **/
#contents .infoSec{
  text-align: left;
  padding: 1em;
  margin-bottom: 2em;
}
#contents .infoSec .newsF{
  float: left;
  width: 48.5%;
}
#contents .infoSec .scheduleF{
  float: right;
  width: 48.5%;
}
#contents .infoSec > div h3{
  display: block;
  background: #07913b;
  color: #fff;
  margin-bottom: .5em;
  padding-left: 1em;
}

#contents .infoSec > div h3 small{
  font-size: smaller;
  letter-spacing: normal;
}

#contents .infoSec > div .box{
  position: relative;
  overflow: hidden;
  border: 2px solid #07913b;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  padding: .5em;
  height: 360px;
}
#contents .infoSec > div .box .scrollB{
  overflow-y: auto;
  height: 340px;
}

#contents .infoSec > div .box table{
  letter-spacing: normal;
}
#contents .infoSec > div .box table th{
  font-size: .8em;
  padding: .3em .5em;
  text-align: left;
  white-space: nowrap;
}
#contents .infoSec > div .box table td{
  font-size: .9em;
  padding: .3em .5em;
}
#contents .infoSec > div .box table td:first-child{
  white-space: nowrap;
}
@media screen and (max-width: 800px){
  #contents .infoSec .newsF,
  #contents .infoSec .scheduleF{
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
}

/** トップページ - エフ・フィールドについて **/

/** トップページ - いのちの授業普及活動 **/
#contents .disseminationSec{
  margin-bottom: 2em;
}
#contents .disseminationSec h2{
  background: #07913b;
  margin-bottom: 2em;
}
#contents .disseminationSec > div{
  position: relative;
  width: 80vw;
  margin: 0 auto 4em;
}
#contents .disseminationSec > div > a img{
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
#contents .disseminationSec > div p{
  width: 80vw;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 800px){
  #contents .disseminationSec > div{
    width: 84vw;
  }
  #contents .disseminationSec > div p{
    width: 82vw;
  }
}
@media screen and (max-width: 480px){
  #contents .disseminationSec > div{
    width: 88vw;
  }
  #contents .disseminationSec > div p{
    width: 84vw;
  }
}

/** トップページ - エフ・フィールドの活動実績 **/
#contents .resultsSec h2{
  margin-bottom: 2em;
}
#contents .resultsSec .resultsBox{
  display: inline-block;
  text-align: left;
  width: 72vw;
  margin: 0 auto 2em;
}
#contents .resultsSec .resultsBox h3{
  font-size: 1.3em;
  color: #40210d;
  padding-left: .5em;
  margin-bottom: .3em;
}
#contents .resultsSec .resultsBox .inner{
  border: 4px solid #40210d;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  padding: 1.5em 3em;
}
#contents .resultsSec .resultsBox .inner p{
  font-size: 3.6vw;
  color: #40210d;
  font-weight: bold;
  line-height: 1 !important;
  padding: .5em 0;
  margin: 0;
}
#contents .resultsSec .resultsBox .inner p strong{
  font-size: 6.4vw;
  color: #e2007e;
  font-family: Helvetica, "sans-serif";
  padding: 0 .2em;
}
@media screen and (max-width: 800px){
  #contents .resultsSec .resultsBox{
    width: 82vw;
  }
  #contents .resultsSec .resultsBox .inner{
    padding: 1.5em 2.5em;
  }
  #contents .resultsSec .resultsBox .inner p{
    font-size: 4vw;
  }
  #contents .resultsSec .resultsBox .inner p strong{
    font-size: 6.5vw;
  }
}
@media screen and (max-width: 480px){
  #contents .resultsSec .resultsBox{
    width: 84vw;
  }
  #contents .resultsSec .resultsBox .inner p{
    font-size: 4.4vw;
  }
  #contents .resultsSec .resultsBox .inner p strong{
    font-size: 6.8vw;
  }
  #contents .resultsSec > p{
    width: 80vw;
  }
}

/** トップページ - 講演活動について **/
#contents .lectureSec h2{
  background: #122b88;
  margin-bottom: 2em;
}
#contents .lectureSec img{
  display: block;
  margin: 0 auto 1em;
  /**   width: 74vw; **/
  width: 100%;
}
#contents .lectureSec p{
  margin: 0 auto 2em;
}
#contents .lectureSec .eventBox{
  position: relative;
  width: 72vw;
  margin: 0 auto 3em;
}
#contents .lectureSec .eventBox h3{
  display: block;
  background: #122b88;
  color: #fff;
  font-size: 1.4em;
  text-align: left;
  line-height: 1.6;
  padding-left: .5em;
  margin-bottom: .5em;
}
#contents .lectureSec .eventBox table{
  border: 2px solid #e96524;
  width: 100%;
  text-align: left;
}
#contents .lectureSec .eventBox table th{
  border: 1px solid #e96524;
  background: #f3c999;
  padding: .2em 1em;
}
#contents .lectureSec .eventBox table td{
  border: 1px solid #e96524;
  padding: .2em 1em;
}
#contents .lectureSec .eventBox table .time{
  text-align: center;
  vertical-align: middle;
  padding: .2em;
}
@media screen and (max-width: 800px){
  #contents .lectureSec img{
    width: 84vw;
  }
  #contents .lectureSec .eventBox{
    width: 82vw;
  }
}
@media screen and (max-width: 480px){
  #contents .lectureSec img{
    width: 88vw;
  }
  #contents .lectureSec .eventBox{
    width: 84vw;
  }
}