@charset "UTF-8";

#main #location p.body {
	margin-bottom: 4em;
}

#location .contents {
	padding-bottom:60px;
}
#location .contents h2 {
	font-size:2.5rem;
	color:#000000;
	border-left:4px solid #0075C2;
	padding-left:.5em;
	margin-bottom:1.5em;
	line-height:1.3;
}
#location .contents.trekking h2 {
	margin-bottom:.75em;
}
#main #location .contents.trekking p.body {
	margin-bottom:2em;
}


#location .contents_inner {
	width:100%;
}
#location .contents_inner .item {
	width:calc(50% - 15px);
	margin-bottom:60px;
	text-align:center;
	padding-bottom:50px;
	position:relative;
}
#location .contents_inner .item .img {
	max-width:360px;
	margin:0 auto 15px;
	border-radius:40px;
	overflow:hidden;
	border:1px solid #cccccc;
}
#location .contents_inner .item .img img {
	width:100%;
	transform:scale(1.01);
}
#location .contents_inner .item h3 {
	font-size:2.8rem;
	line-height:1.2;
	margin-bottom:.5em;
}
#main #location .contents_inner p {
	text-align:center;
}
#location .contents_inner .item .btn {
	position:absolute;
	bottom:0;
	padding: 0;
	left:50%;
	transform:translateX(-50%);
	width: 15em;
}


@media screen and (max-width:1500px){
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){	
}

@media screen and (max-width: 768px){
}

@media screen and (max-width:640px){

#main #location p.body {
	margin-bottom: 2em;
}

#location .contents {
	padding-bottom:30px;
}
#location .contents h2 {
	font-size:2.0rem;
}

#location .contents_inner .item {
	width:100%;
	margin-bottom:45px;
	padding-bottom:0;
}
#location .contents_inner .item .img {
	border-radius:20px;
}
#location .contents_inner .item h3 {
	font-size:2.2rem;
}
#main #location .contents_inner .item p {
	margin-bottom:1em;
}
#location .contents_inner .item .btn {
	position:relative;
	left:auto;
	transform:translateX(0);
	width: 14em;
}
	
}
	
@media screen and (max-width:480px){
}
	
@media screen and (max-width:360px){
}