@charset "UTF-8";
header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: whitesmoke;
  z-index: 100;
}

header span {
  text-align: center;
}

:target:before {
  height: 50px;
  /* ヘッダの高さ */
  margin: -50px 0 0;
  /* ヘッダの高さ */
  content: ‘ ‘;
  display: block;
}

main,
footer,
.footer-wrapper {
  color: white;
}

.bg-color {
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#0a0064));
  background: linear-gradient(to bottom, #000000, #0a0064);
}

.header-wrapper {
  /* padding-top: 7%; */
  background-image: url(../images/huji_yakei.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}

.header-title {
  position: absolute;
  top: 40%;
  left: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: Monotype Corsiva;
  color: whitesmoke;
  font-style: italic;
  opacity: 0;
  -webkit-animation-name: fadein-bottom;
          animation-name: fadein-bottom;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadein-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadein-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.header-title-end {
  font-family: Monotype Corsiva;
  margin-top: 20%;
  text-align: justify;
  color: whitesmoke;
  font-style: italic;
}

body {
  background-color: black;
}

.btn-form {
  color: black;
  background-color: white;
}

.btn-form:hover {
  opacity: 0.5;
}

.content-item img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top 0 left 0;
     object-position: top 0 left 0;
}

.card_bg {
  background: black;
  background: linear-gradient(162deg, black 0%, #0700f7 100%);
}

.card_bg:hover {
  opacity: 0.8;
}

.resizeimage {
  width: 100%;
}
/*# sourceMappingURL=style.css.map */