@charset "UTF-8";
/*--------------------------------

sustainableCss

--------------------------------*/
.h-ttl01::after {
    content: url(../img/square.png);
    display: block;
    position: absolute;
    top: 35px;
    left: 25px;
}

.h-ttl01 h2 br{
    display: none;
}

/*==== tablet タブレット用css ===*/
@media screen and (max-width: 1260px) {
    .h-ttl01::after {
        top: 10px;
        left: 10px;
    }
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 768px) {
    .h-ttl01::after {
        display: none;
    }
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
	.h-ttl01 h2 br{
		display: inline;
	}
}

/*******************************
サスティナ一覧ページ
*******************************/
.sdgs .poster{
	width: 90%;
	margin: 30px auto;
}
.sdgs p{
	text-align: center;
	margin-top: 40px;
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
	.sdgs .poster{
		width: 100%;
	}
	.sdgs p{
		text-align: left;
	}
}

/*******************************
共通
*******************************/
.detail.sdgsIcon .flex.col2 > .img{
	padding: 0;
}
.detail.sdgsIcon .h-ttl02{
	text-align: left;
	position: relative;
}
.detail.sdgsIcon .h-ttl02::after {
	position: absolute;
    left: 0;
}
.detail.sdgsIcon:nth-of-type(odd) .txt{
	padding-right: 60px;
	padding-left: 20px;
}
.detail.sdgsIcon:nth-of-type(even) .txt{
	padding-left: 60px;
	padding-right: 20px;
    order: 1;
}
.detail.sdgsIcon .flex.col4{
	margin-top: 20px;
	
}
.detail.sdgsIcon .flex.col4 .item{
	margin-bottom: 20px;
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
	.detail.sdgsIcon .flex.col4 .item.sdgs{
		width: 25%;
	}
	.detail.sdgsIcon .flex.col2 .img{
		order: -1;
	}
	.detail.sdgsIcon .flex.col2 > .img,
	.detail.sdgsIcon:nth-of-type(odd) .txt,
	.detail.sdgsIcon:nth-of-type(even) .txt{
		padding: 0 20px 0 0;
	}
}