@charset "UTF-8";


.top-bg {
	background: linear-gradient(rgba(255, 255, 255, .9),  rgba(255, 255, 255, .9)), url(/assets/images/common/top-bg-02.png) no-repeat top center / cover;
}
.top-bg02 {
	background: #FAF6DF;
	mix-blend-mode: multiply;
}

.about-bg {
	background: linear-gradient(rgba(255, 255, 255, .7),  rgba(255, 255, 255, .7)), url(/assets/images/about/about-bg.png) no-repeat bottom center / contain;
}
.about-table ,.aid-table {
	width: 100%;
}

.sdgs-ph {
	width: 100px;
}

.icon01 {
	border-radius: 0 20px 20px 0;
	width: fit-content;
}
.blog-box {
	position: relative;
}
.blog-box a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
}

.blog-box a:hover{
	background-color:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.pro-title {
    background: url(/assets/images/about/project-icon01.svg) no-repeat left top / 60px 50px;
    padding: 0 0 5px 75px;
    height: 65px;
    line-height: 60px;
    border-bottom: dotted 2px #999;
    margin-bottom: 10px;
}

.btn-eva a {
	display: block;
	width: 100%;
    background: url(/assets/images/common/arrow-gray.svg) no-repeat right center / 20px 20px;
    padding: 15px 0;
    border-bottom: dotted 3px #999;
}

.blog-ph {
	height: 220px;
}
.blog-ph img {
	border-radius: 20px;
}

/*PCのみ*/
@media (min-width: 768px) {

	.aid-bg {
		background: linear-gradient(rgba(255, 255, 255, .7),  rgba(255, 255, 255, .7)), url(/assets/images/about/aid-bg.svg) no-repeat bottom right / 40%;
	}
	.ceo-ph {
		height: 300px;
	}

}

@media (max-width: 768px) {

	 .about-table th , .about-table td {
	 	display: block;
	 }
	.ceo-ph {
		height: 300px;
	}
	.blog-ph {
		height: 120px;
	}


}