@charset "utf-8";

/*-------------------------------
	業務内容
-------------------------------*/

.Company__text{
	font-size: 2rem;
	margin-bottom: 14rem;
}

.Company-block{
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
	border-radius: 4rem;
}
.Company-block:not(:last-child){
	margin-bottom: 2.5rem;
}
.Company-block__inner{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.Company-block__body{
	width: calc(100% - (55rem + 6rem));
}
.Company-block__title{
	margin-bottom: 2.5rem;
	padding: 0;
}
.Company-block__title::before{
	content: "";
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	position: static;
}
.Company-block__title span{
	padding-left: 4rem;
}
.Company-block__image{
	width: 55rem;
	border-radius: 1.6rem;
	overflow: hidden;
}
.Company-block__image img{
	width: 100%;
}
.Company-block__text{
	color: var(--blackcolor2);
	margin-bottom: 6.5rem;
}

.Company-block:nth-of-type(2n+1){
	background: var(--graycolor);
}
.Company-block:nth-of-type(2n) .Company-block__inner{
	flex-direction: row-reverse;
}

/*----- 経営ビジョン・行動基準 */
.Company-block.-Vision .Company-block__title::before{
	width: 9.7rem;
	height: 9.7rem;
	background-image: url(../images/company/icon_vision.svg);
}
.Company-block.-Vision .Company-block__title span{
	width: calc(100% - 9.7rem);
}

/*----- 会社概要 */
.Company-block.-Aboutus .Company-block__title::before{
	width: 9.6rem;
	height: 9.8rem;
	background-image: url(../images/company/icon_aboutus.svg);
}
.Company-block.-Aboutus .Company-block__title span{
	width: calc(100% - 9.6rem);
}

/*----- 認証取得 */
.Company-block.-Certifications .Company-block__title::before{
	width: 7.6rem;
	height: 9.7rem;
	background-image: url(../images/company/icon_certifications.svg);
}
.Company-block.-Certifications .Company-block__title span{
	width: calc(100% - 7.6rem);
}

/*----- 情報セキュリティ・個人情報保護 */
.Company-block.-Security .Company-block__title::before{
	width: 7.6rem;
	height: 9.9rem;
	background-image: url(../images/company/icon_security.svg);
}
.Company-block.-Security .Company-block__title span{
	width: calc(100% - 7.6rem);
} 

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

	.Company-block__body{
		width: calc(100% - (45rem + 5rem));
	}
	.Company-block__image{
		width: 45rem;
	}

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Company-block__body{
		width: calc(100% - (37.5rem + 5rem));
	}
	.Company-block__image{
		width: 37.5rem;
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Company-block__inner,
	.Company-block:nth-of-type(2n) .Company-block__inner{
		flex-direction: column-reverse;
	}
	.Company-block__image{
		width: 100%;
		max-width: 50rem;
		margin-bottom: 5rem;
	}
	.Company-block__body{
		width: 100%;
		display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
	}
	.Company-block__title{
		justify-content: center;
	}
	.Company-block__title br{
		display: none;
	}
	.Company-block__title span{
		width: auto !important;
	}

}
@media screen and (max-width:768px){

	.Company__text{
		font-size: 3.2rem;
		font-weight: 700;
		margin-bottom: 13.5rem;
	}

	.Company-block{
		padding-top: 10rem;
		padding-bottom: 10rem;
		border-radius: 6rem;
	}
	.Company-block:not(:last-child){
		margin-bottom: 5rem;
	}
	.Company-block__inner{
		flex-direction: column;
	}
	.Company-block__body{
		width: 100%;
	}
	.Company-block__title{
		margin-bottom: 4rem;
		padding: 0;
	}
	.Company-block__image{
		width: 100%;
		border-radius: 2.4rem;
		margin-bottom: 7.6rem;
	}
	.Company-block__image img{
		width: 100%;
	}
	.Company-block__text{
		margin-bottom: 7rem;
	}

	.Company-block:nth-of-type(2n) .Company-block__inner{
		flex-direction: column;
	}

	/*----- 経営ビジョン・行動基準 */
	.Company-block.-Vision .Company-block__title::before{
		width: 12rem;
		height: 12rem;
	}
	.Company-block.-Vision .Company-block__title span{
		width: calc(100% - 12rem);
	}

	/*----- 会社概要 */
	.Company-block.-Aboutus .Company-block__title::before{
		width: 12rem;
		height: 12rem;
	}
	.Company-block.-Aboutus .Company-block__title span{
		width: calc(100% - 12rem);
	}

	/*----- 認証取得 */
	.Company-block.-Certifications .Company-block__title::before{
		width: 12rem;
		height: 12rem;
	}
	.Company-block.-Certifications .Company-block__title span{
		width: calc(100% - 12rem);
	}

	/*----- 情報セキュリティ・個人情報保護 */
	.Company-block.-Security .Company-block__title::before{
		width: 12rem;
		height: 12rem;
	}
	.Company-block.-Security .Company-block__title span{
		width: calc(100% - 12rem);
	} 

}