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

.cate_wrap .cate1.bg_img_wrap2{
	background-position: center top;
	justify-content: flex-end;
	align-items: stretch;
}
.cate_wrap .cate1{
	position: relative;
}
.cate_wrap .cate1::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #212121;
	background: linear-gradient(90deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0) 40%, rgba(33, 33, 33, 0.5) 50%, rgba(33, 33, 33, 0.83) 65%, rgba(33, 33, 33, 1) 100%);
	opacity: 0.8;
	mix-blend-mode: multiply;
}
.cate_wrap .cate1 .txtbox{
	position: relative;
	z-index: 3;
	width: 50%;
	align-content: flex-end;
	animation-duration: 2.0s;
	animation-delay: 0.8s;
}
.cate_wrap .cate1 .txtbox .topbox{
	padding: 5%;
}
.cate_wrap .cate1 .txtbox .topbox .en{
	font-family: "Montserrat", "Noto Sans JP", "Noto Sans", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	font-size: clamp(50px,8vw,100px);
	font-weight: 700;
	color: #FA4D00;
	line-height: 1.2;
}
.cate_wrap .cate1 .txtbox .bottombox{	background-color: #000;
	padding: 5%;
}

.cate2 .boxwrap{
	background-color: #212121;
	border: 1px solid #696969;
	border-radius: 2px;
	padding: 5%;
}
.cate2 .boxwrap .box:not(:last-of-type){
	margin-bottom: 30px;
}
.cate2 .boxwrap .box h2{
	position: relative;
	padding-left: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ADAAAA;;
}
.cate2 .boxwrap .box h2::after{
	content: "";
	position: absolute;
	top: calc(50% - 2.5px);
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #FA4D00;
}
.cate2 .boxwrap .box p{
	padding: 15px 15px 0;
}

.cate3 .contents .imgbox{
	width: 50%;
}
.cate3 .contents .boxwrap{
	width: 50%;
	padding-right: 5%;
}
.cate3 .contents .boxwrap .box{
	padding: 30px 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.cate3 .contents .boxwrap .box:first-of-type{padding-top: 0;}
.cate3 .contents .boxwrap .box h3{
	margin-bottom: 10px;
}

.cate4{
	gap: 3px;
}
.cate4 img{
	width: calc(100% / 2 - 3px / 2);
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.cate_wrap .cate1 .txtbox{
		width: 60%;
	}
	.cate3 .contents .boxwrap .box{
		padding: 20px 0;
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate_wrap .cate1.bg_img_wrap2{
		background-position: left top;
		justify-content: flex-end;
		align-items: stretch;
	}
	.cate_wrap .cate1{
		padding-top: 0;
		background-image: none!important;
	}
	.cate_wrap .cate1 > img{
		display: block!important;
	}
	.cate_wrap .cate1 .txtbox{
		width: 100%;
	}
	.cate3 .contents .boxwrap .box{
		padding: 15px 0;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate3 .contents .imgbox{
		width: 70%;
		margin-bottom: 30px;
	}
	.cate3 .contents .boxwrap{
		width: 100%;
		padding-right: 0;
	}
	.cate3 .contents .boxwrap .box{
		padding: 15px 0;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.cate3 .contents .boxwrap .box:first-of-type{padding-top: 0;}
	.cate3 .contents .boxwrap .box h3{
		margin-bottom: 5px;
	}
	.cate4 img{
		width: 100%;
	}
}

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