@charset "utf-8";
/* CSS Document */
.cate_list li a{
	width: 300px;
	text-align: center;
	background: #5532e4;
	padding: 15px 0px;
	color: #fff;
	display: block;
	border-right: 2px solid #fff;
}
.cate_list li:first-of-type a{
	border-radius: 10px 0px 0px 10px;
}
.cate_list li:last-of-type a{
	border: none;
	border-radius: 0px 10px 10px 0px;
}
.cate_list li a:hover{background: #3924b2 ;}


/* con1
   ----------------------------------------------------------------- */
#con1 .box_wrap{border-top:   #c8d3e6  solid 2px;}
#con1 .box_wrap .box{
	border-bottom:   #c8d3e6 solid 2px;
	padding: 100px 5px;
}
#con1 .box_wrap .box > .title{
	position: relative;
	padding-left: 30px;
}
#con1 .box_wrap .box > .title::before{
	content: "";
	width: 20px;
	height: 4px;
	background: #d600fc;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: 21px;
}
#con1 .box_wrap .box .txt_wrap__l,#con1 .box_wrap .box .txt_wrap__r{
	width: 49%;
	background: #faf5ff;
	border-radius: 20px;
	box-sizing: border-box;
}
#con1 .box_wrap .box .txt_wrap__l .title,#con1 .box_wrap .box .txt_wrap__r .title{
	background: #5532e4;
	color: #fff;
	padding: 20px;
	border-radius: 20px 20px 0px 0px;
}
#con1 .box_wrap .box .txt_wrap__l .text,#con1 .box_wrap .box .txt_wrap__r .text{
	padding: 20px;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.cate_list li a {
    width: 245px;
    font-size: 14px;
}
#con1 .box_wrap .box .txt_wrap__l{margin-bottom: 30px;}
#con1 .box_wrap .box .txt_wrap__l,#con1 .box_wrap .box .txt_wrap__r{
	width: 100%;
	}
	.cate .img{max-width: 300px; margin: 30px auto 0px; padding: 0px;}
	
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.cate_list li:first-of-type a,.cate_list li:last-of-type a,.cate_list li a{
	width: 300px;
	border-radius: 10px;
	margin-bottom: 10px;
	}
}