@charset "UTF-8";

body {

  background-image: url('/wp-content/uploads/background_img.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #65acde;

}

.wrapper {
  padding-top: 0;
}

.home .top-logo {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 100px;
}

@media (max-width: 575.98px) {
  .home .top-logo {
    margin: 0 4rem;
  }
}

.home .top-logo figure {
  margin: 0 300px;
}

.home .top-logo img {
  max-height: 50vh;
  width: auto;
}

/*

***************************************************************/



/***************************************************************/
/* `sm` は極小デバイス（縦向きモバイル, 576px未満）に適用 */
@media (max-width: 575.98px) {}

/* `md` は小デバイス（横向きモバイル, 768px 未満）に適用 */
@media (max-width: 767.98px) {}

/* `lg` は中デバイス（タブレット, 992px 未満）に適用 */
@media (max-width: 991.98px) {}

/* `xl` は大デバイス（デスクトップ, 1200px 未満）に適用 */
@media (max-width: 1199.98px) {}

/* `xxl` は特大デバイス（ワイド・デスクトップ, 1400px 未満）に適用 */
@media (max-width: 1399.98px) {}