@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 150px;position: relative;width: 1100px;}
#contentsmain h2 {text-align: center;position: relative;top: -14px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0;margin-bottom: 49px;position: relative;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.img img{  }

#contents01 {margin: 0 auto 98px;position: relative;background: #F5F6F7;padding: 147px 0 42px;}
#contents01 h2.f-min {font-size: 36px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 18px;position: relative;text-align: center;}
#contents01 p.subtext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 110px;position: relative;text-align: center;}
#contents01 .inner-Box1 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 .inBox {margin: 0 auto 40px;position: relative;padding: 0 0 0 240px;min-height: 200px;}
#contents01 .inBox figure.img { position: absolute; top: 0; left: 0; }
#contents01 .inBox figure.img img{  }
#contents01 .inBox h3.f-min {font-size: 30px;background: url(../images/sdgs/contents01-icon01.png)no-repeat left bottom;line-height: 1.3;font-weight: 400;letter-spacing: 0px;margin-bottom: 17px;position: relative;padding-bottom: 18px;}
#contents01 .inBox p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: -12px;position: relative;}
#contents01 h4 {font-size: 20px;line-height: 1.68;font-weight: 400;letter-spacing: 0px;margin-bottom: 24px;position: relative;text-align: center;}
#contents01 h4.bbb{margin: 32px 0 10px;}
#contents01 ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 ul li {margin-right: 40px;}
#contents01 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 ul li figure {  }
#contents01 ul li a {  }
#contents01 ul li a:hover {  }
#contents01 .inner-Box2 { margin: 0 auto; position: relative; }
#contents01 p.text2 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;margin-bottom: 37px;position: relative;text-align: center;}
#contents01 figure.photo {position: relative;top: 0;left: 0;}
#contents01 figure.photo img{  }
#contents01 .inner-Box2 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 .inner-Box3 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 .inner-Box4 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 .inner-Box5 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 .inner-Box6 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 .inner-Box7 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 .inner-Box8 {margin: 0 auto 110px;position: relative;width: 1100px;}
#contents01 .inner-Box9 {margin: 0 auto 110px;position: relative;width: 1100px;}



}

@media screen and (max-width: 767px) {

	
	
#contentsmain {margin: 0 auto 19.13vw;position: relative;padding: 8vw 0 0;}
#contentsmain h2 {text-align: center;position: relative;top: 0vw;margin: 0 33vw 2.5vw;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box { margin: 0 4vw; position: relative; }
#contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 2.0;font-weight: 400;letter-spacing: 0;margin: 0 4.3vw 6.44vw;position: relative;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 4vw;}
#contentsmain .inner-Box figure.img img{  }

#contents01 {margin: 0 auto 23.67vw;position: relative;background: #F5F6F7;padding: 18.51vw 0 10.14vw;}
#contents01 h2.f-min {font-size: 6.28vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.05vw;position: relative;text-align: center;}
#contents01 p.subtext {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 26.57vw;position: relative;text-align: left;margin: 0 0 11vw 8.1vw;}
#contents01 .inner-Box1 {margin: 0 auto 9.57vw;position: relative;}
#contents01 .inBox {margin: 0 8vw 8.36vw;position: relative;}
#contents01 .inBox figure.img {position: relative;top: 0;left: 0;margin: 0 17.9vw 6.9vw;}
#contents01 .inBox figure.img img{  }
#contents01 .inBox h3.f-min {font-size: 5.31vw;background: url(../images/sdgs/sp-contents01-icon01.png)no-repeat left bottom;line-height: 1.3;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 4.11vw;position: relative;padding-bottom: 4.35vw;background-size: 100% auto;}
#contents01 .inBox p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 0vw;position: relative;}
#contents01 h4 {font-size: 4.35vw;line-height: 1.68;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 6.4vw;position: relative;text-align: center;}
#contents01 h4.bbb{margin: 4.73vw 0 3.22vw;}
#contents01 ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 8.1vw;}
#contents01 ul li {
    margin-bottom: 4.6vw;
}
#contents01 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 ul li figure {  }
#contents01 ul li a {  }
#contents01 ul li a:hover {  }
#contents01 .inner-Box2 { margin: 0 4vw; position: relative; }
#contents01 p.text2 {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin: 0 8.2vw 8.94vw;position: relative;text-align: left;}
#contents01 figure.photo {position: relative;top: -3vw;left: 0;margin: 0 8.1vw;}
#contents01 figure.photo img{  }
#contents01 .inner-Box2 {margin: 0 auto 26.57vw;position: relative;}
#contents01 .inner-Box3 {margin: 0 auto 26.57vw;position: relative;}
#contents01 .inner-Box4 {margin: 0 auto 26.57vw;position: relative;}
#contents01 .inner-Box5 {margin: 0 auto 26.57vw;position: relative;}
#contents01 .inner-Box6 {margin: 0 auto 26.57vw;position: relative;}
#contents01 .inner-Box7 {margin: 0 auto 26.57vw;position: relative;}
#contents01 .inner-Box8 {margin: 0 auto 26.57vw;position: relative;}
#contents01 .inner-Box9 {margin: 0 auto 26.57vw;position: relative;}
	
}
