@import url("page.css");

/* メインビュー */
.main_view {
	height: 450px;
	background-image: url(../img/main-image_column.jpg);
  background-position: 50% 75%;
}
.main_view_bg {
	height: 450px;
}
.section_column {
    margin-top: 8em;
	padding: 0;
}
.section_page_container .section_title {
	width: 90%;
	margin: 0 auto;
}
.section_title_top:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 65px;
	border-right: 1px solid #2a1507;
    bottom: -15px;
    left: -50px;
    transform: rotate(90deg);
}
.section_title_top:after {
	height: 65px;
    bottom: -15px;
    left: 180px;
    transform: rotate(90deg);
}
.column_search {
    margin: 80px 0 40px;
}
.cat_tab_item {
	color: #2a1507;
}
.cat_tab_item.active {
	color: #fff;
	background: #62332d;
}
.top_column_container {
	margin-top: 4em;
}
.slider {
	display: flex;
	flex-wrap: wrap;
}
.slider_item {
	width: calc(100%/4);
	margin-bottom: 3em;
	position: relative;
}
.slider_item_link img {
	width: 100%;
	height: auto;
}

@media (max-width: 1150px) {
	.section_title {
		writing-mode: horizontal-tb;
	}
	.section_title_top:after {
		top: 12px;
		left: 150px;
		transform: rotate(180deg);
	}
}
@media (max-width: 767px) {
	.special {
		top: 45%;
		left: 0;
	}
	.section_title_top:before {
		display: none;
	}
}
@media (max-width: 480px) {
	.section_column_container .section_title {
		text-align: left;
	}
	.section_title_top:after {
		width: 80px;
	}
  .slider_item {
	width: calc(100%/2);
  }
}