/*------------------------------------------

はじめに

------------------------------------------*/

/*PC*/
@media screen and (min-width: 801px) {
	.about-box .column-box .img-box {
		width: 220px;
	}

	.about-box .column-box .txt-box {
		width: calc(100% - 240px);
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 800px) {
}/*END*/


/*------------------------------------------

施工事例

------------------------------------------*/
.works-box .works-post {
	width: calc(50% - 10px);
	background-color: #f8f8f8;
	border: #5da443 1px solid;
	border-bottom: #5da443 5px solid;
	padding: 15px;
	position: relative;
}

.works-box .works-post a {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s;
	z-index: 1;
}

.works-box .works-post .thum {
    width: 100%;
    height: 0;
    padding-top: 65%;
    position: relative;
    overflow: hidden;
}
.works-box .works-post .thum img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.works-box .works-post .tit {
	color: #5da443;
	font-size: 1.8rem;
	line-height: 1.3;
}
.works-box .works-post .content-txt {
	font-size: 1.4rem;
}

/*PC*/
@media screen and (min-width: 801px) {
	.works-box .works-post a:hover {
		background-color: rgba(255,255,255,.6);
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 800px) {
	.works-box .works-post {
		width: 100%;
		padding: 15px;
		margin-bottom: 20px;
	}

	.works-box .works-post .tit {
		font-size: 1.6rem;
	}
	.works-box .works-post .content-txt {
		font-size: 1.3rem;
	}
}/*END*/


/*------------------------------------------

施工事例

------------------------------------------*/
.support-box .tit {
	color: #5da443;
	font-size: 1.8rem;
	line-height: 1.3;
}

/*PC*/
@media screen and (min-width: 801px) {
	.support-box .column-box .img-box {
		width: 220px;
	}

	.support-box .column-box .txt-box {
		width: calc(100% - 240px);
		font-size: 1.4rem;
	}
}/*END*/

/*Smartphone*/
@media screen and (max-width: 800px) {
	.support-box .tit {
		font-size: 1.6rem;
	}

	.support-box .column-box .txt-box {
		font-size: 1.3rem;
	}
}/*END*/