@charset "UTF-8";

.houmotsu-flex {
  display: flex;
  align-items: center;
}
.houmotsu-flex-reverse {flex-direction: row-reverse;}
.houmotsu-flex li {
  flex: 1;
  word-wrap: break-word;
  min-width: 0;
}
.houmotsu-flex li p:first-child {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 1000px) {
  .houmotsu-flex {width: 90%; margin:0 auto; display: block;}
  .houmotsu-flex li p:first-child {text-align: center; margin-bottom: 10px;}
  .houmotsu-flex li:last-child {margin-top: 20px;}
}



#kiyomasakou .scroll-up
,#nagae-boshi-kabuto .scroll-up
,#kiyomasakou-sokutai .scroll-up
,#maedate .scroll-up
,#byoubu .scroll-up
,#houmotsu-list .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%);
  }
}


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


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


/**
 * nagae-boshi-kabuto
 */
#nagae-boshi-kabuto.box {height: 100%; margin-top: 250px;}
#nagae-boshi-kabuto .container {width: 1000px;}
@media screen and (max-width: 1000px) {
  #nagae-boshi-kabuto.box {margin-top: 150px;}
  #nagae-boshi-kabuto .container {width: 100%;}
}


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


/**
 * maedate
 */
#maedate.box {height: 100%; margin-top: 250px;}
#maedate .container {width: 1000px;}
@media screen and (max-width: 1000px) {
  #maedate.box {margin-top: 150px;}
  #maedate .container {width: 100%;}
}


/**
 * byoubu
 */
#byoubu.box {height: 100%; margin-top: 250px;}
#byoubu .container {width: 1000px;}
@media screen and (max-width: 1000px) {
  #byoubu.box {margin-top: 150px;}
  #byoubu .container {width: 100%;}
}


/**
 * houmotsu-list
 */
#houmotsu-list.box {height: 100%; margin-top: 250px;}
#houmotsu-list .container {width: 600px;}
#houmotsu-list ul li {
  display: flex;
  border-top: 1.5px solid #999;
  padding: 10px 20px;
}
#houmotsu-list ul li:last-child {border-bottom: 1.5px solid #999;}
#houmotsu-list ul li div {flex: 1;}
#houmotsu-list ul li div:last-child {text-align: right;}
@media screen and (max-width: 600px) {
  #houmotsu-list.box {margin-top: 150px;}
  #houmotsu-list .container {width: 100%;}
  #houmotsu-list ul {width: 90%; margin: 0 auto;}
}