@charset "utf-8";
/* CSS Document */
.box .inputbox input {
  background-color: #212124;
  color: #fff;          /* 文字色も白にすると見やすい */
  border: 1px solid #444;
      font-family: "Funnel Sans", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.main_contents .cate_wrap .cate > .titlebox{
	gap: 15px;
	align-items: center;
	justify-content: flex-start;
}
.main_contents .cate_wrap .cate > .titlebox p,.main_contents .cate_wrap .cate > .titlebox h2{line-height: 1;}
.main_contents .cate_wrap .cate > .titlebox h2{color:#939393;}

.main_contents .cate_wrap .cate:first-of-type{padding-top: 0!important;}
.main_contents .cate_wrap .cate1 .boxwrap h3{
	width: 20%;
}
.main_contents .cate_wrap .cate1 .boxwrap_item1 .box > div{
	width: 80%;
}
.main_contents .cate_wrap .cate1 .boxwrap_item1 .box p{
	width: 100%;
}

.main_contents .cate_wrap .cate2 .topbox .namebox{
	justify-content: flex-start;
	gap: 15px;
}
.main_contents .cate_wrap .cate2 .topbox .namebox h3{
	font-size: clamp(22px,3.8vw,34px);
}
.main_contents .cate_wrap .cate2 .topbox .namebox p{
	font-size: clamp(13px,1.4vw,15px);
	color: #939393;
}
.main_contents .cate_wrap .cate2 .topbox .txtbox .default_txt2{
	color: #D1D1D1;
}

.main_contents .cate_wrap .cate2 .contents{
	background-color: #1C1C1C;
	padding: 40px 0;
}
.main_contents .cate_wrap .cate2 .contents > h3{
	display: inline-block;
	background-color: #E7E7EB;
	color: #140905;
	padding: 10px 40px;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap{
	padding: 0 40px;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item{
	border-bottom: 1px solid #4A4A4A;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox{
	padding: 30px 0;
	cursor: pointer;
	position: relative;
	padding-right: 30px;
	transition: ease 0.4s;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox:hover{
	opacity: 0.7;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox .icon{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 20px;
	aspect-ratio: 1 / 1;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox .icon::before,.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox .icon::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #FFFFFF;
	transition: ease 0.4s;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox .icon::before{
	width: 100%;
	height: 1px;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox .icon::after{
	height: 100%;
	width: 1px;
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox.active .icon::after{
	transform: translate(-50%,-50%) rotate(90deg);
}
.main_contents .cate_wrap .cate2 .contents .itemwrap .item .abox{
	padding-bottom: 30px;
}
body.on .main_contents .cate_wrap .cate2 .contents .itemwrap .item .abox{
	display: none;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.main_contents .cate_wrap .cate1 .boxwrap h3{
		width: 25%;
	}
	.main_contents .cate_wrap .cate1 .boxwrap_item1 .box > div{
		width: 75%;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.main_contents .cate_wrap .cate1 .boxwrap h3{
		width: 100%;
	}
	.main_contents .cate_wrap .cate1 .boxwrap_item1 .box > div{
		width: 100%;
	}
	.main_contents .cate_wrap .cate2 .contents > h3{
		padding: 6px 20px;
		margin-bottom: 20px;
	}
	.main_contents .cate_wrap .cate2 .contents .itemwrap .item .qbox{
		padding: 20px 0;
	}
	.main_contents .cate_wrap .cate2 .contents .itemwrap{
		padding: 0 20px;
	}
.main_contents .cate_wrap .cate2 .topbox .namebox{
	justify-content: center;
	gap: 15px;
}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}