@charset "Shift_JIS";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*----------------■tbc SDGs宣言---------------*/
body {
	font-family: 'Noto Sans Japanese', serif;
	font-size: 16px;
}

img {
	max-width: 100%;
	height: auto;
}

.wrap_sdgs{
	margin: 0 auto;
	text-align: left;
	padding-bottom: 50px;
	background:rgba(255,255,255,0.85);
}

.sdgs_margin30{margin:30px 0;}

.sdgs_navi {
	margin-bottom: 20px;
}
.sdgs_navi li{
	float: left;
	margin: 20px 0 0 20px;
}
.sdgs_navi a{
	display: block;
	background: url(../image/icon_shevron.svg)no-repeat left center;
	background-size: 14px auto;
	padding-left: 18px;
	color: #000;
}
.sdgs_navi a:hover{
	color: #f00;
}

.sdgs_foot {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 150px;
}
.sdgs_foot img{
	width: 150px;
}

.sdgs_ti1,.sdgs_ti2{text-align:center;}
.sdgs_ti2{margin:60px 0 30px 0;}
.sdgs_copy{font-weight:bold;font-size:18px;color:#3ae;}
.sdgs_name{text-align:right;color:#3ae;margin-top:20px;}
.sdgs_name span{font-weight:bold;font-size:20px;margin-left:10px;}

.sdgs_outline{margin-top:50px;}
.sdgs_outline h3{font-weight:bold;margin-top:20px;}

.sdgs_media{border:1px solid #ccc;margin-top:50px;}
.sdgs_media h3{font-weight:bold;font-size:20px;margin-bottom:20px;}
.sdgs_media h4{font-weight:bold;}

.sdgs_profile{position:relative;margin:80px 0 20px 0;}
.sdgs_profile img{border-radius:10px;}
.sdgs_profile h3{color:#fff;width:100%;text-align:center;font-weight:bold;position:absolute;bottom:15%;}

.sdgs_news_mi{margin:80px 0 0 0;color:#fff;border-radius:10px;padding:20px 0 20px 60px;font-size:18px;background:#9ABE28 url(../image/icon_topics.svg)no-repeat 20px center;background-size:28px auto;}

.sdgs_mi1{color:#3AE;text-align:center;font-weight:bold;border-top:1px solid #000;margin-top:100px;padding-top:100px;}
.sdgs_mi2{background:url(../image/ti_img_blue.jpg)no-repeat center;border-radius:10px;color:#fff;font-weight:bold;margin-top:60px;}
.sdgs_mi3{color:#3ae;font-weight:bold;margin-top:60px;padding:0 0 30px 0;border-bottom:5px solid #3ae;}
.sdgs_mi4{font-size:20px;font-weight:bold;margin-top:50px;}
.sdgs_blue{color:#3AE;}

.sdgs_program_ul1 li{margin-top:40px;}
.sdgs_program_ul1 h6{font-weight:bold;margin-top:15px;}
.sdgs_program_ul1 p,.sdgs_program_ul2 p{margin-top:10px;}
.sdgs_program_ul1 img{border-radius:10px;}
.sdgs_program_ul1 a{color:#000;display:block;}
.sdgs_program_ul1 a h6{color:#039;}
.sdgs_program_ul1 a:hover{color:#888;}
.sdgs_program_ul1 a:hover h6{color:#58d;}
.sdgs_program_ul1 a:hover img,.sdgs_foot a:hover img{-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);}
a:hover .sdgs_blue{color:#6cf;}

.sdgs_program_ul2 li{margin-top:30px;}
.sdgs_program_ul2 h6{font-weight:bold;}

/*----------------■中大画面---------------*/
@media screen and (min-width: 551px) {
.sdgs_news,.sdgs_program_ul1{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.sdgs_news dt{float:left;width:20%;padding:20px 0 20px 2%;border-bottom:1px solid #ccc;}
.sdgs_news dd{float:left;width:76%;padding:20px 2% 20px 0;border-bottom:1px solid #ccc;}

.sdgs_program_ul1 li{float:left;width:47%;}
.sdgs_program_even{margin-left:6%;}
}

/*----------------■大画面---------------*/
@media screen and (min-width: 951px) {

.dis_sm{display:none;}

.sdgs_bg{
	background: url(../image/bg_img.jpg)no-repeat center top;
	background-attachment: fixed;
	background-size: 1200px auto;
}

.wrap_sdgs{width:950px;}
.wrap_sdgs2{width:700px;margin:0 125px;}

.sdgs_ti1 img{width:640px;}
.sdgs_ti2 img{width:418px;}

.sdgs_outline{width:570px;margin-left:65px;}
.sdgs_outline_zu{width:570px;}

.sdgs_media{padding:30px;}
.sdgs_media h3{text-align:center;}

.sdgs_media_left{float:left;width:150px;margin-right:30px;}

.sdgs_profile h3{font-size:23px;}

.sdgs_mi1{font-size:40px;}
.sdgs_mi2{font-size:26px;padding:46px 0;text-align:center;background-size:auto 100%;}
.sdgs_mi3{font-size:22px;text-align:center;}
.sdgs_mi4{background:url(../image/ti_img_slash.svg) no-repeat 110px center;background-size:590px auto;}

}




/*----------------■小画面---------------*/
@media screen and (max-width: 950px) {

.dis_pc{display:none;}

.sdgs_bg{
	background: url(../image/bg_img.jpg)no-repeat 100% top;
	background-size:270% auto;
	background-attachment: fixed;
	border-top: 5px solid #005AAA;
}

.wrap_sdgs{padding-left:5%;padding-right:5%;}

.sdgs_ti1 img{width:640px;}
.sdgs_ti2 img{width:300px;}

.sdgs_media{padding:20px;}
.sdgs_media_left{width:50%;margin:0 25% 20px;}

.sdgs_profile h3{font-size:20px;}

.sdgs_news dt{padding-top:20px;}
.sdgs_news dd{padding-bottom:20px;border-bottom:1px solid #ccc;}

.sdgs_mi1{font-size:30px;}
.sdgs_mi2{font-size:20px;padding:30px 20px;background-size:cover;}
.sdgs_mi3{font-size:18px;}
.sdgs_mi4{background:url(../image/ti_img_slash.svg) no-repeat 110px center;background-size:590px auto;}

}