@charset "UTF-8";


/* ====================================   レスポンシブ   ==================================== */
@media (max-width: 1500px) {
  .newsBr {
    display: block;
  }

  .newsSub {
    display: block;
    padding-top: 10px;
    font-size: 13px;

  }

}

@media screen and (max-width:960px) {
  #firstViewImg {
    background: url(../images/index/bg-top-sp.jpg) no-repeat top left/100%;
    /*背景画像の設定※オリジナルの画像に設定してください*/
    height: 90vh;
  }

  .firstView h1 {
    font-family: "RocknRoll One", sans-serif;
    font-size: 70px;
    line-height: 115px;
    position: fixed;
    top: 5%;
    left: -5%;
    /* transform: translate(-50%, -50%); */
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
    letter-spacing: -0.05em;
    text-shadow: 1px 1px 10px #4b2c14;
    transform: rotate(-10deg);
    z-index: -3;
    /* background-color: rgba(104, 114, 255, 0.4); */
    width: 120vw;
    padding: 50px 100px;
    overflow: visible;
  }
 
}



@media (max-width: 800px) {
  .firstView {
    position: relative;
    /*背景を設定するdivの基点とするためrelativeをかける*/
    overflow: hidden;
    /*はみ出しているところを隠す*/
    width: 100%;
    height: 90vh;
  }


  .firstView h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 55px;
    line-height: 1.2;
    position: fixed;
    top: 10%;
    left: -5%;
    padding: 30px 60px;
  }


  .firstView p {
    font-size: 14px;
    margin-top: 15px;
  }


  .item-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-list li {
    width: 220px;
    margin-left: 30px;
  }

  .popup_news_item p {
    font-size: 15px;
  }

  .news_list_date {
    display: block;
  }
  .popup_news_item {
    display: block;
    padding-top: 20%;
  }

  .news_item {
    margin-bottom: 20px;
    font-size: 15px;
  }

  .news_list {
    width: 100%;
  }

  .news_list_date p {
    padding-top: 10px;
  }

  .popup_news_text p {
    font-size: 13px;
    width: 90%;
  }

  .popup_box {
    width: 90%;
  }

  #popup_news img {
    width: 80%;
  }



  .news {
    margin: 0;
  }

  .linkButtonArea {
    margin: 80px 0 0 0;
  }

  .linkButton {
    background-color: #e79c5b;
    display: inline-block;
    min-width: 90px;
    border-radius: 50px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 15px 40px;

  }


}

@media screen and (max-width:550px) {
  #firstViewImg {
    background: url(../images/index/bg-top-sp.jpg) no-repeat top left/100%;
    /*背景画像の設定※オリジナルの画像に設定してください*/
    height: 90vh;
  }

  .firstView h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    line-height: 1.2;
    position: fixed;
    top: 10%;
    left: -5%;
    padding: 30px 60px;
  }

  .linkButtonArea {
    margin: 50px 0 0 0;
  }

  .linkButton {
    background-color: #e79c5b;
    display: inline-block;
    min-width: 60px;
    border-radius: 50px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    padding: 15px 40px;

  }

  .mainBg h2 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    color: rgb(32, 32, 163);
    /* text-align: center; */
    font-size: 3rem;
    margin: 0 0 20px 0;
    animation-delay: 0.3s;
  }


  .sliderBox h2 {
  
    font-size: 3rem;
   
  }
}