@charset "UTF-8";

/*　　　base　　　*/
.note {
    font-size: 1.2rem;
    line-height: 1.4em;
	word-break: break-all;
	margin-bottom: 10px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.bold {
	font-weight: bold;
}

.f10 {
    font-size: 10px;
	line-height: 1.5;
}
.sp {
	display: none;
}

/*------------------------------------------
　 　　　　　sdgsVol2
　------------------------------------------*/
div#sukoyakaInner.pt {
    padding: 5px 0 0 0;
}
#sdgsVol4 .date{
	font-size: 10px;
	text-align: center;
	margin-bottom: 50px;
	font-weight: bold;
}
/*　　　section01　　　*/
#sdgsVol4 .section01{
	margin-bottom: 80px;
}
/*　　　icon　　　*/
#sdgsVol4 .iconblock{
/*	display: table;*/
}
#sdgsVol4 .iconl1{
/*
	padding-top: 25px !important;
	margin-bottom: 12px !important;
*/
}
#sdgsVol4 .icon_a1{
	background: url(../images/sdgs/vol1/icon1_1_pc.png) no-repeat center left;
	padding-left: 77px;
	min-height: 80px;
	padding-top: 10px;
	margin-bottom: 30px;
    position: relative;
}
#sdgsVol4 .icon_a2{
	background: url(../images/sdgs/vol1/icon1_2_pc.png) no-repeat center left;
	padding-left: 77px;
	min-height: 80px;
	padding-top: 10px;
	margin-bottom: 30px;
    position: relative;
}
#sdgsVol4 .icon_a3{
	background: url(../images/sdgs/vol1/icon1_3_pc.png) no-repeat center left;
	padding-left: 77px;
	min-height: 80px;
	padding-top: 10px;
	margin-bottom: 30px;
    position: relative;
}
#sdgsVol4 .icon_b1{
	background: url(../images/sdgs/vol1/icon2_1_pc.png) no-repeat center left;
	padding-left: 77px;
	min-height: 80px;
	padding-top: 10px;
	margin-bottom: 30px;
    position: relative;
}
#sdgsVol4 .icon_b2{
	background: url(../images/sdgs/vol1/icon2_2_pc.png) no-repeat center left;
	padding-left: 77px;
	min-height: 80px;
	padding-top: 10px;
	margin-bottom: 30px;
    position: relative;
}
#sdgsVol4 .icon_b3{
	background: url(../images/sdgs/vol1/icon2_3_pc.png) no-repeat center left;
	padding-left: 77px;
	min-height: 80px;
	padding-top: 10px;
	margin-bottom: 30px;
    position: relative;
}
#sdgsVol4 .icon_c1{
	background: url(../images/sdgs/vol1/icon3_1_pc.png) no-repeat center left;
	padding-left: 77px;
	min-height: 80px;
	padding-top: 10px;
	margin-bottom: 30px;
    position: relative;
}
#sdgsVol4 .icon_c2{
	background: url(../images/sdgs/vol1/icon3_2_pc.png) no-repeat center left;
	padding-left: 77px;
	min-height: 80px;
	padding-top: 10px;
	margin-bottom: 30px;
    position: relative;
}

/*　　　別ウィンドウ　　　*/
#sdgsVol4 a,#sdgsVol1 a[target="_blank"]{
    color: #009563;
    text-decoration: underline;
}
#sdgsVol4 a[target="_blank"]:after {
    content: url(../images/guide6/icon_blank_pc.png);
    margin: 0 3px;
}
#sdgsVol4 a.iconnone[target="_blank"]:after {
    content: none !important;
    margin: 0 !important;
}

@media screen and (min-width: 768px) {
.iconmb1 {
	margin-bottom: 60px !important;
}
.iconmb2 {
	margin-bottom: 40px !important;
}
#sdgsVol4 .icon_a1 span.textblock,
#sdgsVol4 .icon_a2 span.textblock,
#sdgsVol4 .icon_a3 span.textblock,
#sdgsVol4 .icon_b1 span.textblock,
#sdgsVol4 .icon_b2 span.textblock,
#sdgsVol4 .icon_b3 span.textblock,
#sdgsVol4 .icon_c1 span.textblock,
#sdgsVol4 .icon_c2 span.textblock{
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-bottom: 15px;
}

#sdgsVol4 .height1{
	height: 260px;
}
#sdgsVol4 .height2{
	height: 130px;
}
#sdgsVol4 .height3{
	height: 150px;
}

}
#sdgsVol4 .icon_greenb{
	color: #00973b;
	font-weight: bold;
}
#sdgsVol4 .textred{
	color: #970b31;
	font-weight: bold;
}
#sdgsVol4 .textgreen_u{
	color: #00964b;
	font-weight: bold;
	text-decoration: underline;
}
/*　　　section02　　　*/
#sdgsVol4 .section02{
	position: relative;
	margin-bottom: 100px;
}
#sdgsVol4 .section02 h2{
	margin-bottom: 40px;
}
#sdgsVol4 .section02 .illust2_pc{
	position: absolute;
	bottom: 0;
	right: 0;
}

/*　　　section03　　　*/
#sdgsVol4 .section03{
	margin-bottom: 100px;
}
#sdgsVol4 .section03 h2{
	margin-bottom: 40px;
}
#sdgsVol4 .section03 .sdgs6Block{
	background: #f9f0f3;
	margin-bottom: 45px;
	padding-bottom: 10px;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li{
	float: left;
	box-sizing: border-box;
}

#sdgsVol4 .section03 .sdgs6Block .titleblock li:first-child{
	width: 170px;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:first-child img{
	padding: 0 20px 20px 0;
	background: #fff;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child{
	width: 535px;
	padding: 25px 0 0 20px;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child .title{
	font-size: 20px;
	line-height: 35px;
	font-weight: bold;
	color: #970b31;
	letter-spacing: 1px;
	margin-top: 24px;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child .title span{
	font-size: 80%;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child .titlenote{
	font-size: 10px;
	margin-top: 5px;
}
#sdgsVol4 .section03 .sdgs6Block .titlenote_sp{
	display: none;
}
#sdgsVol4 .section03 .sdgs6Block .subtitle{
	font-size: 16px;
	margin: 20px 50px 5px;
}
#sdgsVol4 .section03 .sdgs6Block .subtitle span{
	color: #970b31;
}

#sdgsVol4 .section03 .sdgs6Block .targetList{
	margin: 5px 50px 20px;
	border-top: 1px solid #000;
}
#sdgsVol4 .section03 .sdgs6Block .targetList dl{
	margin: 10px 0 10px;
	border-bottom: 1px dotted #000;
}
#sdgsVol4 .section03 .sdgs6Block .targetList dl:after{
	visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#sdgsVol4 .section03 .sdgs6Block .targetList dl.bordernone{
	border-bottom: 1px solid #000;
}
#sdgsVol4 .section03 .sdgs6Block .targetList dl dt{
	width: 65px;
	float: left;
	box-sizing: border-box;
	padding: 10px 0;
	color: #970b31;
/*	font-weight: bold;*/
	font-size: 19px;
	line-height: 1.5;
	font-family: 'DIN Alternate',sans-serif;
}
#sdgsVol4 .section03 .sdgs6Block .targetList dl dd{
	border-left: 1px solid #000;
	width: 550px;
	float: left;
	box-sizing: border-box;
	padding: 10px 0 10px 25px;
	margin-bottom: 10px;
}

.sdgscolorBlock1{
	background: url(../images/sdgs/line1.png) no-repeat top center,
				url(../images/sdgs/line2.png) no-repeat bottom center;
	padding: 15px 0;
	margin-bottom: 25px;
}

.sdgscolorBlock1 .innerblock{
	background: url(../images/sdgs/line3.png) repeat-y center left,
				url(../images/sdgs/line4.png) repeat-y center right;
	padding: 28px 25px 1px;
}
.sdgscolorBlock1 .innerblock h3{
	margin-bottom: 60px;
}
.sdgscolorBlock1 .innerblock p{
	margin-bottom: 30px;
}
.sdgscolorBlock1 .innerblock .imgClm2{
	margin-bottom: 20px;
}
.sdgscolorBlock1 .innerblock .imgClm2 li{
	width: 316px;
	float: left;
}
.sdgscolorBlock1 .innerblock .imgClm2 li:last-child{
	margin-left: 30px;
}
/*　　　section3　
/*　　　section04　　　*/
#sdgsVol4 .section04 .sdgscolorBlock1{
	margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
#sdgsVol4 .section04 .photoblock{
	position: relative;
	height: 635px;
}
#sdgsVol4 .section04 .photo1_pc {
	margin-bottom: 10px;
}
#sdgsVol4 .section04 .photoblock .photo1_text1{
	position: absolute;
	left: 355px;
	top: 0;
}
#sdgsVol4 .section04 .photoblock .photo1_2_pc{
	position: absolute;
	right: 0;
	top: 163px;
}
#sdgsVol4 .section04 .photoblock .photo2_text1{
	position: absolute;
	left: 200px;
	top: 543px;
}
.sdgscolorBlock2 .photo4_pc{
	position: relative;
	height: 110px;
}
.sdgscolorBlock2 .photo4_pc img{
	position: absolute;
    top: -140px;
    left: 0;
}
.sdgscolorBlock2 .photo4_pc .cap{
	position: absolute;
    bottom: 19px;
    left: 290px;
}
}
/*　　　section05　　　*/

.sdgscolorBlock2{
	background: url(../images/sdgs/vol1/line1.png) no-repeat top center,
				url(../images/sdgs/vol1/line2.png) no-repeat bottom center;
	padding: 15px 0;
	margin-bottom: 25px;
}

.sdgscolorBlock2 .innerblock{
	background: url(../images/sdgs/vol1/line3.png) repeat-y center left,
				url(../images/sdgs/vol1/line4.png) repeat-y center right;
	padding: 28px 25px 1px;
	position: relative;
}
.sdgscolorBlock2 .innerblock h3{
	margin-bottom: 37px;
}
.sdgscolorBlock2 .innerblock p{
	margin-bottom: 20px;
}
.sdgscolorBlock2 .innerblock .imgClm2_2{
/*	margin-bottom: 44%;*/
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li{
    width: 395px;
    float: left;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li .cap{
	margin-top: 10px;
	line-height: 1.4;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li.center{
	text-align: center;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li:first-child{
	padding-top: 15px;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li:last-child{
	float: right;
    width: 240px;
}
.sdgscolorBlock2 .photo3{
	position: absolute;
    top: 570px;
    left: 25px;
}

.note.indent1{
	text-indent: -2em;
	margin-left: 2em;
}
.mb30 {
    margin-bottom: 30px !important;
}

@media screen and (max-width: 767px) {
.pc{
	display: none;
}

.sp {
	display: block;
}

#sdgsIndex img{
	width: 100%;
}
.note {
    margin-bottom: 20px !important;
}
/*------------------------------------------
　 　　　　　sdgsVol2
　------------------------------------------*/
div#sukoyakaInner.pt {
    padding: 0 0 0 0;
}
div#sukoyakaContents #sukoyakaInner.pt {
    padding: 0 0 0 0;
}
#sdgsVol4 .date{
	font-size: 12px;
	text-align: center;
	margin-bottom: 25px;
}
/*　　　section01　　　*/
#sdgsVol4 .section01{
	margin-bottom: 50px;
}
#sdgsVol4 .section01 .fukidashi1{
	width: 98%;
	margin: 0 auto 20px;
}
/*　　　icon　　　*/
#sdgsVol4 .iconl1{
/*
	padding-top: 0 !important;
	margin-bottom: 20px !important;
*/
}
#sdgsVol4 .iconl1_sp{
	padding-top: 15px !important;
	margin-bottom: 12px !important;
}
#sdgsVol4 .icon_a1{
	background: url(../images/sdgs/vol1/icon1_1_sp.png) no-repeat top left;
	background-size: 50px 64px;
	padding-left: 60px;
	min-height: 64px;
	padding-top: 0;
	margin-bottom: 20px;
}
#sdgsVol4 .icon_a2{
	background: url(../images/sdgs/vol1/icon1_2_sp.png) no-repeat top left;
	background-size: 50px 64px;
	padding-left: 60px;
	min-height: 64px;
	padding-top: 0;
	margin-bottom: 20px;
}
#sdgsVol4 .icon_a3{
	background: url(../images/sdgs/vol1/icon1_3_sp.png) no-repeat top left;
	background-size: 50px 64px;
	padding-left: 60px;
	min-height: 64px;
	padding-top: 0;
	margin-bottom: 20px;
}
#sdgsVol4 .icon_b1{
	background: url(../images/sdgs/vol1/icon2_1_sp.png) no-repeat top left;
	background-size: 50px 64px;
	padding-left: 60px;
	min-height: 64px;
	padding-top: 0;
	margin-bottom: 20px;
}
#sdgsVol4 .icon_b2{
	background: url(../images/sdgs/vol1/icon2_2_sp.png) no-repeat top left;
	background-size: 50px 64px;
	padding-left: 60px;
	min-height: 64px;
	padding-top: 0;
	margin-bottom: 20px;
}
#sdgsVol4 .icon_b3{
	background: url(../images/sdgs/vol1/icon2_3_sp.png) no-repeat top left;
	background-size: 50px 64px;
	padding-left: 60px;
	min-height: 64px;
	padding-top: 0;
	margin-bottom: 20px;
}
#sdgsVol4 .icon_c1{
	background: url(../images/sdgs/vol1/icon3_1_sp.png) no-repeat top left;
	background-size: 50px 64px;
	padding-left: 60px;
	min-height: 64px;
	padding-top: 0;
	margin-bottom: 20px;
}
#sdgsVol4 .icon_c2{
	background: url(../images/sdgs/vol1/icon3_2_sp.png) no-repeat top left;
	background-size: 50px 64px;
	padding-left: 60px;
	min-height: 64px;
	padding-top: 0;
	margin-bottom: 20px;
}
#sdgsVol4 .icon_a1 span.textblock, #sdgsVol4 .icon_a2 span.textblock, #sdgsVol4 .icon_a3 span.textblock, #sdgsVol4 .icon_b1 span.textblock, #sdgsVol4 .icon_b2 span.textblock, #sdgsVol4 .icon_b3 span.textblock, #sdgsVol4 .icon_c1 span.textblock, #sdgsVol4 .icon_c2 span.textblock {
    line-height: 1.6;
}
#sdgsVol4 .icon_blueb{
	color: #0083ff;
	font-weight: bold;
}
/*　　　section02　　　*/
#sdgsVol4 .section02{
	position: relative;
	margin-bottom: 50px;
}
#sdgsVol4 .section02 h2{
	margin-bottom: 20px;
}
#sdgsVol4 .section02 .illust2_pc{
	position: static;
	width: 95%;
	margin: 0 auto 20px;
}
#sdgsVol4 .section02 .indent{
	text-indent: -2em;
	margin-left: 2em;
}

/*　　　section03　　　*/
#sdgsVol4 .section03{
	margin-bottom: 50px;
}
#sdgsVol4 .section03 .sdgs6Block{
	background: #f9f0f3;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

#sdgsVol4 .section03 .sdgs6Block .titleblock li:first-child{
	width: 25%;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:first-child img{
	padding: 0 0 0 0;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child{
	width: 75%;
	padding: 0 0 0 10px;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child .subtitle1{
	width: 95px;
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child .title{
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0;
	margin-top: 10px;
	padding-right: 10px;
/*
	text-indent: -1em;
	margin-left: 1em;
*/
}
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child .titlenote{
	display: none;
}
#sdgsVol4 .section03 .sdgs6Block .titlenote_sp{
	font-size: 11px;
	margin: 10px 5px;
	display: block;
}
#sdgsVol4 .section03 .sdgs6Block .subtitle{
	font-size: 12px;
	font-weight: bold;
	margin: 20px 10px 5px;
}

#sdgsVol4 .section03 .sdgs6Block .targetList{
	margin: 5px 10px 20px;
}
#sdgsVol4 .section03 .sdgs6Block .targetList dl{
	margin: 5px 0 10px;
}
#sdgsVol4 .section03 .sdgs6Block .targetList dl dt{
	width: 10%;
	padding: 5px 0;
	font-size: 15px;
	line-height: 1.5;
}
#sdgsVol4 .section03 .sdgs6Block .targetList dl dd{
	width: 80%;
	padding: 5px 0 5px 5px;
	margin-bottom: 5px;
	font-size: 11px;
}

/*　　　section04　　　*/
#sdgsVol4 .section04 .sdgscolorBlock1{
	margin-bottom: 45px;
}
.sdgscolorBlock1 .innerblock{
	padding: 10px 10px 1px;
}
.sdgscolorBlock1 .innerblock h3 {
    margin-bottom: 30px;
}
#sdgsVol4 .section04 .photo1_pc{
	margin: 10px 0;
}
#sdgsVol4 .section04 .photo1_2_pc{
	margin: 0 0 10px;
}
#sdgsVol4 .section05 .photo4_pc img{
	margin: 0 0 10px;
}
.sdgscolorBlock1 .innerblock .photo2_text1 {
    margin-bottom: 10px !important;
}

/*　　　section05　　　*/

.sdgscolorBlock2{
	background: url(../images/sdgs/vol1/line1.png) no-repeat top center/95% 1px,
				url(../images/sdgs/vol1/line2.png) no-repeat bottom center/95% 1px;
	padding: 10px 0;
	margin-bottom: 50px;
}
.sdgscolorBlock2 .innerblock{
	background: url(../images/sdgs/vol1/line3.png) repeat-y center left/1px 95%,
				url(../images/sdgs/vol1/line4.png) repeat-y center right/1px 95%;
	padding: 10px 10px 1px;
}
.sdgscolorBlock2 .innerblock h3{
	margin-bottom: 30px;
}
.sdgscolorBlock2 .innerblock p{
	margin-bottom: 15px;
}
.sdgscolorBlock2 .innerblock .imgClm2_2{
	margin-bottom: 5px;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li{
	width: 100%;
	float: none;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li:last-child{
	width: 100%;
	float: none;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li .cap{
	margin-top: 10px;
	margin-bottom: 20px;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li.center{
	width: 85%;
	margin: 0 auto !important;
}
.sdgscolorBlock2 .innerblock .imgClm2_2 li:last-child{
	margin-left: 0;
	margin-bottom: 15px;
}
.sdgscolorBlock2 .innerblock .note.indent{
	text-indent: -2em;
	margin-left: 2em;
}
.sdgscolorBlock2 .photo3 {
    position: relative;
    top: 0;
    left: 0;
}
.kanshu_indent{
	text-indent: -3em;
	margin-left: 3em;
}

}

@media screen and (max-width: 375px) {
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child .title{
	font-size: 12px;
}
}
@media screen and (max-width: 340px) {
#sdgsVol4 .section03 .sdgs6Block .titleblock li:last-child .title{
	font-size: 11px;
}
}