/*************************************
TOPページ - 2025本郷スクールリニューアル
*************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
*{font-family:'Hiragino Kaku Gothic ProN','Arial',"noto sans jp";box-sizing:border-box;}
.main-nav-wrapper {
    margin-bottom:0;
}
#top-image-container{
    background:url(https://us-lead.com/images/bg.jpg) no-repeat center 70%;
    background-size:cover;
    height:470px;
    position:relative;
    z-index:0;
}
#top-image-container .top-btn-area {
    width:fit-content;
    margin:200px auto;
    display:flex;
    gap:10px;
}
#top-image-container .top-btn-area .btn-top{
    font-size:18px;
    color:#fff;
    background:#418591;
}
@media (max-width:767px){#top-image-container .top-btn-area {margin-top:120px;} #top-image-container .top-btn-area .btn{font-size:16px;}}
@media (max-width:575px){#top-image-container .top-btn-area {margin:30px auto;flex-direction:column;}}

.top-page h1{
    font-family:'M Plus 1';
}

.top-page .highlight{
    padding:30px; border:#ddd solid 1px;
    border-radius:5px; 
    min-height:300px; 
    margin-bottom:20px;
    background-size:auto 100%;
    background-position:right center;
    background-repeat:no-repeat;
} 
.top-page .highlight h1{color:#2a6b99;}
.top-page .highlight .textlink{font-size:17px;}
@media (max-width:991px){.top-page .highlight{min-height:auto;padding:10px;margin:0;margin-bottom:20px;} .top-page .highlight h1{font-size:30px;}}
@media (max-width:520px){.top-page .highlight{background-position:center center;}}