@charset "UTF-8";

/* 
===== サステナビリティ ================
=====================================
=======================*/
.contents-box {
    width: 800px;
    margin: 0 auto 1em auto;
    display: table;
    }

.sustainaVisual .sp{
    display: none;
    margin: 0 0 10px 0;
    }
.maincopy_pc{
    height: auto;
    display: block;
    }
.maincopy_sp{
    height: auto;
    display: none;
    }
.maincopy_sustaina-bg {
    text-align: center;
    height: 230px;
    }
.maincopy_sustaina {
    width:980px;
    margin: 0 auto;
    }
.maincopy_sustaina span {
    background: linear-gradient(transparent 80%, #EF8201 0%);
    }
.maincopy2_sustaina {
    font-size: 1.1em;
    line-height: 2.4em;
    letter-spacing: 0.1em;
    font-weight: 400;
    width: 700px;
    margin: 1em auto 1.5em auto;
    }
.subtitle1_sustaina{
    padding: 0px 0 30px 0;
    font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','Noto Sans JP','メイリオ','meiryo','helvetica', sans-serif;
    font-weight: bold;
    font-size:26px;
    letter-spacing: .2em;
    color:#25588B;
    }
.subtitle2_sustaina{
    padding: 80px 0 40px 0;
    font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','Noto Sans JP','メイリオ','meiryo','helvetica', sans-serif;
    font-weight: bold;
    font-size:26px;
    letter-spacing: .1em;
    color:#25588B;
    }
.sustainaVisual {
    width: 980px;
    height: 200px;
    margin: auto;
    }
.small_title{
    margin: auto;
    font-size: 20px;
    line-height: 3.5em;
    font-weight: 500;
    border-bottom: solid 4px #53559A;
    }
.sdgs_logo {
    padding-top:20px;
    width: 415px;
    }
.sdgs_logo li{
    float: left;
    width: 65px;
    height: auto;
    margin-right: 5px;
    }
.sdgs_logo li.line{
    width: 100%;
    }
.sdgs_logo li.line02{
    width: 34%;
    }
.sdgs_logo li:last-of-type{
    margin-right: 0px;
    }
.sdgs_logo02 {
    padding-top:15px;
    float: left;
}
.sdgs_logo02 img{
    float: left;
    margin-right: 10px;
    }
.read_left p{
    font-size: 1rem;
    line-height: 1.5;
    /*padding-top:30px;*/
    }
.read_left .sdgs{
    /*padding-top:90px;*/
    }
.img {
    float:right;
    /*width:200px;*/
    padding: 0 0 20px 20px;
    }
.img_box_1 img{
    height:150px;
    border: 1px solid #c7c7c7;
    margin-left: 10px;
    }
.img_box_1{
    float:right;
    margin-bottom: 10px;
    display: inline-block;
    }
.img_box_2 img{
    margin-top:20px;
    width:164px;
    }
.img_box_2 img:nth-child(1){
    float:left;
    }
.img_box_2 img:nth-child(2){
    float:right;
    }
.img_box_3 img{
    margin-top:20px;
    width:348px;
    }
.clear {
    clear: both;
    }
.link_blue{
    color:#3F61EF;
    text-decoration:underline;
    text-decoration-color:#3F61EF;
}
.link_blue:hover{
    color:#EF8201;
}
.column{
    padding: 15px 25px;
    line-height: 1.8em;
    border: solid 1px #000000;
    margin: 0 0 30px 0;
}

/* 20230704追加 */
.mark {
    width: 7%;
    float: right;
}
.mark02 {
    width: 15%;
    float: right;
}

/* 20241023追加 */
.sustaina-text{
    border-top: 1px solid #ccc;
    font-size: 1em;
    padding: 1em 0;
}
.sustaina-subtitle{
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0.8em 0;
}
.link_right{
    font-size: 1em;
    float:right;
    padding-top: 1em;
    text-decoration:underline;
}
.bb_gray{
    border-bottom: 1px solid #ccc;
}
.contents-box-sustatina{
    width: 800px;
    margin: 0 auto 3em auto;
    display: table;
}
.anothertab {
    margin-left: 3px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 767px){
    .sustainaVisual{
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: auto;
    }
    .sustainaVisual .sp{
        display: block;
        width: 750px;
        height: auto;
    }
    .maincopy_pc{
        display: none;
    }
    .maincopy_sp{
        display: block;
        max-width: 100%;
    }
    .maincopy_sustaina {
        max-width: 100%;
        padding: 0px;
    }
    .maincopy_sustaina-bg {
        text-align: center;
        height: 130px;
    }
    .maincopy2_sustaina {
        width: 80%;
        font-size: 0.8em;
        line-height: 2em;
    }
    .subtitle1_sustaina{
        margin: 0 auto;
        padding: 30px 0 20px 0;
        font-size: 1.2rem;
        width: 100%;
    }
    .subtitle2_sustaina{
        margin: 0 auto;
        padding: 50px 0 30px 0;
        font-size:1.2rem;
        width: 100%;
    }
    .contents-box {
        width: 100%;
        }
    .small_title {
        font-size: 1rem;
        }
    .sdgs_logo {
        padding-top:15px;
        width:100%;
        height:auto;
    }
    .sdgs_logo li{
        width: 55px;
        height: auto;
        }
    .sdgs_logo li.line02{
        width: 120px;
    }
    .read_left .sdgs {
        padding-top: 0px;
        clear: both;
    }
    .img {
        width:100%;
        height: auto;
        padding: 20px 0;
    }
    .img_box_1 img, .img_box_3 img{
        width:100%;
        margin-left: 0;
    }
    .img_box_2 img{
        width: 41vw;
        height: auto;
    }
    .sp {
        display: block!important;
    }
    .column{
        padding: 10px;
        margin: 30px auto;
    }
    .column p{
        font-size: 0.9em;
    }
    .column li{
        font-size: 0.9em;
    }

    /* 20230705追加 */
    .img_box_1 img{
        height: auto;
    }
    .small_title {
        line-height: 4.5em;
    }
    .mark{
        width: 15%;
    }
    .mark02{
        width: 32%;
    }
    /* 20241023追加 */
    .contents-box-sustatina{
        width: 100%;
        margin: 0 auto 2em auto;
    }
}
@media only screen and (min-width: 766px){
    .maincopy_pc{
      display: block;
    }

}