.main_title {
    text-align: center;
    color: #ffffff;
    height: 50px;
    background-image: linear-gradient(to bottom, rgba(251, 172, 58, 1), rgba(177, 66, 26, 1));
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    font-family: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
}
.sub_title {
	background-color: #836440;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	letter-spacing: 0.8rem;
}

.main_title p,
.sub_title p {
	font-size: 22px;
	text-align: center;
	font-family: 'YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	color: #ffffff;
	margin: 0;
	padding: 0;
	letter-spacing: .5rem;
}

.main_content {
	margin: 20px;
}

.shoku_left {
	width: 60%; 
	position: relative;
}
.shoku_right {
	width: calc(40% - 16px); 
	position: relative;
	display: flex;
	flex-direction: column;
}
.shoku_right p {
	margin-bottom: .1rem;
}
.shun_title {
	width: 80%; 
	position: absolute; 
	bottom: 20px; 
	left: 10%;
}

.shoku_item {
	display: flex;
	flex-direction: column;
	width: 200px;
}
.item_img {
	height: 150px;
	object-fit: cover;
}
.item_title {
	text-align: center;
	margin-top: 5px;
}
.item_content {
	text-align: left;
}
.item_content p {
	margin-bottom: .1rem;
}



@media screen and (max-width: 768px) {
	.shoku_left {
		width: 100%;
	}
	.shoku_right {
		width: 100%;
		margin-top: 1rem;
	}
}