@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;}

#page3 .cate .cate_title::before{content: "[";padding-right: 20px; }
#page3 .cate .cate_title::after{content: "]";padding-left: 20px; }
#page3 .box_wrap .cate_box .box_txt1{background: #fff; width: 90%;padding: 40px; margin: -50px auto 0px; position: relative; border-bottom: 2px solid #333435;}
#page3 .box_wrap .cate_box{width: 48%;}
#page3 .box_wrap .cate_box:nth-child(2n){margin-left:4%;}
#page3 .box_wrap .cate_box .box_title1{margin-bottom: 15px; position: relative; padding-left: 100px; z-index: 1;}
#page3 .box_wrap .cate_box .box_title1::before{
	 counter-increment: number;
  content: counter(number,decimal-leading-zero);
	font-family: 'Roboto', sans-serif; font-weight: 900;
	letter-spacing: 0.2em;
    color: #191a1c;
    font-size: 40px;
    position: absolute;
    top: -12px;
left: 30px;
}

#page3 .box_wrap{counter-reset: number 0;}

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


.box_title1.active{	background: #0d0d26;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#page3 .box_wrap .cate_box{width: 100%;}
#page3 .box_wrap .cate_box:nth-child(2n){margin-left:0px;}

}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
	#page3 .box_wrap .cate_box .box_txt1{padding: 20px; width: 100%;margin-top: 0px;}
	.cateLink ul li{width: 50%;}
.cateLink ul li a{padding: 10px 10px;text-align: center;}


	
}