@charset "utf-8";
/*ページネーションの色変更*/
.page-link {
    color: gray;
}
/*フワッとエフェクト*/
.effect {
  animation: fadein 2s ease-in-out 0s normal forwards;
}
a, a:hover {
  color: gray;
}
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);      
  }
}
/*スクロールするとフワッとエフェクト*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}
.timing02 {transition-delay: .4s;}
.timing03 {transition-delay: .8s;}
/*フォント変更*/
.ff {
  font-family: 'Prompt', sans-serif;
}
/*送信ボタン色変更*/
.btn-primary {
  background-color: gray;
  border-color: gray;
}
/*改行コントロール*/
.kai span {
  display: inline-block;
}
/*ページネーション色変更*/
.page-item.active .page-link {
  background-color: gray;
  border-color: gray;
}
/*Twitterアイコンの色変更*/
body {
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: gray;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 767px) {
  .img-container {
    background-image: url("images-bootstrap/images/AdobeStock_434281861.jpeg");
    background-size: cover;
    background-position: center;  
    height: 50vh;
  }
  .padding-t {
    padding-top: 6.5rem;
  }
  .kai span {
    font-size: 1rem;
  }
  .margin-y {
    margin-top: 4rem;
    margin-bottom: 1em;
  }
  .a-text {
    text-align: justify;
    font-size: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 834px) {
  .img-container {
    background-image: url("images-bootstrap/images/AdobeStock_434281861.jpeg");
    background-size: cover;
    background-position: center;  
    height: 100vh;
  }
  .padding-t {
    padding-top: 11rem;
  }
  .kai span {
    font-size: 1rem;
  }
  .a-text {
    text-align: justify;
    font-size: 1rem;
    padding: 0 25%;
  }
}
@media (min-width: 835px) {
  .img-container {
    background-image: url("images-bootstrap/images/AdobeStock_434281861.jpeg");
    background-size: cover;
    background-position: center;  
    height: 100vh;
  }
  .padding-t {
    padding-top: 13rem;
  }
  .margin-y {
    margin-top: 9rem;
    margin-bottom: 1em;
  }
  .kai span {
    font-size: 1.1rem;
  }
  .a-text {
    text-align: justify;
    font-size: 1rem;
    padding: 0 31%;
  }
}