@charset "UTF-8";

/* 共通 */
#page_ttl {
	width: 100%;
	min-width: 1220px;
	height: 260px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	#page_ttl.asbestos {
		background: url(../asbestos/images/asbestos_kv.jpg) center / cover no-repeat;
	}
	#page_ttl.work {
		background: url(../asbestos/images/work_kv.jpg) center / cover no-repeat;
	}
	#page_ttl.flow {
		background: url(../asbestos/images/flow_kv.jpg) center / cover no-repeat;
	}
	#page_ttl.case {
		background: url(../asbestos/images/case_kv.jpg) center / cover no-repeat;
	}
	#page_ttl.renewal {
		background: url(../renewal/images/renewal_kv.jpg) center / cover no-repeat;
	}
	#page_ttl.about {
		background: url(../about/images/about_kv.jpg) center / cover no-repeat;
	}
	#page_ttl.recruit {
		background: url(../recruit/images/recruit_kv.jpg) center / cover no-repeat;
	}
	#page_ttl.contact {
		background: url(../contact/images/contact_kv.jpg) center / cover no-repeat;
	}
	#page_ttl h3 {
		margin: 0 0 5px;
		padding: 0;
		font-size: 24px;
		line-height: 150%;
		font-weight: 500;
		color: #E50012;
		font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	}
	#page_ttl h2 {
		margin: 0;
		padding: 0;
		font-size: 60px;
		line-height: 120%;
		font-weight: 500;
		color: #fff;
		font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	}
		#page_ttl h2 small {
			display: block;
			margin: 10px 0 0;
			padding: 0;
			font-size: 20px;
			line-height: 150%;
			font-weight: 500;
		}

/* パンくず */
#breadcrumb {
	width: 1220px;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 14px;
	line-height: 160%;
	text-align: right;
}
	#breadcrumb a,
	#breadcrumb span {
		margin: 0;
		color: #333;
		text-decoration: none;
	}
	#breadcrumb a:hover {
		text-decoration: underline;
	}


/* コンテンツ */
div.contents_in {
	width: 1220px;
	margin: 0 auto;
}

div.cont_top_txt {
	width: 900px;
	margin: 0 auto;
	padding: 35px 0 0;
}
	div.cont_top_txt p {
		margin: 20px auto 0;
		padding: 0;
	}

/* アスベスト共通 */
div.asbestos_btm_current {
	min-width: 1220px;
	margin: 0 auto;
	padding: 85px 0 75px;
	background: url(../asbestos/images/asbestos_btm_current_bg.jpg) center / cover no-repeat;
}
	div.asbestos_btm_current h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 28px;
		line-height: 150%;
		font-weight: 500;
		color: #fff;
		font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	}
	div.asbestos_btm_current ul {
		margin: 30px auto 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		div.asbestos_btm_current ul li {
			margin: 0 7px;
			padding: 0;
		}
			div.asbestos_btm_current ul li a {
				width: 270px;
				height: 70px;
				margin: 0;
				padding: 0;
				font-size: 20px;
				line-height: 180%;
				font-weight: 500;
				text-decoration: none;
				color: #333;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				transition: 0.2s linear;
				z-index: 1;
			}
				div.asbestos_btm_current ul li a:hover {
					opacity: 0.8;
				}
				div.asbestos_btm_current ul li a:before {
					position: absolute;
					content: '';
					display: block;
					width: 270px;
					height: 110%;
					margin: 0 auto;
					padding: 0;
					background: #fff;
					transform: rotate(16deg) skew(-16deg, -16deg);
					top: -5%;
					right: 0;
					z-index: -1;
				}
			div.asbestos_btm_current ul li.current a {
				color: #fff;
			}
				div.asbestos_btm_current ul li.current a:before {
					background: #E60012;
				}

/* 内装工事・会社概要共通 */
h4.cont_top_read {
	margin: 50px auto 0;
	padding: 0;
	font-size: 30px;
	line-height: 160%;
	font-weight: 500;
	color: #C0000E;
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

/* 会社概要・採用テーブル */
dl.tbl1 {
	width: 900px;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	display: flex;
	flex-wrap: wrap;
}
	dl.tbl1 dt,
	dl.tbl1 dd {
		margin: 0;
		padding: 20px;
		border-top: 1px solid #CCCCCC;
	}
	dl.tbl1 dt {
		width: 160px;
		font-weight: 500;
	}
	dl.tbl1 dd {
		width: 740px;
	}
		dl.tbl1 dd p {
			margin: 20px 0 0;
		}
			dl.tbl1 dd p:first-of-type {
				margin: 0;
			}
		dl.tbl1 dd a {
			color: #333;
			text-decoration: none;
		}
		dl.tbl1 dd a:hover {
			text-decoration: underline;
		}
		dl.tbl1 dd a.no_tel,
		dl.tbl1 dd a.no_tel:hover {
			color: #333;
			text-decoration: none;
			pointer-events: none;
		}

/*====================================
アスベストとは
=====================================*/
div.asbestos_about1 {
	padding: 70px 0 75px;
}
	div.asbestos_about1 div.asbestos_ttl {
		margin: 0 auto;
		padding: 0;
	}
		div.asbestos_about1 div.asbestos_ttl h3 {
			display: inline-block;
			margin: 0 auto;
			padding: 15px 0;
			font-size: 40px;
			line-height: 150%;
			font-weight: 500;
			color: #E50012;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
			position: relative;
		}
			div.asbestos_about1 div.asbestos_ttl h3:before {
				position: absolute;
				content: '';
				display: block;
				width: 650px;
				height: 1px;
				margin: 0;
				padding: 0;
				background: #E60012;
				top: 0;
				right: 50px;
			}
			div.asbestos_about1 div.asbestos_ttl h3:after {
				position: absolute;
				content: '';
				display: block;
				width: 650px;
				height: 1px;
				margin: 0;
				padding: 0;
				background: #E60012;
				bottom: 0;
				left: 50px;
			}
		div.asbestos_about1 div.asbestos_ttl h4 {
			margin: 10px auto 0;
			padding: 0;
			font-size: 15px;
			line-height: 120%;
			font-weight: 500;
			color: #E50012;
			font-family: 'Kiwi Maru', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
		}
div.asbestos_about2 {
	margin: 0 auto;
	padding: 65px 0 100px;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.asbestos_about2:before {
		position: absolute;
		content: '';
		display: block;
		width: 62.35%;
		height: 650px;
		margin: 0;
		padding: 0;
		background: url(../asbestos/images/asbestos_about_bg.png) left top / cover no-repeat;
		top: 0;
		right: 0;
		z-index: -1;
	}
	div.asbestos_about2 div.asbestos_about_in {
		width: 1220px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
	}
		div.asbestos_about2 div.asbestos_about_in h3 {
			margin: 0;
			padding: 0;
			font-size: 100px;
			line-height: 160%;
			font-weight: 300;
			color: #fff;
			font-style: italic;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
		}
		div.asbestos_about2 div.asbestos_about_in p {
			width: 640px;
			margin: 20px 0 0;
			padding: 0;
		}
			div.asbestos_about2 div.asbestos_about_in p:first-of-type {
				margin: 25px 0 0;
			}
		div.asbestos_about2 div.asbestos_about_in div.asbestos_about_cont {
			margin: 65px auto 0;
			padding: 0;
			display: flex;
			justify-content: center;
		}
			div.asbestos_about2 div.asbestos_about_in div.asbestos_about_cont div.about_box {
				width: 320px;
				margin: 0 27px;
				padding: 0;
				position: relative;
			}
				div.asbestos_about2 div.asbestos_about_in div.asbestos_about_cont div.about_box h4 {
					position: absolute;
					width: 260px;
					height: 60px;
					margin: 0;
					padding: 0;
					font-size: 20px;
					line-height: 180%;
					font-weight: 500;
					color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;
					bottom: -25px;
					right: 0;
					z-index: 1;
				}
					div.asbestos_about2 div.asbestos_about_in div.asbestos_about_cont div.about_box h4:after {
						position: absolute;
						content: '';
						display: block;
						width: 260px;
						height: 110%;
						margin: 0 auto;
						padding: 0;
						background: #E60012;
						transform: rotate(16deg) skew(-16deg, -16deg);
						top: -5%;
						right: 0;
						z-index: -1;
					}

div.asbestos_products {
	margin: 0 auto;
	padding: 125px 0 130px;
	position: relative;
	z-index: 1;
}
	div.asbestos_products:before,
	div.asbestos_products:after {
		position: absolute;
		content: '';
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.asbestos_products:before {
			width: 430px;
			border-top: solid 646px #E60012;
			border-right: solid 430px transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.asbestos_products:after {
			width: 711px;
			border-bottom: solid 1102px #EFF0F1;
			border-left: solid 711px transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
@media screen and (max-width:1580px) {
			div.asbestos_products:before {
				left: calc(50% - 782px);
			}
			div.asbestos_products:after {
				right: calc(50% - 780px);
			}
}
	div.asbestos_products div.asbestos_products_in {
		width: 1220px;
		margin: 0 auto;
		padding: 0;
	}
		div.asbestos_products div.asbestos_products_in div.asbestos_products_cont {
			margin: 0 auto;
			padding: 20px 0 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: flex-start;
		}
			div.asbestos_products div.asbestos_products_in div.asbestos_products_cont div.products_box {
				width: 280px;
				margin: 50px 0 0 33px;
				padding: 0;
			}
				div.asbestos_products div.asbestos_products_in div.asbestos_products_cont div.products_box:nth-of-type(4n+1) {
					margin: 50px 0 0;
				}
				div.asbestos_products div.asbestos_products_in div.asbestos_products_cont div.products_box p {
					margin: 15px auto 0;
					padding: 0;
				}
div.asbestos_bomb {
	margin: 0 auto;
	padding: 155px 0 140px;
	background: url(../asbestos/images/asbestos_bomb_bg.png) center top / cover no-repeat;
}
	div.asbestos_bomb h3.cont_ttl {
		color: #fff;
	}
		div.asbestos_bomb h3.cont_ttl span {
			border-bottom: 1px solid #fff;
		}
	div.asbestos_bomb div.cont_top_txt {
		color: #fff;
	}
	div.asbestos_bomb div.asbestos_bomb_damage {
		margin: 95px auto 0;
		padding: 0;
	}
		div.asbestos_bomb div.asbestos_bomb_damage h4 {
			margin: 0 auto;
			padding: 0;
			font-size: 30px;
			line-height: 160%;
			font-weight: 500;
			color: #C0000E;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
		}
		div.asbestos_bomb div.asbestos_bomb_damage div.damage_img {
			margin: 20px auto 0;
			padding: 0;
			position: relative;
		}
			div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box {
				position: absolute;
				width: 280px;
				height: 60px;
				margin: 0;
				padding: 0;
			}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box.box1 {
					top: 60px;
					right: 100px;
				}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box.box2 {
					top: 260px;
					left: 16px;
				}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box.box3 {
					top: 260px;
					right: 15px;
				}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box h5 {
					width: 280px;
					height: 60px;
					margin: 0;
					padding: 0;
					font-size: 20px;
					line-height: 180%;
					font-weight: 500;
					color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;
					position: relative;
					z-index: 1;
				}
					div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box h5:before {
						position: absolute;
						content: '';
						display: block;
						width: 280px;
						height: 110%;
						margin: 0 auto;
						padding: 0;
						background: #E60012;
						transform: rotate(16deg) skew(-16deg, -16deg);
						top: -5%;
						right: 0;
						z-index: -1;
					}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box p {
					width: 110%;
					margin: 5px 0 0 -5%;
					padding: 0;
					color: #fff;
					text-align: left;
				}
	div.asbestos_bomb div.asbestos_bomb_img {
		margin: 60px auto 0;
		padding: 0;
		display: flex;
	}

/*====================================
除去作業
=====================================*/
div.work_flow1 {
	min-width: 1220px;
	margin: 0 auto;
	padding: 60px 0 135px;
	position: relative;
	z-index: 1;
}
div.work_flow2 {
	min-width: 1220px;
	margin: 0 auto;
	padding: 130px 0 135px;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.work_flow1:after,
	div.work_flow2:before,
	div.work_flow2:after {
		position: absolute;
		content: '';
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.work_flow1:after {
			width: 155px;
			border-bottom: solid 239px #E60012;
			border-left: solid 155px transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
		div.work_flow2:before {
			width: 430px;
			border-top: solid 646px #E60012;
			border-right: solid 430px transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.work_flow2:after {
			width: 711px;
			border-bottom: solid 1102px #fff;
			border-left: solid 711px transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
@media screen and (max-width:1580px) {
			div.work_flow2:before {
				left: calc(50% - 782px);
			}
			div.work_flow2:after {
				right: calc(50% - 780px);
			}
}

	div.work_flow2 p.flow_top {
		margin: 60px auto 0;
		padding: 0;
	}
	div.work_flow_cont {
		margin: 0 auto;
		padding: 10px 0 0;
		display: flex;
		flex-wrap: wrap;
	}
		div.work_flow_cont div.flow_box {
			width: 360px;
			margin: 95px 0 0 70px;
			padding: 0;
			position: relative;
		}
			div.work_flow_cont div.flow_box:nth-of-type(3n+1) {
				margin: 95px 0 0 0;
			}
			div.work_flow_cont div.flow_box:after {
				position: absolute;
				content: '';
				display: block;
				width: 31px;
				height: 8px;
				margin: 0;
				background: url(../images/icon/flow_01.png) center / contain no-repeat;
				top: 128px;
				right: -50px;
			}
				div.work_flow_cont div.flow_box:nth-of-type(3n):after,
				div.work_flow_cont div.flow_box:last-of-type:after {
					display: none;
				}
			div.work_flow_cont div.flow_box h4 {
				position: absolute;
				content: '';
				display: flex;
				margin: 0;
				padding: 0;
				top: -3.4em;
				left: 0;
			}
				div.work_flow_cont div.flow_box h4 span {
					height: 65px;
					margin: 0;
					padding: 0 28px 0 17px;
					font-size: 40px;
					line-height: 160%;
					font-weight: 300;
					color: #fff;
					font-style: italic;
					font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
					display: flex;
					justify-content: center;
					align-items: center;
					position: relative;
					z-index: 1;
				}
					div.work_flow_cont div.flow_box h4 span:before {
						position: absolute;
						content: '';
						display: block;
						width: 100%;
						height: 110%;
						margin: 0 auto;
						padding: 0;
						background: #E60012;
						transform: rotate(16deg) skew(-16deg, -16deg);
						top: -5%;
						right: 0;
						z-index: -1;
					}
				div.work_flow_cont div.flow_box h4 strong {
					height: 65px;
					margin: 0;
					padding: 0 30px;
					font-size: 22px;
					line-height: 180%;
					font-weight: 300;
					color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;
					position: relative;
					z-index: 1;
				}
					div.work_flow_cont div.flow_box h4 strong:before {
						position: absolute;
						content: '';
						display: block;
						width: 100%;
						height: 110%;
						margin: 0 auto;
						padding: 0;
						background: #333;
						transform: rotate(16deg) skew(-16deg, -16deg);
						top: -5%;
						right: 0;
						z-index: -1;
					}
			div.work_flow_cont div.flow_box p {
				margin: 15px 0 0;
				padding: 0;
				text-align: left;
			}

/*====================================
依頼から処理までの流れ
=====================================*/
div.flow_cont {
	min-width: 1220px;
	margin: 0 auto;
	padding: 60px 0 100px;
}
	div.flow_cont div.flow_cont_in {
		margin: 65px auto 0;
		padding: 0;
	}
		div.flow_cont div.flow_cont_in div.flow_cont_box {
			margin: 0 auto;
			padding: 50px 0;
			display: flex;
			justify-content: center;
			align-content: flex-start;
			position: relative;
			z-index: 1;
		}
			div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(even) {
				background: #EFF0F1;
				flex-direction: row-reverse;
				z-index: -1;
			}
			div.flow_cont div.flow_cont_in div.flow_cont_box:before,
			div.flow_cont div.flow_cont_in div.flow_cont_box:after {
				position: absolute;
				content: '';
				display: block;
				width: 100%;
				height: 114%;
				margin: 0;
				padding: 0;
				top: -7%;
				z-index: -1;
			}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(odd):before {
					background: #EFF0F1;
					transform: rotate(16deg) skew(-16deg, -16deg);
					right: calc(50% + 540px);
				}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(odd):after {
					background: #E60012;
					transform: rotate(16deg) skew(-16deg, -16deg);
					left: calc(50% + 840px);
				}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(even):before {
					background: #E60012;
					transform: rotate(16deg) skew(-16deg, -16deg);
					right: calc(50% + 810px);
				}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(even):after {
					background: #fff;
					transform: rotate(16deg) skew(-16deg, -16deg);
					left: calc(50% + 571px);
				}
			div.flow_cont div.flow_cont_in div.flow_cont_box div.txt {
				width: 710px;
				margin: 0;
				padding: 0;
				text-align: left;
			}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(odd) div.txt {
					margin-right: 50px;
				}
				div.flow_cont div.flow_cont_in div.flow_cont_box div.txt dl {
					margin: 0;
					padding: 0;
					display: flex;
					align-items: flex-start;
				}
					div.flow_cont div.flow_cont_in div.flow_cont_box div.txt dl dt {
						width: 130px;
						margin: 0;
						padding: 0;
						font-size: 80px;
						line-height: 120%;
						font-weight: 300;
						color: #E60012;
						font-style: italic;
						font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
					}
					div.flow_cont div.flow_cont_in div.flow_cont_box div.txt dl dd {
						width: 580px;
						margin: 0;
						padding: 10px 0 0;
					}
						div.flow_cont div.flow_cont_in div.flow_cont_box div.txt dl dd h4 {
							margin: 0;
							padding: 0;
							font-size: 22px;
							line-height: 180%;
							font-weight: 500;
							color: #E50012;
						}
						div.flow_cont div.flow_cont_in div.flow_cont_box div.txt dl dd p {
							margin: 20px 0 0;
							padding: 0;
						}
						div.flow_cont div.flow_cont_in div.flow_cont_box div.txt dl dd p strong {
							display: block;
							font-weight: 500;
						}
			div.flow_cont div.flow_cont_in div.flow_cont_box div.img {
				width: 460px;
				margin: 0;
			}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(even) div.img {
					margin-right: 50px;
				}
			div.flow_cont div.flow_cont_in div.flow_cont_box div.arrow {
				position: absolute;
				margin: auto;
				padding: 0;
				bottom: -15px;
				left: 50%;
				transform: translateX(-50%);
				-webkit- translateX(-50%);
				z-index: 3;
			}

/*====================================
施工事例
=====================================*/
div.case_cont {
	min-width: 1220px;
	margin: 0 auto;
	padding: 0 0 140px;
	position: relative;
	z-index: 1;
}
	div.case_cont:before,
	div.case_cont:after {
		position: absolute;
		content: '';
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.case_cont:before {
			width: 430px;
			border-top: solid 646px #E60012;
			border-right: solid 430px transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.case_cont:after {
			width: 711px;
			border-bottom: solid 1102px #E60012;
			border-left: solid 711px transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
@media screen and (max-width:1580px) {
			div.case_cont:before {
				left: calc(50% - 782px);
			}
			div.case_cont:after {
				right: calc(50% - 780px);
			}
}
	div.case_cont span.trapezoid {
		position: absolute;
		content: '';
		display: block;
		width: 5px;
		height: 350px;
		margin: 0;
		padding: 0;
		background: #E60012;
		transform: rotate(16.5deg) skew(-16.5deg, -16.5deg);
		top: 1200px;
		left: calc(50% + 700px);
		z-index: -1;
	}

	div.case_cont div.case_cont_in {
		width: 1220px;
		margin: 0 auto;
		padding: 10px 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		div.case_cont div.case_cont_in div.case_cont_box {
			width: 560px;
			margin: 60px 0 0 40px;
			padding: 20px 0 0;
			text-align: left;
			background: #EFF0F1;
		}
			div.case_cont div.case_cont_in div.case_cont_box h4 {
				display: inline-block;
				height: 60px;
				margin: 0 0 0 -13px;
				padding: 12px 60px;
				font-size: 20px;
				line-height: 180%;
				font-weight: 500;
				color: #fff;
				position: relative;
				z-index: 1;
			}
				div.case_cont div.case_cont_in div.case_cont_box h4:before {
					position: absolute;
					content: '';
					display: block;
					width: 100%;
					height: 110%;
					margin: 0;
					padding: 0;
					background: #E60012;
					transform: rotate(16deg) skew(-16deg, -16deg);
					top: -5%;
					left: 0;
					z-index: -1;
				}
			div.case_cont div.case_cont_in div.case_cont_box h5 {
				margin: 25px 0 0;
				padding: 0 30px;
				font-size: 18px;
				line-height: 180%;
				font-weight: 500;
			}
			div.case_cont div.case_cont_in div.case_cont_box div.case_detail {
				margin: 10px 0 0;
				padding: 0 30px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: flex-start;
			}
				div.case_cont div.case_cont_in div.case_cont_box div.case_detail div.img {
					width: 240px;
					margin: 0;
					padding: 0;
				}
					div.case_cont div.case_cont_in div.case_cont_box div.case_detail div.img img {
						width: 100%;
						height: auto;
					}
				div.case_cont div.case_cont_in div.case_cont_box div.case_detail dl {
					width: 230px;
					margin: 0;
					padding: 0;
					display: flex;
					flex-wrap: wrap;
				}
					div.case_cont div.case_cont_in div.case_cont_box div.case_detail dl dt,
					div.case_cont div.case_cont_in div.case_cont_box div.case_detail dl dd {
						margin: 0;
						padding: 10px 0;
						font-size: 15px;
						line-height: 180%;
						border-bottom: 1px solid #CCCCCC;
					}
					div.case_cont div.case_cont_in div.case_cont_box div.case_detail dl dt {
						width: 3em;
					}
					div.case_cont div.case_cont_in div.case_cont_box div.case_detail dl dd {
						width: calc(100% - 3em);
					}
				div.case_cont div.case_cont_in div.case_cont_box div.case_detail p {
					width: 100%;
					margin: 20px 0 0;
					padding: 0;
				}
			div.case_cont div.case_cont_in div.case_cont_box ul {
				margin: 30px 0 0;
				padding: 0;
				list-style: none;
				display: flex;
			}
				div.case_cont div.case_cont_in div.case_cont_box ul li {
					width: calc(100% / 4);
					margin: 0;
					padding: 0;
					position: relative;
				}
					div.case_cont div.case_cont_in div.case_cont_box ul li:after {
						position: absolute;
						content: '';
						display: block;
						width: 20px;
						height: 20px;
						margin: 0;
						padding: 0;
						background: url(../images/icon/expansion.png) center / contain no-repeat;
						bottom: 10px;
						right: 10px;
						z-index: 1;
					}
					div.case_cont div.case_cont_in div.case_cont_box ul li img {
						width: 100%;
						height: auto;
						cursor: pointer;
						transition: 0.2s linear;
					}
						div.case_cont div.case_cont_in div.case_cont_box ul li img:hover {
							opacity: 0.8;
						}


/*====================================
内装工事について
=====================================*/
div.renewal_cont {
	min-width: 1220px;
	margin: 0 auto;
	padding: 60px 0 110px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
	div.renewal_cont:before,
	div.renewal_cont:after {
		position: absolute;
		content: '';
		display: block;
		margin: 0;
		padding: 0;
		z-index: -1;
	}
	div.renewal_cont:before {
		width: 412px;
		height: 648px;
		background: url(../renewal/images/renewal_cont_bg_l.png) center / contain no-repeat;
		top: 0;
		left: 0;
	}
	div.renewal_cont:after {
		width: 735px;
		height: 1152px;
		background: url(../renewal/images/renewal_cont_bg_r.png) center / contain no-repeat;
		bottom: 0;
		right: 0;
	}
@media screen and (max-width:1580px) {
	div.renewal_cont:before {
		left: calc(50% - 780px);
	}
	div.renewal_cont:after {
		right: calc(50% - 780px);
	}
}

	ul.renewal_slider {
		min-width: 1220px;
		margin: 120px auto 0;
		padding: 0;
		list-style: none;
	}
		ul.renewal_slider li {
			width: 405px;
			margin: 0;
			padding: 0;
		}
			ul.renewal_slider img {
				width: 405px;
				height: auto;
				margin: 0;
				padding: 0;
			}

	div.renewal_cont p.renewal_cont_img_btm {
		width: 1220px;
		margin: 5px auto 0;
		padding: 0;
		font-size: 14px;
		line-height: 180%;
		color: #fff;
		text-align: right;
	}
div.renewal_flow {
	min-width: 1220px;
	margin: 0 auto;
	padding: 125px 0 140px;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.renewal_flow:before,
	div.renewal_flow:after {
		position: absolute;
		content: '';
		display: block;
		width: 430px;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.renewal_flow:before {
			width: 430px;
			border-top: solid 646px #E60012;
			border-right: solid 430px transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.renewal_flow:after {
			width: 711px;
			border-bottom: solid 1102px #E60012;
			border-left: solid 711px transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
@media screen and (max-width:1580px) {
			div.renewal_flow:before {
				left: calc(50% - 782px);
			}
			div.renewal_flow:after {
				right: calc(50% - 780px);
			}
}
	div.renewal_flow dl {
		width: 940px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
		div.renewal_flow dl dt {
			width: 95px;
			margin: 0;
			padding: 0;
			font-size: 80px;
			line-height: 120%;
			font-weight: 300;
			color: #E60012;
			font-style: italic;
			font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
		}
			div.renewal_flow dl dt:first-of-type {
				margin: 60px 0 0;
			}
		div.renewal_flow dl dd {
			width: calc(100% - 110px);
			height: 175px;
			margin: 0 0 0 15px;
			padding: 25px 50px 0 130px;
			position: relative;
			z-index: 1;
		}
			div.renewal_flow dl dd:first-of-type {
				margin: 60px 0 0 15px;
			}
			div.renewal_flow dl dd:before {
				position: absolute;
				content: '';
				display: block;
				width: 100%;
				height: 110%;
				margin: 0;
				padding: 0;
				background: #fff;
				transform: rotate(16deg) skew(-16deg, -16deg);
				top: -5%;
				left: 0;
				z-index: -1;
			}
			div.renewal_flow dl dd:after {
				position: absolute;
				content: '';
				display: block;
				width: 20px;
				height: 160px;
				margin: 0;
				padding: 0;
				background: #E60012;
				transform: rotate(16.5deg) skew(-16.5deg, -16.5deg);
				top: -7.5px;
				left: 20px;
				z-index: 2;
			}
			div.renewal_flow dl dd h4 {
				margin: 0;
				padding: 0;
				font-size: 22px;
				line-height: 180%;
				font-weight: 500;
				color: #E50012;
			}
			div.renewal_flow dl dd p {
				margin: 20px 0 0;
				padding: 0;
			}
		div.renewal_flow dl div.arrow {
			width: 100%;
			margin: 15px auto;
			padding: 0;
			text-align: center;
		}


/*====================================
会社概要
=====================================*/
div.about_message {
	min-width: 1220px;
	margin: 0 auto;
	padding: 60px 0 110px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
	div.about_message:after {
		position: absolute;
		content: '';
		display: block;
		width: 73.46%;
		height: 957px;
		margin: 0;
		padding: 0;
		background: url(../about/images/about_message_bg.png) left 26.54% bottom 0 / cover no-repeat;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	div.about_message div.sign {
		width: 1220px;
		margin: 60px auto 0;
		padding: 0 155px;
		text-align: right;
	}
		div.about_message div.sign p {
			margin: 0 0 10px;
			padding: 0;
		}
div.about_prof {
	min-width: 1220px;
	margin: 0 auto;
	padding: 130px 0 135px;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.about_prof:before,
	div.about_prof:after {
		position: absolute;
		content: '';
		display: block;
		width: 430px;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.about_prof:before {
			width: 430px;
			border-top: solid 646px #E60012;
			border-right: solid 430px transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.about_prof:after {
			width: 711px;
			border-bottom: solid 1102px #fff;
			border-left: solid 711px transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
@media screen and (max-width:1580px) {
			div.about_prof:before {
				left: calc(50% - 782px);
			}
			div.about_prof:after {
				right: calc(50% - 780px);
			}
}
div.about_results {
	min-width: 1220px;
	margin: 0 auto;
	padding: 130px 0 135px;
	background: url(../about/images/about_results_bg.jpg) center bottom / cover no-repeat;
}
	div.about_results ul {
		width: 1220px;
		margin: 60px auto 0;
		padding: 0;
		text-align: left;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
		div.about_results ul li {
			width: calc(100% / 4);
			margin: 0;
			padding: 0;
		}
			div.about_results ul li:before {
				content: '●';
				display: inline-block;
				margin: 0 0.4em 0 0;
				padding: 0;
				font-size: 0.6em;
				color: #E60012;
				vertical-align: 0.2em;
			}


/*====================================
採用情報・お問い合わせ
=====================================*/
h3.cont_mini_ttl {
	margin: 0 auto;
	padding: 0;
	font-size: 30px;
	line-height: 160%;
	font-weight: 500;
	color: #BF000C;
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
div.form01 {
	width: 900px;
	padding: 0;
}
	div.form01 p.form_top {
		margin: 0 auto;
		padding: 0;
	}

div.recruit_job {
	min-width: 1220px;
	margin: 0 auto;
	padding: 60px 0 135px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
	div.recruit_job:after {
		position: absolute;
		content: '';
		display: block;
		width: 73.46%;
		height: 788px;
		margin: 0;
		padding: 0;
		background: url(../recruit/images/recruit_job_bg.png) left 26.54% bottom 0 / cover no-repeat;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	div.recruit_job ul.recruit_job_cont {
		width: 1220px;
		margin: 65px auto 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: center;
	}
		div.recruit_job ul.recruit_job_cont li {
			margin: 0 8px;
			padding: 0;
		}
			div.recruit_job ul.recruit_job_cont li a {
				width: 280px;
				height: 70px;
				margin: 0;
				padding: 0;
				font-size: 18px;
				line-height: 120%;
				font-weight: 400;
				color: #fff;
				text-decoration: none;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				z-index: 1;
				transition: 0.2s linear;
			}
				div.recruit_job ul.recruit_job_cont li:nth-of-type(odd) a {
					color: #fff;
				}
				div.recruit_job ul.recruit_job_cont li:nth-of-type(even) a {
					color: #333;
				}
				div.recruit_job ul.recruit_job_cont li a:before {
					position: absolute;
					content: '';
					display: block;
					width: 100%;
					height: 110%;
					margin: 0 auto;
					padding: 0;
					transform: rotate(16deg) skew(-16deg, -16deg);
					top: -5%;
					right: 0;
					z-index: -1;
					transition: 0.2s linear;
				}
					div.recruit_job ul.recruit_job_cont li:nth-of-type(odd) a:before {
						background: #E60012;
					}
					div.recruit_job ul.recruit_job_cont li:nth-of-type(even) a:before {
						background: #EFF0F1;
					}
				div.recruit_job ul.recruit_job_cont li a:hover {
					color: #fff;
				}
					div.recruit_job ul.recruit_job_cont li a:hover:before {
						background: #333;
					}
	div.recruit_job div.cont_btn a {
		display: inline-block;
		width: 370px;
		font-size: 20px;
		line-height: 70px;
		color: #fff;
		background: #333333;
		border-radius: 35px;
		text-decoration: none;
		text-align: center;
		transition: 0.2s linear;
	}
		div.recruit_job div.cont_btn a:hover {
			background: #E60012;
		}
div.recruit_construction {
	min-width: 1220px;
	margin: 0 auto;
	padding: 90px 0 100px;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.recruit_construction:before,
	div.recruit_construction:after {
		position: absolute;
		content: '';
		display: block;
		width: 430px;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.recruit_construction:before {
			width: 430px;
			border-top: solid 646px #E60012;
			border-right: solid 430px transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.recruit_construction:after {
			width: 711px;
			border-bottom: solid 1102px #fff;
			border-left: solid 711px transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
@media screen and (max-width:1580px) {
			div.recruit_construction:before {
				left: calc(50% - 782px);
			}
			div.recruit_construction:after {
				right: calc(50% - 780px);
			}
}
div.recruit_stuff {
	min-width: 1220px;
	margin: 0 auto;
	padding: 90px 0 140px;
}
div.recruit_entry {
	min-width: 1220px;
	margin: 0 auto;
	padding: 90px 0 100px;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.recruit_entry.frame {
		padding: 60px 0 130px;
		background: #fff;
	}
div.contact_form {
	min-width: 1220px;
	margin: 0 auto;
	padding: 90px 0 100px;
	position: relative;
	z-index: 1;
}
	div.recruit_entry:before,
	div.contact_form:before {
		position: absolute;
		content: '';
		display: block;
		width: 430px;
		height: 0;
		margin: 0;
		padding: 0;
		border-top: solid 646px #E60012;
		border-right: solid 430px transparent;
		top: 0;
		left: 0;
		z-index: -1;
	}
@media screen and (max-width:1580px) {
			div.recruit_entry:before,
			div.contact_form:before {
				left: calc(50% - 782px);
			}
}

dl.form_tbl {
	width: 900px;
	margin: 25px auto 0;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	display: flex;
	flex-wrap: wrap;
}
	dl.form_tbl dt,
	dl.form_tbl dd {
		margin: 0;
		border-top: 1px solid #CCCCCC;
	}
	dl.form_tbl dt {
		width: 210px;
		padding: 20px 20px 10px;
		font-weight: 500;
	}
	dl.form_tbl dt.nomal,
	dl.form_tbl.frame dt {
		padding: 20px 20px 10px;
	}
	dl.form_tbl dd {
		width: 690px;
		padding: 10px 20px 10px;
	}
		dl.form_tbl dt.nomal + dd,
		dl.form_tbl.frame dt + dd {
			padding: 20px;
		}
		dl.form_tbl dd p {
			margin: 0;
			padding: 0;
			font-size: 15px;
			line-height: 200%;
		}
		dl.form_tbl dd input[type=text],
		dl.form_tbl dd input[type=tel],
		dl.form_tbl dd input[type=email] {
			width: 100%;
			margin: 0;
			padding: 12px;
			font-size: 14px;
			line-height: 180%;
			font-weight: 400;
			font-family: 'Noto Sans JP' ,'游ゴシック体', 'Yu Gothic', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
			background: #fff;
			border: 2px solid #EFF0F1;
		}
		dl.form_tbl dd #postno {
			width: 30% !important;
			margin-left: 10px;
		}
		dl.form_tbl dd input:nth-of-type(n+2) {
			margin-top: 8px;
		}

		dl.form_tbl dd > dl {
			margin: 0;
			padding: 0;
			border-bottom: none;
			display: flex;
			flex-wrap: wrap;
		}
			dl.form_tbl dd > dl dt,
			dl.form_tbl dd > dl dd {
				margin: 10px 0 0;
				border-top: none;
			}
				dl.form_tbl dd > dl dt:first-of-type,
				dl.form_tbl dd > dl dd:first-of-type {
					margin: 0;
				}
				dl.form_tbl dd > dl dt:nth-of-type(3),
				dl.form_tbl dd > dl dd:nth-of-type(3){
					margin: 20px 0 0;
				}
			dl.form_tbl dd > dl dt {
				width: 5.5em;
				padding: 0.8em 0 0;
			}
			dl.form_tbl dd > dl dd {
				width: calc(100% - 5.5em);
				padding: 0;
			}
				dl.form_tbl.frame dd > dl dt,
				dl.form_tbl.frame dd > dl dd {
					padding: 0;
				}

		#message {
			width: 100%;
			height: 150px;
			margin: 0;
			padding: 12px;
			font-size: 14px;
			line-height: 180%;
			font-weight: 400;
			font-family: 'Noto Sans JP' ,'游ゴシック体', 'Yu Gothic', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
			background: #fff;
			border: 2px solid #EFF0F1;
		}
		div.form01 label {
			display: inline-block;
			margin: 0;
			padding: 0;
			line-height: 120%;
			cursor: pointer;
		}
			div.form01 dd.entry_section label {
				width: 180px;
			}
			div.form01 dd.contact_section label {
				width: 150px;
			}
			div.form01 dd.contact_section label:nth-of-type(3n+1) {
				width: 210px;
			}
			div.form01 label:last-of-type {
				margin-bottom: 0.2em;
			}
		div.form01 input[type=checkbox] {
			margin: 0 5px 0 0;
			width: 16px;
			height: 16px;
			vertical-align: -2px;
		}

/*
		div.form01 .check-input,
		div.form01 .radio-input {
			display: none;
		}
		div.form01 .radio-input + label{
			padding-left: 20px;
			position:relative;
		}
		div.form01 .radio-input + label::before{
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 15px;
			height: 15px;
			border: 2px solid #E60012;
			background: #fff;
			border-radius: 50%;
		}
		div.form01 .radio-input:checked + label::after{
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 15px;
			height: 15px;
			border: 2px solid #E60012;
			background: #fff;
			border-radius: 50%;
		}
		div.form01 .check-input + span {
			padding-left: 20px;
			position:relative;
		}
		div.form01 .check-input + span::before{
			content: "";
			display: block;
			position: absolute;
			top: 0.35em;
			left: 0;
			width: 15px;
			height: 15px;
			border: 2px solid #E60012;
			background: #fff;
		}

		div.form01 .check-input:checked + span::after{
			content: "";
			display: block;
			position: absolute;
			top: 0.35em;
			left: 5px;
			width: 6px;
			height: 12px;
			transform: rotate(40deg);
			border-bottom: 2px solid #CF2A27;
			border-right: 2px solid #CF2A27;
		}
		div.form01 input:checked + label::after {
		  opacity: 1;
		}
*/

		dl.form_tbl dd input::placeholder,
		dl.form_tbl dd textarea::placeholder {
			color: #999999;
		}
		dl.form_tbl dd input:-ms-input-placeholder,
		dl.form_tbl dd textarea:-ms-input-placeholder {
			color: #999999;
		}
		dl.form_tbl dd input::-ms-input-placeholder,
		dl.form_tbl dd textarea::-ms-input-placeholder {
			color: #999999;
		}

	div.form01 div.privacy_cont {
		margin: 50px auto 0;
		padding: 0;
	}
		div.form01 div.privacy_cont div.privacy_box {
			width: 500px;
			height: 70px;
			margin: 15px auto 0;
			padding: 0;
			background: #fff;
			border: 2px solid #EFF0F1;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			div.form01 div.privacy_cont div.privacy_box label {
				width: auto;
			}

		#contact_btn {
			width: 100%;
			margin: 50px auto 0;
			padding: 0;
		}
		#contact_btn div.form_btn1 {
			display: inline-block;
			width: 370px;
			margin: 0 auto;
		}
			#contact_btn div.form_btn1 button {
				width: 100%;
				height: 70px;
				margin: 0 auto;
				padding: 0;
				font-size: 20px;
				line-height: 120%;
				font-family: 'Noto Sans JP' ,'游ゴシック体', 'Yu Gothic', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
				background: #333;
				font-weight: 500;
				border: none;
				border-radius: 35px;
				color: #ffffff;
				cursor: pointer;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
				transition: 0.2s linear;
			}
				#contact_btn div.form_btn1 button:hover {
					background: #E60012;
				}

		div.form_btn2 {
			display: inline-block;
			width: 370px;
			margin: 0 auto;
		}
			div.form_btn2 button {
				width: 100%;
				height: 70px;
				margin: 0 auto;
				padding: 0;
				font-size: 20px;
				line-height: 120%;
				font-family: 'Noto Sans JP' ,'游ゴシック体', 'Yu Gothic', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
				background: #ccc;
				font-weight: 500;
				border: none;
				border-radius: 35px;
				color: #333;
				cursor: pointer;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
				transition: 0.2s linear;
			}
				div.form_btn2 button:hover {
					color: #fff;
					background: #333;
				}

div.recruit_privacy {
	min-width: 1220px;
	margin: 0 auto;
	padding: 130px 0 135px;
}
div.recruit_privacy.bg1 {
	background: #F9F9F9;
}
	div.recruit_privacy div.recruit_privacy_in {
		width: 900px;
		height: 290px;
		margin: 60px auto 0;
		padding: 20px 30px;
		font-size: 15px;
		line-height: 180%;
		text-align: left;
		background: #EFF0F1;
		overflow-y: scroll;
	}
		div.recruit_privacy.bg1 div.recruit_privacy_in {
			background: #fff;
		}
		div.recruit_privacy div.recruit_privacy_in p,
		div.recruit_privacy div.recruit_privacy_in strong {
			display: block;
			margin: 20px 0 0;
			font-weight: 400;
		}
			div.recruit_privacy div.recruit_privacy_in p:first-of-type,
			div.recruit_privacy div.recruit_privacy_in strong + p {
				margin: 0;
			}
		div.recruit_privacy div.recruit_privacy_in p.right {
			text-align: right;
		}
		div.recruit_privacy div.recruit_privacy_in ul {
			margin: 0;
			list-style: none;
		}
			div.recruit_privacy div.recruit_privacy_in ul li {
				margin: 0;
				padding-left: 2em;
				text-indent: -1em;
			}
				div.recruit_privacy div.recruit_privacy_in ul li > ul li {
					padding-left: 1em;
					text-indent: -1em;
				}

div.top_btn a {
	display: inline-block;
	width: 370px;
	margin: 60px auto 0;
	font-size: 20px;
	line-height: 70px;
	color: #fff;
	background: #333333;
	border-radius: 35px;
	text-decoration: none;
	text-align: center;
	transition: 0.2s linear;
}
	div.top_btn a:hover {
		background: #E60012;
	}

/* LOGUARD */
#simplesenveloparea {
	margin: 50px auto 0;
	padding: 0;
}
#simplesenveloparea canvas {
	width:16.2%;
	padding: 0;
	border: 1px solid #c2c2c2;
}
div.lc-notion {
	margin-top: 5px;
	font-size: 14px;
	color: #E60012;
	line-height: 180%;
}
input.lc-danger {
	background: #faeeee;
}