@charset "utf-8";
#main{
  background:url(../../images/main/tz/bg_info.png)top center / cover no-repeat,#2581A4;
  padding: 2.4rem;
  color: #fff;
  /* font-family: 'Anton', YakuHanJPs, "Noto Sans JP", sans-serif; */
}
#main h2{
  font-size: 3.6rem;
  letter-spacing: .04em;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  padding: 2.4rem 0 2.4rem;
  position: relative;
  z-index: 2;
  font-family: Anton;
  margin: 0.0em 0 0 0;
}
#main .infoSection{
  margin-bottom: 0em;
  position: relative;
}
.infoHead::before {
    content: "";
    position: absolute;
    z-index: -1;
    opacity: 0.2;
    height: 40rem;
    top: -2.4rem;
}
.news .infoHead::before {
    left: 0;
    width: 25rem;
    background: url(../../images/main/tz/splash_news.png)-0.8rem -4.2rem / contain no-repeat;
}
.twitter .infoHead::before {
    left: -2.4rem;
    width: 28rem;
    background: url(../../images/main/tz/splash_tw.png)-2.4rem -2.4rem / contain no-repeat;
}
#nwu_001_t td.day {
    width: 10.4rem;
}

#nwu_001_t {
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.2;
    position: relative;
    z-index: 10;
}

#main a {
    color: #fff;
    text-decoration: none;
}

#nwu_001_t tr {
    padding-bottom: 2rem;
    display: block;
}
/* ==========================================
*
*  twitter timeline
*
========================================== */

.twTimelineWrap {
    overflow: hidden;
    background: #fff;
    position: relative;
    padding-top: 100%;
    z-index: 10;
}

.twTimeline {
  overflow-y: auto;
  transition: .3s;
  -webkit-overflow-scrolling: touch;
  width: 75%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 719px){
  .main_sa02_c {
    flex-wrap:wrap;
  }
  .main_sa02_c .infoSection {
    width: 100%;
  }
}

.twTimelineWrap iframe{
  width: 1000px !important;
  max-width: 100% !important;
}

@media screen and (min-width: 900px){
  .twTimeline {
     width: 100%;
     max-height: 574px;
  }
}
@media screen and (max-width: 1599px){
  .main_sa02_c {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .infoSection {
    width: 48%;
  }
  #main {
    padding: 2.4rem 6.4rem;
    background:url(../../images/main/tz/bg_info_h.jpg)top center / cover no-repeat,#2581A4;
  }
  .twTimelineWrap {
    padding-top: 79%;
  }
  #main .bodyBannerList {
    display: none;
  }
  .news .infoHead::before {
    left: 0;
    width: 50%;
    background-position: 0 -2.7rem;
  }
  .twitter .infoHead::before{
    left: -6.4rem;
    width: 56%;
    background-position: 0 -4rem;
  }
}
@media screen and (max-width: 899px){
  #main{
    
padding: 2.4rem;
  }
}