@charset "utf-8";
/*1907sdgs*/

body { font-family: "Noto Sans Japanese";line-height: 1.7em }
#cms_block{max-width: 1000px;}

.font_red{color: red}

.sdgs_title{text-align: center;}
.sdgs_ti1{width: 20%;margin: 20px auto;}
.sdgs_ti2{font-size: 3rem;padding: 10px;/* font-weight: normal; */margin: 20px 10px;}
.sdgs_ti2 span{display: inline-block;width: 35%;}
.sdgs_top-come{padding: 50px 10px; font-size: 1.2em;max-width:900px;margin: auto;line-height: 1.7em;}

.sdgs_top-come p{text-align: center;padding: 20px 0}
.sdgs_top-c1{width: 40%;padding-right: 15px;display: inline-block;}
.sdgs_top-c2{width: 56%;display: inline-block;}

.sdgs_contents {max-width:900px;margin: auto;}
.sdgs_contents h2{color: #ffffff;font-size: 2.5em;margin-bottom: 0;text-align: center;}
.sdgs_contents h3{color: #00a0e9;font-size: 2em; font-weight: normal; border-bottom: 1px dashed;  padding-bottom: 7px;}
.sdgs_contents table{width: 100%;table-layout: fixed;border-spacing: 10px;}
.sdgs_contents td {vertical-align: top;padding: 20px;background: #deeff7;font-size: 1.25em;line-height: 1.7em; }
.sdgs_contents td p{text-align: center; padding: 20px 0;}
.sdgs_contents td p img{width: 33%;padding: 5px}
.sdgs_contents th{ padding: 5px 20px; background: #00a0e9; border-radius: 10px 10px 0 0;}


@media(max-width: 500px){
	.sdgs_ti1{width: 30%;}
	.sdgs_ti2 span{width: 70%;margin: 0 auto 10px;display: block;}
	.sdgs_ti2{line-height: 1.3em;}
	.sdgs_contents th,.sdgs_contents td{display: block;width: 100%;box-sizing: border-box;}

	.sdgs_contents td{border-radius: 0px;margin-bottom: 10px;}
	.sdgs_top-c1{margin-top: 20px;}
	.sdgs_top-c1,.sdgs_top-c2{width: 100%;box-sizing: border-box;padding: 0 0 10px;}
}