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



**************************************************************/
.u_inner {
	max-width: 1120px;
}
.topics_list-inner {
	display: flex;
	gap: 0 40px;
}
.t_txt_inner {
	flex: 1;
	margin-top: 40px;
	padding-right: 20px;
}
.thumb {
	width: 20%;
}
.data {
	color: #707070;
	margin-bottom: 10px;
	display: inline-block;
}
.title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 500;
	line-height: initial;
}
.t_txt-body {
	line-height: 1.625;
	display: none;
}
.topics_list-item.sec_inner:first-child .t_txt-body {
	display: block;
}

.topics_list-item.sec_inner {
	border-bottom: 1px solid #707070;
	margin-bottom: 30px;
	padding-bottom: 30px;
	position: relative;
	cursor: pointer;
}
.topics_list-item.sec_inner::after {
	position: absolute;
	display: block;
	content: '';
	right: 5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg);
	transition: all .3s ease-in-out;
	top: 50%;
}
.t_txt_inner.open .t_txt-body {
	display: block;
}
.tags_arr {
	display: inline-block;
	color: var(--color-silver);
	border: 1px solid var(--color-silver);
	padding: 5px 10px;
	font-size: 0.82rem;
	line-height: 0.82rem;
	border-radius: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
}


@media screen and (min-width:1350px) and (max-width: 1620px) {

}
@media screen and (min-width:1140px) and (max-width: 1350px) {
}

@media screen and (min-width:768px) and (max-width: 1140px) {
}

@media screen and (max-width: 768px) {
.topics_list-inner {
	flex-direction: column;
}
.thumb {
	width: 100%;
	text-align: center;
}
.title {
	font-size: 1rem;
	margin-bottom: 10px;
	line-height: initial;
}
.title + p {
	line-height: initial;
	font-size: .8rem;
}
.data {
	font-size: .8rem;
}
.t_txt-body {
	font-size: .8rem;
}
.topics_list-item.sec_inner::after {
	display: none;
}
}