@charset "utf-8";
/* CSS Document */
    .pagetitle {
        gap: 20px;
        padding: 20px 20px 0px 20px;
    }
.cate1 .box_wrap{
	gap: 60px;
	align-items: center;
}
.cate1 .txtbox {
	width: calc(50% - 30px);
}
.cate1 .imgbox {
	width: calc(50% - 30px);
}
.cate2 {
	background: #A7EDD0;
    background:
        linear-gradient(128deg,
            rgba(167, 237, 208, 0.28) 0%, 
            rgba(109, 230, 226, 0.12) 100%  
        );
}
.cate2 .box_wrap{
	gap: 80px;
}
.cate2 .box-item{
	gap: 50px;
}
.cate2 .box-item .txtbox{
	gap: 20px;
	width: calc(50% - 25px);
	flex-direction: column;
	align-items: flex-start;
}
.cate2 .box-item .txtbox .topbox{
	width: 100%;
	justify-content: space-between;
}
.cate2 .box-item .txtbox .topbox .topright{
	width: 20%;
}
.cate2 .box-item .txtbox .topbox .topleft{
	width: 70%;
}
.cate2 .box-item .txtbox .topbox .topleft .numbox{
	justify-content: flex-start;
	gap: 10px;
}
.cate2 .box-item .txtbox .topbox .topleft .numbox .pointlabel{
	background-color: #818181;
	border-radius: 5px;
	color: #fff;
	padding: 1px 8px;
	font-size: 12px;
}
.cate2 .box-item .txtbox .topbox .topleft .numbox .num{
	font-size: 35px;
	color: #818181;
	font-weight: 500;
}
.cate2 .box-item .imgbox{
	width: calc(50% - 25px);
}
.cate2 .box_wrap .box-item:nth-child(even){
    flex-direction: row-reverse;
}

.cate3 .titlebox h2{
	position: relative;
    display: inline-block;  
    padding: 0 24px;    
    z-index: 1;
}
.cate3 .titlebox h2::before,
.cate3 .titlebox h2::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 30px;
	height: 2px;
	background-color: #1F8C55;
	transform-origin: center;
}
.cate3 .titlebox h2::before {
    left: -5%;
    transform: rotate(55deg);
}
.cate3 .titlebox h2::after {
    right: -5%;
    transform: rotate(-55deg);
}
.cate3 .titlebox h2 span {
    background-color: rgba(249, 198, 99, 0.6);
    border-radius: 20px;
    padding: 0 10px;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

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

	.cate1 .box_wrap {
		flex-direction: column-reverse;
		gap: 40px;
	}
	.cate1 .txtbox {
		width: 80%;
	}
	.cate1 .imgbox {
		width: 60%;
	}
	.cate2 .box-item {
		flex-direction: column-reverse;
		gap: 30px;
	}
	.cate2 .box-item .txtbox {
		width: 80%;
	}
	.cate2 .box-item .imgbox {
		width: 60%;
	}
	.cate2 .box_wrap .box-item:nth-child(even){
		flex-direction: column-reverse;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

	.cate1 .txtbox {
		width: 100%;
	}
	.cate1 .imgbox {
		width: 90%;
	}
	.cate2 .box-item .txtbox {
		width: 100%;
	}
	.cate2 .box-item .imgbox {
		width: 90%;
	}
	.cate2 .box_wrap {
		gap: 50px;
	}
	.cate2 .box-item .txtbox .topbox .topleft .numbox .num {
		font-size: 28px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1 .box_wrap {
		gap: 20px;
	}
    .cate2 .box-item {
        gap: 20px;
    }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}