@charset "utf-8";

/* CSS Document */


/* underline */

.underline_biwako {
    width: auto;
    height: 8px;
    margin: 0;
    padding: 0;
    background-color: #accb41;
}

.underline_ecopia_forest {
    width: auto;
    height: 8px;
    margin: 0;
    padding: 0;
    background-color: #accb41;
}

.underline_kidsprogram {
    width: auto;
    height: 8px;
    margin: 0;
    padding: 0;
    background-color: #accb41;
}

.underline_disaster_recovery {
    width: auto;
    height: 8px;
    margin: 0;
    padding: 0;
    background-color: #e588a5;
}

.underline_kidsbicycle {
    width: auto;
    height: 8px;
    margin: 0;
    padding: 0;
    background-color: #74b7e2;
}

.mt_3col {
    margin-top: 30px;
}


/* !listLayout
---------------------------------------------------------- */


/* 均等幅リスト */

.fixedList01 {
    margin: 20px 0 -20px;
}

.fixedList01>li {
    float: left;
    margin: 0 0 20px 0;
    width: 230px;
}


/* 1カラム内 */

#main.col1 .fixedList01.col2,
#main.col1 .fixedList01.col3,
#main.col1 .fixedList01.col4 {
    margin-left: -20px;
}

#main.col1 .fixedList01.col2>li {
    width: 570px;
    margin-left: 20px;
}

#main.col1 .indexBox01Wrap>ul.col2>li {
    width: 570px;
    margin-left: 20px;
}

#main.col1 .fixedList01.col3>li {
    width: 373px;
    margin-left: 20px;
}

#main.col1 .fixedList01.col4>li {
    width: 275px;
    margin-left: 20px;
}

#main .title {
    display: inline-block;
    font-size: 114.28%;
    font-weight: 600 !important;
    color: #555;
    margin: 0 0 15px 0;
}

#main .title_02 {
    display: inline-block;
    font-size: 114.28%;
    font-weight: 600 !important;
    color: #555;
    margin: 30px 0 15px 0;
}

.sc-col2-items:after {
    content: '';
    display: block;
    clear: both;
}

.sc-col2-items>li {
    width: 570px !important;
}

@media screen and (min-width: 980px) {
    /* mainimg */
    #mainimg {
        background: url(/sc/soc_japan/img/img_topmv_sc.png), linear-gradient(rgba(225, 225, 225, .4), rgba(255, 255, 255, .0));
        background-repeat: no-repeat, no-repeat;
        background-position: right bottom;
        background-size: contain;
        height: 210px;
        box-sizing: border-box;
        border-bottom: 14px solid #d0cfcf;
        box-sizing: border-box;
        margin-bottom: 0;
    }
    #mainimg .inner {
        width: 1160px;
        margin: 0 auto;
    }
    /* icon ×2 */
    #mainimg .text_area_A {
        background-position: left, 75px;
        background-size: 65px 65px;
        background-repeat: no-repeat;
        padding-left: 10px;
    }
    /* icon ×1 */
    #mainimg .text_area_B {
        background-position: left;
        background-size: 65px 65px;
        background-repeat: no-repeat;
        padding-left: 10px;
    }
    /* icon ×2 */
    #mainimg .text_area_C {
        background-position: left, 75px;
        background-size: 65px 65px;
        background-repeat: no-repeat;
        padding-left: 10px;
    }
    #mainimg .inner h1 {
        font-size: 185.71%;
        font-weight: 600 !important;
        color: #555;
    }
    #mainimg .inner p.read {
        width: auto;
        margin: 0 auto;
        font-size: 18px;
        font-weight: 600 !important;
        color: #555;
    }
    #mainimg .inner p.read_sub {
        width: auto;
        margin: 0 auto;
        font-size: 18px;
        margin: 5px 0 0 0;
    }
    .h2_basic01Wrap {
        margin-bottom: 30px;
        padding: 59px 0 9px;
        background: url(/common/images/bg_h2_border_wide.gif) no-repeat left bottom;
    }
}

@media screen and (max-width: 979px) and (min-width: 768px) {
    #mainimg {
        background: url(/sc/soc_japan/img/img_topmv_sc_tb.png), linear-gradient(rgba(225, 225, 225, .4), rgba(255, 255, 255, .0));
        background-repeat: no-repeat, no-repeat;
        background-position: right bottom;
        background-size: contain;
        height: 205px;
        border-bottom: 14px solid #d0cfcf;
        box-sizing: border-box;
        margin-bottom: 0;
    }
    #mainimg .inner {
        width: 650px;
        margin: 0 auto;
        padding: 0;
    }
    /* icon ×2 */
    #mainimg .text_area_A {
        background-position: left, 70px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        padding-left: 10px;
    }
    /* icon ×1 */
    #mainimg .text_area_B {
        background-position: left;
        background-size: 60px;
        background-repeat: no-repeat;
        padding-left: 10px;
    }
    /* icon ×2 */
    #mainimg .text_area_C {
        background-position: left, 70px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        padding-left: 10px;
    }
    #mainimg .inner h1 {
        font-size: 185.71%;
        font-weight: 600 !important;
        color: #555;
    }
    #mainimg .inner p.read {
        width: auto;
        margin: 0 auto;
        padding-left: 0;
        font-size: 18px;
        font-weight: 600 !important;
        color: #555;
    }
    #mainimg .inner p.read_sub {
        width: auto;
        margin: 0 auto;
        padding-left: 0;
        font-size: 18px;
        margin: 5px 0 0 0;
    }
    /* !listLayout
---------------------------------------------------------- */
    /* 均等幅リスト */
    .fixedList01 {
        margin: 20px 0 -20px;
    }
    .fixedList01>li {
        float: left;
        margin: 0 0 20px 0;
        width: 230px;
    }
    /* 1カラム内 */
    #main.col1 .fixedList01.col2,
    #main.col1 .fixedList01.col3,
    #main.col1 .fixedList01.col4 {
        margin-left: -20px;
    }
    #main.col1 .fixedList01.col2>li,
    #main.col1 .fixedList01.col3>li,
    #main.col1 .fixedList01.col4>li {
        width: 315px;
        margin-left: 20px;
    }
    #main.col1 .indexBox01Wrap>ul.col2>li {
        width: 650px;
        height: auto;
        max-height: auto;
        margin-left: 20px;
    }
}

@media screen and (max-width: 767px) {
    #mainimg {
        width: 100%;
        background: url(/sc/soc_japan/img/img_topmv_sc_sp.png), linear-gradient(rgba(225, 225, 225, .4), rgba(255, 255, 255, .0));
        background-repeat: no-repeat, no-repeat;
        background-position: right bottom;
        background-size: contain;
        height: 125px;
        border-bottom: 8px solid #d0cfcf;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 0;
        display: table;
    }
    #mainimg .inner {
        width: 100%;
        margin: 0 auto;
        padding: initial;
        display: table-cell;
        vertical-align: middle;
    }
    /* icon ×2 */
    #mainimg .text_area_A {
        background-position: left center, 50px center;
        background-size: 45px;
        background-repeat: no-repeat;
        padding: 0 0 0 10px;
    }
    /* icon ×1 */
    #mainimg .text_area_B {
        background-position: left center;
        background-size: 45px;
        background-repeat: no-repeat;
        padding: 0 0 0 10px;
    }
    /* icon ×2 */
    #mainimg .text_area_C {
        background-position: left center, 50px center;
        background-size: 45px;
        background-repeat: no-repeat;
        padding: 0 0 0 10px;
    }
    #mainimg .inner h1 {
        font-size: 114.28%;
        font-weight: 600 !important;
        color: #555;
        line-height: 24px;
    }
    #mainimg .inner p.read {
        width: auto;
        margin: 0 auto;
        padding: 0;
        font-size: 14px;
        font-weight: 600 !important;
        color: #555;
    }
    #mainimg .inner p.read_sub {
        width: auto;
        margin: 0 auto;
        padding-left: 0;
        font-size: 14px;
        margin: 0;
    }
    #main.col1 .indexBox01Wrap>ul.col2>li {
        width: 100%;
        margin-left: 0px;
    }
}


}