@charset "utf-8";

/*==============================

sdgs.css

*==============================*/

/*-------------------------------------------------------
sdgs
-------------------------------------------------------*/
#main_visual { background-color:#333; }
#main_visual #main_visual_cont { margin:0 auto; text-align:center; width:1080px; }

/*-------------------------------------------------------
sdgs
-------------------------------------------------------*/
#sdgs {
background-color:#fff;
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:flex-start;
margin:0 auto;
text-align:center;
position:relative;
padding:0px 50px 20px 50px;
}

#sdgs .outline { flex:0 1 100%; }
#sdgs .outline h2 { text-align:left; }
#sdgs .outline h2 span { font-size:135%; font-weight:600; }
#sdgs .outline p { margin-top:20px; text-align:left; }
#sdgs .outline p span { font-size:93%; line-height:1.6; }

#sdgs h3 { background-color:#17388b; flex:0 1 100%; margin-top:40px; margin-bottom:40px; padding:15px 30px; }
#sdgs h3 span { color:#fff; font-size:135%; font-weight:600; }

#sdgs .section { border-bottom:1px dotted #ccc; display:flex; flex-wrap:wrap; justify-content:start; margin-bottom:40px; padding-bottom:40px; }
#sdgs .section h4 { flex:0 0 100%; margin-top:0; text-align:left; }
#sdgs .section h4 span { color:#333; font-size:125%; font-weight:600; text-align:left; }
#sdgs .section .cont { display:flex; flex:0 0 100%; justify-content:space-between; margin-top:15px; }
#sdgs .section .cont .txt { flex:0 1 50%; }
#sdgs .section .cont .txt p { text-align:left; }
#sdgs .section .cont .txt p span { font-size:85%; line-height:1.6; }
#sdgs .section .cont .txt .detail { margin-top:20px; }
#sdgs .section .cont .txt .detail dl {}
#sdgs .section .cont .txt .detail dl dt { background-color:#eeeeee; padding:10px; text-align:left; }
#sdgs .section .cont .txt .detail dl dt span { color:#000; font-size:85%; font-weight:600;  line-height:1.8; text-align:left; }
#sdgs .section .cont .txt .detail dl dd { margin-top:10px; text-align:left; }
#sdgs .section .cont .txt .detail dl dd span { font-size:85%; line-height:1.8; }

#sdgs .section .cont ul { display:flex; flex:0 0 50%; flex-wrap:wrap; justify-content:start; margin-left:20px; }
#sdgs .section .cont ul li { flex:0 0 18%; margin-bottom:15px; margin-left:2%; }
#sdgs .section .cont ul li:first-child,
#sdgs .section .cont ul li:nth-child(5n+1) { margin-left:0; }
#sdgs .section .cont ul li img { height:auto; object-fit:cover; width:100%; }