@charset "UTF-8";
@media screen and (min-width: 768px),print {
.seo_bread_list{position: relative;z-index: 3;margin-bottom: -58px!important;}

#contentsmain {margin: 0 auto;position: relative;background: url('../images/sdgs/contentsmain-back01.png')no-repeat top center;padding-top: 195px;padding-bottom: 350px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 1400px;background: #fff;}
#contentsmain .inner-Box h2 {text-align: center;position: relative;top: -33px;margin-bottom: 8px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3 {font-size: 34px;line-height: 1.75;font-weight: 700;letter-spacing: 3.4px;margin-bottom: 10px;position: relative;text-align: center;color: #005289;}
#contentsmain .inBox1 {margin: 0 auto 70px;position: relative;width: 1100px;padding-top: 57px;}
#contentsmain .inBox1 figure.photo {position: absolute;top: 0;right: -50px;}
#contentsmain .inBox1 figure.photo img{  }
#contentsmain .inBox1 h4 {font-size: 18px;line-height: 1.75;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 24px;position: relative;}
#contentsmain .inBox1 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 570px;}
#contentsmain .inBox2 {margin: 0 auto;position: relative;width: 1100px;padding: 80px 0 131px 600px;}
#contentsmain .inBox2 figure.photo02 {position: absolute;top: -11px;left: -50px;}
#contentsmain .inBox2 figure.photo02 img{  }
#contentsmain .inBox2 p.text2 {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

.backk{background: #F4F4F4;height: 3507px;margin-bottom: 102px;}
.backk2{width: 1400px;margin: 0 auto;background: #fff;position: relative;top: -231px;padding-bottom: 53px;}

#contents00 {margin: 0 auto 96px;position: relative;}
#contents00 .inner-Box { margin: 0 auto; position: relative; }
#contents00 .inner-Box h2 {font-size: 34px;line-height: 1.75;font-weight: 700;letter-spacing: 3.4px;margin-bottom: 0px;position: relative;background: #005289;color: #fff;text-align: center;padding: 25px 0;}
#contents00 .inner-Box figure.img {position: relative;top: 0;left: 0;text-align: center;padding: 42px 0 0;}
#contents00 .inner-Box figure.img img{  }

#contents01 {margin: 0 auto 40px;position: relative;background: #F2F2F2;width: 1200px;padding: 50px 50px 62px;}
#contents01 span.no {display: block;line-height: 1;position: absolute;top: 0;left: 50px;}
#contents01 span.no img {  }
#contents01 .inner-Box1 {margin: 0 auto 60px;position: relative;text-align: center;border-bottom: 2px solid #1A1A1A;padding: 18px 0 0;}
#contents01 .inner-Box1 h2 {font-size: 34px;line-height: 1.75;font-weight: 700;letter-spacing: 3.2px;margin-bottom: 22px;position: relative;color: #005289;}
#contents01 .inner-Box1 h3 {font-size: 24px;line-height: 1.75;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 7px;position: relative;}
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 24px;position: relative;}
#contents01 .inner-Box2 { margin: 0 auto; position: relative; }
#contents01 .inner-Box2 ul{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 .inner-Box2 ul li {position: relative;background: #FFFFFF;margin: 0 14px 20px 0;width: 264px;}
#contents01 .inner-Box2 ul li:nth-child(4n) { margin-right: 0px; }
#contents01 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 25px;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 h4 {font-size: 18px;line-height: 1.33;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 11px;position: relative;text-align: center;}
#contents01 .inner-Box2 p.ltext {font-size: 14px;line-height: 1.9;font-weight: 400;letter-spacing: 0.7px;margin: 0 16px 30px;position: relative;}
#contents01 .inner-Box2 h4 span {display: block;font-size: 14px;margin-top: -1px;}

#contents02 {margin: 0 auto 40px;position: relative;background: #F2F2F2;width: 1200px;padding: 50px 50px 62px;}
#contents02 span.no {display: block;line-height: 1;position: absolute;top: 0;left: 50px;}
#contents02 span.no img {  }
#contents02 .inner-Box1 {margin: 0 auto 60px;position: relative;text-align: center;border-bottom: 2px solid #1A1A1A;padding: 18px 0 0;}
#contents02 .inner-Box1 h2 {font-size: 34px;line-height: 1.75;font-weight: 700;letter-spacing: 3.2px;margin-bottom: 22px;position: relative;color: #005289;}
#contents02 .inner-Box1 h3 {font-size: 24px;line-height: 1.75;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 7px;position: relative;}
#contents02 .inner-Box1 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 24px;position: relative;}
#contents02 .inner-Box2 { margin: 0 auto; position: relative; }
#contents02 .inner-Box2 ul{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;}
#contents02 .inner-Box2 ul li {position: relative;background: #FFFFFF;margin: 0 15px 30px 0;width: 208px;}
#contents02 .inner-Box2 ul li:nth-child(5n) { margin-right: 0px; }
#contents02 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 25px;}
#contents02 .inner-Box2 figure.photo img{  }
#contents02 .inner-Box2 h4 {font-size: 16px;line-height: 1.33;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 11px;position: relative;text-align: center;}
#contents02 .inner-Box2 p.ltext {font-size: 14px;line-height: 1.9;font-weight: 400;letter-spacing: 0.7px;margin: 0 16px 30px;position: relative;}
#contents02 .inner-Box2 h4 span {display: block;font-size: 14px;margin-top: -1px;}

#contents03 {margin: 0 auto 40px;position: relative;background: #F2F2F2;width: 1200px;padding: 50px 50px 62px;}
#contents03 span.no {display: block;line-height: 1;position: absolute;top: 0;left: 50px;}
#contents03 span.no img {  }
#contents03 .inner-Box1 {margin: 0 auto 60px;position: relative;text-align: center;border-bottom: 2px solid #1A1A1A;padding: 18px 0 0;}
#contents03 .inner-Box1 h2 {font-size: 34px;line-height: 1.75;font-weight: 700;letter-spacing: 3.2px;margin-bottom: 22px;position: relative;color: #005289;}
#contents03 .inner-Box1 h3 {font-size: 24px;line-height: 1.75;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 7px;position: relative;}
#contents03 .inner-Box1 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 24px;position: relative;}
#contents03 .inner-Box2 { margin: 0 auto; position: relative; }
#contents03 .inner-Box2 ul{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-bottom: 12px;}
#contents03 .inner-Box2 ul li {position: relative;background: #FFFFFF;margin: 0 15px 30px 0;width: 208px;}
#contents03 .inner-Box2 ul li:nth-child(5n) { margin-right: 0px; }
#contents03 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 25px;}
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 h4 {font-size: 16px;line-height: 1.33;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 11px;position: relative;text-align: center;}
#contents03 .inner-Box2 p.ltext {font-size: 14px;line-height: 1.9;font-weight: 400;letter-spacing: 0.7px;margin: 0 16px 30px;position: relative;}
#contents03 .inner-Box2 h4 span {display: block;font-size: 14px;margin-top: -1px;}

#contents03 .inner-Box2 h5 {font-size: 18px;line-height: 1.75;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 0px;position: relative;text-align: center;}
#contents03 .inner-Box2 h5 span {  }

#contentsbottom {margin: 0 auto 158px;position: relative;}
#contentsbottom .inner-Box1 { margin: 0 auto 39px; position: relative; text-align: center; }
#contentsbottom .inner-Box1 h2 { margin-bottom: 20px; }
#contentsbottom .inner-Box1 h2 span { }
#contentsbottom .inner-Box1 h2 img { }
#contentsbottom .inner-Box1 h3 { font-size: 42px; line-height: 1.75; font-weight: 500; letter-spacing: 4.2px; margin-bottom: 41px; position: relative; }
#contentsbottom .inner-Box1 figure.photo { position: relative; top: 0; left: 0; margin-bottom: 36px; }
#contentsbottom .inner-Box1 figure.photo img { }
#contentsbottom .inner-Box1 h4 {font-size: 18px;line-height: 1.78;font-weight: 500;letter-spacing: 1.8px;margin-bottom: 36px;position: relative;}
#contentsbottom .inner-Box1 p.text { font-size: 16px; line-height: 2; font-weight: 400; letter-spacing: 1.6px; margin-bottom: 30px; position: relative; }

}

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

    .seo_bread_list{position: relative;z-index: 3;margin-bottom: -10.9vw!important;}

    #contentsmain {position: relative;background: url('../images/sdgs/sp-contentsmain-back01.png')no-repeat top center;padding-bottom: 84.54vw;background-size: 100% auto;padding-top: 29vw;margin-bottom: -60.5vw;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;background: #fff;}
    #contentsmain .inner-Box h2 {text-align: center;position: relative;top: -11vw;margin: 0 9.6vw -3.57vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inner-Box h3 {font-size: 5.31vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.42vw;margin-bottom: 1.42vw;position: relative;text-align: center;color: #005289;}
    #contentsmain .inBox1 {margin: 0 2.5vw -3.39vw;position: relative;}
    #contentsmain .inBox1 figure.photo {position: relative;top: 0;right: 0vw;margin: 0 -2.5vw 4.8vw;}
    #contentsmain .inBox1 figure.photo img{  }
    #contentsmain .inBox1 h4 {font-size: 3.86vw;line-height: 1.95;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 3.1vw;position: relative;}
    #contentsmain .inBox1 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;}
    #contentsmain .inBox2 {position: relative;padding: 0 0 3.44vw 0vw;}
    #contentsmain .inBox2 figure.photo02 {position: relative;top: 0vw;left: 0vw;margin-bottom: 3.8vw;}
    #contentsmain .inBox2 figure.photo02 img{  }
    #contentsmain .inBox2 p.text2 {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.19vw;margin: 0 2.5vw 7.25vw;position: relative;}
    
    .backk{background: #fff;margin-bottom: -8.36vw;}
    .backk2{margin: 0 4vw;background: #fff;position: relative;top: 0vw;padding-bottom: 12.8vw;}
    
    #contents00 {margin: 0 auto 10.19vw;position: relative;}
    #contents00 .inner-Box {position: relative;}
    #contents00 .inner-Box h2 {font-size: 5.80vw;line-height: 1.65;font-weight: 700;letter-spacing: 0.58vw;margin-bottom: 0.0vw;position: relative;background: #005289;color: #fff;text-align: center;padding: 4.64vw 0 3.94vw 0;}
    #contents00 .inner-Box figure.img {position: relative;top: 0;left: 0;text-align: center;padding: 7.24vw 2.6vw 0;}
    #contents00 .inner-Box figure.img img{  }
    
    #contents01 {margin: 0 auto 9.66vw;position: relative;background: #F2F2F2;}
    #contents01 span.no {display: block;line-height: 1;margin: 0 0 -1vw;}
    #contents01 span.no img {  }
    #contents01 .inner-Box1 {margin: 0 2.5vw 9.49vw;position: relative;text-align: center;border-bottom: 0.48vw solid #1A1A1A;padding: 4.35vw 0 0;}
    #contents01 .inner-Box1 h2 {font-size: 5.80vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.58vw;margin-bottom: 3.41vw;position: relative;color: #005289;}
    #contents01 .inner-Box1 h3 {font-size: 4.35vw;line-height: 1.89;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 1.69vw;position: relative;}
    #contents01 .inner-Box1 p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin: 0 4vw 3.8vw;position: relative;text-align: left;}
    #contents01 .inner-Box2 {margin: 0 6.5vw;position: relative;}
    #contents01 .inner-Box2 ul{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 .inner-Box2 ul li {position: relative;background: #FFFFFF;margin: 0 0 7.6vw;}
    #contents01 .inner-Box2 ul li:nth-child(4n) { margin-right: 0.0vw; }
    #contents01 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.74vw;}
    #contents01 .inner-Box2 figure.photo img{  }
    #contents01 .inner-Box2 h4 {font-size: 3.86vw;line-height: 1.33;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 0.16vw;position: relative;text-align: center;}
    #contents01 .inner-Box2 p.ltext {font-size: 3.38vw;line-height: 1.86;font-weight: 400;letter-spacing: 0.17vw;margin: 0 4.56vw 8.15vw;position: relative;}
    #contents01 .inner-Box2 h4 span {display: block;font-size: 3.38vw;margin-top: 0vw;}
    
    #contents02 {margin: 0 auto 9.66vw;position: relative;background: #F2F2F2;}
    #contents02 span.no {display: block;line-height: 1;margin: 0 0 -1vw;}
    #contents02 span.no img {  }
    #contents02 .inner-Box1 {margin: 0 2.5vw 9.49vw;position: relative;text-align: center;border-bottom: 0.48vw solid #1A1A1A;padding: 4.35vw 0 0;}
    #contents02 .inner-Box1 h2 {font-size: 5.80vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.58vw;margin-bottom: 3.41vw;position: relative;color: #005289;}
    #contents02 .inner-Box1 h3 {font-size: 4.35vw;line-height: 1.89;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 1.69vw;position: relative;}
    #contents02 .inner-Box1 p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin: 0 4vw 3.8vw;position: relative;text-align: left;}
    #contents02 .inner-Box2 {margin: 0 6.5vw;position: relative;}
    #contents02 .inner-Box2 ul{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;}
    #contents02 .inner-Box2 ul li {position: relative;background: #FFFFFF;margin: 0 0 7.6vw;padding-bottom: 11vw;}
    #contents02 .inner-Box2 ul li:nth-child(4n) { margin-right: 0.0vw; }
    #contents02 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.74vw;}
    #contents02 .inner-Box2 figure.photo img{  }
    #contents02 .inner-Box2 h4 {font-size: 3.86vw;line-height: 1.33;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 0.16vw;position: relative;text-align: center;}
    #contents02 .inner-Box2 p.ltext {font-size: 3.38vw;line-height: 1.86;font-weight: 400;letter-spacing: 0.17vw;margin: 0 4.56vw 8.15vw;position: relative;}
    #contents02 .inner-Box2 h4 span {display: block;font-size: 3.38vw;margin-top: 0vw;}
    
    #contents03 {margin: 0 auto 9.66vw;position: relative;background: #F2F2F2;padding-bottom: 18vw;}
    #contents03 span.no {display: block;line-height: 1;margin: 0 0 -1vw;}
    #contents03 span.no img {  }
    #contents03 .inner-Box1 {margin: 0 2.5vw 9.49vw;position: relative;text-align: center;border-bottom: 0.48vw solid #1A1A1A;padding: 4.35vw 0 0;}
    #contents03 .inner-Box1 h2 {font-size: 5.80vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.58vw;margin-bottom: 3.41vw;position: relative;color: #005289;}
    #contents03 .inner-Box1 h3 {font-size: 4.35vw;line-height: 1.89;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 1.69vw;position: relative;}
    #contents03 .inner-Box1 p.text {font-size: 3.38vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin: 0 4vw 3.8vw;position: relative;text-align: left;}
    #contents03 .inner-Box2 {margin: 0 6.5vw;position: relative;}
    #contents03 .inner-Box2 ul{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-bottom: 5.6vw;}
    #contents03 .inner-Box2 ul li {position: relative;background: #FFFFFF;margin: 0 0 7.6vw;padding-bottom: 10vw;}
    #contents03 .inner-Box2 ul li:nth-child(4n) { margin-right: 0.0vw; }
    #contents03 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.74vw;}
    #contents03 .inner-Box2 figure.photo img{  }
    #contents03 .inner-Box2 h4 {font-size: 3.86vw;line-height: 1.33;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 0.16vw;position: relative;text-align: center;}
    #contents03 .inner-Box2 p.ltext {font-size: 3.38vw;line-height: 1.86;font-weight: 400;letter-spacing: 0.17vw;margin: 0 4.56vw 8.15vw;position: relative;}
    #contents03 .inner-Box2 h4 span {display: block;font-size: 3.38vw;margin-top: 0vw;}
    
    #contents03 .inner-Box2 h5 {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.22vw;margin-bottom: 0.0vw;position: relative;text-align: left;}
    #contents03 .inner-Box2 h5 span {  }


#contentsbottom {margin: 0 auto 23.68vw;position: relative;}
#contentsbottom .inner-Box1 { margin: 0 auto 9.42vw; position: relative; text-align: center; }
#contentsbottom .inner-Box1 h2 { margin: 0 25.6vw 4.95vw 26vw; }
#contentsbottom .inner-Box1 h2 span { }
#contentsbottom .inner-Box1 h2 img { }
#contentsbottom .inner-Box1 h3 { font-size: 6.28vw; line-height: 1.65; font-weight: 500; letter-spacing: 0.63vw; margin-bottom: 5.39vw; position: relative; }
#contentsbottom .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin: 0 4.1vw 11.04vw;}
#contentsbottom .inner-Box1 figure.photo img { }
#contentsbottom .inner-Box1 h4 { font-size: 4.35vw; line-height: 1.78; font-weight: 500; letter-spacing: 0.43vw; margin-bottom: 7.6vw; position: relative; }
#contentsbottom .inner-Box1 p.text {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.39vw;margin: 0 6vw 7.25vw;position: relative;}




}