@charset "UTF-8";

/*＝＝＝＝＝＝common＝＝＝＝＝＝＝＝*/

.locTop{
	padding:60px 0;
	text-align:center;
	background-image: url(../image/top/bg02.jpg);
	background-size:cover;
}

/*Seaside-------------------*/
.locWrap01{
	width:96%;
	max-width:1200px;
	margin:0 auto 80px;
	padding:0 4.16% 50px;
	background-color:rgba(255,255,255,0.5);
}

.locTtl01{
	text-align:center;
	position:relative;
	margin-bottom:30px;
}
.locTtl01 .ttl01{
  background-color:#AEC4C6;
  width:10em;
	font-size:clamp(24px,3.6vw,36px);
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
  max-width:400px;
  margin:0 auto;
  color:#fff;
  padding:0.2em 0 0.4em;
  line-height: 1.5;
}
.locTtl01 .ttl01 img{
	width:clamp(360px,54vw,540px);
	position:absolute;
	left:50%;
	top:40%;
	transform:translate(-50% , -50%);
}
.locTtl01 .ttl02{
	font-size:clamp(12px,1.7vw,17px);
	margin-top:10px;
}


.locTtl02{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:30px;
}
.locTtl02 .ttl01{
	font-size:clamp(15px,3.0vw,30px);
	font-weight: normal;
	display:block;
	margin:0;
	width:7em;
	text-align:center;
}
.locTtl02 .frame01,
.locTtl02 .frame02{
	width:calc(50% - 3.5em);
	height:1px;
	display:block;
	border-bottom:1px solid #AEC4C6;
	position:relative;
}
.locTtl02 .frame01::before{
	content:"";
	position:absolute;
	display:block;
	width:8px;
	height:8px;
	background-color:#AEC4C6;
	border-radius:4px;
	right:0;
	top:-4px;
}
.locTtl02 .frame02::before{
	content:"";
	position:absolute;
	display:block;
	width:8px;
	height:8px;
	background-color:#AEC4C6;
	border-radius:4px;
	left:0;
	top:-4px;
}

.locCopy01{
	font-size:clamp(16px,2.8vw,28px);
	font-weight: bold;
}
.locCopy02{
	font-size:clamp(12px,2.2vw,22px);
}


/*ユニット共通*/
.locunit01 .img{
	width:100%;
	margin-bottom:10px;
}
.locunit01 .ttl{
	font-size:clamp(15px,2.7vw,27px);
	font-weight: bold;
}
.locunit01 .txt{
	font-size:clamp(13px,1.7vw,17px);
}
/*2カラム*/
.loc2clm01 .locunit01{
	width:100%;
	margin-bottom:40px;
	text-align:left;
}
@media(min-width:768px){
	.loc2clm01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.loc2clm01 .locunit01{
		width:49%;
	}
}
/*3カラム*/
.loc3clm01 .locunit01{
	width:100%;
	margin-bottom:40px;
	text-align:left;
}
@media(min-width:768px){
	.loc3clm01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.loc3clm01 .locunit01{
		width:31%;
	}
}
/*4カラム*/
.loc4clm01{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.loc4clm01 .locunit01{
	width:49%;
	margin-bottom:40px;
	text-align:left;
}
.loc4clm01 .locunit01 .ttl{
	font-size:clamp(15px,2.3vw,23px);
	font-weight: bold;
}
@media(min-width:768px){
	.loc4clm01 .locunit01{
		width:23%;
	}
}



/*shopping*/
.shop01{}
.shop01 .locunit01{
	width:100%;
	margin-bottom:20px;
	text-align:left;
}
.shop01 .locunit02{
	display:flex;
	justify-content: space-between;
	margin-bottom:40px;
}
.shop01 .locunit02 .img{
	width:48%;
}
@media(min-width:768px){
	.shop01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.shop01 .locunit01{
		width:60.9%;
		max-width:670px;
	}
	.shop01 .locunit02{
		width:37.2%;
		max-width:410px;
		display:block;
	}
	.shop01 .locunit02 .img{
		width:100%;
		margin-bottom:20px;
	}
}

/*park*/
.park01{}
.park01 .locunit01{
	width:100%;
	margin-bottom:20px;
	text-align:left;
}
.park01 .locunit02{
	display:flex;
	justify-content: space-between;
	margin-bottom:40px;
}
.park01 .locunit02 .img{
	width:48%;
}
@media(min-width:768px){
	.park01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.park01 .unit01{
		width:60.9%;
		max-width:670px;
	}
	.park01 .unit02{
		width:37.2%;
		max-width:410px;
		display:block;
	}
}


/*education*/
.eduTtl01{
	font-size:clamp(22px,3.3vw,33px);
	background-image: url(../image/location/edu_bg01.png);
	background-size:13em auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: bold;
	text-align: center;
	padding-bottom:0.5em;
	margin-bottom:20px;
}
.edu01{
	text-align:left;
}
.edu01 h5{
	font-size:clamp(18px,2.8vw,28px);
	font-weight: bold;
	margin-bottom:5px;
}
.edu01 p{
	font-size:clamp(14px,2vw,20px);
	margin-bottom:1em;
}
.edu01 .img{
	width:80%;
	margin:0 auto;
}
@media(min-width:768px){
	.edu01{
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	.edu01 .txtwrap{
		width:64%;
	}
	.edu01 .img{
		width:36%;
		margin:10% 0 0;
	}
}





/*ライフインフォ*/
.lifeinfo{
	margin:80px auto;
	width:90%;
	max-width:1200px;
}
.lifeTtl{
	width:80%;
	max-width:362px;
	margin:0 auto 40px;
}
/*タブ*/
.lifeTab{
	display:flex;
	justify-content:flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom:30px;
}
.lifeTab input:checked + .tab {
	color:#000;
	background-color: #AEC4C6;
}
.lifeTab input[name="tab_item"] {
  display: none;
}
.lifeTab .tab{
	width:33.3%;
	background-color:#DBE4E5;
	font-size:13px;
	font-weight: bold;
	padding:12px 0 10px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	text-align:center;
}
.lifeTab .tab:nth-of-type(4),
.lifeTab .tab:nth-of-type(5){
	width:50%;
}
.lifeTab .tab.active{
	color:#fff;
	background-color: #5a99b2;
}
@media(min-width:768px){
	.lifeTab .tab{
		width:20%;
		font-size:clamp(13px,1.6vw,20px);
		padding:15px 0 13px;
	}
	.lifeTab .tab:nth-of-type(4),
	.lifeTab .tab:nth-of-type(5){
		width:20%;
	}
}
/*本体*/
.lifeWrap{
	display:none;
	width:100%;
	margin-top:30px;
}
.lifeList{
	margin-bottom:20px;
}
.lifeList dl dt{
	font-size:20px;
	font-size:clamp(16px,2vw,20px);
	font-weight: bold;
}
.lifeList dl dd{
	font-size:13px;
	font-size:clamp(11px,1.3vw,13px);
	font-weight: bold;
}
.lifeList dl > div{
	margin-bottom:10px;
}
@media(min-width:768px){
	.lifeWrap{
		display:none;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
	}
	.lifeList{
		width:45%;
	}
	.lifeMap{
		width:52.25%;
	}
}

#tabShop:checked ~ #contentsShop,
#tabMedi:checked ~ #contentsMedi,
#tabEduc:checked ~ #contentsEduc,
#tabBank:checked ~ #contentsBank,
#tabPark:checked ~ #contentsPark{
	display:block;
}
@media(min-width:768px){
	#tabShop:checked ~ #contentsShop,
	#tabMedi:checked ~ #contentsMedi,
	#tabEduc:checked ~ #contentsEduc,
	#tabBank:checked ~ #contentsBank,
	#tabPark:checked ~ #contentsPark{
		display:flex
	}
}