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

page-top.css　トップページcss

********************************************************************************/

/*============================================================
 commonカスタム
*============================================================*/
#page-top #main-contents {
    padding-bottom: 0;
}

/*============================================================
 メインビジュアル
*============================================================*/
#page-top #mainvisual {
    height: var(--common-vh);
    padding: 240px 0 0 0;
    /* background-image: url(../images/top/mainvisual-bg.svg); */
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    color: #fff;
    position: relative;
}
#page-top #mainvisual .info {
    width: 100%;
    padding: 24px 0;
    /* background-color: rgb(0 0 0 / 20%); */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#page-top #mainvisual .info .site-title {
    font-weight: bold;
    font-size: 64px;
    line-height: 200%;
    margin-bottom: 48px;
}
#page-top #mainvisual .info .lead {
    font-weight: bold;
    font-size: 32px;
}

/*============================================================
 ページ内共通
*============================================================*/
#page-top .section {
    min-height: 300px;
    padding: 48px 0;
    margin-bottom: 0;
}
#page-top .sec-title {
    text-align: center;
}
#page-top .parts-btn {
    margin: 0 auto;
}

/*============================================================
 セクション
*============================================================*/
#page-top #sec-AAA {
    background-color: var(--common-color-background2);
}

/*============================================================
 セクション
*============================================================*/
#page-top #sec-BBB {
}

/*============================================================
 セクション
*============================================================*/
#page-top #sec-news {
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1024px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-top #mainvisual {
    }

    /*============================================================
     セクション
    *============================================================*/
    #page-top #sec-セクション名 {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-top #mainvisual {
    }

    /*============================================================
     セクション
    *============================================================*/
    #page-top #sec-セクション名 {
    }

}