@charset "UTF-8";
/* 
======== CONTENTS ==========================================
	LP フォーム ミニマムなグロナビ
    2021.6.15
 =========================================================
*/

.hs-contents {
    padding-top: 0;
}
@media screen and (max-width: 767px){
.JS .hs-contents {
    padding-top: 0;
 }
}

/*---------------------------------------------------
グロナビ
/*---------------------------------------------------*/
/* #SiteIdentity {
    background-color: #f2f2f2;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #ccc;
    margin-bottom: 1px;
} */
#HeaderArea{
    height: 45px;
}

/*---------------------------------------------------
H1ヘッダー
/*---------------------------------------------------*/

.JS .hs-page-heading {
    min-height: 90px;
    margin-top:30px;
    padding-top: 15px;
    padding-bottom: 0;
    background-color: #f2f2f2 ;
    background-image:  url(/cgi-bin/lp/shared/image/dl.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.JS .hs-page-heading.contact{
    background-color: #eef9ff ;
    background-image:  url(/cgi-bin/lp/shared/image/contact.png);
    background-position: top right;
    background-repeat: no-repeat;
}
.JS .hs-page-heading.red{
    background-image:  url(/res/image/products/bg_title_index.png);
    min-height: 79px;
    padding-top: 13px;
}
.JS .hs-page-heading.title02{
    background-image:  url(/res/image/products/bg_title02.png);
    min-height: 79px;
    padding-top: 13px;
}
.JS .hs-page-heading.title03{
    background-image:  url(/res/image/products/bg_title03.png);
    min-height: 79px;
    padding-top: 13px;
}
.JS .hs-page-heading.title04{
    background-image:  url(/res/image/products/bg_title04.png);
    min-height: 79px;
    padding-top: 13px;
}

.hs-page-heading__title {
font-weight: bold;
border-left: none;
}
.JS .hs-page-heading__sub {
  font-size: 0.9rem;
}
@media screen and (max-width: 767px){
 .JS .hs-page-heading__title {
    font-size: 1.5rem;
    padding-top: 10px;
}
.JS .hs-page-heading__sub {
  font-size: 0.8rem;
}
}

@media screen and (max-width: 500px){
.JS .hs-page-heading {
  background-color: rgba(255, 255, 255, 0.3) !important;
  background-blend-mode: lighten;
  color:#000;

 }
.JS .hs-page-heading__title {
    padding-top: 10px;
 }
 .JS .hs-page-heading__sub {
  font-size: 0.6rem;
}
}



.formwrap{
    width: 90%;
    margin: auto;
}
@media screen and (max-width: 767px){
.JS .hs-text {
  font-size: 0.875rem;
}
.formwrap{
    width: 100%;
    margin: auto;
}
}
.hs-frame-title {
  border-color: #e5e5e5; 
}
.hs-frame-body{
  padding-top: 1.5rem;
  border-color: #e5e5e5;
}

.hs-imgbox.frame img{
  border:0px #eee solid;
  margin-bottom:0px
}