@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@400;600&display=swap');

/******************** 全体 ********************/
.container {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

/******************** 全体 ********************/





/******************** セカンドトップ ********************/
.cover {
	position: relative;
	width: 100%;
	/* height: 360px; */
	z-index: 2;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cover:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: -2;
}

.cover .container {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.entry_title {
	font-size: 2rem;
	font-weight: normal;
	letter-spacing: 0;
	position: relative;
	margin-bottom: 3rem;
}
@media screen and (max-width: 600px) {
	.entry_title{
		font-size: 1.5rem;
	}
}

.bg_about {
	background-image: url(../img/page_second/bg_about.jpg);
}

.bg_project {
	background-image: url(../img/page_second/bg_project.jpg)
}

.bg_work {
	background-image: url(../img/page_second/bg_work.jpg)
}

.bg_case {
	background-image: url(../img/page_second/bg_case.jpg)
}

.bg_contact {
	background-image: url(../img/page_second/bg_contact.jpg)
}

.bg_news {
	background-image: url(../img/page_second/bg_news.jpg)
}

.bg_other {
	background-image: url(../img/page_second/bg_other.jpg)
}

/******************** セカンドトップ ********************/





/******************** 施工事例一覧 ********************/
.container.case_area {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

/******************** 施工事例一覧 ********************/





/******************** 施工事例詳細 ********************/
.editor .case_table.is-style-t_2-8 table td:nth-child(2n+1){
	background-color: #1d4a9f;
	color: #fff;
}
.editor .case_img{
	text-align: center;
}

.editor .case_img img{
	height: 300px;
	object-fit: cover;
}

/******************** 施工事例詳細 ********************/





/******************** 私たちの仕事 ********************/
@media screen and (max-width: 600px) {
	.work .editor .wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
}

/******************** 私たちの仕事 ********************/