@charset "UTF-8";

.MC_wrap1 .container{ margin-bottom: 0; gap: 0;}
.MC_box1{ width: 100%; height: auto; flex: none;}    
.MC_box8{ width:100%; margin-top:2rem;}

.B3_MVisual .item img{ height: auto; object-fit: fill;}

.B3_M_link1 ul li a{ font-size: 0.9rem; height: 100%; min-height: 100%;}
.B3_M_link1 ul li a img{ width: 2.5rem; height: auto;}

.B3_M_link2 > h3{ font-size: 2.3em; line-height: 1.1; margin-bottom: 0.5rem;}
.B3_M_link2 > span{ font-size: 1em; max-width: 60%;}
.B3_M_link2 > ul{ max-width: 55rem; gap: 0.75rem 1rem;}
.B3_M_link2 > ul li{ width: 100% !important;}
.B3_M_link2 > ul li a{ font-size: 0.9em;}

@media screen and (max-width: 1190px) {
    .MC_box4{ margin-bottom: 2rem;}
}
@media screen and (max-width: 960px) {
    
    .MC_box8{ margin-top:1rem;}
    
    .B3_M_link1 ul{ align-items: normal;}
    .B3_M_link1 ul li a{ font-size: 0.8rem;}

    .B3_M_link2 > h3{ font-size: 2.1em;}
    .B3_M_link2 > span{ font-size: 0.8em; max-width: 100%;}
}
@media screen and (max-width: 768px) {

    .B3_M_link2 > h3{ font-size: 1.7em;}
}
@media screen and (max-width: 680px) {

    .B3_M_link2 > h3{ font-size: 1.5em;}
    .B3_M_link2 > span{ font-size: 0.7em;}
}