@charset 'UTF-8';
/*--------------------------------------------------
共通
--------------------------------------------------*/
/*flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
{-webkit-transform: translate(0%,-50%);
  -moz-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  -o-transform: translate(0%,-50%);
  transform: translate(0%,-50%);}
*/
.position_r{
	position: relative;
}
.common_section{
  padding: 80px 0;
  margin: 0;
  position: relative;
}
/*その他*/
.sp_nobr:before{
  content: "\A" ;
  white-space: pre ;
}
.ofi{
  height: 100%;
  width: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover';
}
/*--------------------------------------------------
ヘッダー
--------------------------------------------------*/
/*--------------------------------------------------
フッター
--------------------------------------------------*/
/*--------------------------------------------------
トップページ
--------------------------------------------------*/


/*--------------------------------------------------
レスポンシブ
--------------------------------------------------*/
@media only screen and (max-width: 600px) {
  /*flex{
  flex-direction: column;}*/
  .sp_br:before{
    content: "\A" ;
    white-space: pre ;
  }
  .sp_nobr:before{
    content: "" ;
  }
  .order{
    order: 1;
  }
}
@media only screen and (max-width: 500px) {}
@media only screen and (max-width: 400px) {}