@charset "UTF-8";
/* 767px以下SP
--------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	#location .mainimg {
		background: url("../img/location/mainv_location_sp.png") center 50% no-repeat;
		background-size: cover;
	}
	
	.pg_lifeinfo{
	}
	ul.list_tab {
		width: 100%;
		margin: 0 auto 30px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	ul.list_tab li {
		box-sizing: border-box;
		width: calc(100% / 2);
		font-size: clamp(0.75rem, 0.630rem + 0.51vw, 0.875rem); /*12-14px*/
		
		text-align: center;
		border-bottom: 1px solid #666;
	}
	ul.list_tab li:not(:nth-child(2n)) {
		border-right: 1px solid #666;
	}
	ul.list_tab li:last-of-type {
		border-bottom: none;
	}
	ul.list_tab li a {
		display: block;
		padding: 10px 0;
		color: #231815;
		letter-spacing: 0 !important;
		background-color: #ffffff;
		transition: .5s;
	}
ul.list_tab li.showtabbox a{
		background-color:#231815;
		color: #9e855b;
	}
	/**/
	.wrap_map {
	}
	
	.wrap_map .maparea {
		margin: 0 auto 30px;
		font-size: 0;
		border: solid 1px #fff;
		box-sizing: border-box;
	}
	.wrap_map .maparea .ex_map {
		border-bottom: solid 1px #fff;
	}
	.wrap_map .box_list{
		counter-reset: my-counter;
		
	}
	
	
	ol.list_list {
		counter-reset: my-counter;
	}
	ol.list_list li {
		display: flex;
		justify-content: space-between;
		font-size: clamp(0.75rem, 0.630rem + 0.51vw, 0.875rem); /*12-14px*/
		position: relative;
		align-items: top;
		padding: 10px 0 10px 25px;
		border-bottom: solid 1px #9e855b;
	}
	ol.list_list li div{
		flex-shrink: 0;
  white-space: nowrap;
		text-align: right;
		padding-left: 5px;
	}
	ol.list_list li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		background-color: none;
		border: 1px solid;
		border-radius: 50%;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 16px;
		width: 16px;
		color: #231815;
		font-size: 80%;
		position: absolute;
		top: 12px;
		left: 0;
		letter-spacing: 0 !important;
	}
    
.cat_name {
background-color: #9e855b;
color: #231815;
font-size: 14px;
text-align: center;
padding: 7px 0;
margin-bottom: 10px;
}    
.loca_note{
		font-size: 10px;
		margin-top: 10px;
	}   
}
/* 768px以上 PC
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
	#location .mainimg {
		background: url("../img/location/mainv_location.png") center 50% no-repeat;
		background-size: cover;
	}
	
	.pg_lifeinfo{
		width: 1000px;
		margin: 0 auto;
	}	
	ul.list_tab {
		width: 1000px;
		margin: 0 auto 30px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	ul.list_tab li {
		box-sizing: border-box;
		width: calc(100% / 5);
		font-size: clamp(0.875rem, 0.792rem + 0.173vw, 1rem); /*14-16px*/
		
		text-align: center;
		border-bottom: 1px solid #666;
	}
	ul.list_tab li:not(:last-child) {
		border-right: 1px solid #666;
	}
	ul.list_tab li a {
		display: block;
		padding: 10px 0;
		color: #231815;
		letter-spacing: 0 !important;
		background-color: #ffffff;
		transition: .5s;
	}
	ul.list_tab li.showtabbox a,ul.list_tab li a:hover{
		background-color:#231815;
		color: #9e855b;
		
	}
		
	
	/**/
	.wrap_map {
		display: flex;
		justify-content: space-between;
		align-items:flex-start;
	}
	
	.wrap_map .maparea {
		width: 450px;
		font-size: 0;
		border: solid 1px #fff;
		box-sizing: border-box;
	}
	.wrap_map .maparea .ex_map {
		border-bottom: solid 1px #fff;
	}
	.wrap_map .box_list{/*
		width: 420px;*/
		width: 520px;
	}
	ol.list_list {
		counter-reset: my-counter;
	}
	ol.list_list li {
		display: flex;
		justify-content: space-between;
		font-size: clamp(0.75rem, 0.630rem + 0.51vw, 0.875rem); /*12-14px*/
		font-size: 13px;
		position: relative;
		align-items: top;
		padding: 8px 0 8px 25px;
		border-bottom: solid 1px #9e855b;
	}
	ol.list_list li div {
		text-align: right;
		padding-left: 5px;
		white-space: nowrap;
	}
	ol.list_list li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		background-color: none;
		border: 1px solid;
		border-radius: 50%;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 16px;
		width: 16px;
		color: #231815;
		font-size: 80%;
		position: absolute;
		top: 11px;
		left: 0;/*
		transform: translateY(-50%);*/
		letter-spacing: 0!important;
	}
.cat_name {
background-color: #9e855b;
color: #231815;
font-size: 14px;
text-align: center;
padding: 7px 0;
margin-bottom: 10px;
}
	.loca_note{
		font-size: 10px;
		margin-top: 10px;
	}   
}