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

/* ---------- cate1 ---------- */
.cate1 h1{
	border-bottom: #010000 1px solid;
	padding-bottom: 5px;
}

.cate2 .box_wrap .box-item{
	gap: 80px;
}
.cate2 .box_wrap .box-item .imgbox{
	width: calc(50% - 40px);
}
.cate2 .box_wrap .box-item .txtbox{
	width: calc(50% - 40px);
	gap: 40px;
	align-items: flex-start;
}
.cate2 .box_wrap .box-item .txtbox .numbox .point{
	font-size: 28px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	font-family: "Libre Caslon Display", "serif";
}
.cate2 .box_wrap .box-item:nth-child(even){
    flex-direction: row-reverse;
}

.cate2 .box_wrap .box-item:not(:first-child){
    padding-top: 150px;
    border-top: 1px solid #FFF; 
    margin-top: 150px;       
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate2 .box_wrap .box-item {
		flex-direction: column;
	}
	.cate2 .box_wrap .box-item .imgbox{
		width: 60%;
	}
	.cate2 .box_wrap .box-item .txtbox{
		width: 80%;
		gap: 40px;
	}
	.cate2 .box_wrap .box-item .txtbox .numbox .point{
		font-size: 24px;
	}
	.cate2 .box_wrap .box-item {
		gap: 50px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

	.cate2 .box_wrap .box-item .txtbox{
		width: 100%;
		gap: 30px;
	}
	.cate2 .box_wrap .box-item .txtbox .numbox .point{
		font-size: 16px;
	}
	.cate2 .box_wrap .box-item:not(:first-child){
		padding-top: 100px;
		margin-top: 100px;       
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1 .topbox p{
		font-size: 19px;
	}
	.cate2 .box_wrap .box-item .txtbox .numbox .point{
		font-size: 14px;
	}
    .cate2 .box_wrap .box-item {
        gap: 30px;
    }
	.cate2 .box_wrap .box-item .txtbox{
		gap: 20px;
	}
	.cate2 .box_wrap .box-item .imgbox{
		width: 70%;
	}
	.cate2 .box_wrap .box-item:not(:first-child){
		padding-top: 60px;
		margin-top: 60px;       
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}