@charset "utf-8";

#g-nav-list ul li a.a_message:link { color:#EBFF00; }
#g-nav-list ul li a.a_message:visited { color:#EBFF00; }
#g-nav-list ul li a.a_message:hover { color:#EBFF00; }
#g-nav-list ul li a.a_message:active { color:#EBFF00; }
.fright .ul_footer a.f_message:link { background:#EBFF00;}

.header_wrap { height:120vw; }
.members_img_top {width:100%; position:absolute; bottom:40vw; left:50%; transform:translateX(-50%); z-index:-5; display:block; filter:initial;}
.contents.message { max-width:100%; margin:-5vw 0 0 0; position:absolute; z-index:1; bottom:19vw; left:50%; transform: translateX(-50%);}
.st_message { font-size:7vw; color:#fff; }
.sp_info { color:#fff; }
.header_wrap .contents .sp_info { font-size:4vw; color:#fff; position:absolute; right:initial; left:0; top:30vw; z-index:15; line-height:1.2em; }
.header_wrap .contents .sp_info small { font-size:3vw;}

@media screen and (min-width:768px) {
    .header_wrap { height:55vw; }
    .members_img_top {width: 70%; bottom:50px; }
    .contents.message { width:90%; height:auto; margin:0 auto; position:absolute; z-index:1; bottom:-20px; }
    .header_wrap .img_top_sankaku { width:700px; z-index:initial;}
    .header_wrap .contents { display:flex; justify-content:space-between;}

    .contents.message .st_message { font-size:5.5vw; margin-top:-20vw; display:block; letter-spacing:-0.16em; line-height:1em;  }
    .contents.message .sp_info { width:400px; font-size:1.5vw; right:0; top:-12vw; left:initial; text-align:left; }
    .contents.message .sp_info small { width:100%; text-align:left; font-size:1vw; position:absolute; right:0; z-index:15;}
    .contents .p_lead { font-size:18px; text-align:left; line-height:33px; font-weight:500; margin-top:80px; font-family: "游ゴシック体", YuGothic, "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


    
}

@media screen and (min-width:1300px) {
    .img_top { width:60vw; position:absolute; bottom:80px; left:50%; transform: translateX(-50%);}
}

.contact_box { margin:0; }
.contents_wrap_all { width:100%; height:100%; position:relative; overflow: hidden;}

.contents_wrap_all .sankaku_big { height:100%; position:absolute; bottom:0; }
@media screen and (min-width:768px) {
.contents_wrap_all .sankaku_big { width:100%; position:absolute; top:0; right:-60px; }

.img_big.inline_pc { filter: greyscale(100%);}
}