@charset "UTF-8";

.kiyomasakou-flex {
  display: flex;
  align-items: center;
}
.kiyomasakou-flex li {
  flex: 1;
  word-wrap: break-word;
  min-width: 0;
  opacity: 0;
}
@media screen and (max-width: 1000px) {
  .kiyomasakou-flex {width: 90%; margin:0 auto; display: block;}
  .kiyomasakou-flex li p:first-child {text-align: center; margin-bottom: 10px;}
  .kiyomasakou-flex li:last-child {margin-top: 20px;}
}

#kiyomasakou-history .scroll-up
,#higo .scroll-up
{
  transition: 1.0s ease-in-out;
  -webkit-transition: 1.0s ease-in-out;
  -moz-transition: 1.0s ease-in-out;
  -o-transition: 1.0s ease-in-out;
  transform: translateY(250px);
  opacity: 0;
}


/**
 * top
 */
#top {position: relative;}
#top h1 {
  position: absolute; /* 要素の配置 */
  top: 50%; /* 要素を天地中央寄せ */
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  /* width: 15%; */
  text-align: center;
}
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 2.0s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(-10%) translateX(-50%);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) translateX(-50%);
  }
}


/**
 * kiyomasakou-nitirenshu
 */
#kiyomasakou-nitirenshu.box {height: 100%; margin-top: 250px;}
#kiyomasakou-nitirenshu .container {width: 800px;}
@media screen and (max-width: 800px) {
  #kiyomasakou-nitirenshu.box {margin-top: 150px;}
  #kiyomasakou-nitirenshu .container {width: 100%;}
  #kiyomasakou-nitirenshu .container p {width: 90%; margin: 0 auto;}
}


/**
 * kiyomasakou-history
 */
#kiyomasakou-history.box {height: 100%; margin-top: 250px;}
#kiyomasakou-history .container {width: 1000px;}
#kiyomasakou-history .container div {width: 800px;}
@media screen and (max-width: 1000px) {
  #kiyomasakou-history.box {margin-top: 150px;}
  #kiyomasakou-history .container {width: 100%;}
  #kiyomasakou-history .container div {width: 90%; margin: 0 auto;}
}


/**
 * higo
 */
#higo.box {height: 100%; margin-top: 250px;}
#higo .container {width: 800px;}
#higo p:first-child {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 800px) {
  #higo.box {margin-top: 150px;}
  #higo .container {width: 100%;}
  #higo .container div:first-child {width: 90%; margin-left: auto; margin-right: auto;}
}