/*
    sectionタグライブラリ
*/
@charset "UTF-8";

:root {
    /* */
    --lp-page-title-color: var(--lp-color-text);

    /* Under FirstView */
    --lp-under-fv-text-color: var(--lp-color-text);
}

section .alert { display:flex; flex-direction:column; color:var(--lp-color-alert); }

/*
    ファーストビュー
*/
section.LPFirstView { display:flex; height:600rem; }
section.LPFirstView .bg { position:absolute; left:0; top:0; width:100%; height:100%; }
section.LPFirstView .titleBox { width:100%; background-color:rgba(0, 0, 0, 0.33); padding:20rem 0; }
section.LPFirstView .title { font-size:48rem; line-height:1.4; }
section.LPFirstView .subTitle { font-size:18rem; line-height:1.4; margin-top:0.5em; }
section.LPFirstView .image { position:absolute; left:0; top:0; width:100%; height:100%; }
section.LPFirstView .image img { object-fit:cover; }

/*
    下層ファーストビュー
*/
section.LPUnderFV { display:flex; height:400rem; color:var(--lp-under-fv-text-color); }
section.LPUnderFV .bg { position:absolute; left:0; top:0; width:100%; height:100%; }
section.LPUnderFV .titleBox { width:100%; background-color:rgba(0, 0, 0, 0.33); padding:20rem 0; }
section.LPUnderFV .title { font-size:48rem; line-height:1.4; }
section.LPUnderFV .subTitle { font-size:18rem; line-height:1.4; margin-top:0.5em; }
@media (max-width:780px) {      /* MOBILE */
}

/*
    NEWS
*/
section.LPNewsTitles {  }
section.LPNewsTitles .articles { text-align:left; }
section.LPNewsTitles .articles .article { display:flex; }
section.LPNewsTitles .articles * + .article { margin-top:10rem; }
section.LPNewsTitles .articles .article .date { width:160rem; }
section.LPNewsTitles .articles .article .title { width:calc(100% - 160rem); }

/*
    NEWS （サムネ付き）
*/
section.LPNewsThumbnailTitles {  }
section.LPNewsThumbnailTitles .articles { display:flex; justify-content:flex-start; align-items:flex-start; gap:20rem; }
section.LPNewsThumbnailTitles .articles .article { width:calc((100% - (20rem * 2)) / 3 ); }
section.LPNewsThumbnailTitles .articles .thumb { aspect-ratio:3 / 2; background:#ccc; margin-bottom:10rem; }
section.LPNewsThumbnailTitles .articles .date { text-align:left; font-size:14rem; font-weight:normal; }
section.LPNewsThumbnailTitles .articles .title { text-align:left; }
section.LPNewsThumbnailTitles .noAtricle { font-size:18rem; padding-top:60rem; }
/* カラム違い (デフォルトは3) */
section.LPNewsThumbnailTitles .articles.column4 .article { width:calc((100% - (40rem * 4)) / 4 ); }
/* ギャップ違い (デフォルトは20) */
section.LPNewsThumbnailTitles .articles.gap40 { gap:40rem; }
section.LPNewsThumbnailTitles .articles.gap40 .article { width:calc((100% - (40rem * 2)) / 3 ); }
section.LPNewsThumbnailTitles .articles.gap40.column4 .article { width:calc((100% - (20rem * 4)) / 4 ); }
@media (max-width:780px) {      /* MOBILE */
    section.LPNewsThumbnailTitles .articles .article { width:100%; }
    section.LPNewsThumbnailTitles .articles.column4 .article { width:100%; }
    section.LPNewsThumbnailTitles .articles.gap40 .article { width:100%; }
}


/*
    メッセージ (汎用)
*/
section.LPMessage {  }
section.LPMessage .title { font-weight:bold; font-size:20rem; }
section.LPMessage .title + * { margin-top:40rem; }
section.LPMessage .text + * { margin-top:40rem; }
section.LPMessage .text > * + * { margin-top:1.2em; }

/*
    ログイン
*/
section.LPLogin .LPContentWrapper { max-width:600rem; }
section.LPLogin .alert { margin-bottom:40rem; }
section.LPLogin .notesBox { font-size:16rem; margin-top:40rem; }

/*
    EMAIL登録
*/
section.LPRegistEmail {  }
section.LPRegistEmail .LPContentWrapper { max-width:640rem; }
section.LPRegistEmail .messageBox { display:flex; font-size:18rem; }
section.LPRegistEmail .messageBox .border > * + * { margin-top:0.5em; }
section.LPRegistEmail .messageBox .title { font-size:24rem; margin-bottom:2em; }
section.LPRegistEmail .alertBox { color:#f00; }
section.LPRegistEmail .notesBox { font-size:16rem; margin-top:40rem; }