@charset "UTF-8";
/* CSS Document */
body #indexVisualWrapper {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
}
body #indexVisualWrapper #indexVisual {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 193px 0 0;
}
body #indexVisualWrapper #indexVisual img {
  display: none;
}
body #indexVisualWrapper #indexVisual div.img-1 {
  width: 100%;
  height: 579px;
  padding-bottom: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body #indexVisualWrapper #indexVisual div.img-1 p {
  width: 1030px;
  height: 579px;
  text-align: center;
  margin: 0 auto;
}
body #indexVisualWrapper #indexVisual ul {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body #indexVisualWrapper #indexVisual ul {
  *zoom: 1;
}
body #indexVisualWrapper #indexVisual ul:after {
  content: "";
  display: table;
  clear: both;
}
body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual {
  width: auto;
  height: auto;
  padding-bottom: 0;
  background-image: none;
  background-color: #fff;
}
body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a,
body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual span {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.40%;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a {
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a:hover {
    -webkit-transition: opacity 0s ease;
    transition: opacity 0s ease;
    opacity: 1;
  }
}
body #indexVisualWrapper #indexVisual ul.slider.centerVisual {
  height: 579px;
  overflow: hidden;
}
body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual {
  background-color: #fff;
}
body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual > div, body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual > a > div {
  width: 100%;
  height: 579px;
  padding-bottom: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual .centerImage {
  width: 1030px;
  height: 579px;
  margin: 0 auto;
  padding-bottom: 0;
  background-color: #fff;
}
body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual .centerImage span {
  width: 1030px;
  height: 579px;
  padding-bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual a {
  width: 100%;
  height: auto;
  padding-bottom: 0;
}
body #indexVisualWrapper #indexVisual .bx-has-pager {
  padding: 15px 0;
  text-align: center;
}
body #indexVisualWrapper #indexVisual .bx-has-pager .bx-pager {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
body #indexVisualWrapper #indexVisual .bx-has-pager .bx-pager .bx-pager-item {
  margin: 0 7px 0 8px !important;
}
body #indexVisualWrapper #indexVisual .bx-has-pager .bx-pager .bx-pager-item a {
  display: inline-block;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 12px;
  height: 11px;
  background-image: url(../img/parts/icon_indicator.png);
  background-size: contain;
  text-indent: 100px;
}
body #indexVisualWrapper #indexVisual .bx-has-pager .bx-pager .bx-pager-item a.active {
  background-image: url(../img/parts/icon_indicator_c.png);
}
body #indexVisualWrapper #indexVisual .indexMainVisual,
body #indexVisualWrapper #indexVisual .indexSubVisual {
  list-style: none;
  float: left;
  height: 0;
  /*padding-bottom: 66.7%;*/
  /*2分割時イキ*/
  padding-bottom: 56.40%;
  background-position: center center;
  background-size: cover;
}
body #indexVisualWrapper #indexVisual .indexMainVisual {
  width: 58.333%;
  background-image: url(../../img/index/slide1_1.jpg);
}
body #indexVisualWrapper #indexVisual .indexSubVisual {
  width: 41.667%;
}
body #indexVisualWrapper #indexVisual .indexSubVisual.vMiddle {
  display: table;
}
body #indexVisualWrapper #indexVisual .indexSubVisual.vMiddle span {
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
body #indexVisualWrapper #indexVisual .indexSubVisual.vMiddle span b {
  display: inline-block;
  width: 100%;
  max-width: 252px;
  height: 90%;
  margin: 5% 0;
  background: url(../../img/index/slide1_2.png) no-repeat center center;
  background-size: contain;
}
body #indexVisualWrapper #indexVisual .movie {
  position: relative;
  height: 100%;
  overflow: hidden;
}
body #indexVisualWrapper #indexVisual .movie video {
  position: absolute;
  top: 0;
  /*left: -68.7%;  2分割時イキ*/
  /*left: calc(0px - ((((100% * 2 / 100 * 66.7) * 1.779) - 100%) / 2));  2分割時イキ*/
  min-height: 100%;
  width: 100%;
  /*2分割時消す*/
  height: 100%;
}
body #indexVisualWrapper #indexVisual.harf .indexMainVisual,
body #indexVisualWrapper #indexVisual.harf .indexSubVisual {
  /*width: 50%;  2分割時イキ*/
  width: 100%;
}
body #indexVisualWrapper #indexVisual.harf .indexMainVisual {
  background-image: url(../../img/index/mainvisual_image.jpg);
  background-position: 0 0;
}
body #indexWrapper {
  padding: 0;
}
body #top_bannerWrapper {
  padding: 50px 0;
  background-color: #f7f7f7;
  overflow: hidden;
}
body #top_bannerWrapper .slick-list {
  overflow: visible;
}
body #top_bannerWrapper .top_banner {
  float: left;
  position: relative;
  left: 50%;
  margin: 0 auto;
  padding: 0;
}
body #top_bannerWrapper .top_banner li {
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  position: relative;
  left: -50%;
  width: 235px;
}
body #top_bannerWrapper .top_banner li a {
  display: block;
  width: 210px;
  height: 210px;
  margin: 0 auto;
  background-color: #fff;
}
body #top_bannerWrapper .top_banner li a img {
  width: 206px;
  border: 2px solid #fff;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
body #top_bannerWrapper .top_banner li a img:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  body #top_bannerWrapper .top_banner li a img:hover {
    -webkit-transition: opacity 0s ease;
    transition: opacity 0s ease;
    opacity: 1;
  }
}
body #top_bannerWrapper .top_banner.slick-slider {
  float: none;
  left: 3px;
  width: 235px;
}
body #top_bannerWrapper .top_banner.slick-slider li {
  left: 14px;
}
body #top_bannerWrapper .top_banner.slick-slider li a {
  margin: 0;
}
body #top_bannerWrapper .top_banner .slick-track {
  left: -500%;
}
body #top_bannerWrapper .top_banner .slick-track.slick-track2 {
  left: -100%;
}
body #top_bannerWrapper .top_banner .slick-track.slick-track3 {
  left: -200%;
}
body #top_bannerWrapper .top_banner .slick-track.slick-track4 {
  left: -300%;
}
body #top_bannerWrapper .top_banner .slick-track.slick-track5 {
  left: -400%;
}

.section_inner {
  padding: 0;
}

.indexNewsTitle {
  width: 950px;
  margin: 70px auto 0;
  text-align: center;
}
.indexNewsTitle h2 {
  margin: 0;
  font-size: 12px;
  font-size: 1rem;
}
.indexNewsTitle h2 strong {
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 45px;
  font-size: 3.75rem;
}
.indexNewsTitle h2 span {
  display: block;
  margin: 5px 0 0;
}

#tabNavi .newsLink,
#tabNaviEvent .newsLink {
  float: right;
}
#tabNavi .newsLink ul,
#tabNaviEvent .newsLink ul {
  margin: 0;
  padding: 0;
}
#tabNavi .newsLink ul,
#tabNaviEvent .newsLink ul {
  *zoom: 1;
}
#tabNavi .newsLink ul:after,
#tabNaviEvent .newsLink ul:after {
  content: "";
  display: table;
  clear: both;
}
#tabNavi .newsLink ul li,
#tabNaviEvent .newsLink ul li {
  float: left;
  width: auto;
  margin: 5px 0 0;
}
#tabNavi .newsLink ul li ~ li,
#tabNaviEvent .newsLink ul li ~ li {
  margin-left: 10px;
}
#tabNavi .newsLink ul li a,
#tabNaviEvent .newsLink ul li a {
  display: inline-block;
  padding: 3px 47px;
  border: 2px solid #000;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
#tabNavi .newsLink ul li a:hover,
#tabNaviEvent .newsLink ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  #tabNavi .newsLink ul li a:hover,
  #tabNaviEvent .newsLink ul li a:hover {
    -webkit-transition: opacity 0s ease;
    transition: opacity 0s ease;
    opacity: 1;
  }
}
#tabNavi .newsLink ul li a span,
#tabNaviEvent .newsLink ul li a span {
  display: inline-block;
  position: relative;
}
#tabNavi .newsLink ul li a span:after,
#tabNaviEvent .newsLink ul li a span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  right: 0;
}
#tabNavi .newsLink ul li.all a,
#tabNaviEvent .newsLink ul li.all a {
  background-color: #000;
}
#tabNavi .newsLink ul li.all a span,
#tabNaviEvent .newsLink ul li.all a span {
  margin-bottom: 1px;
  padding-right: 12px;
  font-size: 13px;
  font-size: 1.0833333333rem;
  color: #fff;
}
#tabNavi .newsLink ul li.all a span:after,
#tabNaviEvent .newsLink ul li.all a span:after {
  width: 7px;
  height: 13px;
  margin-top: -7px;
  background-image: url(../img/parts/icon_arr_w.png);
}
#tabNavi .newsLink ul li.all a:before,
#tabNaviEvent .newsLink ul li.all a:before {
  display: none;
}
#tabNavi .newsLink ul li.rss a span,
#tabNaviEvent .newsLink ul li.rss a span {
  padding-right: 15px;
  font-size: 13px;
  font-size: 1.0833333333rem;
}
#tabNavi .newsLink ul li.rss a span:after,
#tabNaviEvent .newsLink ul li.rss a span:after {
  width: 10px;
  height: 10px;
  margin-top: -6px;
  background-image: url(../img/parts/icon_rss.png);
}

#tabNavi,
#tabNaviEvent {
  width: 926px;
  margin: 0 auto;
}
#tabNavi,
#tabNaviEvent {
  *zoom: 1;
}
#tabNavi:after,
#tabNaviEvent:after {
  content: "";
  display: table;
  clear: both;
}

#tabNaviLine,
#tabNaviEventLine {
  position: relative;
  float: left;
}
#tabNaviLine ul,
#tabNaviEventLine ul {
  margin: 0;
  padding: 0;
}
#tabNaviLine ul,
#tabNaviEventLine ul {
  *zoom: 1;
}
#tabNaviLine ul:after,
#tabNaviEventLine ul:after {
  content: "";
  display: table;
  clear: both;
}
#tabNaviLine ul li,
#tabNaviEventLine ul li {
  float: left;
  width: auto;
  margin-top: 5px;
  border: 1px solid #b9b9b9;
  border-radius: 15px;
}
#tabNaviLine ul li:hover,
#tabNaviEventLine ul li:hover {
  border-color: #cdcdcd;
}
#tabNaviLine ul li span,
#tabNaviEventLine ul li span {
  display: inline-block;
  min-width: 3em;
  padding: 3px 17px;
  font-size: 13px;
  font-size: 1.0833333333rem;
  cursor: pointer;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
#tabNaviLine ul li span:hover,
#tabNaviEventLine ul li span:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  #tabNaviLine ul li span:hover,
  #tabNaviEventLine ul li span:hover {
    -webkit-transition: opacity 0s ease;
    transition: opacity 0s ease;
    opacity: 1;
  }
}
#tabNaviLine ul li.active,
#tabNaviEventLine ul li.active {
  background-color: #cfcfcf;
}
#tabNaviLine ul li.active span,
#tabNaviEventLine ul li.active span {
  font-weight: bold;
}

#tabSet,
#tabEventSet {
  position: relative;
  width: 936px;
  margin: 20px auto 0;
}
#tabSet .newsPanel,
#tabEventSet .newsPanel {
  top: 0;
  left: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
}
#tabSet .newsPanel.active,
#tabEventSet .newsPanel.active {
  position: relative;
  top: auto;
  left: auto;
  height: auto;
  overflow: visible;
  opacity: 1;
  z-index: 5;
}
#tabSet .newsPanel ul,
#tabEventSet .newsPanel ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
}
#tabSet .newsPanel ul,
#tabEventSet .newsPanel ul {
  *zoom: 1;
}
#tabSet .newsPanel ul:after,
#tabEventSet .newsPanel ul:after {
  content: "";
  display: table;
  clear: both;
}
#tabSet .newsPanel ul.slick-slider,
#tabEventSet .newsPanel ul.slick-slider {
  display: block;
  position: relative;
  margin: 0;
}
#tabSet .newsPanel ul.slick-slider .slick-track,
#tabEventSet .newsPanel ul.slick-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1px;
}
#tabSet .newsPanel ul.slick-slider .slick-slide,
#tabEventSet .newsPanel ul.slick-slider .slick-slide {
  position: relative;
  height: auto;
  margin: 0 5px;
}
#tabSet .newsPanel ul.slick-slider .slick-arrow,
#tabEventSet .newsPanel ul.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  display: inline-block;
  white-space: nowrap;
  text-indent: 300%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
}
#tabSet .newsPanel ul.slick-slider .slick-arrow.slick-disabled,
#tabEventSet .newsPanel ul.slick-slider .slick-arrow.slick-disabled {
  background-position: 0 bottom !important;
  outline: none;
  cursor: default;
}
#tabSet .newsPanel ul.slick-slider .slick-next,
#tabEventSet .newsPanel ul.slick-slider .slick-next {
  right: -47px;
  width: 43px;
  height: 42px;
  margin-top: -21px;
  background: url(../../img/index/bt_nextslide.png) no-repeat 0 0;
}
#tabSet .newsPanel ul.slick-slider .slick-prev,
#tabEventSet .newsPanel ul.slick-slider .slick-prev {
  left: -47px;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  background: url(../../img/index/bt_prevslide.png) no-repeat 0 0;
}
#tabSet .newsPanel ul li,
#tabEventSet .newsPanel ul li {
  list-style: none;
  float: none;
  width: 302px;
  margin: 0 9px 20px;
  border: 1px solid #ddd;
  outline: none;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
#tabSet .newsPanel ul li:hover,
#tabEventSet .newsPanel ul li:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  #tabSet .newsPanel ul li:hover,
  #tabEventSet .newsPanel ul li:hover {
    -webkit-transition: opacity 0s ease;
    transition: opacity 0s ease;
    opacity: 1;
  }
}
#tabSet .newsPanel ul li a,
#tabEventSet .newsPanel ul li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  height: 100%;
  padding: 10px 10px 5px;
  font-size: 14px;
  font-size: 1.1666666667rem;
  color: #000;
}
#tabSet .newsPanel ul li a:hover,
#tabEventSet .newsPanel ul li a:hover {
  text-decoration: none;
}
#tabSet .newsPanel ul li a dl,
#tabEventSet .newsPanel ul li a dl {
  margin: 1em 0;
}
#tabSet .newsPanel ul li a dl dt,
#tabEventSet .newsPanel ul li a dl dt {
  position: relative;
  font-weight: bold;
}
#tabSet .newsPanel ul li a dl dt:after,
#tabEventSet .newsPanel ul li a dl dt:after {
  display: inline-block;
  min-width: 4em;
  margin-left: 20px;
  padding: 3px 7px;
  text-align: center;
  letter-spacing: 0.5px;
  font-size: 11px;
  font-size: 0.9166666667rem;
  font-weight: normal;
  color: #fff;
}
#tabSet .newsPanel ul li a dl dt.icon_info:after,
#tabEventSet .newsPanel ul li a dl dt.icon_info:after {
  content: 'お知らせ';
  background-color: #707070;
}
#tabSet .newsPanel ul li a dl dt.icon_press:after,
#tabEventSet .newsPanel ul li a dl dt.icon_press:after {
  content: 'プレス';
  background-color: #4e006e;
}
#tabSet .newsPanel ul li a dl dt.icon_important:after,
#tabEventSet .newsPanel ul li a dl dt.icon_important:after {
  content: '重　要';
  background-color: #9c892d;
}
#tabSet .newsPanel ul li a dl dt.icon_topics:after,
#tabEventSet .newsPanel ul li a dl dt.icon_topics:after {
  content: 'トピックス';
  background-color: #00a3bb;
}
#tabSet .newsPanel ul li a dl dt.icon_imadegawa:after,
#tabEventSet .newsPanel ul li a dl dt.icon_imadegawa:after {
  content: '今出川';
  background-color: #40661f;
}
#tabSet .newsPanel ul li a dl dt.icon_kyotanabe:after,
#tabEventSet .newsPanel ul li a dl dt.icon_kyotanabe:after {
  content: '京田辺';
  background-color: #2b5db0;
}
#tabSet .newsPanel ul li a dl dt.icon_both:after,
#tabEventSet .newsPanel ul li a dl dt.icon_both:after {
  content: '両校地';
  background-color: #550071;
}
#tabSet .newsPanel ul li a dl dt.icon_other:after,
#tabEventSet .newsPanel ul li a dl dt.icon_other:after {
  content: 'その他校地';
  background-color: #550071;
}
#tabSet .newsPanel ul li a dl dt.icon_gakugai:after,
#tabEventSet .newsPanel ul li a dl dt.icon_gakugai:after {
  content: '学　外';
  background-color: #707070;
}
#tabSet .newsPanel ul li a dl dd,
#tabEventSet .newsPanel ul li a dl dd {
  min-height: 3em;
  margin-left: 0;
}
#tabSet .newsPanel .date,
#tabEventSet .newsPanel .date {
  display: block;
  padding: 11px 12px;
  background-color: #373737;
  color: #fff;
}
#tabSet .newsPanel .newsImg,
#tabEventSet .newsPanel .newsImg {
  display: block;
  position: relative;
  width: 280px;
  height: 167px;
  border: 1px solid #ddd;
  margin-bottom: 19px;
  overflow: hidden;
}
#tabSet .newsPanel .newsImg img,
#tabEventSet .newsPanel .newsImg img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 100%;
  height: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#tabSet .newsPanel .newsImg.minimum img,
#tabEventSet .newsPanel .newsImg.minimum img {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#tabSet .newsPanel .indicator,
#tabEventSet .newsPanel .indicator {
  margin: 20px auto 0;
}
#tabSet .newsPanel .indicator,
#tabEventSet .newsPanel .indicator {
  *zoom: 1;
}
#tabSet .newsPanel .indicator:after,
#tabEventSet .newsPanel .indicator:after {
  content: "";
  display: table;
  clear: both;
}
#tabSet .newsPanel .indicator li,
#tabEventSet .newsPanel .indicator li {
  padding: 0;
  border-width: 0;
}

.newsList_non,
.eventList_non {
  padding: 20px 0;
  text-align: center;
  font-size: 15px;
  font-size: 1.25rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

/*meltwater*/
.meltwater {
  width: 926px;
  margin: 70px auto;
}
.meltwater h2 {
  margin: auto;
  font-size: 28px;
  font-size: 2.3333333333rem;
  margin-bottom: 20px;
  width: 926px;
  text-align: center;
}
.meltwater iframe {
  /*width: 926px;
  height: 200px;
  border: solid 1px #ddd;*/
  width: 3100px;
  height: 160px;
  border: none;
}
.meltwater .container {
  width: 930px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
  body #indexVisualWrapper {
    min-height: 0;
    line-height: 0;
  }
  body #indexVisualWrapper #indexVisual {
    height: auto;
    padding: 0;
  }
  body #indexVisualWrapper #indexVisual div.img-1 {
    background-image: none !important;
    height: auto;
  }
  body #indexVisualWrapper #indexVisual div.img-1 p {
    width: 100%;
    height: auto;
    background-size: contain;
    padding-bottom: 56.21359223%;
  }
  body #indexVisualWrapper #indexVisual ul:after {
    display: none;
  }
  body #indexVisualWrapper #indexVisual ul.slider {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  body #indexVisualWrapper #indexVisual ul.slider {
    *zoom: 1;
  }
  body #indexVisualWrapper #indexVisual ul.slider:after {
    content: "";
    display: table;
    clear: both;
  }
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual {
    display: block;
    height: auto;
    padding-bottom: 0;
    background-image: none;
    background-color: #fff;
  }
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a,
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual span {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 125%;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
  }
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a {
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
  }
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a:hover {
    -webkit-transition: opacity 0s ease;
    transition: opacity 0s ease;
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  body #indexVisualWrapper #indexVisual .indexMainVisual,
  body #indexVisualWrapper #indexVisual .indexSubVisual {
    float: none;
  }
  body #indexVisualWrapper #indexVisual .indexMainVisual,
  body #indexVisualWrapper #indexVisual .indexSubVisual {
    display: none;
    height: 0;
    padding-bottom: 125%;
  }
  body #indexVisualWrapper #indexVisual .sp_rev {
    display: block;
    width: 100% !important;
  }
  body #indexVisualWrapper #indexVisual .movie video {
    /*left: 27.5%;  2分割時イキ*/
    /*left: calc(0px - ((((100% / 100 * 125) * 1.779) - 100%) / 2));  2分割時イキ*/
    left: calc(0px - ((((100% / 100 * 125) * 1.779) - 100%) / 2));
    /*2分割時削除*/
    /*max-width: none;  2分割時イキ*/
    /*height: auto;*/
    /*100％になると崩れ*/
    width: auto;
    /*2分割時削除*/
  }
  body #top_bannerWrapper {
    padding: 25px 0 15px;
  }

  .section_inner {
    padding: 0 10px;
  }

  .indexNewsTitle {
    clear: both;
    width: 100%;
    margin: 30px 0 15px;
  }
  .indexNewsTitle h2 strong {
    font-size: 30px;
  }

  #tabSet,
  #tabEventSet {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  #tabSet .newsPanel ul,
  #tabEventSet .newsPanel ul {
    margin: 0;
  }
  #tabSet .newsPanel ul li,
  #tabEventSet .newsPanel ul li {
    width: 100%;
    max-width: 400px;
  }
  #tabSet .newsPanel ul li a,
  #tabEventSet .newsPanel ul li a {
    width: 100%;
    padding: 15px 14px 10px;
    font-size: 15px;
    font-size: 1.25rem;
  }
  #tabSet .newsPanel ul li a .newsImg,
  #tabEventSet .newsPanel ul li a .newsImg {
    width: 100%;
    height: 0;
    padding-bottom: 58.92%;
    margin-bottom: 0;
  }
  #tabSet .newsPanel ul li a .newsImg img,
  #tabEventSet .newsPanel ul li a .newsImg img {
    height: auto;
  }
  #tabSet .newsPanel .slick-slider .slick-list,
  #tabEventSet .newsPanel .slick-slider .slick-list {
    max-width: 410px;
    margin: 0 auto;
  }

  #tabNavi,
  #tabNaviEvent {
    width: 100%;
    overflow: hidden;
  }
  #tabNavi .newsLink,
  #tabNaviEvent .newsLink {
    float: none;
  }
  #tabNavi .newsLink,
  #tabNaviEvent .newsLink {
    *zoom: 1;
  }
  #tabNavi .newsLink:after,
  #tabNaviEvent .newsLink:after {
    content: "";
    display: table;
    clear: both;
  }
  #tabNavi .newsLink ul,
  #tabNaviEvent .newsLink ul {
    float: left;
    position: relative;
    left: 50%;
  }
  #tabNavi .newsLink ul li,
  #tabNaviEvent .newsLink ul li {
    position: relative;
    left: -50%;
    margin-top: 0;
  }
  #tabNavi .newsLink ul li a,
  #tabNaviEvent .newsLink ul li a {
    padding: 8px 30px;
  }
  #tabNavi #tabNaviLine,
  #tabNavi #tabNaviEventLine,
  #tabNaviEvent #tabNaviLine,
  #tabNaviEvent #tabNaviEventLine {
    float: none;
    margin: 15px auto 0;
    text-align: center;
  }
  #tabNavi #tabNaviLine,
  #tabNavi #tabNaviEventLine,
  #tabNaviEvent #tabNaviLine,
  #tabNaviEvent #tabNaviEventLine {
    *zoom: 1;
  }
  #tabNavi #tabNaviLine:after,
  #tabNavi #tabNaviEventLine:after,
  #tabNaviEvent #tabNaviLine:after,
  #tabNaviEvent #tabNaviEventLine:after {
    content: "";
    display: table;
    clear: both;
  }
  #tabNavi #tabNaviLine ul,
  #tabNavi #tabNaviEventLine ul,
  #tabNaviEvent #tabNaviLine ul,
  #tabNaviEvent #tabNaviEventLine ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
  }
  #tabNavi #tabNaviLine ul li,
  #tabNavi #tabNaviEventLine ul li,
  #tabNaviEvent #tabNaviLine ul li,
  #tabNaviEvent #tabNaviEventLine ul li {
    position: relative;
    margin: 0 3px 5px 0;
    border-radius: 5px;
  }
  #tabNavi #tabNaviLine ul li ~ li,
  #tabNavi #tabNaviEventLine ul li ~ li,
  #tabNaviEvent #tabNaviLine ul li ~ li,
  #tabNaviEvent #tabNaviEventLine ul li ~ li {
    margin-left: 0;
  }
  #tabNavi #tabNaviLine ul li span,
  #tabNavi #tabNaviEventLine ul li span,
  #tabNaviEvent #tabNaviLine ul li span,
  #tabNaviEvent #tabNaviEventLine ul li span {
    padding: 10px 3px;
    font-size: 12px;
    font-size: 1rem;
  }

  /*meltwater*/
  .meltwater {
    width: 100%;
    margin: 30px auto;
  }
  .meltwater h2 {
    margin: auto;
    font-size: 20px;
    font-size: 1.6666666667rem;
    margin-bottom: 10px;
    width: 100%;
  }
  .meltwater iframe {
    /*width: 100%;
    height: 300px;*/
    height: 160px;
  }
  .meltwater .container {
    width: 100%;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual a,
  body #indexVisualWrapper #indexVisual ul.slider .indexMainVisual span {
    padding-bottom: 50%;
  }
}
@media only screen and (max-width: 767px) {
  body #indexVisualWrapper #indexVisual ul.slider.centerVisual,
  body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual > div,
  body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual > a > div,
  body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual .centerImage,
  body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual .centerImage span {
    width: 100%;
    height: 0;
    /*padding-bottom: 66.6666667%;*/
    padding-bottom: 56.21359223%;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  body #indexVisualWrapper #indexVisual ul.slider.centerVisual .indexMainVisual > div {
    background-image: none !important;
  }
}

/*# sourceMappingURL=new_index.css.map */