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

/* ---------- 全体 ---------- */

/* ---------- PC ---------- */
@media screen and (min-width:769px){
	
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.cms_1-c .cate_box{
		margin-left: 0;
		margin-right: 0;
	}
	.pager li:not(.prev){
		display: none;
	}
}
@charset "utf-8";
/* CSS Document */

/* ---------- 全体 ---------- */
#cms_2-c .box_item{
	word-break: break-all;
}
.cms_2-c .cate_box{
    justify-content: flex-start;
}
/* ---------- PC ---------- */
@media screen and (min-width:769px){
	
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#cms_2-c .cate_title{
		margin-left: 0;
	}
	#cms_2-c .box_item{
		border: none;
	}
	.cms_2-c .box_item{
		border: none;
	}
}
@charset "utf-8";
/* CSS Document */

/* ---------- 全体 ---------- */

/* ---------- PC ---------- */
@media screen and (min-width:769px){
	
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#cms_3-c .cate_title{
		margin-left: 0;
	}
	#cms_3-c .box_title2{
		border: none;
	}
}
@charset "utf-8";
/* CSS Document */

#cms_6-c .box_title:first-letter {
	font-size: 1.8rem;
	padding-right: 5px;
}
#cms_6-c .arrow {
	bottom: -170px;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 120px;
	z-index: 3;
}
#cms_6-c .circle  {
	bottom: -30px;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 30px;
	z-index: 4;
}
.cms_6-c .arrow {
	top: 50%;
	bottom: 50%;
	right: -70px;
	transform: translate(-50%,-50%);
	width: 50px;
	height: 2px;
	z-index: 3;
}
.cms_6-c .circle {
	top: 50%;
	bottom: -50%;
	right: -30px;
	transform: translate(-50%,-50%);
	height: 30px;
	z-index: 4;
}
.cms_6-c .cate_box:last-of-type > span,#cms_6-c .cate_box:last-of-type > span{
	display: none;
}

@media(max-width:768px) {
#cms_6-c .box_title:first-letter {
	font-size: 1.5rem;
	padding-right: 2px;
}
#cms_6-c .arrow {
	bottom: -90px;
	height: 60px
}
.cms_6-c .cate_box{
margin-top:40px;
}
.cms_6-c .arrow {
	top: 110%;
	bottom: -120px;
	left: 50%;
	width: 2px;
	height: 50px;
}
.cms_6-c .circle {
	top: 100%;
	border: -120px;
	left: 50%;
	right: 50%;
}
}
@media screen and (max-width: 667px){
.cms_6-c .arrow{
	top: 107%;
	height: 55px;
	width: 1px;
}
}