@charset "utf-8";
/* CSS Document */

.main-wrap .cate_wrap .cate1{
	background-image: url("https://senda-s.com/system_panel/uploads/images/company_bg.png");
	background-position: bottom center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.main-wrap .cate_wrap .cate1 .imgbox{
	width: 40%;
}
.main-wrap .cate_wrap .cate1 .txtbox{
	width: 60%;
	padding-right: 5%;
}
.main-wrap .cate_wrap .cate1 .txtbox img{
	width: 50%;
	max-width: 190px;
}
.main-wrap .cate_wrap .cate2 .contents .titlebox,.main-wrap .cate_wrap .cate3 .contents .titlebox{
	width: 30%;
}
.main-wrap .cate_wrap .cate2 .contents .rightbox,.main-wrap .cate_wrap .cate3 .contents .rightbox{
	width: 70%;
}
.main-wrap .cate_wrap .cate2{
	padding-bottom: 0;
}

.main-wrap .cate_wrap .cate2 .boxwrap{
	justify-content: flex-start;
	align-items: stretch;
}
.main-wrap .cate_wrap .cate2 .boxwrap .box{
	justify-content: flex-start;
	align-items: stretch;
}
.main-wrap .cate_wrap .cate2 .boxwrap .box > div{
	justify-content: flex-start;
	align-items: center;
	padding: 20px 0;
}
.main-wrap .cate_wrap .cate2 .boxwrap .box .title{
	width: 180px;
	border-bottom: 1px solid #177E51;
}
.main-wrap .cate_wrap .cate2 .boxwrap .box .title h3{
	color: #177E51;
	font-weight: 600;
	letter-spacing: 0;
}
.main-wrap .cate_wrap .cate2 .boxwrap .box .txtbox{
	width: calc(100% - 180px);
	padding-left: 10px;
	border-bottom: 1px solid #B1B1B1;
}
.main-wrap .cate_wrap .cate2 .boxwrap .box .txtbox p{
	letter-spacing: 0;
}

.main-wrap .cate_wrap .cate3 .map{
	position: relative;
	overflow: hidden;
	height: 650px;
}
.main-wrap .cate_wrap .cate3 .map iframe{
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.main-wrap .cate_wrap .cate2 .contents .titlebox,.main-wrap .cate_wrap .cate3 .contents .titlebox{
		width: 25%;
	}
	.main-wrap .cate_wrap .cate2 .contents .rightbox,.main-wrap .cate_wrap .cate3 .contents .rightbox{
		width: 75%;
	}
	.main-wrap .cate_wrap .cate3 .map{
		height: 550px;
	}

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.main-wrap .cate_wrap .cate2 .contents .titlebox,.main-wrap .cate_wrap .cate3 .contents .titlebox{
		width: 30%;
	}
	.main-wrap .cate_wrap .cate2 .contents .rightbox,.main-wrap .cate_wrap .cate3 .contents .rightbox{
		width: 70%;
	}
	.main-wrap .cate_wrap .cate3 .map{
		height: 450px;
	}

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.main-wrap .cate_wrap .cate1 .imgbox{
		width: 35%;
	}
	.main-wrap .cate_wrap .cate1 .txtbox{
		width: 65%;
		padding-right: 5%;
	}
	.main-wrap .cate_wrap .cate2 .contents .titlebox,.main-wrap .cate_wrap .cate3 .contents .titlebox{
		width: auto;
		margin-bottom: 40px;
	}
	.main-wrap .cate_wrap .cate2 .contents .rightbox,.main-wrap .cate_wrap .cate3 .contents .rightbox{
		width: 100%;
	}
	.main-wrap .cate_wrap .cate3 .map{
		height: 400px;
	}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.main-wrap .cate_wrap .cate1 .imgbox{
		width: 80%;
		margin-bottom: 30px;
	}
	.main-wrap .cate_wrap .cate1 .txtbox{
		width: 100%;
		padding-right: 0;
	}
	.main-wrap .cate_wrap .cate1 .txtbox h3{
		font-size: 17px;
	}
	.main-wrap .cate_wrap .cate2 .boxwrap .box > div{
		padding: 8px 0;
	}
	.main-wrap .cate_wrap .cate2 .boxwrap .box .title{
		width: 40%;
	}
	.main-wrap .cate_wrap .cate2 .boxwrap .box .txtbox{
		width: 100%;
		padding-left: 0px;
	}
	.main-wrap .cate_wrap .cate3 .map{
		height: 350px;
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}