@charset("UTF-8");

.sample-slider{
	width:100%;
	margin:0 auto 40px;
}
.sample-slider img{
	display:block;
	margin:0 auto;
}
.date{
    color: #60c4b0;
    display: block;
    width: 100px;
    margin-right: 30px;
    line-height: 2;
}
.post-title{
	line-height:1.5;
	font-size:24px;
	border-bottom:1px solid #645f59;
	margin-bottom:40px;
	padding-bottom:0.3em;
}
.post-area{
	margin-bottom:80px;
}
.post-area p{
	padding-bottom:0.8em;
}

.map-btn{
	display:block;
	width:330px;
	line-height:63px;
	color:#fff;
	margin:40px auto 80px;
	background:#60c4b0;
	letter-spacing:0.05em;
	font-weight:400;
}
.map-btn:after{
	content:"";
	display:inline-block;
	margin-left:20px;
	border-left:10px solid #fff;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}
.post-area img{
	max-width:100%;
	height:auto;
}


@media screen and (max-width:767px){
.date{
    width: auto;
    font-size: 1.3rem;
}
.post-title{
    font-size: 1.7rem;
	margin-bottom:4rem;
}
.map-btn{
	width:90%;
	line-height:4.8rem;
	color:#fff;
	margin:2rem auto 6rem;
}
.map-btn:after{
	content:"";
	display:inline-block;
	margin-left:20px;
	border-left:10px solid #fff;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}
.post-area {
    margin-bottom: 6rem;
}
.post-area img{
	max-width:100%;
	height:auto;
}
}