@charset "utf-8";

/*==============================================

	space

==============================================*/

main {
	background-color: var(--owt);
}

.contents {
	max-width: 1140px;
	margin: 70px auto 0;
	padding: 0 20px;
	width: 100%;
}
.contents h2 {
	font-size: 1.6rem;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--line-gray);
	margin-bottom: 50px;
}

.space_list {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 30px;
	width: 100%;
}
.space_list > li {
	width: calc((100% - 30px * 3) / 4);
}
.space_list > li .view_more a {
	width: 100%;
	padding: 13px 20px;
}
.space_list > li .place {
	margin-top: 20px;
}
.space_list > li .place span {
	font-size: 1.2rem;
	color: var(--green);
	border: 1px solid var(--green);
	text-align: center;
	padding: 3px 10px 2px;
}
.space_list > li .title {
	font-size: 1.4rem;
	margin-top: 10px;
}

.photo_list_wrap {
	margin-top: 100px;
}
.photo_list li {
	padding-bottom: 20px;
	border-bottom: 1px dashed var(--line-gray);
	margin-bottom: 20px;
	display: flex;
	gap: 10px;
}
.photo_list li h3 {
	color: var(--green);
	font-size: 1.3rem;
	font-weight: 700;
	width: 270px;
}
.photo_list li .answer {
	width: calc(100% - 280px);
}

.viewmore {

}
.viewmore_btn {
	max-width:300px;
	margin:40px auto 0;
    padding: 13px 0;
    text-align: center;
    font-size: inherit;
	font-weight:500;
    border: 1px solid var(--green);
    border-radius: 5px;
	color:var(--green);
	transition: all .3s;
}
.viewmore_btn:hover {
	opacity:.7;
	cursor:pointer;
}
.viewmore_inner {
	display: none;
	padding-top: 40px;
}

/*---------------------------------------------------------------*\
	$736px
\*---------------------------------------------------------------*/
@media screen and (max-width: 820px) {
	.space_list li {
		width: 100%;
	}
	.space_list li img {
		width: 100%;
	}
	.photo_list li {
		flex-direction: column;
	}
	.photo_list li h3 {
		width: 100%;
	}
	.photo_list li .answer {
		width: 100%;
	}
	.contents h2 {
		margin-bottom: 20px;
	}
}