@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
body {
  font-family: 'Noto Sans JP', sans-serif;
}

/* CSS Document */

.box_movie {
	margin-top: 75px;
	}
.main_img {
	margin-top: -60px;
}
.bg_blue {
  background-color: #f0fcff;
}
.bg_pink {
  background-color: #FFF4F6;
}
.box01 {
  position: relative; /* 中央寄せしたい要素の親タグにrelativeをつける */
  overflow: hidden;  /* はみ出した部分は表示しないようにする */
  height: 700px; /* 高さは固定値を入れる */
}
.box01 img {
  position: absolute;
  top: 50%; /* トップを基準に中央配置 */
  left: 50%; /* 左を基準に中央配置 */
  width: 1920px;
  height: 700px;
  margin-top: -350px;
  margin-left: -960px;
}
a:hover img {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
/*ここまで*/
footer {
  background-color: black;
  padding-top: 30px;
  padding-bottom: 15px;
  margin-top: 75px;
  color: white;
}
.companyname {
  font-size: 16px;
}
.copyright {
  font-size: 14px;
}

img {
	margin-top: 75px;
	margin-bottom: 75px;
}
/* ページトップへ戻るボタン */
/*
#page-top {
  position: fixed;
  display: none;
  width: 100%;
  height: 0;
  bottom: 180px;
  z-index: 2;
  margin: auto;
}
#page-top a {
  position: absolute;
  display: block;
  right: 40px;
  width: 80px;
  height: 80px;
  background-size: 80px 80px;
  -moz-background-size: 80px 80px;
  background-image: url('../images/top_btn.png');
  background-repeat: no-repeat;
  /*	bottom:110px;*/
/*
}
#page-top a:hover {
  opacity: 0.5;
}
*/
/*　画面サイズが768px以下の場合読み込む　*/
@media screen and (max-width:768px) {
  /*#page-top {
    display: none !important;
  }
	*/
.main_img {
	margin-top: -30px;
}	

.box_movie {
	margin-top: 30px;
	}
	
img {
	margin-top: 45px;
	margin-bottom: 45px;
}

img.img_nomargin {
	margin-top: 0px;
	margin-bottom: 0px;
}
	
/*改行位置調節*/
@media screen and (min-width: 768px) {
  /*　画面サイズが768px以上の場合読み込む　*/
  .br-sp {
    display: none;
  }
}
@media screen and (max-width:990px) {
  .br-pc {
    display: none;
  }
}