body {
    font-size: 16px;
}

.kis-board-area {
    /* width : 65em; */
    width : 81.25em;
    margin: 0 auto;
}

.kis-container {
    /* max-width   : 60em; */
    max-width   : 75em;
    margin      : 0 auto;
    /* max-width: initial; */
}

.kis-header {
    display: flex;
    width  : 100%;
    height : 5.4375em;
    margin : 0 auto -12.3125em auto;
    padding: 3.4375em 0;
}

#main_container,
.content_container {
    min-height   : auto;
    width        : 100%;
    /* width     : 100vw; */
    max-width    : inherit;
    padding      : 0;
}

.kis-footer {
    /* width: 100vw; */
    /* width   : 65em; */
    width: 81.25em;
}

#main_container>.content_container>#content {
    display: none;
}

.kis-container>.footer-links {
    display: none;
}

.kis-home {
    min-height: calc(100vh - 11.25em);
}

.home-section {
    /* width              : 100vw; */
    background-position: center;
    background-size    : cover;
    background-repeat  : no-repeat;
}

.home-section#section_hero {
    background-image   : url(../images/bg_hero.jpg);
    /* height          : 55.1875em; */
    height             : calc(1300px*1080/1920 - 12.3125em);
    /*25.8125em*/
    padding-top        : 12.3125em;
}

.home-section .section-title {
    font-family   : 'Josefin Sans', sans-serif;
    font-weight   : bold;
    /* font-size  : 3.375em; */
    font-size     : calc(1300px*54/1920);
    color         : #1567a1;
}

.home-section .section-text {
    font-family      : 'Poppins', sans-serif;
    /* font-size     : 1.75em; */
    font-size        : calc(1300px*28/1920);
    color            : #1567a1;
    /* letter-spacing: 0.125em; */
    letter-spacing   : calc(1300px*2/1920);
}

#section_hero .section-title {
    color            : #136888;
    font-weight      : bolder;
    line-height      : 1.625em;
    /* padding-top   : 2.125em; */
    /* padding-bottom: 0.875em; */
    padding          : calc(1300px*32/1920) 0;
}

#section_hero .section-button {
    /* font-size     : 1.625em; */
    font-size        : calc(1300px*26/1920);
    font-weight      : 500;
    /* padding       : 1em 2em; */
    padding          : calc(1300px*16/1920) calc(1300px*32/1920);
    /* border-radius : 2.25em; */
    border-radius    : calc(1300px*36/1920);
    /* letter-spacing: 0.125em; */
    letter-spacing   : calc(1300px*2/1920);
}

.home-section#section_happy {
    background-image   : url(../images/bg_happy.png);
    /* height          : 33.75em; */
    height             : calc(1300px*540/1920);
}

#section_happy .kis-container {
    display       : flex;
    flex-direction: column;
    height        : 100%;
}

#section_happy .section-title {
    margin-top: auto;
}

#section_happy .section-text {
    margin-bottom   : auto;
    /* margin-top   : 1.25em; */
    margin-top      : calc(1300px*20/1920);
}

.home-section#section_always {
    background-image   : url(../images/bg_always.png);
    /* height          : 33.75em; */
    height             : calc(1300px*540/1920);
}

#section_always .kis-container {
    display       : flex;
    flex-direction: column;
    height        : 100%;
}

#section_always .section-title {
    margin-top: auto;
}

#section_always .section-text {
    margin-bottom   : auto;
    /* margin-top   : 1.25em; */
    margin-top      : calc(1300px*20/1920);
}

.home-section#section_plenty {
    background-image   : url(../images/bg_plenty.png);
    /* height          : 67.5em; */
    height             : calc(1300px*1080/1920);
}

#section_plenty .kis-container {
    display       : flex;
    flex-direction: column;
    height        : 100%;
}

#section_plenty .section-title {
    /* margin-top: 2em; */
    /* margin-top: calc(1040px*32/1920); */
    margin-top: calc(1300px*120/1920);
}

#section_plenty .section-text {
    /* margin-top: 1.25em; */
    margin-top: calc(1300px*20/1920);
}

#section_plenty ul.kis-home-list {
    font-family         : 'Poppins', sans-serif;
    color               : #1567a1;
    text-transform      : uppercase;
    /* font-size        : 1.5em; */
    font-size           : calc(1300px*24/1920);
    font-weight         : bold;
    /* padding          : 1.5em 0; */
    padding             : calc(1300px*24/1920) 0;
}

#section_plenty ul.kis-home-list li {
    list-style       : none;
    display          : flex;
    align-items      : center;
    /* padding       : 0.625em 0; */
    /* padding       : calc(1040px*10/1920) 0; */
    padding          : calc(1300px*20/1920) 0;
}

#section_plenty ul.kis-home-list li .marker {
    display      : inline-flex;
    /* width     : 3.4375em; */
    width        : calc(1300px*55/1920);
    /* height    : 3.4375em; */
    height       : calc(1300px*55/1920);
    /* padding   : 0 2.5em; */
    padding      : 0 calc(1300px*40/1920);
}

#section_plenty ul.kis-home-list li .marker img {
    margin       : auto;
    /* max-height: 3.625em; */
    max-height   : calc(1300px*58/1920);
    max-width    : calc(1300px*58/1920);
}

.home-section#section_delicious {
    background-image   : url(../images/bg_delicious.jpg);
    /* height          : 67.5em; */
    height             : calc(1300px*1080/1920);
}

#section_delicious .kis-container {
    display       : flex;
    flex-direction: column;
    height        : 100%;
}

#section_delicious .section-title {
    /* margin-top: 2em; */
    /* margin-top: calc(1040px*32/1920); */
    margin-top: calc(1300px*120/1920);
}

#section_delicious .section-text {
    /* margin-top: 1em; */
    margin-top: calc(1300px*16/1920);
}

#section_delicious ul.kis-home-list {
    font-family      : 'Poppins', sans-serif;
    color            : #1567a1;
    text-transform   : uppercase;
    /* font-size     : 1.5em; */
    font-size        : calc(1300px*24/1920);
    font-weight      : bold;
    /* padding       : 1em 0; */
    padding          : calc(1300px*16/1920) 0;
}

#section_delicious ul.kis-home-list li {
    list-style       : none;
    display          : flex;
    align-items      : center;
    /* padding       : 0.375em 0; */
    /* padding       : calc(1040px*6/1920) 0; */
    padding          : calc(1300px*20/1920) 0;
}

#section_delicious ul.kis-home-list li .marker {
    display      : inline-flex;
    /* width     : 3.4375em; */
    width        : calc(1300px*55/1920);
    /* height    : 3.4375em; */
    height       : calc(1300px*55/1920);
    /* padding   : 0 2.5em; */
    padding      : 0 calc(1300px*40/1920);
}

#section_delicious ul.kis-home-list li .marker img {
    margin       : auto;
    /* max-height: 3.625em; */
    max-height   : calc(1300px*58/1920);
    max-width    : calc(1300px*58/1920);
}

.home-section#section_school {
    background-image   : url(../images/bg_school.png);
    /* height          : 33.75em; */
    height             : calc(1300px*540/1920);
}

#section_school .kis-container {
    display       : flex;
    flex-direction: column;
    height        : 100%;
}

#section_school .section-title {
    color     : white;
    margin-top: auto;
}
#section_school .kis-container {
    padding: 3rem 0 1rem;
}

#section_school .section-text {
    /* margin-top    : 1em; */
    margin-top    : calc(1300px*16/1920);
    color         : white;
    letter-spacing: 0;
}

#section_school .section-button {
    /* font-size    : 1.125em; */
    font-size       : calc(1300px*18/1920);
    font-weight     : 500;
    /* padding      : 0.25em 1.25em; */
    padding         : calc(1300px*4/1920) calc(1300px*18/1920);
    /* border-radius: 1.875em; */
    border-radius   : calc(1300px*30/1920);
    /* margin-top   : 2.5em; */
    margin-top      : calc(1300px*40/1920);
    margin-bottom   : auto;
    display         : inline-block;
    margin-right    : auto;
}

/* ************ Laptop from 1041 ~ 1440 ************** */
@media (max-width: 1440px) and (min-width: 1041px) {

    .kis-board-area {
        width: 65em;
    }

    .kis-container {
        max-width: 60em;
    }

    .kis-footer {
        width: 65em;
    }

    .home-section#section_hero {
        height: calc(1040px*1080/1920 - 12.3125em);
    }

    .home-section .section-title {
        font-size: calc(1040px*54/1920);
    }

    .home-section .section-text {
        font-size     : calc(1040px*28/1920);
        letter-spacing: calc(1040px*2/1920);
    }

    #section_hero .section-title {
        padding-top   : calc(1040px*2/1920);
        padding-bottom: calc(1040px*14/1920);
    }

    #section_hero .section-button {
        font-size     : calc(1040px*26/1920);
        padding       : calc(1040px*16/1920) calc(1040px*32/1920);
        border-radius : calc(1040px*36/1920);
        letter-spacing: calc(1040px*2/1920);
    }

    .home-section#section_happy {
        height: calc(1040px*540/1920);
    }

    #section_happy .section-text {
        margin-top: calc(1040px*20/1920);
    }

    .home-section#section_always {
        height: calc(1040px*540/1920);
    }

    #section_always .section-text {
        margin-top: calc(1040px*20/1920);
    }

    .home-section#section_plenty {
        height: calc(1040px*1080/1920);
    }

    #section_plenty .section-title {
        margin-top: calc(1040px*120/1920);
    }

    #section_plenty .section-text {
        margin-top: calc(1040px*20/1920);
    }

    #section_plenty ul.kis-home-list {
        font-size: calc(1040px*24/1920);
        padding  : calc(1040px*24/1920) 0;
    }

    #section_plenty ul.kis-home-list li {
        padding: calc(1040px*20/1920) 0;
    }

    #section_plenty ul.kis-home-list li .marker {
        width  : calc(1040px*55/1920);
        height : calc(1040px*55/1920);
        padding: 0 calc(1040px*40/1920);
    }

    #section_plenty ul.kis-home-list li .marker img {
        max-height: calc(1040px*58/1920);
        max-width : calc(1040px*58/1920);
    }

    .home-section#section_delicious {
        height: calc(1040px*1080/1920);
    }

    #section_delicious .section-title {
        margin-top: calc(1040px*120/1920);
    }

    #section_delicious .section-text {
        margin-top: calc(1040px*16/1920);
    }

    #section_delicious ul.kis-home-list {
        font-size: calc(1040px*24/1920);
        padding  : calc(1040px*16/1920) 0;
    }

    #section_delicious ul.kis-home-list li {
        padding: calc(1040px*20/1920) 0;
    }

    #section_delicious ul.kis-home-list li .marker {
        width  : calc(1040px*55/1920);
        height : calc(1040px*55/1920);
        padding: 0 calc(1040px*40/1920);
    }

    #section_delicious ul.kis-home-list li .marker img {
        max-height: calc(1040px*58/1920);
        max-width : calc(1040px*58/1920);
    }

    .home-section#section_school {
        height: calc(1040px*540/1920);
    }

    #section_school .section-text {
        margin-top: calc(1040px*16/1920);
    }

    #section_school .section-button {
        /*font-size    : calc(1040px*18/1920);*/
        /*padding      : calc(1040px*4/1920) calc(1040px*18/1920);*/
        /*border-radius: calc(1040px*30/1920);*/
        /*margin-top   : calc(1040px*40/1920);*/
    }
}

/* ************ Laptop from 993 ~ 1040 ************** */
@media (max-width: 1040px) and (min-width: 993px) {
    body {
        font-size: 14px;
    }

    .kis-board-area {
        width: 100vw;
    }

    .kis-container {
        max-width: 60em;
        margin   : 0 auto;
    }

    .kis-header {
        display: flex;
        width  : 100%;
        height : 5.4375em;
        margin : 0 auto -12.3125em auto;
        padding: 3.4375em 0;
    }

    /* 
    #main_container,
    .content_container {
        min-height: auto;
        width     : 100vw;
        padding   : 0;
        margin    : 0;
    } */

    .kis-footer {
        /* width: 100vw; */
        width: 75em;
    }

    #main_container>.content_container>#content {
        display: none;
    }

    .kis-container>.footer-links {
        display: none;
    }

    .kis-home {
        min-height: calc(100vh - 11.25em);
    }
}

/* ************ Tablet from 768 ~ 992 ************** */
@media (max-width: 992px) and (min-width: 768px) {
    .home-section#section_hero {
        background-image: url(../images/t_bg_hero.jpg);
        height          : 61.1875em;
        padding-top     : 31.125em;
    }

    .home-section#section_delicious {
        background-image: url(../images/t_bg_delicious.jpg);
        height: 50.1875em;
        padding-top: 0rem;
    }
}

/* ************ Mobile less than 767 ************** */
@media (max-width: 767px) {
    body {
        font-size: 16px;
    }

    .kis-board-area {
        width: 100vw;
    }

    .kis-container {
        width: 100%;
    }

    .kis-container>.footer-links {
        display: none;
    }

    .kis-header {
        padding   : 0;
        height    : auto;
        max-height: 100vh;
        overflow  : hidden;
    }

    .home-section .section-title {
        font-size: 2em;
    }

    .home-section .section-text {
        font-family   : 'Poppins', sans-serif;
        font-size     : 1em;
        color         : #1567a1;
        letter-spacing: 1px;
    }

    .home-section#section_hero {
        background-image: url(../images/m_bg_hero.jpg);
        height          : 38.1875em;
        padding-top     : 22.125em;
    }

    #section_hero .section-title {
        color         : #136888;
        padding-top   : 1.5em;
        font-weight   : bolder;
        line-height   : 1.5em;
        padding-bottom: 1em;
    }

    #section_hero .section-button {
        font-size     : 1em;
        font-weight   : 500;
        padding       : 0.5em 2em;
        border-radius : 2em;
        letter-spacing: 1px;
    }

    .home-section#section_happy {
        background-image: url(../images/m_bg_happy.png);
        height          : 38.1875em;
    }

    #section_happy .section-title {
        margin     : 2em auto 0 auto;
        text-align : center;
        width      : 6em;
        line-height: 1.25em;
    }

    #section_happy .section-text {
        margin     : 1.25em auto 0 auto;
        width      : 16em;
        text-align : center;
        line-height: 1.5em;
    }

    .home-section#section_always {
        background-image: url(../images/m_bg_always.png);
        height          : 38.1875em;
    }

    #section_always .section-title {
        margin     : auto auto 0 auto;
        text-align : center;
        width      : 6em;
        line-height: 1.25em;
    }

    #section_always .section-text {
        margin     : 1.25em auto auto auto;
        width      : 16em;
        text-align : center;
        line-height: 1.5em;
    }

    .home-section#section_plenty {
        background-image: url(../images/m_bg_plenty.png);
        height          : 38.1875em;
    }

    #section_plenty .section-title {
        margin     : 2em auto 0 auto;
        text-align : center;
        width      : 8em;
        line-height: 1.25em;
    }

    #section_plenty .section-text {
        margin     : 1.25em auto 0 auto;
        width      : 16em;
        text-align : center;
        line-height: 1.5em;
    }

    #section_plenty ul.kis-home-list {
        font-family   : 'Poppins', sans-serif;
        color         : #1567a1;
        text-transform: uppercase;
        font-size     : 1em;
        font-weight   : bold;
        padding       : 1em 0;
        overflow-wrap : anywhere;
        margin        : 0 auto;
        width         : 81.3vw;
    }

    #section_plenty ul.kis-home-list li {
        list-style    : none;
        display       : inline-flex;
        align-items   : center;
        padding       : 0.6em 0;
        width         : 40vw;
        flex-direction: column;
        margin        : 0;
    }

    .home-section#section_delicious {
        background-image: url(../images/m_bg_delicious.jpg);
        height: 46.1875em;
        padding-top: 12rem;
    }
    #section_delicious .kis-container {
        margin-left: 20px;
    }

    #section_delicious .section-title {
        margin-top : 0.5em;

        line-height: 1.05em;
    }

    #section_delicious .section-text {
        margin     : 1.3em 0 0 0;

        width      : 70vw;
        line-height: 1.5em;
    }

    #section_delicious ul.kis-home-list {
        font-family   : 'Poppins', sans-serif;
        color         : #1567a1;
        text-transform: uppercase;
        font-size     : 1em;
        font-weight   : bold;
        padding       : 0.5em 0;
        margin        : 0;
    }

    #section_delicious ul.kis-home-list li {
        list-style : none;
        display    : flex;
        align-items: center;
        padding    : 0.25em 0;
    }

    #section_delicious ul.kis-home-list li .marker {
        display: inline-flex;
        width  : 2.75em;
        height : 2.75em;
        padding: 0px 1.5em;
    }

    #section_delicious ul.kis-home-list li .marker img {
        margin    : auto;
        max-height: 100%;
        max-width : 100%;
        object-fit: contain;
    }

    .home-section#section_school {
        background-image: url(../images/m_bg_school.png);
        height          : 38.1875em;
    }

    #section_school .section-title {
        color      : white;
        margin     : 1.5em auto 0 auto;
        line-height: 1.5em;
    }

    #section_school .kis-container {
        padding: 0 0 1rem;
    }

    #section_school .section-text {
        margin        : 1em auto;
        color         : white;
        letter-spacing: 2px;
        text-align    : center;
    }

    #section_school .section-button {
        /*font-size    : 1.125Rem;*/
        /*font-weight  : 500;*/
        /*padding      : 0.25Rem 1.25Rem;*/
        /*border-radius: 1.875Rem;*/
        /*margin       : 1.25Rem auto 0 auto;*/
        display      : inline-block;
    }
}