@charset "Shift_JIS";
/* content===========================================

[-] for all
[-] for 1305px -
[-] for 995px - 1304px
[-] for - 767px
[-] for - 579px
[-] for - 399px

@media screen and (max-width: 1304px)
@media screen and (max-width: 965px)
@media screen and (max-width: 767px)
@media screen and (max-width: 579px)

===================================================== */

/*---------------------------------------------------------------------------------------
親ページ用メインビジュアルコーナー
---------------------------------------------------------------------------------------*/
#LpIndex .Grid4.inner {
  height: 470px;
  vertical-align: middle;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  #LpIndex .Grid4.inner {
    height: 152.5px;
    vertical-align: middle;
  }
}
@media screen and (max-width: 994px) {
  #LpIndex .Grid4.inner {
    padding: 20px 15px 0px;
  }
}
@media screen and (max-width: 994px) {
  #LpIndex .Grid4.inner h1 {
    margin-bottom: 15px;
  }
}
#LpIndex .Grid4.inner h1:after {
  display: none;
}
.HeroTitle h1 .subtitle {
  font-size: var(--heading_s);/*24px*/
  letter-spacing: initial;
  line-height: 1;
}
@media (min-width: 579px) and (max-width: 959px){
  .HeroTitle h1 .subtitle {
    line-height: 1.5;
  }  
}
#LpIndex.HeroTitle {
  margin-bottom: 0;
  background-image: url("../img/kv.png");
}
@media screen and (max-width: 767px) {
  #LpIndex.HeroTitle {
    background-image: url("../img/kv_sp.png");
  }
}
#LpIndex .Grid4 h1 {
  text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.9);
}
#LpIndex .Grid4 .Title {
  font-size: var(--title);/*42px*/
}
@media screen and (max-width: 767px) {
  #LpIndex .Grid4 .Title {
    font-size: var(--heading);/*28px*/
  }
}
@media screen and (max-width: 767px) {
  .HeroTitle h1 .subtitle {
    font-size: var(--txt_s);/*12px*/
    letter-spacing: -1px;
  }
}
/*-------------------------------------------------------親ページ用メインビジュアルコーナー*/