@charset "utf-8";
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}

#munhaknuri {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#munhaknuri .munhaknuri_box {
    border:1px solid #CACACA;
    background-color:#fff;
    border-radius:20px;
    padding:30px 50px;
    display:flex;
    align-items:center;
    gap:50px;
    min-height:140px;
    background-repeat:no-repeat;
    background-position: right 30px bottom;
}
#munhaknuri .munhaknuri_box:hover {
    background-color:#FAF5FF;
}
#munhaknuri .munhaknuri_box .munhaknuri_box_title {
    width:180px;
    display:flex;
    align-items:center;
    gap:5px;
}
#munhaknuri .munhaknuri_box .munhaknuri_box_title .munhaknuri_box_num {
    font-size:	1.25rem;
    font-weight:800;
    letter-spacing: -1px;
    color:#774C9E;
    font-family: 'S-CoreDream'
}
#munhaknuri .munhaknuri_box .munhaknuri_box_title .munhaknuri_box_ti {
    font-size:	1.5rem;
    font-weight:600;
} 
#munhaknuri .munhaknuri_box .munhaknuri_box_cont {
    flex:1;
    display:flex;
    align-items:center;
} 
#munhaknuri .munhaknuri_box .munhaknuri_box_cont p {
    font-size:1.125rem;
    font-weight:400;
    line-height:144%;
}

#munhaknuri .box01 {
    background-image:url(./img/munhaknuri_icon01.svg);
}
#munhaknuri .box02 {
    background-image:url(./img/munhaknuri_icon02.svg);
}
#munhaknuri .box03 {
    background-image:url(./img/munhaknuri_icon03.svg);
}
#munhaknuri .box04 {
    background-image:url(./img/munhaknuri_icon04.svg);
}
#munhaknuri .box05 {
    background-image:url(./img/munhaknuri_icon05.svg);
}

@media (max-width:991px) {
    #munhaknuri .munhaknuri_box {
        padding:30px;
        gap:30px;
    }
    #munhaknuri .munhaknuri_box .munhaknuri_box_title {
        width:160px;
    }
}
@media (max-width:640px) {
    #munhaknuri .munhaknuri_box {
        flex-direction:column;
    }
    #munhaknuri .munhaknuri_box .munhaknuri_box_title {
        text-align:center;
        justify-content: center;
    }
}