/* -----------------------------------------------------------
CSS Information

File name:      index.css
Created:        2021-1
Style Info:     インデックスCSS
----------------------------------------------------------- */
/* ------------------------------------ */
/* mainvisual */
/* ------------------------------------ */
#mainvisual .inner {
  position : relative;
  background : url(../img//index/hero.jpg)no-repeat top center/cover;
  padding-top : 18.69%;
  border-bottom : solid 5px #f00;
}
.heading_wrapper {
  top : 22.28%;
  left : 8.7%;
}
#mainvisual .heading {
  font-size : 1.5rem;
  margin-bottom : 6.9%;
}
#mainvisual .heading span {
  font-family : Arial, sans-serif;
  font-weight : bold;
  font-size : 2.4rem;
  vertical-align : middle;
}
#mainvisual h3 {
  font-size : 1.4rem;
}
/* ------------------------------------ */
/* article */
/* ------------------------------------ */
main {
  width : 62%;
  margin-left : 5.8%;
}
article {
  height : 100%;
}
article .head {
  font-size : 2.4rem;
  padding-bottom : .5%;
  border-bottom : solid 2px #251e1c;
  margin-bottom : 2.8%;
  line-height : 1;
}
.news_col {
  border : solid 1px #4d4d4d;
  height : 87%;
  padding : 2.9% 0 0 2.9%;
  background : #fff;
}
.news_list {
  font-size : 1.4rem;
}
.news_item {
  display : flex;
}
.news_item a {
  color : #00f;
}
.news_date {
  margin-right : .7%;
}
@media screen and (max-width: 599px) {
  html {
    font-size : 63%;
  }
  .heading_wrapper {
    top : 0;
    left : 4%;
  }
  #mainvisual .inner {
    background-position-y : 54%;
  }
  #mainvisual .heading {
    margin-bottom : 0;
  }
  #mainvisual h3 {
    line-height : 1;
  }
  main {
    width : 100%;
    margin : 0;
  }
  .news_col {
    padding : 2.9% 2.9%;
  }
}
@media screen and (max-width: 480px) {
  #mainvisual .inner::before {
    content : '';
    position : absolute;
    top : 0;
    right : 0;
    bottom : 0;
    left : 0;
    background : #fff;
    opacity : .5;
    display : block;
  }
  .news_item {
    flex-direction : column;
  }
}