/* commitment.html css設定 */



/* headerロゴ設定 */

#nav_brand {

    text-align: left;

}

#nav_brand img {

    max-width: 60px;

}

#nav_brand div:first-child {

    padding-right: 10px;

}

/* ヘッダーロゴのエフェクト */

#nav_brand:hover img {

    opacity: 0.7;

    filter: alpha(opacity=70);

    -ms-filter: "alpha(opacity=70)";

}

#nav_brand img {

    transition: opacity 0.3s ease-out;

}





/* commitment.htmlのmainエリア */

main {

    padding-bottom: 120px;

}



/* 見出し設定 */

h2 {

    font-size: 1.5rem;

    font-family: 'Noto Serif JP', sans-serif;

    text-align: center;

}



p {

    line-height: 1.75rem;

    margin-top: 25px;

}



div.summary_area {

    margin-top: 100px;

}



main#contents_solar div.summary_area,

main#contents_aboutus div.summary_area {

    margin-top: 50px; 

}

main#contents_solar p {

    font-size: 1.125rem;

    font-family: 'Noto Serif JP', sans-serif;

    line-height: 3rem;

    max-width: 600px;

}





/* table設定 */

main#contents_aboutus table {

    width: 100%;

}

main#contents_aboutus tr {

    border-bottom: #ddd 1px solid;

    width: 100%;

}

main#contents_aboutus tr:last-child {

    border-bottom: none;

}



main#contents_aboutus th {

    font-size: 1.125rem;

    font-family: 'Noto Serif JP', sans-serif;

    padding: 20px 13px;

}

main#contents_aboutus td {

    font-size: 0.875rem;

}







/* 767以下*/

@media screen and (max-width: 767px) {

    #nav_brand {

        text-align: center;

    }

    

}



/* 575以下*/

@media screen and (max-width: 575px) {

    h2 {

        font-size: 1.5rem;

    }

    main#contents_solar div.summary_area {

        padding: 0 15px; 

    }

    main#contents_solar p {

        font-size: 1rem;

        line-height: 2rem;

    }

    

    

}