@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------
PC　960px以上
-------------------------------------------------- */
@media screen and (min-width: 1025px){
  .nav_logo a img {
  display: none;
  }
  .header {
    display: none;
  }

}

/* --------------------------------------------------
タブレット(ipad pro)　1024px未満
-------------------------------------------------- */
@media screen and (max-width: 1024px){
  .about-box {
      width: 100%;
      height: 80vh;
      padding-top: 45%;
      margin-bottom: 200px;
}

.side {
    top: 25%;
}
}

/* --------------------------------------------------
タブレット(ipad)　769px未満
-------------------------------------------------- */
@media screen and (max-width: 769px){
  .about-box p:first-of-type {
      font-size: 1.6rem;
  }

  .about-box p:last-of-type {
    font-size: 1rem;
    letter-spacing: 0.1rem;
}

.about-box {
    padding-top: 40%;
}


}

/* --------------------------------------------------
  スマホ大 　560px以上
-------------------------------------------------- */
@media screen and (min-width:560px) {
.nav_logo a img {
display: none;
}

.br-sp {
  display: none;
}

.cate-sp {
  display: none;
}

.header {
  display: none;
}

}


/* --------------------------------------------------
  スマホ横 　896px
-------------------------------------------------- */
@media screen and (max-width: 896px) and (orientation: landscape) {
  .h-nav li {
      width: 150px;
  }

  .about-box p:last-of-type {
    font-size: .9rem;
    letter-spacing: 0.1rem;
}

.c-btn img {
    top: 50%;
    left: 105%;
}

.about-box img {
    width: 124px;
}

.about-box {
    width: 100%;
    height: 150vh;
    padding-top: 16%;
    margin-bottom: -13px;
}

.about-box p:first-of-type {
    font-size: 1.7rem;
    margin-top: 40px;
    margin-bottom: 30px;
}

.about-box p:last-of-type {
    font-size: 1rem;
    letter-spacing: 0.2rem;
}

.side {
    height: 200vh;
}

.main{
  display: none;
}

.Form {
    height: 235vh;
}
}
/* --------------------------------------------------
  スマホ大 　560px未満
-------------------------------------------------- */
@media screen and (max-width:559px) {
/* ハンバーガーボタン */

.h-logo,
.h-nav,
.c-btn{
  display: none;
}

header {
  height: 55px;
  position: fixed;
}

.hamburger-menu {
    position: fixed;
}

.big-logo, .about-box img {
    width: 164px;
}

.movie video {
  height: 100vh;
}

.about-box p:first-of-type {
    font-size: 1rem;
}
.about-box p:last-of-type {
    line-height: 32px;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

.about-box {
    height: 59vh;
    padding-top: 119px;
}

.about-box p:first-of-type {
    margin-top: 47px;
    margin-bottom: 25px;
}

.main{
  display: none;
}

.side {
    top: 50px;
}

.side {
    top: 50px;
    width: 100vw;
    height: 75vh;
}

.poster {
    height: 140vh;

}

.imgArea img{
  width: 100vw
  }

  .slick-slide img {
    width: 100%;
    height: 200px;
    object-fit: scale-down;
}

.sum-box {
    width: 340px;
    margin-top: 5px;
}

.sum-box p {
    font-size: 10px;
    line-height: 22px;
}

.cate-sp{
  width: 141px;
}

.Form {
    height: 183vh;
}

.Form {
    height: 155vh;
}
}

/* --------------------------------------------------
スマホ小　　320px未満
-------------------------------------------------- */
@media screen and (max-width: 320px){

.about-box {
    padding-top: 25%;
}

.padding-top-35 {
    padding-top: 0px;
}

.sum-box {
    width: 274px;
    margin-top: -8px;
}

.slick-slide img {
    height: 233px;
}

.side {
    height: 120vh;
}

.Form {
    height: 183vh;
}
}