@charset "UTF-8";

.hero_wrap .module-section {
    margin: 0 0 5px
}

section#hero_image {
    display: block;
    margin: 0 auto 30px
}

section#es_top_hero {
    margin-bottom: 60px
}

.acms-grid.wrap__es_top_hero {
    margin: initial
}

.img__top_hero {
    height: 30vh;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#es_top_hero .wrap2__es_top_hero {
    padding: 0
}

a.a__es_top_hero {
    position: relative;
    width: 100%;
    display: block
}

h3.h3__es_top_hero {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    margin: 0;
    background: rgba(255, 255, 255, .85);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #111
}

@media screen and (max-width:1200px) {
    h3.h3__es_top_hero {
        font-size: 15px
    }
}

@media screen and (max-width:1000px) {
    h3.h3__es_top_hero {
        font-size: 14px
    }
}

@media screen and (max-width:480px) {
    section#hero_image {
        height: auto
    }

    .img__top_hero {
        height: auto
    }
}

a.a__thb_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

@media screen and (min-width:481px) {
    .hero_wrap {
        display: block;
        padding: 0 5px
    }
}

@media screen and (max-width:480px) {
    .wrap__top_hero_banner {
        padding-right: 5px;
        padding-left: 5px;
        padding-right: calc(5px + constant(safe-area-inset-right));
        padding-left: calc(5px + constant(safe-area-inset-left))
    }

    a.a__thb_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.headline {
    margin-bottom: 20px
}

.headline.acms-list-group {
    border-top: none
}

.span__headline-item {
    display: inline-block;
    background: var(--main-color4);
    padding: 1px 9px 0;
    font-size: 12px;
    margin-left: 8px
}

.headline-title {
    margin: 5px 0 0 0;
    display: block;
    font-size: 15px
}

@media screen and (max-width:480px) {
    .headline-item {
        padding: 0
    }

    .span__headline-item {
        padding: 1px 5px;
        font-size: 11px;
        margin: 0 0 0 5px
    }

    .headline .acms-label.label__new {
        border-radius: 0;
        margin-bottom: 0
    }

    .headline-title {
        display: block;
        margin: 3px 0 0;
        font-size: 13px
    }
}

.wrap__h2_top_contents {
    border-bottom: 3px solid #111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.h2__top_contents {
    display: inline;
    margin: 5px 10px 5px 10px;
    color: #111
}

.span__top_contents {
    color: #18bbfd
}

.newlabel__ehl_top_info {
    display: inline-block
}

@media screen and (max-width:767px) {
    .h2__top_contents {
        font-size: 21px
    }

    .span__top_contents {
        font-size: 13px
    }
}

@media screen and (max-width:480px) {
    .h2__top_contents {
        font-size: 20px
    }

    .span__top_contents {
        font-size: 12px
    }

    .headline-item a.headline-link {
        padding: 10px 0
    }
}

.wrap__top_content_column_img {
    position: relative;

    img {
        width: 100%;
    }
}

.ul__top_column {
    padding: 0 10px
}

.h3__top_content_column {
    margin: 5px auto;
    font-size: 16px;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3
}

.a__top_column>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.p__top_content_column {
    margin: 5px auto
}

.span__top_content_column {
    font-size: 15px;
    margin: 5px 0;
    display: block;
    letter-spacing: 1px
}

li.li__top_column {
    margin-bottom: 15px
}

.ul__top_content {
    margin-left: 0;
    padding: 0
}

.a__es_top_category {
    background: var(--main-color4);
    padding: 7px 7px;
    position: absolute;
    z-index: 100;
    font-size: 12px
}

.li__top_column.acms-list-nostyle.li__top_contents .wrap__top_content_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.li__top_content {
    min-height: 255px;
}

.wrap__top_content_column_img .acms-label.label__new {
    position: absolute;
    border-radius: 0;
    font-size: 13px;
    bottom: 0;
    right: 0;
    margin: 0;
    z-index: 100
}

@media screen and (min-width:768px) {
    .li__top_content {
        margin-bottom: 10px
    }
}

@media screen and (max-width:480px) {
    .p__top_content_column {
        font-size: 12px
    }

    .h3__top_content_column {
        margin: 0 auto;
        font-size: 15px
    }

    .span__top_content_column {
        font-size: 13px
    }

    .a__es_top_category {
        font-size: 10px;
        padding: 6px 5px
    }

    .li__top_content {
        min-height: 220px
    }
}

#top_column.top__sec_contents {
    content-visibility: auto;
    contain-intrinsic-size: 400px
}

.top_body main.acms-col-lg-9 {
    padding: 0
}

.acms-container main.main section {
    margin-bottom: 40px;
    padding: 0 10px;
}

.img__section_title {
    height: 30px
}

section#ehl_top_info>ul {
    margin-bottom: 20px
}

.h2__section_title {
    border-bottom: 3px solid #111;
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 20px;
    color: #111
}

.label__category {
    background: var(--main-color2);
    color: #111;
    border-radius: 0;
    margin-left: 7px;
    margin-bottom: 2px;
    font-weight: 300
}