@charset "UTF-8";

/* ------------------------------------------------
                  column
--------------------------------------------------- */
.column {
	padding: 50px 0 100px;
}
.sec-txt {
	text-align: center;
}

/**/

.list-ttl{
	background: #ec7033;
	color:#fff;
	text-align: center;
	font-size:3.6rem;
	font-weight: 600;
	line-height: 1.6;
}
.column-list-wrap{
	padding: 15px 0 60px;
	display: flex;
	flex-wrap: wrap;
	gap:0 50px
}
.column-list-item {
	width:calc((100% - 50px) /2 );
	border:1px solid #dfdedb;
	border-radius: 20px;
	padding:20px 30px;
	font-size:2.0rem;
	font-family: "Noto Serif JP", serif;
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	color:#282828;
}
.column-list-item span {
	display: inline;
	text-decoration: underline;
	text-decoration-thickness: 1px;
}


@media (max-width: 768px){
	.column {
		padding: 10vw 0;
	}
	
	.column-list-wrap {
		padding: 0 0 10vw;
	}
	.column-list-item {
		width: 100%;
		border-radius: 6vw;
		padding: 4vw;
		font-size: 3.8vw;
		margin-top: 4vw;
	}
}


/**/
.column-detail-wrap img {
	width: auto;
}
.column-detail-date {
	text-align: right;
	margin-bottom: 15px;
}

.column .btn-area {
	margin: 50px auto 0;
}
.column .btn-area a {
	width: 30vw;
	max-width: 280px;
}

@media (max-width: 768px){
	.column-detail-date {
		margin-bottom: 3vw;
	}

	.column .btn-area {
		margin: 10vw auto 0;
	}
	.column .btn-area a {
		width: 80%;
		max-width: initial;
	}
}