@charset "utf-8";
/* CSS Document */
/* ---------- cate1 ---------- */
.default_title-c{
	font-size: clamp(28px,3.6vw,45px);
	font-family: "Yuji Syuku", "Zen Old Mincho", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
	letter-spacing: 0.1rem;
	letter-spacing: 0.15em;
}
.cate1 .box_wrap{
	gap: 150px;
}
.cate1 .box_wrap .box-item{
	gap: 100px;
}
.cate1 .box_wrap .box-item .imgbox{
	width: calc(50% - 50px);
}
.cate1 .box_wrap .box-item .txtbox{
	width: calc(50% - 50px);
}
.cate1 .box_wrap .box-item .txtbox .topbox{
	justify-content: space-around;
	margin-bottom: 50px;
}
.cate1 .box_wrap .box-item .txtbox .topbox h2{
	padding-top: 25%;
}
.cate1 .box_wrap .box-item .txtbox .topbox img{
	padding-bottom: 25%;
	width: 280px;
}
.cate1 .box_wrap .box-item:nth-child(even){
    flex-direction: row-reverse;
}
.cate1 .box_wrap .box-item:nth-of-type(2) .txtbox .topbox img {
    width: 180px;
}
.cate1 .box_wrap .box-item:nth-of-type(2) .txtbox .topbox img {
    padding-bottom: 0%;
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

.cate1 .box_wrap .box-item{
	gap: 80px;
}
.cate1 .box_wrap .box-item .imgbox{
	width: calc(45% - 40px);
}
.cate1 .box_wrap .box-item .txtbox{
	width: calc(55% - 40px);
}
.cate1 .box_wrap .box-item .txtbox .topbox img{
	width: 240px;
}
.cate1 .box_wrap .box-item:nth-of-type(2) .txtbox .topbox img {
    width: 140px;
}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

	.cate1 .box_wrap .box-item {
        flex-direction: column;
    }
	.cate1 .box_wrap .box-item .imgbox{
		width: 50%;
	}
	.cate1 .box_wrap .box-item .txtbox{
		width: 70%;
	}
	.cate1 .box_wrap .box-item .txtbox .topbox {
		justify-content: space-around;
		width: 80%;
		margin: 0 auto;
	}
    .cate1 .box_wrap .box-item {
        gap: 50px;
    }
	.cate1 .box_wrap .box-item .txtbox .topbox img{
		width: 200px;
	}
	.cate1 .box_wrap .box-item:nth-of-type(2) .txtbox .topbox img {
		width: 120px;
	}
	.cate1 .box_wrap .box-item .txtbox .topbox {
		margin-bottom: 50px;
	}
	.cate1 .box_wrap {
		gap: 100px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

	.cate1 .box_wrap .box-item .txtbox{
		width: 100%;
	}
    .cate1 .box_wrap .box-item {
        gap: 30px;
    }
	.cate1 .box_wrap .box-item .txtbox .topbox h2{
		padding-top: 20%;
	}
	.cate1 .box_wrap .box-item .txtbox .topbox img{
		padding-bottom: 20%;
	}
	.cate1 .box_wrap {
		gap: 80px;
	}
    .cate1 .box_wrap .box-item .txtbox .topbox {
        margin-bottom: 30px;
    }
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){

    .cate1 .box_wrap .box-item .txtbox .topbox {
        flex-direction: column-reverse;
    }
    .cate1 .box_wrap .box-item .txtbox .topbox h2 {
        padding-top: 20px;
		margin-right: auto;
    }
	.cate1 .box_wrap .box-item .txtbox .topbox img{
		padding-bottom: 0;
		width: 150px;
		margin-left: auto;
	}
	.cate1 .box_wrap .box-item .imgbox{
		width: 70%;
	}
    .cate1 .box_wrap {
        gap: 50px;
    }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}