@charset "utf-8";
/* CSS Document */

/* コーポレーション
***************************************************************************/

#logi_content { width: 960px; margin: 0 auto; }

#logi_content1 { width: 100%; border-top: 1px solid #dddddd; z-index: -10; margin: 0 0 50px 0;}
#logi_content2 { width: 960px; margin: 0 auto; }
#logi_content3 { margin: 20px 0 50px 0;}
#logi_content3 img { border: 1px solid #e0e0e0;}

.corp_box1 { width: 100%; }



.corp_left { float: left; }
.corp_right { float: right; }


.corp01 { width: calc((100% - 50px) / 2 ); margin: 10px 20px 20px 20px; }
.corp02 { width: calc((100% - 50px) / 2 ); margin: 10px 10px 20px 0; }
.corp01 img,
.corp02 img { width: 100%; };












/* 影
***************************************************************************/
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.corp_banner {
	margin: 50px 0 40px 0;
}

/*------------------------------------------------------------- google web font */
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

/*------------------------------------------------------------- 見出し h1 */
.title_sdgs h1 {
    margin: 0;
    padding: 30px 50px 30px 50px;
    text-indent: 0px;
    font-weight: 400;
    font-size: 2em;
}

/*------------------------------------------------------------- トップキャプション */
.cap-text01 {
    font-weight: 400;
    font-size: 1.5em;
    width: 30em;
    margin: 20px calc((100% - 30em) /2) 20px calc((100% - 30em) /2);
    line-height: 2em;
    text-align: center;	
}
.cap-text02 {
    font-weight: 600;
    font-size: 1.3em;
    width: 30em;
    margin: 20px calc((100% - 30em) /2) 20px calc((100% - 30em) /2);
    line-height: 2em;
    text-align: right;
}

/*------------------------------------------------------------- トップキャプションイメージ */
.sdgs-poster {width: 100%;}
.sdgs-poster img {width: 80%; height: 80%; margin: 20px 10%;}


/*------------------------------------------------------------- コンテンツテキスト */
.sdgs_content_text01 { padding: 5px 30px 5px 40px; margin: 20px 0 30px 0; line-height: 1.8em; color: #555; }


.corporat_l img {width: 100%; height: 100%;}

.sdgs_contents { margin: 0 0 50px 0;}
.sdgs_contents .corporat_r { width: 380px; }
.sdgs_contents h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 500;
    font-size: 1.3em;
    
} 
.p01 h3 { color: #E4011E; border-bottom: 1px solid #E4011E; }
.p02 h3 { color: #1B973A; border-bottom: 1px solid #1B973A; }
.p03 h3 { color: #023067; border-bottom: 1px solid #023067; }

.sdgs_contents h4 {
    margin: 0 1em;
    padding: 0;
    font-weight: 600;
    font-size: 1em;
}