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

.pagetitle .imgbox .fv-txt2 .txt1{
	width: auto;
    height: 220px;
}

.top-title1 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.top-title1 p {
    margin: 0;
    white-space: nowrap;
}
.top-title1::after {
    content: "";
    width: 80px;
    height: 1px;  
    background-color: rgba(128, 128, 128, 0.3);
}

/* ---------- cate1 ---------- */
.cate1 > div{
	gap: 80px;
}
.cate1 > div .logobox{
	width: calc(50% - 40px);
}
.cate1 > div .txtbox{
	width: calc(50% - 40px);
}
/* ---------- cate2 ---------- */

.cate2 .box_wrap .topbox .txtbox .titlebox .label{
	border: #3F5841 1px solid;
	border-radius: 2px;
	padding: 5px 10px;
	width: 120px;
	opacity: 0.5;
}
.cate2 .box_wrap .topbox{
	gap: 60px;
	align-items: flex-start;
}
.cate2 .box_wrap .topbox .txtbox{
	flex-direction: column;
	gap: 50px;
	width: calc(50% - 30px);
	align-items: flex-start;
}
.cate2 .box_wrap .topbox .imgbox{
	flex-direction: column;
	gap: 10px;
	width: calc(50% - 30px);
}
.cate2 .box_wrap .topbox .imgbox .bottombox{
	gap: 10px;
}
.cate2 .box_wrap .topbox .imgbox .bottombox img{
	width: calc(50% - 5px);
}

.cate2 .box_wrap .mapbox{
	width: 100%;
}
.cate2 .box_wrap > .bottombox{
	background-color: #FFFFFFB3;
	width: 100%;
	padding: 70px;
}
.cate2 .box_wrap > .bottombox .boxitem:not(:first-child) {
    padding-top: 50px;
}
.cate2 .box_wrap > .bottombox .boxitem{
	gap: 10px;
	border-bottom: 1px solid #3F58414D;
	padding-bottom: 50px;
}
.cate2 .box_wrap > .bottombox .boxitem h3{
	width: calc(20% - 5px);
}
.cate2 .box_wrap > .bottombox .boxitem p{
	width: calc(80% - 5px);
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.cate2 .box_wrap .topbox {
		flex-direction: column-reverse;
	}
	.cate2 .box_wrap .topbox .txtbox{
		flex-direction: column;
		gap: 50px;
		width: 100%;
		align-items: flex-start;
	}
	.cate2 .box_wrap .topbox .imgbox{
		flex-direction: column;
		gap: 10px;
		width: 60%;
		margin: 0 auto;
	}
    .cate2 .box_wrap .topbox .imgbox {
        
    }
	.pagetitle .imgbox .fv-txt .txt1 {
		height: 120px;
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate1 > div {
		flex-direction: column;
	}
	.cate1 > div .txtbox {
		width: 80%;
	}
	.cate1 > div .logobox {
		width: 60%;
	}

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate2 .box_wrap .topbox .imgbox{
		width: 80%;
	}
	.cate2 .box_wrap .topbox{
		gap: 40px;
	}

	.cate2 .box_wrap > .bottombox .boxitem {
		flex-direction: column;
		align-items: flex-start;
	}
	.cate2 .box_wrap > .bottombox {
		padding: 40px;
	}
	.cate2 .box_wrap > .bottombox .boxitem {
		padding-bottom: 40px;
	}
	.cate2 .box_wrap > .bottombox .boxitem:not(:first-child) {
		padding-top: 40px;
	}
	.cate2 .box_wrap > .bottombox .boxitem h3{
		width: 100%;
	}
	.cate2 .box_wrap > .bottombox .boxitem p{
		width: 100%;
	}
	.cate1 > div .txtbox {
		width: 100%;
	}
	.cate1 > div .logobox {
		width: 70%;
	}
	.cate1 > div {
		gap: 60px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate2 .box_wrap .topbox .imgbox{
		width: 100%;
	}
    .cate2 .box_wrap .topbox {
        gap: 30px;
    }
    .cate2 .box_wrap .topbox .txtbox {
        gap: 30px;
    }
	.cate2 .box_wrap .topbox .txtbox .titlebox .label {
		padding: 2px 6px;
		width: 110px;
	}
	.cate2 .box_wrap > .bottombox .boxitem {
		padding-bottom: 30px;
	}
	.cate2 .box_wrap > .bottombox .boxitem:not(:first-child) {
		padding-top: 30px;
	}
	.cate1 > div .logobox {
		width: 90%;
	}
	.cate1 > div {
		gap: 40px;
	}
	.cate2 .box_wrap > .bottombox {
		padding: 30px 20px;
	}
	.pagetitle .imgbox .fv-txt2 .txt1{
		height: 70px;
	}

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