@charset "utf-8";
/* CSS Document */
.cateLink{background-color: #2b2c2d;}
.cateLink ul li a{padding: 20px 30px; display: block;}
.cateLink ul li.active a{	background-color: #1D1F21;}
.cateLink ul li a:hover{	background-color: #262626;}


#page2 .cate .cate_txt{
	background-image: url("../img/topMes.jpg");
	padding: 100px 20%;
}
#page2 .cate .cate_box div{padding-right: 5%;}
#page2 .cate .cate_box{border-bottom: 2px solid #333435;}
#page2 .cate .cate_txt3{width: 90%;margin: 0 auto 100px;border: 5px solid #F2F1ED;}
#page2 .box_wrap{counter-reset: number 0;}
#page2 .box_wrap .cate_box div::before {
	 counter-increment: number;
   content: counter(number);
    color: #1A1A1A;
    font-size: 22px;
    position: absolute;
    top: -4px;
	left: -20%;
	border:3px solid  #1A1A1A;
	border-radius: 100px;
	line-height: 45px;
	width: 50px;
	height: 50px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
font-weight: 600;
}
#page2 .box_wrap .cate_box div::after{
	content: "";
	background: #f9f9f9;
	width: 6px;
	height: 6px;
	    position: absolute;
  top: 18px;
left: -12.5%;
}
#page2 .box_wrap .cate_box .cate_title1::before{
	content: "";
	width: 20px;
	height: 3px;
	background:#131517;
	position: absolute;
  top: 20px;
left: -7%;
}

.cate_txt2:empty,.cate_txt3:empty{display: none;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#page2 .cate .cate_txt{padding: 100px 10%;}
	#page2 .cate .cate_box{}
	#page2 .cate .cate_box div{padding-right: 0px; margin-left: 15%;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
	#page2 .cate .cate_box div{margin-left: 0px;padding-left: 0px;}
		.cateLink ul li{width: 50%;}
.cateLink ul li a{padding: 10px 10px;text-align: center;}
	#page2 .box_wrap .cate_box div::before{top: -50px; left: 0;}
	#page2 .box_wrap .cate_box .cate_title1::before{display: none;}

	
}