@charset "UTF-8";

main.outer{
	padding-left: 0;
	padding-right: 0;
}
.back-number{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.back-number>li{
	width: calc(50% - 20px);
	margin-bottom: 60px;
}
.back-number li a{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}
.back-number .pic{
	width: 120px;
	overflow: hidden;
}
.back-number .pic img{
	transition: .3s all ease;
}
.back-number a:hover .pic img{
	transform: scale(1.05);
}
.back-number .txt{
	width: calc(100% - 140px);
}
.back-number .date{
	font-weight: 700;
	display: block;
	margin-bottom: 20px;
}
.back-number .txt ul{
	padding: 10px;
	border: 1px dotted #412124;
	line-height: 2;
	font-size: 1.3rem;
}
.back-number .txt li:not(:last-of-type){
	margin-bottom: .5em;
}
.back-number .txt ul + p {
	padding-top: 1em;
    font-weight: bold;
    line-height: 1.8;
}




/* +++++++++++++++++.menu-area+++++++++++++++ */
.menu-area{
	background: #fff;
	padding-bottom: 80px;
}
.menu-list{
	display: flex;
	flex-wrap: wrap;
}
.menu-list li{
	width: calc(25% - 15px);
	margin-right: 20px;
	margin-bottom: 40px;
}
.menu-list li:nth-of-type(4n){
	margin-right: 0;
}
.menu-list .pic{
	position: relative;
	overflow: hidden;
}
.menu-list .pic img{
	transition: .3s all ease;
}
.menu-list a:hover .pic img{
	transform: scale(1.05);
}
.menu-list h3{
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.75;
	margin: 15px 0 5px;
}
.menu-list .parag{
	color: #816d51;
}



@media screen and (min-width: 769px) and (max-width: 1200px){
	.sec{
		padding-left: 2vw;
		padding-right: 2vw;
	}
	.back-number>li{
		width: calc(50% - 1.5vw);
	}
}



@media screen and (max-width: 768px){
	main.outer{
		padding-top: 0;
	}

	#sec01{
		padding-left: 2.4rem;
		padding-right: 2.4rem;
	}

	.back-number{
		display: block;
		margin-bottom: 1rem;
	}
	.back-number>li{
		width: 100%;
		margin-bottom: 5rem;
	}

	.back-number .pic{
		width: 30%;
	}
	.back-number .txt{
		width: calc(70% - 1.5rem);
	}
	.back-number .date{
		font-weight: 700;
		display: block;
		margin-bottom: 2rem;
	}
	.back-number .txt ul{
		padding: 1.2rem;
		font-size: 1.2rem;
	}
	.back-number .txt li:not(:last-of-type){
		margin-bottom: 1em;
	}



/* +++++++++++++++++.menu-area+++++++++++++++ */
	.menu-area{
		padding-bottom: 1rem;
		padding-left: 2.4rem;
		padding-right: 2.4rem;
	}
	.menu-list{
		width: 100%;
		justify-content: space-between;
	}

	.menu-list li{
		width: calc(50% - 1.2rem);
		margin-right: 0;
		margin-bottom: 5rem;
	}
	.menu-list h3{
		font-size: 1.6rem;
		line-height: 1.4;
		margin: 1.5rem 0 1rem;
	}
}