@charset "UTF-8";

/*******************************
 
SDGsページCss
 
*******************************/
.sdgs section{
	padding: 50px 0;
    margin-bottom: 90px;
}
.sdgs section.last{
	margin-bottom: 0;
}
.sdgs h3.declaration{
	margin: 50px auto;
    font-weight: bold;
    color: #044484;
    font-size: 38px;
    position: relative;
    line-height: 1;
    margin-bottom: 100px;
}
.sdgs h3.declaration:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    display: inline-block;
    width: 120px;
    height: 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #044484;
}
.sdgs .bg-gray{
	background: #e4e9ec;
}
.sdgs .sec02 .item{
	border-bottom: solid 1px #000;
    margin-bottom: 70px;
}
.sdgs .sec02 .item:last-child{
	border-bottom: none;
    margin-bottom: 0;
}
.sdgs .sec02 .item .head{
	font-size: 120%;
    font-weight: bold;
    color: #044484;
	margin-bottom: 30px;
}
.sdgs .sec02 .detail{
    margin-bottom: 50px;
}
.sdgs .sec02 .detail:last-child{
    border-bottom: none;
	padding-bottom: 0;
}
.sdgs .sec02 .detail .icon{
	margin-bottom: 20px;
    margin-right: -20px;
}
.sdgs .sec02 .detail .icon-img{
	padding-right: 20px;
    width: 15%;
}
.sdgs .sec03 .img{
	width: 30%;
	margin: 0 auto;
    padding: 0;
	border: solid 1px #A6A6A6;
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
	
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
	.sdgs section{
		margin-bottom: 60px;
	}
	.sdgs h3.declaration{
		margin: 30px auto;
	}
	.sdgs .sec02 .item {
		margin-bottom: 50px;
	}
	.sdgs .sec02 .detail {
		margin-bottom: 30px;
	}
	.sdgs .sec02 .detail .icon-img {
		width: 33.3333%;
	}
}