@charset "UTF-8";

@media print,
screen and (min-width: 768px) {

    .for_sp {
        display: none;
    }

    .mainContent {
        width: 1100px;
        margin: 0 auto;
    }

    #and_earth_index .mainContent {
        line-height: 1.8;
    }

    /*kv----------------------------------------------------*/
    .mainContent .section_kv {
        width: 1100px;
        height: 536px;
        position: relative;
    }

    .mainContent .section_kv img.kv_img {
        width: 100%;
    }

    .mainContent .section_kv h1 {
        font-size: 47px;
        position: absolute;
        top: calc(50% - 1em);
        color: #fff;
        left: 100px;
    }

    /*concept-----------------------------------------------*/
    .mainContent .section_concept {
        width: 1100px;
        background-image: url(/esg_csr/images/concept_bg.png);
        height: 660px;
        text-align: right;
    }

    .concept_text_wrap {
        margin: 91px 85px 0 auto;
        text-align: center;
        display: inline-block;
    }

    .mainContent .section_concept h2 {
        font-size: 16px;
        display: inline-block;
        color: #000;
        border-bottom: 1px dotted;
    }

    .mainContent .section_concept .concept_text {
        font-size: 14px;
        margin-top: 180px;
    }


    /*goal-----------------------------------------------*/
    .mainContent .section_goal {
        /* background-image: url(/esg_csr/images/goal_bg.png); */
        background-repeat: no-repeat;
        background-position: right top;
        background-image: url(/esg_csr/images/goal_bg.png);
        background-size: cover;
        height: 720px;
        text-align: center;
        position: relative;
        margin-bottom: 50px;
    }

    .mainContent .section_goal .goal_list_wrap {
        margin-left: 70px;
        padding-top: 90px;
        width: 500px;
        text-align: left;
    }

    .mainContent .section_goal h2 {
        font-size: 19px;
        display: inline-block;
        text-align: left;
        margin-bottom: 30px;
        color: #000;
        border-bottom: 1px dotted;
    }

    .mainContent .section_goal ul {
        text-align: left;
        line-height: 2.1em;
        margin-bottom: 90px;
    }

    .mainContent .section_goal ul li {
        font-size: 16px;
    }

    .mainContent .section_goal .goal_copy_wrap h3 {
        font-size: 20px;
    }

    .mainContent .section_goal .goal_copy_detail {
        font-size: 12px;
        margin: 40px auto 30px;
    }

    /*president-----------------------------------------------*/

    .mainContent .section_president {
        width: 960px;
        margin: 0 auto 50px;
    }

    .mainContent .section_president .president_detail_text {
        color: #999999;
        font-size: 12px;
    }

    /*egs_letter-----------------------------------------------*/
    .mainContent .section_egs_letter {
        width: 850px;
        margin: 0 auto;
    }

    .mainContent .section_egs_letter h2 {
        font-size: 16px;
        display: inline-block;
        text-align: left;
        margin-bottom: 30px;
        color: #000;
        border-bottom: 1px dotted;
    }

    .mainContent .section_egs_letter .egs_letter_wrap {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 45px;
    }

    .mainContent .section_egs_letter .egs_letter_item {
        width: 260px;
        flex-shrink: 0;
        border: 1px solid #ccc;
        font-size: 12px;

    }

    .mainContent .section_egs_letter .egs_detail_image {
        margin: 25px;
        width: 100%;
    }

    .mainContent .section_egs_letter .egs_tetail_text {
        margin: 0 25px 25px 25px;
        line-height: 1.5em;
    }

    .egs_detail_link {
        margin: 0 25px 25px 25px;
        background-image: url(/esg_csr/images/icon_outside_link.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: 1em;
        text-indent: 2em;
    }

    .egs_detail_link a {
        color: #0099cc
    }

    /*topics-----------------------------------------------*/

    .section_topics {
        width: 850px;
        margin: 100px auto 0 auto;

    }

    .mainContent .section_topics h2 {
        font-size: 16px;
        display: inline-block;
        text-align: left;
        margin-bottom: 30px;
        color: #000;
        border-bottom: 1px dotted;
    }

    .mainContent .section_topics .topics_wrap {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        width: 100%;
        margin: 30px auto 60px;
        overflow: hidden;
    }

    .mainContent .section_topics .topics_item {
        width: 405px;
        flex-shrink: 0;
        border: 1px solid #ccc;
        font-size: 12px;

    }

    .mainContent .section_topics .topics_detail_image {
        margin: 25px;
        width: 100%;
    }

    .mainContent .section_topics .topics_detail_text {
        margin: 0 25px 25px 25px;
        line-height: 1.5em;
    }

    .mainContent .section_topics .topics_detail_text p {
        text-indent: -1em;
        padding-left: 1em;
        margin: 0;
    }

    .topics_detail_link {
        margin: 0 25px 25px 25px;
        background-image: url(/esg_csr/images/icon_outside_link.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: 1em;
        text-indent: 2em;
    }

    .topics_detail_link a {
        color: #0099cc
    }

    /*nikkei bnr-------------------------------------*/

    .nikkei_bnr {
        width: 100%;
        text-align: center;
    }

    /*accodion--------------------------*/

    #accodion_01,
    #accodion_02 {
        position: relative;
    }

    .arrow {
        position: absolute;
        background-image: url(/esg_csr/images/arrow.png);
        left: 50%;
        bottom: 20px;
        width: 17px;
        height: 11px;
        transition: 0.5s all;
    }

    .arrow.on {
        transform: rotateX(180deg);
        transition: 0.5s all;
    }

}