.category .sec01{
    padding: 130px 0 30px;
}
.category .sec01 .headLine01 .icon {
    left: 416px;
    top: -81px;
}
.category .column_sec01 .headLine01 .icon {
    right: 466px;
    top: -81px;
}
.category .column_sec01 .headLine01 .cateicon {
	right: 350px;
    top: -81px;
    left: auto;
}
.category .sec02 .faq_filter{
    background-color: #F3F3F3;
    padding: 20px;
    border-radius: 10px;
}
.category .sec02 .faq_filter_title{
    padding: 20px;
}
.category .sec02 .faq_filter_list li{
    display: contents;
}
.category .sec02 .faq_filter_list a{
    background-color: #fff;
    padding: 10px 20px;
    margin: 10px 0 10px 30px;
    border: 1px solid #707070;
    border-radius: 5px;
}
.category .sec03 {
	padding-top: 60px;
    padding-bottom: 40px;
}
.category .sec03 .headLine01 {
	margin-bottom: 40px;
}
.category .sec03 .news {
	margin: 0 0 37px 9px;
	color: #000;
}
.category .sec03 .news dt {
	padding-top: 42px;
	float: left;
	color: #9D9D9D;
}
.category .sec03 .news .name {
	margin-left: 50px;
	width: 134px;
	padding: 9px;
	display: inline-block;
	text-align: center;
	color: #000;
	border: 1px solid #707070;
	border-radius: 5px;
	box-sizing: border-box;
}
.category .sec03 .news dd {
	padding: 51px 0 28px 19.4em;
	border-bottom: 1px solid #707070;
}
.category .sec03 .news dd a:hover {
	text-decoration: underline;
}
.category .sec03 .comBtn {
	margin: 0 0 0 auto;
}
.category .sec03 .thumbnail_list{
    width: 370px;
    height: 210px;
    overflow:hidden;
}
.category .sec03 .thumbnail_list img {
    width: 370px;
    height: 210px;
    object-fit: cover;
    transition-duration: 0.3s;
}
.category .sec03 .thumbnail_list img:hover{
    transform: scale(1.2);
    transition-duration: 0.3s;
}
.category .sec03 .column_list{
    width: calc(33% - 40px);
    padding: 20px;
}
.category .sec03 .column_list .post-date{
    margin-top: 10px;
}
.category .sec03 .column_list .post-date img{
    position: relative;
    top: 5px;
}
.category .sec03 .column_list .post-category{
    background-color: #59C1DE;
    color: #fff;
    display: inline-table;
    padding: 5px 10px;
    margin: 10px 0;
    border-radius: 5px;
}
@media all and (max-width: 896px) {
        /*------------------------------------------------------------
	category
    ------------------------------------------------------------*/
    .category .sec01 .lower_title{
        padding: 0 20px;
    }
    .category .sec01 {
        padding: 70px 0 20px;
    }
    .category .sec01 .headLine01 .icon {
        right: 176px;
        top: 21px;
        width: 60px;
    }
    .category .sec02 .faq_filter{
        padding: 10px;
    }
    .category .sec02 .faq_filter_title{
        padding: 10px;
    }
    .category .sec02 .faq_filter_list a{
        padding: 10px 20px;
        margin: 10px 15px;
    }
    .category .sec03 {
		padding-top: 40px;
	}
	.category .sec03 .headLine01 {
		margin-bottom: 40px;
	}
	.category .sec03 .news {
		margin: 0 0 25px;
	}
	.category .sec03 .news dt {
		padding-top: 20px;
		float: none;
	}
	.category .sec03 .news .name {
		margin-left: 20px;
		width: 100px;
		padding: 5px;
		font-size: 1.2rem;
	}
	.category .sec03 .news dd {
		padding: 20px 0;
	}
	.category .sec03 .news dd a:hover {
		text-decoration: none;
	}
	.category .sec03 .comBtn {
		margin: 0 auto;
	}
	.category .sec03 {
		padding-top: 40px;
	}
    .category .sec03 .flex{
		display: block;
	}
    .category .sec03 .column_list {
        width: auto;
        padding: 0;
    }
    .category .sec03 .thumbnail_list {
        width: auto;
    }
	.category .sec03 .headLine01 {
		margin-bottom: 40px;
	}
	.category .sec03 .news {
		margin: 0 0 25px;
	}
	.category .sec03 .news dt {
		padding-top: 20px;
		float: none;
	}
	.category .sec03 .news .name {
		margin-left: 20px;
		width: 100px;
		padding: 5px;
		font-size: 1.2rem;
	}
	.category .sec03 .news dd {
		padding: 20px 0;
	}
	.category .sec03 .news dd a:hover {
		text-decoration: none;
	}
	.category .sec03 .comBtn {
		margin: 0 auto;
	}
    .category .sec03 .post-title{
        margin-bottom: 30px;
    }
}
@media all and (min-width: 867px) and (max-width: 1300px) {
	.category .sec01 .headLine01 .icon {
		left: 306px;
	}
	.category .sec03 .news {
		min-width: 1000px;
	}
	.category .column_sec01 .headLine01 .cateicon {
		right: 230px;
		top: -81px;
		left: auto;
	}
}