@charset "utf-8";
/* CSS Document */
.cate1 .box_wrap{
	flex-direction: column;
	gap: 40px;
	width: 100%;
}
.cate1 .box_wrap .imgbox{
	width: 100%;
}
.cate1 .box_wrap .company_a{
	width: 100%;
}
.company_a .company-wrap .item:not(:last-of-type) {
    border-bottom: 1px solid #E0C9B1;
}
.cate2 .box_wrap{
	flex-direction: column;
	gap: 40px;
	width: 100%;
}
.cate2 .box_wrap .mapbox{
	width: 100%;
}
.cate2 .box_wrap .mapbox iframe{
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}
.cate2 .box_wrap .txtbox{
	width: 100%;
}
/* ---------- cate3 ---------- */
.cate3{
	flex-direction: column;
	gap: 40px;
}
.cate3 .box_wrap{
	flex-direction: column;
	gap: 60px;
}
.cate3 .box_wrap .boxitem{
	gap: 100px;
}
.cate3 .box_wrap .imgbox{
	width: calc(40% - 50px);
	position: relative;
}
.cate3 .box_wrap .txtbox{
	flex-direction: column;
	gap: 40px;
	width: calc(60% - 50px);
	align-items: flex-start;
}
.cate3 .box_wrap .txtbox .topbox{
	flex-direction: column;
	gap: 15px;
	padding-bottom: 40px;
	border-bottom: #E0D2C8 1px solid;
	width: 100%;
	align-items: flex-start;
}
.cate3 .box_wrap .txtbox .topbox .name{
	gap: 15px;
}
.cate3 .box_wrap .imgbox .img1{
	width: 100%;
	border-radius: 420px;
	display: block;
}

.cate3 .box_wrap .imgbox .img2{
	position: absolute;
	top: 30px;
	left: -20px;
	width: clamp(40px, 5vw, 70px);
}

.cate3 .box_wrap .imgbox .img3{
	position: absolute;
	right: -10px;
	bottom: 10px;
	width: clamp(35px, 4vw, 55px);
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate3 .box_wrap .boxitem {
		flex-direction: column;
		gap: 50px;
	}
	.cate3 .box_wrap .imgbox {
		width: 60%;
	}
	.cate3 .box_wrap .txtbox {
		width: 80%;
		gap: 20px;
	}
	.cate3 .box_wrap .txtbox .topbox {
		padding-bottom: 20px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
    .company_a .company-wrap .item > div {
        width: 70%;
        padding-left: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
    }
	.cate3 .box_wrap .txtbox {
		width: 100%;
	}
    .cate3 .box_wrap .boxitem {
        gap: 30px;
    }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}