@charset "UTF-8";

/* 共通 */
#page_ttl {
	width: 100%;
	height: 11em;
	margin: 0 auto;
	padding: 0.5em 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	#page_ttl.asbestos {
		background: url(../asbestos/images/asbestos_kv_sp.jpg) center / cover no-repeat;
	}
	#page_ttl.work {
		background: url(../asbestos/images/work_kv_sp.jpg) center / cover no-repeat;
	}
	#page_ttl.flow {
		background: url(../asbestos/images/flow_kv_sp.jpg) center / cover no-repeat;
	}
	#page_ttl.case {
		background: url(../asbestos/images/case_kv_sp.jpg) center / cover no-repeat;
	}
	#page_ttl.renewal {
		background: url(../renewal/images/renewal_kv_sp.jpg) center / cover no-repeat;
	}
	#page_ttl.about {
		background: url(../about/images/about_kv_sp.jpg) center / cover no-repeat;
	}
	#page_ttl.recruit {
		background: url(../recruit/images/recruit_kv_sp.jpg) center / cover no-repeat;
	}
	#page_ttl.contact {
		background: url(../contact/images/contact_kv_sp.jpg) center / cover no-repeat;
	}
	#page_ttl h3 {
		margin: 0 0 0.2em;
		padding: 0;
		font-size: 4.2vw;
		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: 7.2vw;
		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: 0.2em 0 0;
			padding: 0;
			font-size: 3.6vw;
			line-height: 150%;
			font-weight: 500;
		}

/* パンくず */
#breadcrumb {
	margin: 0 auto;
	padding: 1em 4%;
	font-size: 2.7vw;
	line-height: 160%;
	text-align: right;
}
	#breadcrumb a,
	#breadcrumb span {
		margin: 0;
		color: #333;
		text-decoration: none;
	}

/* コンテンツ */
div.contents_in {
	width: 100%;
	margin: 0 auto;
	padding: 0 4%;
}

div.cont_top_txt {
	width: 100%;
	margin: 0 auto;
	padding: 5% 0;
}
	div.cont_top_txt p {
		margin: 1em auto 0;
		padding: 0;
	}

/* アスベスト共通 */
div.asbestos_btm_current {
	margin: 0 auto;
	padding: 10% 0 10%;
	background: url(../asbestos/images/asbestos_btm_current_bg_sp.jpg) center / cover no-repeat;
}
	div.asbestos_btm_current h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 5.2vw;
		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: 5% auto 0;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
		div.asbestos_btm_current ul li {
			width: 38%;
			margin: 0.14em 1.4%;
			padding: 0;
		}
			div.asbestos_btm_current ul li:first-of-type {
				margin-left: 2.2em;
			}
			div.asbestos_btm_current ul li:last-of-type {
				margin-right: 2.2em;
			}
			div.asbestos_btm_current ul li a {
				width: 100%;
				height: 3.6em;
				margin: 0;
				padding: 0;
				font-size: 2.8vw;
				line-height: 180%;
				font-weight: 500;
				text-decoration: none;
				color: #333;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				z-index: 1;
			}
				div.asbestos_btm_current ul li a:before {
					position: absolute;
					content: '';
					display: block;
					width: 100%;
					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: 8% auto 0;
	padding: 0;
	font-size: 5.6vw;
	line-height: 160%;
	font-weight: 500;
	color: #C0000E;
	font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

/* 会社概要・採用テーブル */
dl.tbl1 {
	width: 100%;
	padding: 0;
	text-align: left;
}
	dl.tbl1 dt,
	dl.tbl1 dd {
		display: block;
		margin: 0;
		padding: 0.5em 0 0;
	}
	dl.tbl1 dt {
		font-weight: 500;
		border-bottom: 1px solid #CCCCCC;
	}
	dl.tbl1 dt:nth-of-type(n+2) {
		margin: 3% 0 0;
	}
	dl.tbl1 dd {
	}
		dl.tbl1 dd p {
			margin: 1em 0 0;
		}
			dl.tbl1 dd p:first-of-type {
				margin: 0;
			}
		dl.tbl1 dd a {
			color: #333;
			text-decoration: none;
		}
		dl.tbl1 dd.boss_name img {
			width: 24%;
			height: auto;
		}

/*====================================
アスベストとは
=====================================*/
div.asbestos_about1 {
	padding: 10% 0 12%;
}
	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: 0.4em 0;
			font-size: 6.8vw;
			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: 100%;
				height: 1px;
				margin: 0;
				padding: 0;
				background: #E60012;
				top: 0;
				right: -1em;
			}
			div.asbestos_about1 div.asbestos_ttl h3:after {
				position: absolute;
				content: '';
				display: block;
				width: 100%;
				height: 1px;
				margin: 0;
				padding: 0;
				background: #E60012;
				bottom: 0;
				left: -1em;
			}
		div.asbestos_about1 div.asbestos_ttl h4 {
			margin: 2% auto 0;
			padding: 0;
			font-size: 3.4vw;
			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: 10% 0 15%;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.asbestos_about2:before {
		position: absolute;
		content: '';
		display: block;
		width: 100%;
		height: 26em;
		margin: 0;
		padding: 0;
		background: url(../asbestos/images/asbestos_about_bg_sp.png) left top / 100% auto no-repeat;
		top: 0;
		right: 0;
		z-index: -1;
	}
	div.asbestos_about2 div.asbestos_about_in {
		margin: 0 auto;
		padding: 0 4%;
		text-align: left;
	}
		div.asbestos_about2 div.asbestos_about_in h3 {
			margin: 0;
			padding: 0;
			font-size: 16vw;
			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 {
			margin: 1em 0 0;
			padding: 0;
		}
			div.asbestos_about2 div.asbestos_about_in p:first-of-type {
				margin: 2% 0 0;
			}
		div.asbestos_about2 div.asbestos_about_in div.asbestos_about_cont {
			margin: 8% auto 0;
			padding: 0;
			display: flex;
			justify-content: space-between;
		}
			div.asbestos_about2 div.asbestos_about_in div.asbestos_about_cont div.about_box {
				width: 31%;
				margin: 0;
				padding: 0;
				position: relative;
			}
				div.asbestos_about2 div.asbestos_about_in div.asbestos_about_cont div.about_box img {
					width: 100%;
					height: auto;
				}
				div.asbestos_about2 div.asbestos_about_in div.asbestos_about_cont div.about_box h4 {
					position: absolute;
					width: 95%;
					height: 2em;
					margin: 0;
					padding: 0;
					font-size: 3.2vw;
					line-height: 180%;
					font-weight: 500;
					color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;
					bottom: -1em;
					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: 100%;
						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: 20% 0 20%;
	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: 0;
			border-top: solid 8em #E60012;
			border-right: solid 5em transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.asbestos_products:after {
			width: 0;
			border-bottom: solid 32em #EFF0F1;
			border-left: solid 20em transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
	div.asbestos_products div.asbestos_products_in {
		margin: 0 auto;
		padding: 0 4%;
	}
		div.asbestos_products div.asbestos_products_in div.asbestos_products_cont {
			margin: 0 auto;
			padding: 2% 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: 48%;
				margin: 8% 0 0;
				padding: 0;
			}
				div.asbestos_products div.asbestos_products_in div.asbestos_products_cont div.products_box:nth-of-type(odd) {
					margin-right: 2%;
				}
				div.asbestos_products div.asbestos_products_in div.asbestos_products_cont div.products_box:nth-of-type(even) {
					margin-left: 2%;
				}
				div.asbestos_products div.asbestos_products_in div.asbestos_products_cont div.products_box:last-of-type {
					margin: 8% 0 0;
				}
				div.asbestos_products div.asbestos_products_in div.asbestos_products_cont div.products_box img {
					width: 100%;
					height: auto;
				}
				div.asbestos_products div.asbestos_products_in div.asbestos_products_cont div.products_box p {
					margin: 2% auto 0;
					padding: 0;
				}
div.asbestos_bomb {
	margin: 0 auto;
	padding: 20% 0 15%;
	background: url(../asbestos/images/asbestos_bomb_bg_sp.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: 15% auto 0;
		padding: 0;
	}
		div.asbestos_bomb div.asbestos_bomb_damage h4 {
			margin: 0 auto;
			padding: 0;
			font-size: 5.4vw;
			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: 5% auto 0;
			padding: 0 0 8em;
			position: relative;
		}
			div.asbestos_bomb div.asbestos_bomb_damage div.damage_img img {
				width: 100%;
				height: auto;
			}
			div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box {
				position: absolute;
				width: 65%;
				height: 2.6em;
				margin: 0;
				padding: 0;
			}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box.box1 {
					top: 0.6em;
					right: 26%;
				}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box.box2 {
					top: 27em;
					left: 6%;
				}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box.box3 {
					top: 36.5em;
					right: 5%;
				}
				div.asbestos_bomb div.asbestos_bomb_damage div.damage_img div.damage_box h5 {
					width: 100%;
					height: 100%;
					margin: 0;
					padding: 0;
					font-size: 4.2vw;
					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: 100%;
						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: 2% 0 0 -1em;
					padding: 0;
					color: #fff;
					text-align: left;
				}
	div.asbestos_bomb div.asbestos_bomb_img {
		margin: 5% auto 0;
		padding: 0;
	}
		div.asbestos_bomb div.asbestos_bomb_img img {
			width: 100%;
			height: auto;
		}

/*====================================
除去作業
=====================================*/
div.work_flow1 {
	margin: 0 auto;
	padding: 8% 0 20%;
	position: relative;
	z-index: 1;
}
div.work_flow2 {
	margin: 0 auto;
	padding: 20% 0 20%;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.work_flow2:before,
	div.work_flow2:after {
		position: absolute;
		content: '';
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.work_flow2:before {
			width: 0;
			border-top: solid 8em #E60012;
			border-right: solid 5em transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.work_flow2:after {
			width: 0;
			border-bottom: solid 32em #fff;
			border-left: solid 20em transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}

	div.work_flow2 p.flow_top {
		margin: 8% auto 0;
		padding: 0;
	}
	div.work_flow_cont {
		margin: 0 auto;
		padding: 1% 0 0;
	}
		div.work_flow_cont div.flow_box {
			width: 100%;
			margin: 22% 0 0;
			padding: 0 0 5% 1%;
			position: relative;
		}
			div.work_flow_cont div.flow_box:after {
				position: absolute;
				content: '';
				display: block;
				width: 0.8em;
				height: 1.4em;
				margin: 0;
				background: url(../images/icon/flow_02.png) center / contain no-repeat;
				bottom: -1.6em;
				left: 50%;
				transform: translateX(-50%);
				-webkit- translateX(-50%);
			}
				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: -2.4em;
				left: 0.8em;
			}
				div.work_flow_cont div.flow_box h4 span {
					height: 2.0em;
					margin: 0;
					padding: 0 0.8em 0 0.5em;
					font-size: 6.2vw;
					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: 2.98em;
					margin: 0;
					padding: 0 1em;
					font-size: 4.2vw;
					line-height: 180%;
					font-weight: 400;
					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 img {
				width: 100%;
				height: auto;
			}
			div.work_flow_cont div.flow_box p {
				margin: 2% 0 0;
				padding: 0;
				text-align: left;
			}

/*====================================
依頼から処理までの流れ
=====================================*/
div.flow_cont {
	margin: 0 auto;
	padding: 8% 0 15%;
}
	div.flow_cont div.flow_cont_in {
		margin: 10% auto 0;
		padding: 0;
	}
		div.flow_cont div.flow_cont_in div.flow_cont_box {
			margin: 0 auto;
			padding: 9% 4% 9%;
			position: relative;
			z-index: 2;
		}
			div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(even) {
				background: #EFF0F1;
				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%;
				font-size: 3.8vw;
				height: 28em;
				margin: 0;
				padding: 0;
				z-index: -1;
			}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(odd):before {
					top: -7%;
					background: #EFF0F1;
					transform: rotate(16deg) skew(-16deg, -16deg);
					right: 104%;
				}
				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: 114%;
				}
					div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(1):after {
						bottom: -5%;
					}
					div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(3):after {
						bottom: -4%;
					}
					div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(5):after {
						bottom: -5%;
					}
					div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(7):after {
						bottom: -6%;
					}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(even):before {
					display: none;
				}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(even):after {
					top: -7%;
					background: linear-gradient(to bottom ,#fff, #EFF0F1);
					transform: rotate(16deg) skew(-16deg, -16deg);
				}
					div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(2):after {
						right: -57%;
					}
					div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(4):after {
						right: -56.5%;
					}
					div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(6):after {
						right: -55.5%;
					}
					div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(8):after {
						right: -55.5%;
					}
			div.flow_cont div.flow_cont_in div.flow_cont_box div.txt {
				width: 100%;
				margin: 0;
				padding: 0;
				text-align: left;
			}
				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: 22%;
						margin: 0;
						padding: 0;
						font-size: 10.0vw;
						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: 78%;
						margin: 0;
						padding: 0.3em 0 0;
					}
						div.flow_cont div.flow_cont_in div.flow_cont_box div.txt dl dd h4 {
							margin: 0;
							padding: 0;
							font-size: 4.0vw;
							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: 5% 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: 78%;
				margin: 5% 0 0;
			}
				div.flow_cont div.flow_cont_in div.flow_cont_box div.img img {
					width: 100%;
					height: auto;
				}
				div.flow_cont div.flow_cont_in div.flow_cont_box:nth-of-type(odd) div.img {
					margin-left: 22%;
				}
			div.flow_cont div.flow_cont_in div.flow_cont_box div.arrow {
				position: absolute;
				margin: auto;
				width: 0.4em;
				padding: 0;
				bottom: -1em;
				left: 50%;
				transform: translateX(-50%);
				-webkit- translateX(-50%);
				z-index: 3;
			}
				div.flow_cont div.flow_cont_in div.flow_cont_box div.arrow img {
					width: 100%;
					height: auto;
				}

/*====================================
施工事例
=====================================*/
div.case_cont {
	margin: 0 auto;
	padding: 0 0 20%;
	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: 0;
			border-top: solid 24em #E60012;
			border-right: solid 15em transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.case_cont:after {
			width: 0;
			border-bottom: solid 32em #E60012;
			border-left: solid 20em transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
	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: 84em;
		right: 0;
		z-index: -1;
	}

	div.case_cont div.case_cont_in {
		margin: 0 auto;
		padding: 2% 4% 0;
	}
		div.case_cont div.case_cont_in div.case_cont_box {
			width: 100%;
			margin: 10% 0 0;
			padding: 3% 0 0;
			text-align: left;
			background: #EFF0F1;
		}
		div.case_cont div.case_cont_in div.case_cont_box:first-of-type {
			margin: 8% 0 0;
		}
			div.case_cont div.case_cont_in div.case_cont_box h4 {
				display: inline-block;
				height: 2.8em;
				margin: 0 0 0 -0.6em;
				padding: 2.5% 2.5em;
				font-size: 4.4vw;
				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: 3% 0 0;
				padding: 0 4%;
				font-size: 4.0vw;
				line-height: 180%;
				font-weight: 500;
			}
			div.case_cont div.case_cont_in div.case_cont_box div.case_detail {
				margin: 3% 0 0;
				padding: 0 4%;
				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: 48%;
					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: 48%;
					margin: 0;
					padding: 0;
					border-bottom: 1px solid #CCCCCC;
					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: 3% 0;
						font-size: 3.2vw;
						line-height: 180%;
						border-top: 1px solid #CCCCCC;
					}
					div.case_cont div.case_cont_in div.case_cont_box div.case_detail dl dt {
						width: 2.5em;
					}
					div.case_cont div.case_cont_in div.case_cont_box div.case_detail dl dd {
						width: calc(100% - 2.5em);
					}
				div.case_cont div.case_cont_in div.case_cont_box div.case_detail p {
					width: 100%;
					margin: 3% 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: 1.2em;
						height: 1.2em;
						margin: 0;
						padding: 0;
						background: url(../images/icon/expansion.png) center / contain no-repeat;
						bottom: 0.5em;
						right: 0.5em;
						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 {
	margin: 0 auto;
	padding: 8% 0 15%;
	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: 62.5%;
		height: 26em;
		background: url(../renewal/images/renewal_cont_bg_l_sp.png) center top / contain no-repeat;
		top: 0;
		left: 0;
	}
	div.renewal_cont:after {
		width: 100%;
		height: 48em;
		background: url(../renewal/images/renewal_cont_bg_r_sp.png) right bottom / contain no-repeat;
		bottom: 0;
		right: 0;
	}

	ul.renewal_slider {
		margin: 10% auto 0;
		padding: 0;
		list-style: none;
	}
		ul.renewal_slider li {
			width: 14em;
			margin: 0;
			padding: 0;
		}
			ul.renewal_slider img {
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0;
			}

	div.renewal_cont p.renewal_cont_img_btm {
		margin: 2% auto 0;
		padding: 0 4% 5%;
		font-size: 3.2vw;
		line-height: 180%;
		color: #fff;
		text-align: right;
	}
div.renewal_flow {
	margin: 0 auto;
	padding: 20% 0 20%;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.renewal_flow:before,
	div.renewal_flow:after {
		position: absolute;
		content: '';
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.renewal_flow:before {
			width: 0;
			border-top: solid 8em #E60012;
			border-right: solid 5em transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.renewal_flow:after {
			width: 0;
			border-bottom: solid 32em #E60012;
			border-left: solid 20em transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
	div.renewal_flow dl {
		margin: 0 auto;
		padding: 0;
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
		div.renewal_flow dl dt {
			width: 1.3em;
			margin: 0;
			padding: 0.2em 0 0;
			font-size: 10.2vw;
			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: 8% 0 0;
			}
		div.renewal_flow dl dd {
			width: 81%;
			margin: 0;
			padding: 3.5em 1em 2em 1em;
			position: relative;
			z-index: 1;
		}
			div.renewal_flow dl dd:first-of-type {
				margin: 8% 0 0;
			}
			div.renewal_flow dl dd:before {
				position: absolute;
				content: '';
				display: block;
				width: 200%;
				height: 110%;
				margin: 0 10% 0 0;
				padding: 0;
				font-size: 3.8vw;
				background: #fff;
				transform: rotate(16deg) skew(-16deg, -16deg);
				transform-origin:left top;
				top: -5%;
				left: 10%;
				z-index: -1;
			}
			div.renewal_flow dl dd:after {
				position: absolute;
				content: '';
				display: block;
				width: 0.9em;
				height: 6.5em;
				margin: 0;
				padding: 0;
				font-size: 3.8vw;
				background: #E60012;
				transform: rotate(16deg) skew(-16deg, -16deg);
				transform-origin:left top;
				top: -0.7em;
				left: 2.6em;
				z-index: 2;
			}
			div.renewal_flow dl dd h4 {
				width: 115%;
				margin: 0;
				padding: 0;
				font-size: 4.2vw;
				line-height: 180%;
				font-weight: 500;
				color: #E50012;
			}
			div.renewal_flow dl dd p {
				width: 115%;
				margin: 2% 0 0;
				padding: 0;
			}
		div.renewal_flow dl div.arrow {
			width: 100%;
			margin: 0 auto 7%;
			padding: 0;
			text-align: center;
		}
			div.renewal_flow dl div.arrow img {
				width: 2%;
				height: auto;
			}


/*====================================
会社概要
=====================================*/
div.about_message {
	margin: 0 auto;
	padding: 8% 0 15%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
	div.about_message:after {
		position: absolute;
		content: '';
		display: block;
		width: 100%;
		height: 28em;
		margin: 0;
		padding: 0;
		background: url(../about/images/about_message_bg_sp.png) left top / 100% auto no-repeat;
		top: 0;
		left: 0;
		z-index: -1;
	}
	div.about_message div.sign {
		margin: 8% auto 0;
		padding: 0 4%;
		text-align: right;
	}
		div.about_message div.sign p {
			margin: 0 0 2%;
			padding: 0;
		}
		div.about_message div.sign img {
			width: 40%;
			height: auto;
		}
div.about_prof {
	margin: 0 auto;
	padding: 20% 0 20%;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.about_prof:before,
	div.about_prof:after {
		position: absolute;
		content: '';
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.about_prof:before {
			width: 0;
			border-top: solid 8em #E60012;
			border-right: solid 5em transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.about_prof:after {
			width: 0;
			border-bottom: solid 32em #fff;
			border-left: solid 20em transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
div.about_results {
	margin: 0 auto;
	padding: 20% 0 20%;
	background: url(../about/images/about_results_bg_sp.jpg) center bottom / cover no-repeat;
}
	div.about_results ul {
		margin: 8% 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: 48%;
			padding: 0 0 0 0.8em;
			text-indent: -0.5em;
		}
			div.about_results ul li:nth-of-type(odd) {
				margin: 0 2% 0 0;
			}
			div.about_results ul li:nth-of-type(even) {
				margin: 0 0 0 2%;
			}
			div.about_results ul li:before {
				content: '●';
				display: inline-block;
				margin: 0 0.8em 0 0;
				padding: 0;
				font-size: 0.4em;
				color: #E60012;
				vertical-align: 0.4em;
			}


/*====================================
採用情報・お問い合わせ
=====================================*/
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 {
	padding: 0;
}
	div.form01 p.form_top {
		margin: 0 auto;
		padding: 0;
	}

div.recruit_job {
	margin: 0 auto;
	padding: 8% 0 20%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
	div.recruit_job:after {
		position: absolute;
		content: '';
		display: block;
		width: 100%;
		height: 28em;
		margin: 0;
		padding: 0;
		background: url(../recruit/images/recruit_job_bg_sp.png) left top / cover no-repeat;
		top: 0;
		left: 0;
		z-index: -1;
	}
	div.recruit_job ul.recruit_job_cont {
		margin: 8% auto 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: center;
	}
		div.recruit_job ul.recruit_job_cont li {
			width: 46%;
			margin: 0 0.3em;
			padding: 0;
		}
			div.recruit_job ul.recruit_job_cont li a {
				width: 100%;
				height: 3em;
				margin: 0;
				padding: 0;
				font-size: 3.6vw;
				line-height: 120%;
				font-weight: 400;
				color: #fff;
				text-decoration: none;
				display: flex;
				justify-content: center;
				align-items: center;
				position: relative;
				z-index: 1;
}
				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;
				}
					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 div.cont_btn a {
		display: inline-block;
		width: 83%;
		font-size: 3.8vw;
		line-height: 3.8em;
		color: #fff;
		background: #333333;
		border-radius: 1.9em;
		text-decoration: none;
		text-align: center;
	}
div.recruit_construction {
	margin: 0 auto;
	padding: 10% 0 10%;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.recruit_construction:before,
	div.recruit_construction:after {
		position: absolute;
		content: '';
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
	}
		div.recruit_construction:before {
			width: 0;
			border-top: solid 8em #E60012;
			border-right: solid 5em transparent;
			top: 0;
			left: 0;
			z-index: -1;
		}
		div.recruit_construction:after {
			width: 0;
			border-bottom: solid 32em #fff;
			border-left: solid 20em transparent;
			bottom: 0;
			right: 0;
			z-index: -1;
		}
div.recruit_stuff {
	margin: 0 auto;
	padding: 10% 0 15%;
}
div.recruit_entry {
	margin: 0 auto;
	padding: 10% 0 15%;
	background: #EFF0F1;
	position: relative;
	z-index: 1;
}
	div.recruit_entry.frame {
		padding: 8% 0 15%;
		background: #fff;
	}
div.contact_form {
	margin: 0 auto;
	padding: 10% 0 15%;
	position: relative;
	z-index: 1;
}
	div.recruit_entry:before,
	div.contact_form:before {
		position: absolute;
		content: '';
		display: block;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		border-top: solid 8em #E60012;
		border-right: solid 5em transparent;
		top: 0;
		left: 0;
		z-index: -1;
	}
dl.form_tbl {
	width: 100%;
	padding: 0;
	text-align: left;
}
	dl.form_tbl dt,
	dl.form_tbl dd {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0.5em 0 0;
	}
	dl.form_tbl dt {
		font-weight: 500;
		border-bottom: 1px solid #CCCCCC;
	}
	dl.form_tbl dt:nth-of-type(n+2) {
		margin: 3% 0 0;
	}
	dl.form_tbl dd {
	}
		dl.form_tbl dd p {
			margin: 0;
			padding: 0;
			font-size: 3.4vw;
			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: 1% 2%;
			font-size: 3.6vw;
			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;
			align-items: flex-start;
		}
			dl.form_tbl dd > dl dt,
			dl.form_tbl dd > dl dd {
				margin: 0;
				padding: 0;
				border: none;
			}
				dl.form_tbl dd > dl dt:nth-of-type(2),
				dl.form_tbl dd > dl dd:nth-of-type(2),
				dl.form_tbl dd > dl dt:nth-of-type(4),
				dl.form_tbl dd > dl dd:nth-of-type(4) {
					margin: 8px 0 0;
				}
				dl.form_tbl dd > dl dt:nth-of-type(3),
				dl.form_tbl dd > dl dd:nth-of-type(3){
					margin: 1.5% 0 0 !important;
				}
			dl.form_tbl dd > dl dt {
				width: 5.5em;
				padding: 0.2em 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: 10em;
			margin: 0;
			padding: 1% 2%;
			font-size: 3.6vw;
			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: 48%;
			}
			div.form01 dd.contact_section label {
				width: 48%;
			}
			div.form01 label:last-of-type {
				margin-bottom: 0.2em;
			}
		div.form01 input[type=checkbox] {
			margin: 0 0.5em 0 0;
			width: 1.2em;
			height: 1.2em;
			vertical-align: -0.2em;
		}

		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: 10% auto 0;
		padding: 0;
	}
		div.form01 div.privacy_cont div.privacy_box {
			width: 90%;
			height: 3.4em;
			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: block;
			width: 83%;
			margin: 2px auto;
		}
			#contact_btn div.form_btn1 button {
				width: 100%;
				margin: 0 auto;
				padding: 0;
				font-size: 3.8vw;
				line-height: 3.8em;
				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: 1.9em;
				color: #ffffff;
				cursor: pointer;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
			}

		div.form_btn2 {
			display: block;
			width: 83%;
			margin: 2px auto;
		}
			div.form_btn2 button {
				width: 100%;
				margin: 0 auto;
				padding: 0;
				font-size: 3.8vw;
				line-height: 3.8em;
				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: 1.9em;
				color: #333;
				cursor: pointer;
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
			}

div.recruit_privacy {
	margin: 0 auto;
	padding: 15% 4% 15%;
}
div.recruit_privacy.bg1 {
	background: #F9F9F9;
}
	div.recruit_privacy div.recruit_privacy_in {
		height: 15em;
		margin: 8% auto 0;
		padding: 4% 3%;
		font-size: 3.4vw;
		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: 1em 0 0;
			font-weight: 400;
		}
		div.recruit_privacy div.recruit_privacy_in p.right {
			text-align: right;
		}
			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 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: 83%;
	margin: 8% auto 0;
	font-size: 3.8vw;
	line-height: 3.8em;
	color: #fff;
	background: #333333;
	border-radius: 1.9em;
	text-decoration: none;
	text-align: center;
}

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