/*画面全体の設定*/
body,
html {
  height: 100%;
  margin: 0 auto;
  letter-spacing: 2px;
  font-size: 10px;
}

.logo {
  width: 20%;
  ;
}

.topbox {
  width: 100%;
}

/*固定する背景*/
.parallax-bg {
  box-sizing: border-box;
  color: #FFF;
  display: flex;
  justify-content: center;
  padding: 5%;
  background-attachment: fixed;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/*各背景の画像*/
.img-bg-top {
  background-image: url('image/top.jpg');
  background-color: #000;
  background-position-y: top;
  height: 100%;
}

.row {
  padding-top: 20px;
}

.service-overview {
  background-image: url('image/bg0.jpg');
  background-color: #f8f8f8;
  color: #000;
  padding: 5%;
  font-size: 1.5rem;
}

.why-asteria {
  background-color: #a8dfbf;
  color: #000;
  padding: 5%;
  font-size: 1.5rem;
  background-image: url('image/bg1.jpg');
  background-repeat: repeat;
}

.case {
  background-color: #c6efff;
  color: #000;
  padding: 5%;
  font-size: 1.5rem;
  background-image: url('image/bg2.jpg');
  background-repeat: repeat;
}

.contact {
  background-color: #fff;
  color: #000;
  justify-content: left;
  background-image: url('image/bg3.jpg');
  background-repeat: repeat;
}

.footer {
  background-color: #000;
  color: #FFF;
  text-align: right;
}