@charset "utf-8";


/* Reset */
ul,ol { list-style: none; }
img {
	border:0;
	text-align: center;
}
img{ max-width:100%; height:auto;}

/* Common */
* {
	margin:0;
	border:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
html { height:100%;margin:0; padding:0; font-size:10px;}
body {
	margin: 0 auto;
	padding:0;
	text-align:left;
	line-height:170%;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0rem;
	color:#333333;
	background:#FFFFFF;
	letter-spacing: 1px;
}
.clearboth { padding: 0; clear:both; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;  overflow: hidden;/* 篭�g���� */
  font-size: 0.1em;/* 篭�g���� */
  line-height: 0;/* 篭�g���� */
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p{font-size:1.0rem; line-height:170%; padding:10px 0 10px 0; margin:0; }
a { color:#333333; text-decoration:underline; word-wrap: break-word; }
a:hover{ color:#333333; text-decoration:none;}
.font_red{ color:#FF0000 !important;}

.alc{ text-align:center !important;}
.alr{ display:block; text-align:right !important;}
.fl_l{ float:left;}
.fl_r{ float:right;}

.disnon{ display:none !important;}
.spnon{ display:inherit !important;}
	@media (max-width: 1000px){
	.disnon{ display:inherit !important;}
	.spnon{ display:none !important;}
	img{ max-width:100%; }
	}
	
#Container { width:100%; margin: 0; padding:0; text-align:left; overflow:hidden; }
#Container2 { width:100%; margin: 0 0 -220px 0; padding:0; text-align:left; position:relative; top:-260px; }

/* Header */
header { display:block; padding:0 40px 0 0; margin:0 auto; width:100%; height:130px; box-sizing:border-box; }
#BlockHeaderInner { display:flex; justify-content: space-between; flex-wrap:wrap; padding:0; margin:0 auto; width:100%; height:130px; box-sizing:border-box; }
h1 { display:block; width:727px; height:100px; margin:0; padding:0; box-sizing:border-box; z-index: 100; }
h1 a{ display:inline-block; width:727px; height:100px; margin:0; padding:30px; box-sizing:border-box; }
	@media (max-width: 727px){
    header { display:block; padding:0; margin:0 auto; width:100%; height:130px; box-sizing:border-box; }
    #BlockHeaderInner { display:flex; justify-content: space-between; flex-wrap:wrap; padding:0; margin:0 auto; width:100%; height:130px; box-sizing:border-box; }
    h1 { display:block; width:100%; max-width:calc(100% - 100px); height:auto; margin:0; padding:0; box-sizing:border-box; z-index: 100; }
    h1 a{ display:inline-block; width:100%; height:100px; margin:0; padding:30px 10px; box-sizing:border-box; }
	}

	


	.nav-wrap {
	  display: none;
	}
	.nav-wrap.open {
	  display: block;
	}
	
	.nav-wrap.close {
	  display: none;
	}
	  .nav-button {
		display: block;
		cursor: pointer;
	  }
	
	  .nav-wrap {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 2000;
		background: rgba(0,153,204,0.9);
		width: 100%;
		height: 100%;
	  }
	  .nav-wrapinner {
		display: block;
		margin:0 auto;
		z-index: 10;
		padding:140px 0 20px 0;
		max-width: 900px;
		height: 100%;
		overflow: auto;
		box-sizing:border-box;
		-webkit-overflow-scrolling: touch;
	  }
	.nav-wrapinner h2{  display:inline-block; width:210px; height:80px; margin:0; padding:10px; box-sizing:border-box; background:#D9161A; }
	.nav-wrapinner h3{ display:block; margin:0 0 20px 0; padding:0; border-bottom:1px solid #FFFFFF; font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#FFFFFF; font-size:26px; font-size:2.6rem; line-height:100%; text-decoration:none; text-indent:0; }
	.nav-wrapinner ul{display:block; margin:0; padding:0 10px; color:#333333; }
	.nav-wrapinner ul li{ display:block; margin:0 0 14px 0; padding:0; color:#FFFFFF; }
	.nav-wrapinner ul li a{ display:block; padding:10px 20px; margin:0; font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#FFFFFF; font-size:18px; font-size:2.2rem; font-weight:normal; letter-spacing: 3px; line-height:150%; text-decoration:none; text-align: center; }
	.nav-wrapinner ul.list_sns { display:flex; justify-content: center; padding:20px 0; margin:0; border: 0; width:100%; box-sizing:border-box;}
	.nav-wrapinner ul.list_sns li{ display:block; padding:0; margin:0 10px; border:0; box-sizing:border-box; }
	.nav-wrapinner ul.list_sns li a{ display:block; padding:0; margin:0; border:0; box-sizing:border-box; }
	.nav-wrap.close{}
	  /*メニュ�`ボタン*/
	  .nav-button,
	  .nav-button span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	  }
	
	  .nav-button {
		z-index: 2001;
		width: 110px;
		height: 100px;
		padding:20px 40px 0 40px;
		box-sizing:border-box;
		position:absolute; top:0; right:0; background:#0099CC; border-radius:  0 0 0 20px; }
	  .nav-button.active {
		z-index: 2001;
		width: 110px;
		height: 100px;
		padding:20px 40px 0 40px;
		box-sizing:border-box;
		position:absolute; top:0; right:0; background:#0099CC;  }
	
	  .nav-button span {
		position: relative;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #FFFFFF;
		border-radius: 0;	
	
	  }
	  .nav-button.active span {
	
		background-color: #FFFFFF;
	  }
	
	  .nav-button span:nth-of-type(1) {
		top: 20px;
	  }
	
	  .nav-button span:nth-of-type(2) {
		top: 25px;
	  }
	
	  .nav-button span:nth-of-type(3) {
		bottom: 3px;
	  }
	
	  .nav-button.active span:nth-of-type(1) {
		-webkit-transform: translateY(16px) rotate(-45deg);
		transform: translateY(18px) rotate(-45deg);
	  }
	
	  .nav-button.active span:nth-of-type(2) {
		opacity: 0;
	  }
	
	  .nav-button.active span:nth-of-type(3) {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	  }
	
	@media (max-width: 727px){
	  /*メニュ�`ボタン*/
	  .nav-button,
	  .nav-button span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	  }
	
	  .nav-button {
		z-index: 2001;
		width: 80px;
		height: 80px;
		padding:10px 20px 0 20px;
		box-sizing:border-box;
		position:absolute; top:0; right:0; background:#0099CC; border-radius:  0 0 0 20px; }
	  .nav-button.active {
		z-index: 2001;
		width: 80px;
		height: 80px;
		padding:10px 20px 0 20px;
		box-sizing:border-box;
		position:absolute; top:0; right:0; background:#0099CC;  }
	
	  .nav-button span {
		position: relative;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #FFFFFF;
		border-radius: 0;	
	
	  }
	  .nav-button.active span {
	
		background-color: #FFFFFF;
	  }
	
	  .nav-button span:nth-of-type(1) {
		top: 20px;
	  }
	
	  .nav-button span:nth-of-type(2) {
		top: 25px;
	  }
	
	  .nav-button span:nth-of-type(3) {
		bottom: 3px;
	  }
	
	  .nav-button.active span:nth-of-type(1) {
		-webkit-transform: translateY(16px) rotate(-45deg);
		transform: translateY(18px) rotate(-45deg);
	  }
	
	  .nav-button.active span:nth-of-type(2) {
		opacity: 0;
	  }
	
	  .nav-button.active span:nth-of-type(3) {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	  }        
    }
/* Splash */  
#Splash { margin:0 auto; padding:0; width:100%; position: relative; top:-60px;}
#Splash ul{ padding:0 ; margin:0 auto; height:auto; width:calc(100% - 60px); max-width:1780px; }
#Splash ul li{ margin:0 10px; padding:0; box-sizing:border-box;  height:auto; }
 	@media (max-width: 960px){
    #Splash ul{ padding:0 ; margin:0 auto; height:auto; width:calc(100%); max-width:none; }
    #Splash ul li{ margin:0 10px; padding:0; box-sizing:border-box;  height:auto; }
	}

/*　Title */  
#Title { display:flex; justify-content: center; align-items: flex-start; margin:0 auto; padding:120px 10px 0 10px; width:100%; height:500px; position: relative; background:url(/sdgs/wp-content/themes/original/assets/img/bg_title.jpg) top center no-repeat; box-sizing: border-box;}
#Title h2{ display:block; padding:0 ; margin:0 auto; height:auto; width:100%; font-size:2.4rem; text-align: center; line-height:130%; }
 	@media (max-width: 960px){
	}


#SplashCopy{ display:block; position: absolute; top:30%; left:15px; writing-mode: vertical-rl; }
#BlockSNS{ display:block; position: absolute; top:30%; right:15px;}
#BlockSNS p{ display:block;  writing-mode: vertical-rl;}
#BlockSNS ul{ padding:0 ; margin:0 auto; height:auto; width:auto; max-width:none; }
#BlockSNS ul li{ margin:0 0 10px 0; padding:0; box-sizing:border-box;  height:auto; }
 	@media (max-width: 960px){
    #SplashCopy{ display:none; }
    #BlockSNS{ display:none;;}
	}

	
/* Footer */  
footer { display:block; margin:0; padding:0; width:100%; text-align:center; }
#BlockStrip { display:flex; justify-content: center; align-items: center; margin:0 auto; margin-bottom:100px; padding:0 20px; width:100%; height:250px; background:#F1F1F1; box-sizing: border-box; text-align: center;}
#BlockFooterInner { display:flex; justify-content:flex-start; margin:0 auto; margin-bottom:100px; padding:0; width:1000px; text-align:left; box-sizing: border-box; }
.flink { display:block; margin:0; padding:0; width:500px; border-right:1px solid #CCCCCC; box-sizing: border-box;}
.flink h4{ display:block; margin:0 0 30px 0; padding:0; font-size:1.8rem; font-weight:bold;}
ul.footer_link { display:flex;  justify-content: flex-start; padding:0; margin:0 0 40px 0;  box-sizing:border-box;}
ul.footer_link li{ display:block; padding:0; margin:0 10px 0 0; box-sizing:border-box; }
ul.footer_sns { display:flex;  justify-content: flex-start; align-items: center; padding:0; margin:0;  box-sizing:border-box;}
ul.footer_sns li{ display:block; padding:0; margin:0 24px 0 0; box-sizing:border-box; }
ul.footer_sns li:first-of-type{ display:block; padding:0; margin:0 34px 0 0; box-sizing:border-box; }

.address { display:block; margin:0; padding:0 0 0 50px; width:500px; box-sizing: border-box;}
.address h4{ display:block; margin:0 0 30px 0; padding:0; font-size:1.8rem; font-weight:bold;}
.address p{ font-size:1.6rem; line-height: 180%; padding:0; margin:0; }
.copy{ font-size:1.2rem; text-align: center; padding:10px 0; letter-spacing: 1px; font-family: 'Open Sans', sans-serif;}
 	@media (max-width: 1000px){
    #BlockStrip { display:flex; justify-content: center; align-items: center; margin:0 auto; margin-bottom:50px; padding:0 50px; width:100%; height:150px; background:#F1F1F1; box-sizing: border-box; text-align: center;}
    #BlockFooterInner { display:block; margin:0 auto; margin-bottom:50px; padding:0 20px;width:100%; max-width:1000px; text-align:left; box-sizing: border-box; }
    .flink { display:block; margin:0 auto; margin-bottom:30px; padding:0;  width:100%; max-width:500px; border-right:0; box-sizing: border-box;}
    .flink h4{ display:block; margin:0 0 30px 0; padding:0; font-size:1.8rem; font-weight:bold;}
    ul.footer_link { display:flex;  justify-content: flex-start; padding:0; margin:0 0 20px 0;  box-sizing:border-box;}
    ul.footer_link li{ display:block; padding:0; margin:0 10px 0 0; box-sizing:border-box; }
    ul.footer_sns { display:flex;  justify-content: flex-start; align-items: center; padding:0; margin:0;  box-sizing:border-box;}
    ul.footer_sns li{ display:block; padding:0; margin:0 24px 0 0; box-sizing:border-box; }
    ul.footer_sns li:first-of-type{ display:block; padding:0; margin:0 34px 0 0; box-sizing:border-box; }

    .address { display:block; margin:0 auto; padding:0; width:100%; max-width:500px; box-sizing: border-box;}
    .address h4{ display:block; margin:0 0 30px 0; padding:0; font-size:1.8rem; font-weight:bold;}
    .address p{ font-size:1.6rem; line-height: 180%; padding:0; margin:0; }
    .copy{ font-size:1.2rem; text-align: center; padding:10px 0; letter-spacing: 1px; font-family: 'Open Sans', sans-serif;}
    }



/**************************************************************/

#Top{
	display:block;
	margin:0 auto;
	padding:0;
	width:100%;
	text-align:left;
	background:#FFFFFF;
}

#Main{
	display:block;
	margin:0 auto;
	padding:100px 0;
	width:1080px;
	text-align:left;
	background:#FFFFFF;
}
	@media (max-width: 1080px){
	#Main{
		display:block;
		margin:0 auto;
		padding:50px 20px;
		width:100%;
		text-align:left;
		background:#FFFFFF;
		box-sizing: border-box;
	}
	}





#BlockTop { display:block;  margin:0 auto; padding:120px 0 120px 0; width:100%;  box-sizing: border-box;  background:url(/sdgs/wp-content/themes/original/assets/img/bg_title.jpg) top center no-repeat #FFFFFF;}
#BlockTop h2{ display:block;  margin:0 auto; padding:120px 0 20px 0; width:100%; box-sizing: border-box; background:url(/sdgs/wp-content/themes/original/assets/img/logo2.png) top center no-repeat; text-align: center; font-size:2.4rem; font-weight:bold; position: relative; top:-40px; }

.banner_goals{ display:block; margin:0 auto; margin-bottom:60px; padding:0; text-align:center;}

#BlockTopInner { display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 auto; padding:0 100px 80px 100px; width:100%; max-width:1200px;
box-sizing:border-box; border:1px solid #000000; background:#FFFFFF;}
#BlockTopInner p{ display:block; margin:0; padding:0; width:100%; max-width:480px; font-size:1.6rem;   }
#BlockTopInner p span{ display:block; margin:0; padding:0; width:100%; text-align: right;   }
 	@media (max-width: 1080px){
    #BlockTopInner { display:block; margin:0 auto; padding:0 20px 80px 20px; width:100%; max-width:1200px;
    box-sizing:border-box; border:1px solid #000000; background:#FFFFFF;}
    #BlockTopInner p{ display:block; margin:0; padding:0; width:100%; max-width:none; font-size:1.6rem;   }
    #BlockTopInner p span{ display:block; margin:0; padding:0; width:100%; text-align: right;   }
	}
 	@media (max-width: 700px){
    #BlockTop { display:block;  margin:0 auto; padding:120px 0 40px 0; width:100%;  box-sizing: border-box;  background:url(/sdgs/wp-content/themes/original/assets/img/bg_title.jpg) top center no-repeat #FFFFFF;}
	.banner_goals{ display:block; margin:0 auto; margin-bottom:60px; padding:0 20px; text-align:center; box-sizing:border-box;}
    #BlockTopInner { display:block; margin:0 auto; padding:0 20px 80px 20px; width:100%; max-width:1200px;
    box-sizing:border-box; border:1px solid #000000; background:#FFFFFF;}
    #BlockTopInner p{ display:block; margin:0; padding:0; width:100%; max-width:none; font-size:1.4rem;   }
    #BlockTopInner p span{ display:block; margin:0; padding:0; width:100%; text-align: right;   }
	}


/**************************************************************/



#BlockTopics { display:flex; justify-content: flex-start; flex-wrap:wrap; width:100%; max-width:1000px; margin:0 auto; padding:65px 0;  }
#BlockTopics h3 { display:block; margin:0; padding:0; width:230px; box-sizing:border-box; font-size:4.6rem; line-height:150%; font-weight:normal; font-family: 'Open Sans', sans-serif; }
#BlockTopics h3 span{ display:block; margin:0; padding:0; font-size:1.8rem; line-height:150%; color:#999999; font-weight:normal;  }
#BlockTopicsInner { display:block; margin:0 auto; margin-bottom: 40px; padding:0 10px; width:770px; box-sizing:border-box; }
#BlockTopicsInner dl{ display:flex; margin:0; padding:15px 10px; border-bottom: 1px solid #CCCCCC; box-sizing: border-box; justify-content: flex-start; flex-wrap: wrap; }
#BlockTopicsInner dl dt{ display:block; width:200px; margin:0 20px 0 0; padding:0; font-size:1.6rem; font-weight:bold; color:#333333; }
#BlockTopicsInner dl dt span.genre03{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC9900; }
#BlockTopicsInner dl dt span.genre01{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC3333; }
#BlockTopicsInner dl dt span.genre02{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#006699; }
#BlockTopicsInner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; width: calc(100% - 220px); }
#BlockTopicsInner dl dd a{ text-decoration: none; }
#BlockTopicsInner dl dd a:hover{ text-decoration: underline; }
#BlockTopics a.more{ display: flex; justify-content: center; align-items: center; margin-left: auto; padding:0; width:200px; min-height:50px; text-align: center; font-size:1.4rem; color:#FFFFFF; text-decoration: none; background:#0099CC; border-radius:5px; transition: .2s cubic-bezier(0.45, 0, 0.55, 1);  }
a{  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);  }
a:hover{ opacity:0.7;  }

 	@media (max-width: 1000px){
    #BlockTopics { display:block; width:100%; max-width:770px; margin:0 auto; padding:25px 10px 50px 10px; box-sizing: border-box;  }
    #BlockTopics h3 { display:block; margin:0; padding:0 15px; width:230px; box-sizing:border-box; font-size:3.6rem; line-height:150%; font-weight:normal; font-family: 'Open Sans', sans-serif; }
    #BlockTopics h3 span{ display:block; margin:0; padding:0; font-size:1.8rem; line-height:150%; color:#999999; font-weight:normal;  }
    #BlockTopicsInner { display:block; margin:0 auto; margin-bottom: 40px; padding:0 10px; width:100%; max-width:770px; box-sizing:border-box; }
    #BlockTopicsInner dl{ display:block; margin:0; padding:15px 10px; border-bottom: 1px solid #CCCCCC; box-sizing: border-box; }
    #BlockTopicsInner dl dt{ display:block; width:200px; margin:0 20px 0 0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
    #BlockTopicsInner dl dt span.genre03{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC9900; }
    #BlockTopicsInner dl dt span.genre01{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC3333; }
    #BlockTopicsInner dl dt span.genre02{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#006699; }
    #BlockTopicsInner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; width:100%; }
    #BlockTopicsInner dl dd a{ text-decoration: none; }
    #BlockTopicsInner dl dd a:hover{ text-decoration: underline; }
    #BlockTopics a.more{ display: flex; justify-content: center; align-items: center; margin-left: auto; padding:0; width:200px; min-height:50px; text-align: center; font-size:1.4rem; color:#FFFFFF; text-decoration: none; background:#0099CC; border-radius:5px;  }
	}
 	@media (max-width: 770px){
    #BlockTopicsInner dl{ display:block; margin:0; padding:15px 10px; border-bottom: 1px solid #CCCCCC; box-sizing: border-box; }
    #BlockTopicsInner dl dt{ display:block; width:200px; margin:0 0 10px 0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
    #BlockTopicsInner dl dt span.genre01{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#006699; }
    #BlockTopicsInner dl dt span.genre02{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC3333; }
    #BlockTopicsInner dl dt span.genre03{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC9900; }
    #BlockTopicsInner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
	}


#BlockTopics2 { display:flex; justify-content: flex-start; flex-wrap:wrap; width:100%; margin:0 auto; padding:65px 0;  }
#BlockTopics2 h3 { display:block; margin:0; padding:0; width:230px; box-sizing:border-box; font-size:4.6rem; line-height:150%; font-weight:normal; font-family: 'Open Sans', sans-serif; }
#BlockTopics2 h3 span{ display:block; margin:0; padding:0; font-size:1.8rem; line-height:150%; color:#999999; font-weight:normal;  }
#BlockTopics2Inner { display:block; margin:0 auto; margin-bottom: 40px; padding:20px 40px; width:1120px; box-sizing:border-box;max-width: 1120px;
box-sizing: border-box; background: #FFFFFF; border-radius: 10px; }
#BlockTopics2Inner dl{ display:flex; margin:0; padding:15px 10px; border-bottom: 1px solid #CCCCCC; box-sizing: border-box; justify-content: flex-start; flex-wrap: wrap; }
#BlockTopics2Inner dl:last-of-type{ border-bottom: none; }
#BlockTopics2Inner dl dt{ display:block; width:200px; margin:0 20px 0 0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
#BlockTopics2Inner dl dt span.genre03{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC9900; }
#BlockTopics2Inner dl dt span.genre01{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC3333; }
#BlockTopics2Inner dl dt span.genre02{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#006699; }
#BlockTopics2Inner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; width: calc(100% - 220px); }
#BlockTopics2Inner dl dd a{ text-decoration: none; }
#BlockTopics2Inner dl dd a:hover{ text-decoration: underline; }
 	@media (max-width: 1120px){
    #BlockTopics2 { display:block; width:100%; max-width:770px; margin:0 auto; padding:25px 10px 50px 10px; box-sizing: border-box;  }
    #BlockTopics2 h3 { display:block; margin:0; padding:0 15px; width:230px; box-sizing:border-box; font-size:4.6rem; line-height:150%; font-weight:normal; font-family: 'Open Sans', sans-serif; }
    #BlockTopics2 h3 span{ display:block; margin:0; padding:0; font-size:1.8rem; line-height:150%; color:#999999; font-weight:normal;  }
    #BlockTopics2Inner { display:block; margin:0 auto; margin-bottom: 40px; padding:20px 40px; width:100%; max-width:1120px; box-sizing:border-box;max-width: 1000px;
box-sizing: border-box; background: #FFFFFF; border-radius: 10px; }
    #BlockTopics2Inner dl{ display:flex; margin:0; padding:15px 10px; border-bottom: 1px solid #CCCCCC; box-sizing: border-box; }
	#BlockTopics2Inner dl:last-of-type{ border-bottom: none; }
	#BlockTopics2Inner dl dt{ display:block; width:200px; margin:0 20px 0 0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
    #BlockTopics2Inner dl dt span.genre03{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC9900; }
    #BlockTopics2Inner dl dt span.genre01{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC3333; }
    #BlockTopics2Inner dl dt span.genre02{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#006699; }
    #BlockTopics2Inner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; width:100%; }
    #BlockTopics2Inner dl dd a{ text-decoration: none; }
    #BlockTopics2Inner dl dd a:hover{ text-decoration: underline; }
	}
 	@media (max-width: 770px){
    #BlockTopics2Inner dl{ display:block; margin:0; padding:15px 10px; border-bottom: 1px solid #CCCCCC; box-sizing: border-box; }
	#BlockTopics2Inner dl:last-of-type{ border-bottom: none; }
	#BlockTopics2Inner dl dt{ display:block; width:200px; margin:0 0 10px 0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
    #BlockTopics2Inner dl dt span.genre01{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#006699; }
    #BlockTopics2Inner dl dt span.genre02{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC3333; }
    #BlockTopics2Inner dl dt span.genre03{ display:inline-block; margin:0; padding:2px 0; width:80px; font-size:1.2rem; color:#FFFFFF; text-align:center; font-weight:normal; background:#CC9900; }
    #BlockTopics2Inner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; width:100%; }
	}


#BlockReport { display:block; width:100%; max-width:1020px; margin:0 auto; padding:65px 0;  }
#BlockReport h3 { display:block; margin:0 0 50px 0; padding:0; box-sizing:border-box; font-size:4.6rem; line-height:150%; font-weight:normal; font-family: 'Open Sans', sans-serif; }
#BlockReport h3 span{ display:block; margin:0; padding:0; font-size:1.8rem; line-height:150%; color:#999999; font-weight:normal;  }
#BlockReportInner { display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; margin-bottom: 40px; padding:0; box-sizing:border-box; }
#BlockReportInner a{ text-decoration:none; }
#BlockReportInner dl{ display:block; margin:0 20px 20px 0; padding:0; box-sizing: border-box; width:320px; }
#BlockReportInner dl:nth-of-type(3n){ display:block; margin:0 0 20px 0; padding:0; box-sizing: border-box; width:320px; }
#BlockReportInner dl dt{ display:block; margin:0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
#BlockReportInner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
#BlockReportInner dl dd span{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
#BlockReportInner dl dd a{ text-decoration: none; }
#BlockReportInner dl dd a:hover{ text-decoration: underline; }
#BlockReport a.more{ display: flex; justify-content: center; align-items: center; margin-left: auto; padding:0; width:200px; min-height:50px; text-align: center; font-size:1.4rem; color:#FFFFFF; text-decoration: none; background:#0099CC; border-radius:5px;  }
 	@media (max-width: 1000px){
    #BlockReport { display:block; width:100%; max-width:770px; margin:0 auto; padding:25px 10px 50px 10px; box-sizing: border-box;  }
    #BlockReport h3 { display:block; margin:0 0 50px 0; padding:0; box-sizing:border-box; font-size:3.6rem; line-height:150%; font-weight:normal; font-family: 'Open Sans', sans-serif; }
    #BlockReport h3 span{ display:block; margin:0; padding:0; font-size:1.8rem; line-height:150%; color:#999999; font-weight:normal;  }
    #BlockReportInner { display:block; margin:0 auto; margin-bottom: 40px; padding:0 10px; box-sizing:border-box; }

    #BlockReportInner dl{ display:block; margin:0 auto; margin-bottom:20px; padding:0; box-sizing: border-box; width:320px; }
    #BlockReportInner dl:nth-of-type(3n){ display:block; margin:0 auto; margin-bottom:20px; padding:0; box-sizing: border-box; width:320px; }
    #BlockReportInner dl dt{ display:block; margin:0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
    #BlockReportInner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
    #BlockReportInner dl dd span{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
    #BlockReportInner dl dd a{ text-decoration: none; }
    #BlockReportInner dl dd a:hover{ text-decoration: underline; }
    #BlockReport a.more{ display: flex; justify-content: center; align-items: center; margin-left: auto; padding:0; width:200px; min-height:50px; text-align: center; font-size:1.4rem; color:#FFFFFF; text-decoration: none; background:#0099CC; border-radius:5px;  }
	}
 	@media (max-width: 770px){
	}

#BlockReport2 { display:block; width:100%; max-width:1120px; margin:0 auto; padding:65px 0;  }
#BlockReport2 h3 { display:block; margin:0 0 50px 0; padding:0; box-sizing:border-box; font-size:4.6rem; line-height:150%; font-weight:normal; font-family: 'Open Sans', sans-serif; }
#BlockReport2 h3 span{ display:block; margin:0; padding:0; font-size:1.8rem; line-height:150%; color:#999999; font-weight:normal;  }
#BlockReport2Inner { display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; margin-bottom: 40px; padding:40px 35px; width:100%;max-width:1120px ; box-sizing:border-box;
box-sizing: border-box; background: #FFFFFF; border-radius: 10px; }
#BlockReport2Inner a{ text-decoration:none; }
#BlockReport2Inner dl{ display:block; margin:0 15px 20px 15px; padding:0; box-sizing: border-box; width:320px; }
#BlockReport2Inner dl:nth-of-type(3n){ display:block; margin:0 15px 20px 15px; padding:0; box-sizing: border-box; width:320px; }
#BlockReport2Inner dl dt{ display:block; margin:0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
#BlockReport2Inner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
#BlockReport2Inner dl dd span{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
#BlockReport2Inner dl dd a{ text-decoration: none; }
#BlockReport2Inner dl dd a:hover{ text-decoration: underline; }

 	@media (max-width: 1000px){
    #BlockReport2 { display:block; width:100%; max-width:770px; margin:0 auto; padding:25px 10px 50px 10px; box-sizing: border-box;  }
    #BlockReport2 h3 { display:block; margin:0 0 50px 0; padding:0; box-sizing:border-box; font-size:4.6rem; line-height:150%; font-weight:normal; font-family: 'Open Sans', sans-serif; }
    #BlockReport2 h3 span{ display:block; margin:0; padding:0; font-size:1.8rem; line-height:150%; color:#999999; font-weight:normal;  }
    #BlockReport2Inner { display:block; margin:0 auto; margin-bottom: 40px;  padding:40px 50px; width:100%; max-width:1080px ; box-sizing:border-box;
box-sizing: border-box; background: #FFFFFF; border-radius: 10px; }

    #BlockReport2Inner dl{ display:block; margin:0 auto; margin-bottom:20px; padding:0; box-sizing: border-box; width:320px; }
    #BlockReport2Inner dl:nth-of-type(3n){ display:block; margin:0 auto; margin-bottom:20px; padding:0; box-sizing: border-box; width:320px; }
    #BlockReport2Inner dl dt{ display:block; margin:0; padding:0; font-size:1.6rem; font-weight:bold; color:333333; }
    #BlockReport2Inner dl dd{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
    #BlockReport2Inner dl dd span{ display:block; margin:0; padding:0; color:#333333; font-size:1.6rem; line-height:150%; }
    #BlockReport2Inner dl dd a{ text-decoration: none; }
    #BlockReport2Inner dl dd a:hover{ text-decoration: underline; }

	}
 	@media (max-width: 770px){
	}

#BlocTopBanner{ display:block; margin:0; padding:0; width:100%; }
#BlocTopBanner ul{ display:flex; justify-content:space-between; flex-wrap:wrap; width:100vw; margin:0 auto; padding:0; }
#BlocTopBanner ul li{ display:block; margin:0 auto; padding:0; width:calc(50vw - 2px);  box-sizing:border-box; }
#BlocTopBanner ul li h3{ display:block; margin:0; padding:0; box-sizing:border-box; font-size:3.0rem; color:#FFFFFF; line-height:150%; font-family: 'Open Sans', sans-serif; }
#BlocTopBanner ul li h3 span{ display:block; margin:0; padding:0; box-sizing:border-box; font-size:1.7rem; color:#FFFFFF; }
#BlocTopBanner ul li a{ display:block; margin:0; padding:0; box-sizing:border-box; font-size:1.7rem; color:#FFFFFF; text-decoration: none; }
	@media (max-width: 800px){
    #BlocTopBanner ul{ display:block; width:100vw; margin:0 auto; padding:0; }
    #BlocTopBanner ul li{ display:block; margin:0 auto; margin-bottom:0; padding:0; width:auto; box-sizing:border-box; line-height: 100%; }
	}



#BlockSDGs { display:flex; flex-direction: column-reverse;margin:0 auto; padding:160px 0 0 0; width:100%; background:#FFFFFF; box-sizing: border-box; background:none; }
#BlockSDGs2 { display:flex; flex-direction: column-reverse;margin:0 auto; padding:0 0 0 0; width:100%; background:#FFFFFF; box-sizing: border-box; background:none; }
#BlockSDGsInner2 { display:block; margin:0 auto; padding:0; width:100%; max-width:1200px;  }
#BlockSDGsInner { display:flex; justify-content: space-between; flex-wrap:wrap; align-items: flex-end; margin:0 auto; padding:0; width:100%; max-width:1200px;  }
#BlockSDGsInner img{ display:block; margin:0; padding:0; width:100%; max-width:800px; height:auto;  }
#BlockSDGsInner p{ display:block; margin:0; padding:0 0 0 20px; width:100%; max-width:340px; font-size:1.6rem;  }
#BlockSDGsInner p img{ display:block; margin:0 0 40px 0; padding:0; width:100%; max-width:800px; height:auto;  }
#BlockGoalsInner2 p.p1{ display:block; margin:20px 0 0 0; padding:0; width:100%;  font-size:2.0rem; font-weight:bold; text-align: center; }
#BlockSDGsInner2 p{ display:block; margin:20px 0 0 0; padding:0; width:100%;  font-size:2.0rem; font-weight:bold; text-align: center; }
	@media (max-width: 1200px){
    #BlockSDGs { display:block; margin:0 auto; padding:80px 20px 0 20px; width:100%; background:#FFFFFF; box-sizing: border-box; background:none; }
    #BlockSDGs2 { display:block; margin:0 auto; padding:0 20px 0 20px; width:100%; background:#FFFFFF; box-sizing: border-box; background:none; }
    #BlockSDGsInner { display:block; margin:0 auto; padding:0; width:100%; max-width:100%;  }
    #BlockSDGsInner2 { display:block; margin:0 auto; padding:0; width:100%; max-width:100%;  }
    #BlockSDGsInner img{ display:block; margin:0 auto; padding:0; width:100%; max-width:800px; height:auto; text-align: center;  }
    #BlockSDGsInner p{ display:block; margin:0 auto; margin-bottom:20px; padding:20px 0 0 0; width:100%; max-width:800px; font-size:1.6rem;  }
	#BlockSDGsInner p img{ display:block; margin:0 0 40px 0; padding:0; width:100%; max-width:800px; height:auto;  }
	#BlockGoalsInner2 p.p1{ display:block; margin:0 auto; padding:20px 0 20px 0; width:100%; max-width:800px; font-size:1.6rem; font-weight:bold;  }
    #BlockSDGsInner2 p{ display:block; margin:0 auto; padding:20px 0 20px 0; width:100%; max-width:800px; font-size:1.6rem; font-weight:bold;  }
	}


#BlockSDGsInner ul.list_sdgs{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; padding:100px 0 0 0; width:100%; max-width:800px; background:url(/sdgs/wp-content/themes/original/assets/img/sdgs_00.png) top center no-repeat ; }
#BlockSDGsInner ul.list_sdgs li{ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
#BlockSDGsInner ul.list_sdgs li img {
  transform: scale(1);
  transition: .4s ease-in-out;
}
#BlockSDGsInner ul.list_sdgs li a:hover img {
  transform: scale(0.9);
}

#BlockSDGsInner ul.list_sdgs li:nth-of-type(6n){ display:block; margin:0 0 10px 0; padding:0; width:100%; max-width:125px; }
	@media (max-width: 860px){
    #BlockSDGsInner ul.list_sdgs{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; padding:100px 0 0 0; width:100%; max-width:665px; }
    #BlockSDGsInner ul.list_sdgs li{ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(5n){ display:block; margin:0 0 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(6n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
	}
	@media (max-width: 725px){
    #BlockSDGsInner ul.list_sdgs{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; padding:100px 0 0 0; width:100%; max-width:530px; }
    #BlockSDGsInner ul.list_sdgs li{ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(5n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(6n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(4n){ display:block; margin:0 0 10px 0; padding:0; width:100%; max-width:125px; }
	}
	@media (max-width: 590px){
    #BlockSDGsInner ul.list_sdgs{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; padding:100px 0 0 0; width:100%; max-width:395px;background-size:contain; }
    #BlockSDGsInner ul.list_sdgs li{ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(5n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(6n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(4n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:125px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(3n){ display:block; margin:0 0 10px 0; padding:0; width:100%; max-width:125px; }
	}
	@media (max-width: 455px){
    #BlockSDGsInner ul.list_sdgs{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0 auto; padding:60px 0 0 0; width:100%; max-width:305px; background-size:contain; }
    #BlockSDGsInner ul.list_sdgs li{ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:95px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(5n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:95px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(6n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:95px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(4n){ display:block; margin:0 10px 10px 0; padding:0; width:100%; max-width:95px; }
    #BlockSDGsInner ul.list_sdgs li:nth-of-type(3n){ display:block; margin:0 0 10px 0; padding:0; width:100%; max-width:95px; }
    #BlockSDGsInner2 p{ display:block; margin:0 auto; padding:20px 0 20px 0; width:100%; max-width:800px; font-size:1.4rem; font-weight:bold;  }
	}


.returntop{ position:fixed; bottom:10px; right:10px;}






#BlockGreetings { display:block;  margin:0 auto; padding:0 0 250px 0; width:100%;  box-sizing: border-box; position:relative;
background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
#BlockGreetings h2{ display:block;  margin:0 auto; margin-bottom:100px; padding:100px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.4rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
#BlockGreetings h2 span{ display:block;  margin:0 auto; margin-bottom:50px; padding:0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.2rem; font-weight:bold; color:#333333; position:relative; }
#BlockGreetings h2::after{ content:"";
   display:block;
   width:50px;
   height:4px;
   background-color:#0096D6;
   position:absolute;
    margin:0 auto;
   bottom:0;
   left:0; right:0;}

#BlockGreetingsInner { display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 auto; padding:0 80px 20px 80px; width:100%; max-width:1200px;
box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
#BlockGreetingsInner p{ display:block; margin:0; padding:0; width:100%; max-width:480px; font-size:1.6rem;   }
#BlockGreetingsInner p span{ display:none; margin:0; padding:0; width:100%; text-align: left;   }
#BlockGreetingsInner p span span{ display:block; margin:0; padding:0; width:100%; text-align: right;   }
#BlockGreetingsInner2 { display:block; margin:0 auto; padding:0 100px 120px 80px; width:100%; max-width:1200px;
box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
#BlockGreetingsInner2 p{ display:block; margin:0; padding:0; width:100%; font-size:1.6rem;   }
#BlockGreetingsInner2 p span{ display:block; margin:0; padding:0; width:100%; text-align: right;   }

 	@media (max-width: 1080px){
     #BlockGreetings { display:block;  margin:0 auto; padding:0 20px 150px 20px; width:100%;  box-sizing: border-box; position:relative;
    background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
   #BlockGreetingsInner { display:block; margin:0 auto; padding:0 20px 60px 20px; width:100%; max-width:1200px;
    box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
    #BlockGreetingsInner p{ display:block; margin:0 0 40px 0; padding:0; width:100%; max-width:480px; font-size:1.6rem;   }
    #BlockGreetingsInner p:last-of-type{ display:block; margin:0 auto; padding:0; width:100%; max-width:480px; font-size:1.6rem; text-align: center;}
    #BlockGreetingsInner p span{ display:block; margin:0; padding:0; width:100%; text-align: left;   }
    #BlockGreetingsInner p span span{ display:block; margin:0; padding:0; width:100%; text-align: right;   }
    #BlockGreetingsInner2 { display:none;}

    }

#BlockCampus { display:block;  margin:0 auto; padding:0 0 250px 0; width:100%;  box-sizing: border-box; position:relative;
background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
#BlockCampus h3{ display:block;  margin:0 auto; margin-bottom:50px; padding:100px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.2rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
#BlockCampus h3 span{ display:block;  margin:0 auto; margin-bottom:50px; padding:0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.4rem; font-weight:bold; color:#333333; position:relative; }
#BlockCampus h3::after{ content:"";
   display:block;
   width:50px;
   height:4px;
   background-color:#0096D6;
   position:absolute;
    margin:0 auto;
   bottom:0;
   left:0; right:0;}
#BlockCampus h4{ display:block;  margin:0 auto; margin-bottom:50px; padding:0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.4rem; font-weight:bold; color:#333333; position:relative; }
#BlockCampus h5{ display:block;  margin:0 0 20px 0; padding:0; width:100%; box-sizing: border-box;  text-align: left; font-size:2.0rem; font-weight:bold; color:#0099CC; position:relative; line-height:150%; }
#BlockCampusInner { display:block; margin:0 auto; padding:60px 80px 120px 80px; width:100%; max-width:1200px;
box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
#BlockCampusInner p{ display:block; margin:0 0 60px 0; padding:0; width:100%; font-size:1.6rem;   }
 	@media (max-width: 1080px){
    #BlockCampus h3{ display:block;  margin:0 auto; margin-bottom:50px; padding:40px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.2rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
    #BlockCampus { display:block;  margin:0 auto; padding:0 20px 40px 20px; width:100%;  box-sizing: border-box; position:relative;
    background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
     #BlockCampusInner { display:block; margin:0 auto; padding:60px 20px 40px 20px; width:100%; max-width:1200px;
    box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
   }

.boxcampus01 { display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:1040px;
box-sizing:border-box;}
#BlockCampusInner .boxcampus01 p{ display:block; margin:0; padding:0; width:100%; max-width:460px; font-size:1.6rem;   }
.boxcampus01 ul{ display:block; margin:0; padding:100px 0 0 0; width:100%; max-width:540px; font-size:1.6rem; box-sizing: border-box;   }
.boxcampus01 ul li{ display:block; margin:0 0 10px 0; padding:0; width:100%; font-size:1.5rem; line-height:150%;   }

.boxcampus02 { display:block; margin:0 auto; margin-bottom:30px; padding:0; width:100%; max-width:940px;
box-sizing:border-box;}
.boxcampus02 ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0; padding:0; width:100%; box-sizing: border-box;   }
.boxcampus02 ul li{ display:block; margin:0 50px 30px 0; padding:0; width:280px; font-size:1.5rem; line-height:150%;}
.boxcampus02 ul li:nth-child(3n){ margin-right:0;}
.boxcampus02 ul li a{ display:block; margin:0; padding:20px 0; width:100%; font-size:1.5rem; line-height:150%; background:#0099CC; color:#FFFFFF; text-align: center; text-decoration: none; border-radius:10px; }
 	@media (max-width: 1080px){
    .boxcampus02 ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; margin:0; padding:0; width:100%; box-sizing: border-box;   }
    .boxcampus02 ul li{ display:block; margin:0 50px 30px 0; padding:0; width:280px; font-size:1.5rem; line-height:150%;}
    .boxcampus02 ul li:nth-child(3n){ margin:0 50px 30px 0;}
    .boxcampus02 ul li:nth-child(2n){ margin-right:0;}
   }


.boxcampus03 { display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 auto; padding:0; width:100%; max-width:1040px;
box-sizing:border-box;}
#BlockCampusInner .boxcampus03 p{ display:block; margin:0; padding:0; width:100%; max-width:480px; font-size:1.6rem; line-height:200%; }
#BlockCampusInner .boxcampus03 a{ margin:0; padding:0; font-size:1.6rem; font-weight:bold; text-decoration: none; }
#BlockCampusInner .boxcampus03 a:hover{ margin:0; padding:0; font-size:1.6rem; font-weight:bold; text-decoration: underline; }




#BlockStructure { display:block;  margin:0 auto; padding:0 0 250px 0; width:100%;  box-sizing: border-box; position:relative;
background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
#BlockStructure h3{ display:block;  margin:0 auto; margin-bottom:50px; padding:100px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.2rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
#BlockStructure h3 span{ display:block;  margin:0 auto; margin-bottom:50px; padding:0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.4rem; font-weight:bold; color:#333333; position:relative; }
#BlockStructure h3::after{ content:"";
   display:block;
   width:50px;
   height:4px;
   background-color:#0096D6;
   position:absolute;
    margin:0 auto;
   bottom:0;
   left:0; right:0;}
#BlockStructure h4{ display:block;  margin:0 auto; margin-bottom:50px; padding:0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.4rem; font-weight:bold; color:#333333; position:relative; }
#BlockStructure h5{ display:block;  margin:0 0 20px 0; padding:0; width:100%; box-sizing: border-box;  text-align: left; font-size:2.0rem; font-weight:bold; color:#0099CC; position:relative; line-height:150%; }
#BlockStructureInner { display:block; margin:0 auto; padding:0 120px 120px 120px; width:100%; max-width:1200px;
box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
#BlockStructureInner p{ display:block; margin:0 0 20px 0; padding:0; width:100%; font-size:1.6rem;   }
#BlockStructureInner p.box{ display:block; margin:0; padding:30px 40px; width:100%; font-size:1.6rem; border:1px solid #333333; box-sizing: border-box;}
 	@media (max-width: 1080px){
    #BlockStructure h3{ display:block;  margin:0 auto; margin-bottom:50px; padding:40px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.2rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
    #BlockStructure { display:block;  margin:0 auto; padding:0 20px 40px 20px; width:100%;  box-sizing: border-box; position:relative;
    background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
     #BlockStructureInner { display:block; margin:0 auto; padding:0 20px 40px 20px; width:100%; max-width:1200px;
    box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
   }



#BlockReportDetail { display:block;  margin:0 auto; padding:0 0 250px 0; width:100%;  box-sizing: border-box; position:relative;
background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
#BlockReportDetail h3{ display:block;  margin:0 auto; margin-bottom:50px; padding:100px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.2rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
#BlockReportDetail h3 span{ display:block;  margin:0 auto; margin-bottom:50px; padding:0; width:100%; box-sizing: border-box;  text-align: center; font-size:1.8rem; font-weight:bold; color:#333333; position:relative; }
#BlockReportDetail h3::after{ content:"";
   display:block;
   width:50px;
   height:4px;
   background-color:#0096D6;
   position:absolute;
    margin:0 auto;
   bottom:0;
   left:0; right:0;}
#BlockReportDetail h4{ display:flex; justify-content: space-between; flex-wrap:wrap; margin:0 auto; margin-bottom:20px; padding:0; width:100%; box-sizing: border-box;  text-align: center; font-size:1.8rem; font-weight:bold; color:#333333; position:relative; }
#BlockReportDetail h4 span{ display:inline-block; margin:0;padding:0; box-sizing: border-box;  text-align: right; font-size:1.7rem; font-weight:normal; color:#333333; position:relative; }
#BlockReportDetailInner { display:block; margin:0 auto; padding:0 80px 120px 80px; width:100%; max-width:1100px;
box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
#BlockReportDetailInner p{ display:block; margin:0 0 30px 0; padding:0; width:100%; font-size:1.6rem;}
#BlockReportDetailInner h5{ display:block; margin:0 0 10px 0; padding:0; width:100%; font-size:1.6rem; font-size:bold;}

 	@media (max-width: 1080px){
     #BlockReportDetail { display:block;  margin:0 auto; padding:0 20px 40px 20px; width:100%;  box-sizing: border-box; position:relative;
    background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
     #BlockReportDetail h3{ display:block;  margin:0 auto; margin-bottom:50px; padding:40px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.2rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
   #BlockReportDetailInner { display:block; margin:0 auto; padding:0 20px 40px 20px; width:100%; max-width:1100px;
    box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
  }

ul.list01{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 0 20px 0; padding:0;}
ul.list01 li{ display:block; margin:0 10px 10px 0; padding:0; width:calc(50% - 5px)}
ul.list01 li:nth-of-type(2n){ display:block; margin:0 0 10px 0; padding:0;  width:calc(50% - 5px)}
ul.list_link{ display:block; margin:0 0 20px 0; padding:0;}
ul.list_link li{ display:block; margin:0 0 10px 0; padding:0; width:100%; font-size:1.6rem;}
ul.list02{ display:flex; justify-content:flex-end; flex-wrap:wrap; margin:0 0 10px 0; padding:0;}
ul.list02 li{ display:block; margin:0 10px 0 0; padding:0; max-width:80px; }
ul.list02 li:last-of-type{ display:block; margin:0; padding:0;  }


#BlockGoals { display:block;  margin:0 auto; padding:0 0 250px 0; width:100%;  box-sizing: border-box; position:relative;
background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
#BlockGoals h3{ display:block;  margin:0 auto; margin-bottom:50px; padding:100px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.4rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
#BlockGoals h3 span{ display:block;  margin:0 auto; margin-bottom:50px; padding:0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.4rem; font-weight:bold; color:#333333; position:relative; }
#BlockGoals h3::after{ content:"";
   display:block;
   width:50px;
   height:4px;
   background-color:#0096D6;
   position:absolute;
    margin:0 auto;
   bottom:0;
   left:0; right:0;}
#BlockGoalsInner { display:block; margin:0 auto; padding:0 80px 40px 80px; width:100%; max-width:1100px;
box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
#BlockGoalsInner2 { display:block; margin:0 auto; padding:0 0 120px 0; width:100%; max-width:1100px;
box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
#BlockGoalsInner p{ display:block; margin:0 0 10px 0; padding:0; width:100%; font-size:1.8rem; line-height:180%; }
#BlockGoalsInner .box01{ display:block; margin:0 auto; margin-bottom: 80px; padding:0; width:100%; max-width:960px; }
#BlockGoalsInner .box01 h4{ display:block;  margin:0 auto; margin-bottom:20px; padding:0; width:100%; box-sizing: border-box;  text-align: left; font-size:2.2rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
#BlockGoalsInner dl{ display:block; margin:0; padding:0; width:100%; }
#BlockGoalsInner dl dt{ display:block; margin:0 0 30px 0; padding:0; width:100%; position:relative; }
#BlockGoalsInner dl dt img{ width:100%; height:auto; }
#BlockGoalsInner dl dt span{ display:flex; justify-content:flex-start; flex-direction:column; align-items:flex-end; margin:0; padding:0; position:absolute; top:0; right:0; line-height:100%; }
#BlockGoalsInner dl dt span a img{ width:auto; margin:0 0 2px 0; max-width:70px; height:auto; }
#BlockGoalsInner dl dt span a:first-of-type img{ width:auto; margin:0 0 2px 0; max-width:125px; height:auto; }
#BlockGoalsInner dl dd{ display:block; margin:0; padding:0; width:100%; }
#BlockGoalsInner hr{ height:1px; width:100%; max-width:770px; margin:0 auto; margin-bottom: 80px; background:#999;}
	@media (max-width: 1080px){
	#BlockGoals { display:block;  margin:0 auto; padding:0 0 40px 0 width:100%;  box-sizing: border-box; position:relative;
	background:url(/sdgs/wp-content/themes/original/assets/img/bg_common.jpg) bottom right no-repeat ;}
	#BlockGoals h3{ display:block;  margin:0 auto; margin-bottom:50px; padding:40px 0 20px 0; width:100%; box-sizing: border-box;  text-align: center; font-size:2.4rem; font-weight:bold; color:#0096D6; position:relative; line-height:150%; }
	 #BlockGoalsInner { display:block; margin:0 auto; padding:0 20px 0 20px; width:100%; max-width:1100px;
	box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
	#BlockGoalsInner2 { display:block; margin:0 auto; padding:0 0 40px 0; width:100%; max-width:1100px;
	box-sizing:border-box; background:#FFFFFF; border-radius:10px;}

	}
	@media (max-width: 880px){
	#BlockGoalsInner dl{ display:block; margin:0; padding:0; width:100%; }
	#BlockGoalsInner dl dt{ display:block; margin:0 0 30px 0; padding:0; width:100%; position:relative; }
	#BlockGoalsInner dl dt img{ width:100%; height:auto; }
	#BlockGoalsInner dl dt span{ display:flex; justify-content:flex-start; flex-direction:row; align-items:flex-end; margin:0; padding:0; position:relative; top:0; right:0; line-height:100%; }
	#BlockGoalsInner dl dt span a img{ width:100%; margin:0 2px 2px 2px; max-width:60px; height:auto; }
	#BlockGoalsInner dl dt span a:first-of-type img{ width:100%; margin:0 2px 2px 2px; max-width:100px; height:auto; }
	#BlockGoalsInner dl dd{ display:block; margin:0; padding:0; width:100%; }
	  }



#BlockGoalsList { display:block; margin:0 auto; padding:0 80px 40px 80px; width:100%; max-width:1100px;
box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
#BlockGoalsList dl{ display:table; margin:0; padding:0; width:100%; border-bottom:1px solid #333333; }

#BlockGoalsList dl:first-of-type{border-top:1px solid #333333; }
#BlockGoalsList dl dt{ display:table-cell; margin:0; padding:0; width:70px; position:relative; border-left:1px solid #333333; line-height:1px; }

#BlockGoalsList dl dt img{ width:100%; height:auto; }

#BlockGoalsList dl dd{ display:table-cell; margin:0; padding:10px; border-right:1px solid #333333; width:calc((100% - 70px) / 4); box-sizing:border-box;  font-size:1.6rem; }

.tbl01{ margin:0 0 60px 0; padding:0;  background:#EEEDF2}
.tbl01 tr{ margin:0; padding:0;}
.tbl01 th{ margin:0; padding:0; font-size: 1.6rem; box-sizing: border-box; background: #FFFFFF; line-height:1%;}
.tbl01 tr:first-of-type th{ margin:0; padding:20px 20px; font-size: 1.6rem; font-weight:normal; box-sizing: border-box; background: #0096D6; color:#FFFFFF;  line-height:150%;}
.tbl01 tr:first-of-type th:first-of-type{ width:125px;}
.tbl01 td{ margin:0; padding:20px 20px; font-size: 1.6rem; box-sizing: border-box; background: #FFFFFF;  line-height:150%;}
.tbl01 tr:last-of-type th{ border-bottom:0;}
.tbl01 tr:last-of-type td{ border-bottom:0;}

	@media (max-width: 1180px){
		
	#BlockGoalsList { display:block; margin:0 auto; padding:0 20px 40px 20px; width:100%; max-width:1100px;
	box-sizing:border-box; background:#FFFFFF; border-radius:10px;}
	#BlockGoalsList dl{ display:table; margin:0; padding:0; width:100%; border-bottom:1px solid #333333; }

	#BlockGoalsList dl:first-of-type{border-top:1px solid #333333; }
	#BlockGoalsList dl dt{ display:table-cell; margin:0; padding:0; width:70px; position:relative; border-left:1px solid #333333; line-height:1px; }

	#BlockGoalsList dl dt img{ width:100%; height:auto; }

	#BlockGoalsList dl dd{ display:table-cell; margin:0; padding:10px; border-right:1px solid #333333; width:calc((100% - 70px) / 4); box-sizing:border-box;  font-size:1.6rem; }
	.tbl_wrap{ overflow:scroll;}
	.tbl01{ margin:0 0 60px 0; padding:0;  background:#EEEDF2; width:900px;}
	.tbl01 tr{ margin:0; padding:0;}
	.tbl01 th{ margin:0; padding:0; font-size: 1.6rem; box-sizing: border-box; background: #FFFFFF; line-height:1%;}
	.tbl01 tr:first-of-type th{ margin:0; padding:20px 20px; font-size: 1.6rem; font-weight:normal; box-sizing: border-box; background: #0096D6; color:#FFFFFF;  line-height:150%;}
	.tbl01 tr:first-of-type th:first-of-type{ width:125px;}
	.tbl01 td{ margin:0; padding:20px 20px; font-size: 1.6rem; box-sizing: border-box; background: #FFFFFF;  line-height:150%;}
	.tbl01 tr:last-of-type th{ border-bottom:0;}
	.tbl01 tr:last-of-type td{ border-bottom:0;}	
	}

.pagecontents{ display:block; margin:0 auto; margin-top:30px; padding:0; width:100%; max-width:1440px;}
.pagecontents h4 span{ display:block; margin:0; padding:0; position:absolute; top:-40px; left:0; right:0; }
.pagecontents p{ display:block; margin:0 0 20px 0 !important; padding:0; font-size:1.6rem; font-weight:normal; line-height:180%; text-align:left; }
.pagecontents strong{ display:block; margin:0 0 24px 0; padding:0; font-size:2.0rem; font-weight:bold; line-height:180%; text-align:left;  }



.pagecontents h4{ display:block; margin:0 0 30px 0; padding:0; font-size:2.6rem; font-weight:bold; line-height:150%; }
.pagecontents h5{ display:block; margin:0 0 10px 0; padding:0; font-size:1.8rem; font-weight:bold; line-height:150%; }



.pagecontents ul{ display:block; margin:0 0 20px 0; padding:0;}
.pagecontents ul li{ display:block; margin:0 0 10px 0; padding:0; width:100%; font-size:1.6rem;}
.pagecontents ol{ margin:0 0 30px 0; padding:0; list-style: inside numeric !important;}
.pagecontents ol li{ margin:0 0 10px 0; padding:0 0 0 1.6rem; text-indent:-1.6rem; box-sizing:border-box;font-size:1.6rem;line-height:150%; display: list-item; list-style: inside numeric; }

.mltlngg_switcher{ position:absolute; top:0; right:200px;}
.mltlngg_switcher button{ width:100px; height:auto;}