@charset "UTF-8";

body {
	position: relative;
	background-color: rgba(202, 232, 242, 0.2);
}


/* contents */

#contents {
	width: 100%;
	position: relative;
}

#contact_block{
}

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

/*-----------------------------------
	business_block
-----------------------------------*/
#business_block{
	padding: 93px 0 0;
	margin-bottom: 80px;
	background-color: #fff;
}

#business_block .anchor_link{
	justify-content: center;
	gap: 13px;
}
#business_block .anchor_link li{
	width: calc((100% - 52px) / 5);
	position: relative;
}
#business_block .anchor_link li::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	margin: auto;
	width: 25px;
	height: 25px;
	background: url("../img/business/anchor_arrow.svg")no-repeat center/contain;
}
#business_block .anchor_link li a{
	display: block;
	padding: 16px 40px 16px 18px;
	background: #F9FDFF;
	border: 1px solid #D3DEE2;
	border-radius: 4px;
	font-size: 15px;
}
#business_block .anchor_link li a:hover{
	transition: 0.3s;
	background: #D6F3FF;
	border: 1px solid #D6F3FF;
}
#business_block .anchor_link li .num{
	position: absolute;
	left: 18px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #fff;
	font-weight: 600;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #52BDE4;
	text-align: center;
	line-height: 31px;
}
#business_block .anchor_link li .link_ttl{
	font-weight: 700;
	padding-left: 40px;
	line-height: 2;
}

#business_block .business_box{
	padding: 120px 0;
	border-bottom: 1px solid #DDEBEE;
}
#business_block .business_box:first-of-type{
	padding-top: 60px;
}
#business_block .business_box:last-of-type{
	border-bottom: none;
}
#business_block .business_box .txt_box{
	width: 510px;
}
#business_block .business_box .txt_box .lower_ttl_01 .num{
	font-family: "Poppins", sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #16A6E3;
	padding-right: 42px;
	margin-right: 10px;
	position: relative;
}
#business_block .business_box .txt_box .lower_ttl_01 .num::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 28px;
	height: 32px;
	background: url("../img/business/ttl_line.svg")no-repeat center/contain;
}
#business_block .business_box .txt_box .lower_ttl_01{
	text-align: left;
}

#business_block .business_box .txt_box .business_table{
	margin-top: 23px;
	border-top: 1px solid #DDEBEE;
}

#business_block .business_box .txt_box .business_table td .list_txt{
	position: relative;
	padding-left: 17px;
}
#business_block .business_box .txt_box .business_table td .list_txt::before{
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	margin: auto;
	background: url("../img/business/table_circle.svg")no-repeat center/contain;
	width: 10px;
	height: 10px;
}
#business_block .business_box .img_box{
	width: calc(100% - 580px);
}
#business_block .business_box .img_box img{
	border-radius: 10px;
}
.center_bottom, .before_after{
	width: 620px;
	height: 440px;
	border-radius: 10px;
	overflow: hidden;
}
.center_bottom img{
	object-fit: cover;            
  	object-position: center bottom;
	transform: scale(1.5);
}
.before_after img{
	object-fit: cover;
	object-position: center top;
	transform: scale(1.6);          
}


#business_block .business_box .txt_box .lower_table tr::after{
	width: 100%;
}
#business_block .business_box .txt_box .lower_table tr th{
	font-weight: 700;
	padding: 20px 30px;
	width: auto;
	width: 204px;
}
#business_block .business_box .txt_box .lower_table tr td{
	font-weight: 500;
	padding-top: 20px;
	width: calc(100% - 204px);
}

#business_block .business_box .txt_box .lower_table tr th::after{
	top: 0;
	bottom: 0;
	margin: auto;
	height: 80%;
}

@media screen and (max-width: 1100px){
	#business_block .anchor_link li{
		width: calc((100% - 26px) / 3);
	}
}
@media screen and (max-width: 1050px) {
	#business_block .business_box .txt_box{
		width: 490px;
	}
	#business_block .business_box .img_box{
		width: calc(100% - 530px);
	}
}
@media screen and (max-width: 840px) {
	#business_block .anchor_link li{
		width: calc((100% - 13px) / 2);
	}
	
	#business_block .business_box{
		flex-direction: column;
		gap: 40px;
		padding: 60px 0;
	}
	#business_block .business_box .txt_box,
	#business_block .business_box .img_box{
		width: 100%;
	}
	#business_block .business_box .img_box .pc {
		display: none;
	}
	#business_block .business_box .img_box img{
		margin: auto;
		display: block;
	}
}
@media screen and (max-width: 640px) {
	#business_block{
		padding: 50px 0 0;
		margin-bottom: 70px;
	}
	#business_block .anchor_link li{
		width: 100%;
	}
	
	#business_block .business_box,
	#business_block .business_box:first-of-type{
		padding: 50px 0;
	}
	#business_block .business_box .txt_box .lower_table{
		font-size: 14px;
	}
	#business_block .business_box .txt_box .lower_table tr th,
	#business_block .business_box .txt_box .lower_table tr td{
		display: table-cell;
		width: 50%;
	}


	#business_block .business_box .txt_box .lower_table tr td::after{
		display: none;
	}
	#business_block .business_box .txt_box .lower_table tr th::after,
	#business_block .business_box .txt_box .lower_table tr::after{
		display: block;
	}
	#business_block .business_box .txt_box .lower_table tr::after{
		right: 0;
		left: 0;
		bottom: -10%;
		margin: auto;
	}
	#business_block .business_box .txt_box .lower_table tr th::after{
	top: 10%;
	height: 80%;
}
#business_block .business_box .txt_box .scaffolding_table tr:nth-child(1) th::after{
		top: 22.5%;
	height: 65%;
}
#business_block .business_box .txt_box .scaffolding_table tr:nth-child(2) th::after{
		top: 2.5%;
	height: 95%;
}
	#business_block .business_box .txt_box .scaffolding_table tr:nth-child(2)::after{
		right: 0;
		left: 0;
		bottom: -1%;
		margin: auto;
	}
	.lower_table tr td {
		padding: 0 0 0 20px  !important;
	}
		#business_block .business_box .txt_box .lower_table tr th {
		padding: 10px;
	}
}

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


	#business_block .business_box .txt_box .lower_table tr::after{
		bottom: -7%;
	}
}