@charset "UTF-8";

.min {
  font-family: "Sawarabi Mincho";
}
.bg-blue {
  background: #e3f6fe;
}
.text-info {
  color: #1976d2 !important;
}

.background {
  background: url("../image/background.jpg") no-repeat top center;
  background-size: auto 100%;
  position: fixed;
  width: 100%;
  height: 160%;
  top: 0;
  left: 0;
  z-index: -1;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.hover_alf:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.form-width {
  width: 75%;
}

.btn01 {
  top: 47%;
  padding: 10%;
}
.submit-width {
  max-width: 75%;
}

.fuwafuwa {
  animation: fuwafuwa 3s infinite;
}

@keyframes fuwafuwa {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0px);
  }
}

@media (min-width: 1201px) {
  .card-columns {
    column-count: 5;
  }
}

@media (max-width: 1200px) {
  .card-columns {
    column-count: 4;
  }
}

@media (max-width: 992px) {
  .card-columns {
    column-count: 3;
  }
}

@media (max-width: 768px) {
  .card-columns {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  body,
  html {
    font-size: 16px;
  }
  h2 {
    font-size: 1.5rem;
  }
  .background {
    background: url("image/background.jpg");
    background-size: 500% auto;
  }
  .form-width {
    width: 100%;
  }
  .main .container {
    padding: 0 !important;
    overflow: hidden !important;
  }
  .btn01 {
    top: 36%;
  }
  .submit-width {
    max-width: 95%;
  }
}