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


.cate1-1 .box_wrap .titlebox{
    align-items: center;
    gap: 30px;
}

.cate1-1 .box_wrap .titlebox .title{
	flex-direction: column;
	gap:10px;
	flex-shrink: 0;
}
.cate1-1 .box_wrap .titlebox .title .en{
	font-size: 50px;
	font-family: "Roboto",  sans-serif;
	line-height: 1;
}
.cate1-1 .box_wrap .titlebox .title .jp{
	line-height: 1;
}
.cate1-1 .box_wrap .titlebox .line{
    position: relative;
    height: 3px;
	flex: 1;
}
.cate1-1 .box_wrap .titlebox .line::before{
    content: "";
    position: absolute;
    inset: 0;
    border-top: 2px dashed #323942;
}

.cate1-1 .box_wrap .menubox{
	flex-direction: column;
	width: 100%;
	gap: 80px;
}
.cate1-1 .box_wrap .menubox .menuitem{
	width: 100%;
}
.cate1-1 .box_wrap .menubox .menuitem .topbox{
	padding-bottom: 30px;
	width: 100%;
}
.cate1-1 .box_wrap .menubox .menuitem .topbox p{
	width: 100%;
	background-color: #323942;
	color: #fff;
	padding: 5px;
}
.cate1-1 .box_wrap .menubox .menuitem .bottom_wrap{
	flex-direction: column;
	gap: 20px;
	width: 100%;
}
.cate1-1 .box_wrap .menubox .menuitem .bottombox{
	padding-bottom: 20px;
	border-bottom: #C1C1C1 1px solid;
	width: 100%;
	
}
.cate1-1 .box_wrap .menubox .menuitem .bottombox .item{
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
}
.cate1-1 .box_wrap .menubox .menuitem .bottombox .item .box1{
	gap: 10px;
	width: 100%;
}
.cate1-1 .box_wrap .menubox .menuitem .bottombox .item .box1 h3{
	width: calc(80% - 5px);
}
.cate1-1 .box_wrap .menubox .menuitem .bottombox .item .box1 p{
	width: calc(20% - 5px);
	text-align: end;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate1-1 .box_wrap .titlebox .title .en{
		font-size: 40px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate1-1 .box_wrap .menubox .menuitem .bottombox .item .box1 h3{
		width: 100%;
	}
	.cate1-1 .box_wrap .menubox .menuitem .bottombox .item .box1 p{
		width: 100%;
		text-align: end;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1-1 .box_wrap .titlebox .title .en{
		font-size: 30px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}