/* 
 * 共通
 * 最終更新 2019 / 08 / 12
 */

.logo {
  max-width: 417px;
}



.d_flex_original {
  display: flex;
  display: -webkit-flex;
}
.d_flex_justify {
  justify-content: center; /*左右中央揃え*/
}
.d_flex_align-items {
  align-items: center;     /*上下中央揃え*/
}

.bk_logo_clor {
  background-color: #D5D5D5;
}


.effect-fade {
 opacity : 0;
 transform : translate(0, 45px);
 transition : all 2000ms;
}

.effect-fade.effect-scroll {
 opacity : 1;
 transform : translate(0, 0);
}

/* 
 * header
 * 最終更新 2019 / 08 / 12
 */

.titlebar {
  background-color: slategray;
  color: #fff;
}

.hero {
  background-image: url("imgages/hero.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 350px;
}

/* 
 * footer
 * 最終更新 2019 / 08 / 12
 */

.bk {
  background-size: cover;
  background-position: center;
  width: 100%;
}

.infomation {
  background-image: url("imgages/souhusaki.jpg");
}

.copy {
  background-image: url("imgages/copy.jpg");
}

.original {
  background-image: url("imgages/original.jpg");
}

/* 
 * モーダルウィンドウ
 * 最終更新 2019 / 08 / 12
 */
#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
#modal-open {
  color: #fff;
}
/* モーダル コンテンツエリア */
#modal-main {
  display: none;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  z-index: 2;
}
/* モーダル 背景エリア */
#modal-bg {
  display:block;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  left:0;
  z-index: 1;
}