@charset "utf-8";


/*
 * スライダーのためのcss
 * TOPページ用
 */
#slider {
  width: 100%;
  height: 80vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}


#slider .philosophy {

  color: white;
  font-weight: bold;
  /* font-family: 'Noto Serif JP'; */
  font-size: 48px;
  line-height: 1.3em;
  position: absolute;
  bottom: 30px;
  right: 60px;
}


@media (max-width: 767px) {
  #slider .philosophy {
    font-size:32px;
    bottom: 15px;
    right: 15px;
  }
}


/*
 * スライダーのためのcss
 * サブページ用
 */
 #slider-sub {
  width: 100%;
  /*height: 400px;*/
  height: 45vh;

  position: relative;
}


/*
 * スライダーの中央に表示するタイトル
 * サブページ用
 */
 #slider-sub .title {

  color: white;
  /* line-height: 1.3em; */
  text-align: center;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);/*センター寄せの修正*/

  margin: 0 !important;
  padding: 0 !important;
}

#slider-sub .title h2 {
  font-weight: bold;
  font-size: 40px;
  margin: 0;
}
#slider-sub .title p {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}


.text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
}

.text h1 {
  font-size: 24px;
  margin: 0;
}

.text p {
  font-size: 16px;
  margin: 0;
}