@charset 'utf-8';
/*
 * name:sustainability-child.css
 * author:sovanda nulo
*/

/* sustainability-child
------------------------------------------------ */

    @media screen and (min-width: 768px) {
        #contents { margin-bottom: 0; }
        .contents--title { width: 100%; }

        .contents-links__menu--lists li { width: calc( 100% / 4 ); }
        .contents-links__menu--lists li:nth-child(3n) { border-right: 1px solid #ccc; }
        .contents-links__menu--lists li:nth-child(4n) { border-right: none; }
    }

    @media screen and (max-width: 768px) {
        #more { background-image: none; z-index: 0; }
        #more:before { content: none; }
        #more:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100vw; height: 94em; background: url(../../img/corporate/compliance/bg-more.jpg) no-repeat top right; background-size: cover; box-shadow: none; }
        
        .contents__detail--links { margin-bottom: 6em !important; }
    }

.contents--sustainability { padding-top: 7em; }
    
    @media screen and (max-width: 768px) {
        .contents--sustainability { margin-top: -5.5em; padding-top: 4em; box-shadow: 0 0 15px rgba(102, 102, 102, .16); }
    }

/* custom partners page
------------------------------------------------ */
@media screen and (min-width: 768px) {
    .page-partners .section--link li { max-width: 21.8em; }
}
    @media screen and (max-width: 768px) {

    }

/* custom mobile page
------------------------------------------------ */
@media screen and (min-width: 768px) {
    .page-earth #contents { margin-bottom: 20em; }
}
    @media screen and (max-width: 768px) {
        .page-earth #more { background-image: url(../../img/business/bg-more.jpg); z-index: 2; }
        .page-earth #more:before { content: ''; }
        .page-earth #more:after { content: none; }
    }

/* custom earth page
------------------------------------------------ */
.page-mobile .contents__detail__features--cmn ul li:not(:last-child) { margin-bottom: .2em; }

    @media screen and (max-width: 768px) {
        .page-mobile .contents__detail--tabs { margin-bottom: 6em; }
        .page-mobile .contents__detail--tab li { max-width: 48.3%; margin: 0; margin-right: 3.4%; }
        .page-mobile .contents__detail--tab li:nth-child(2n) { margin-right: 0; }
        .page-mobile .contents__detail--conts { margin: 0 -2.5em; }
        .page-mobile .contents__detail__features { margin: 0; }
        .page-mobile .contents__detail__features--cmn ul li:not(:last-child) { margin-bottom: .35em; }
        .page-mobile .contents__detail__features--num .fn-txt { font-size: 1.5em; }

    }