@charset "UTF-8";

/*	はじめての方へ
-----------------------------------------*/

#bodyDivision .mainWrap	.mbaLink {
    text-decoration: none;
    display: block;
}

.guide_message_mv {
    position: relative;
}
.guide_message_mv img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 25% center;
}

.guide_message_mv_text {
    position: relative;
    top: 0;
    bottom: 0;
    left: 36%;
    max-width: 59%;
    margin: auto 0;
    padding: 2.4em 1em 2.4em 0;
    font-size: clamp(18px, 3.6vw, 36px);
    font-weight: 700;
    line-height: 1.6;
    color: var(--accent-color);
    text-align: left;
}



#bodyDivision .mainWrap .mbaLead {
    position: relative;
	border-bottom: 4px solid #FFDE00;
	background: #222;
	color: #FFF;
	font-size: 115.4%;	/* 15/13 */
}

#bodyDivision .mainWrap .mbaLeadInner {
	padding: 30px 30px 25px;
}

#bodyDivision .mainWrap .banLinks {
	margin-bottom: -10px;
}

#bodyDivision .mainWrap .banLinks li {
	margin-bottom: 10px;
}

#bodyDivision .mainWrap .banLinksS {
	margin: -16px 0 0 -16px;
	position: relative;
}

#bodyDivision .mainWrap .banLinksS:after{
	content : '';
	display : block;
	clear : both;
	height:0;
}

#bodyDivision .mainWrap .banLinksS li {
	float: left;
	margin: 16px 0 0 16px;
    width: calc(100% / 3 - 16px);
    @media (width <= 767px) {
        width: auto;
    }
}

#bodyDivision .mainWrap .banLinksS li:nth-child(3n+1) {
	clear: both;
}

#bodyDivision .mainWrap .banLinks a,
#bodyDivision .mainWrap .banLinksS a {
	display: block;
}

@media screen and (max-width: 767px) {
    .responsive #bodyDivision .mainWrap .section:first-child {
        background: #333333;
    }
    .responsive #bodyDivision .mainWrap .mbaLead {
        margin: 0;
        width: auto;
        border-bottom: none;
        background: #333333;
    }
    .responsive #bodyDivision .mainWrap .mbaLeadInner {
        margin: 0 auto;
        padding: 15px 15px 0;
    }
    .responsive #bodyDivision .mainWrap .mbaLeadInner p.btnWrap {
        margin: 0 -15px;
    }
    
    .responsive #bodyDivision .mainWrap .banLinks {
        margin-bottom: 0;
    }
    .responsive #bodyDivision .mainWrap .banLinks li {
        margin-bottom: 0;
    }

    .responsive #bodyDivision .mainWrap .banLinksS {
        margin: 15px 15px 0;
        width: auto;
    }
    .responsive #bodyDivision .mainWrap .banLinksS li {
        float: none;
        margin: 5px 0 0;
    }
    .responsive #bodyDivision .mainWrap .banLinksS li:first-child {
        margin-top: 0;
    }
    .responsive #sideCompartment {
    	margin-top: 15px;
    }
}