@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	変数設定

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.container {
  width: 1200px;
  margin: 0 auto;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .container {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .container {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	index

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*--------------------------------------------------------------
	titleBlock
--------------------------------------------------------------*/
#titleBlock {
  background-image: url("../../stage/img/title_bg.jpg");
  color: #231815;
}

/*--------------------------------------------------------------
	leadBlock
--------------------------------------------------------------*/
#leadBlock #contentsBlock {
  background-image: url("../../stage/img/contents_bg.jpg");
}

/*--------------------------------------------------------------
	cherishBlock
--------------------------------------------------------------*/
/*--------------------------------------------------------------
	messageBlock
--------------------------------------------------------------*/
#messageBlock {
  padding: 120px 0;
  color: #fff;
  background: url("../../stage/img/message_bg.jpg") bottom center no-repeat;
  background-size: cover;
}
#messageBlock section {
  padding: calc(120px / 2);
  background: rgba(0, 0, 0, 0.75);
}
#messageBlock section .headline h4::before,
#messageBlock section .headline h4::after {
  background: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 768px) {
  /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  	index

  //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*--------------------------------------------------------------
  	titleBlock
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  	leadBlock
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  	cherishBlock
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  	messageBlock
  --------------------------------------------------------------*/
  #messageBlock {
    padding: calc(120px / 2) 0;
  }
  #messageBlock section {
    padding: calc(120px / 4);
  }
}/*# sourceMappingURL=stage.css.map */