@charset "UTF-8";
@import url("common.css");

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

.locTop{
	padding:60px 0;
	text-align:center;
	background-image: url(../image/location/bg01.png);
	background-size:40% auto;
	background-position:top right;
	background-repeat: no-repeat;
}
@media(min-width:768px){
	.locTop{
		background-size:22.5% auto;
	}
}
.locTop .lnav{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap:wrap;
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
.locTop .lnav a{
	display:block;
	width:23%;
	margin:0 0 20px;
	text-align:center;
	max-width:240px;
}
.locTop .lnav a .txt{
	font-size:clamp(12px,1.6vw,16px);
}
@media(min-width:768px){
	.locTop .lnav a{
		margin:0;
	}
}
.locTop .lnav a .img01{
	margin-bottom:15px;
}
.locTop .lnav a .img02{
	margin-bottom:5px;
}

/*Seaside-------------------*/
.seasideWrap{
	background-color:#effbf7;
	background-image:url(../image/location/bg02.png);
	background-repeat:no-repeat;
	background-position:bottom 75vw right;
	background-size:60% auto;
}
@media(min-width:768px){
	.seasideWrap{
		background-position:bottom left;
		background-size:37.5% auto;
	}
}
.seaside01{
	padding:40px 0;
}
.seaside01 .txtwrap{
	width:90%;
	margin:0 auto 40px;
	text-align:center;
}
.seaside01 .video {
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
@media(min-width:768px){
	.seaside01{
		padding:60px 0;
		max-width:1200px;
		margin:0 auto;
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	.seaside01 .txtwrap{
		width:48%;
		padding:0 5%;
		margin:0;
		text-align:left;
	}
	.seaside01 .video {
		width:52%;
		max-width:620px;
	}
}
.seaside02sp .unit01{
	width:65%;
	margin-left:24%;
	text-align:left;
	margin-bottom:20px;
}
.seaside02sp .unit02{
	margin-bottom:20px;
}
.seaside02sp .unit02 p{
	width:90%;
	margin:0 auto;
	text-align:left;
}
.seaside02sp .unit03{
	width:50%;
	margin-left:5%;
	margin-bottom:20px;
}
.seaside02sp .unit04{
	width:90%;
	margin:0 auto 20px;
	text-align:left;
	padding-bottom:20px;
}
/**/
@media(min-width:768px){
	.seaside02pc{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
		max-width:1600px;
		margin:0 auto;
		padding-bottom:80px;
	}
	.seaside02pc .wrap01{
		width:100%;
		text-align:left;
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.seaside02pc .unit01{
		width:35%;
		margin-left:10%;
	}
	.seaside02pc .unit04{
		width:43%;
		margin-left:10%;
	}

}
.seaside03{
	width:90%;
	max-width:1100px;
	margin:50px auto;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
.seaside03 .unit{
	display:block;
	width:30%;
	max-width:330px;
	position:relative;
}
.seaside03 .unit .comingsoon{
	width:65%;
	position:absolute;
	left:-10px;
	top:-10px;
}
@media(min-width:768px){
	.seaside03 .unit .comingsoon{
		left:-20px;
		top:-20px;
	}
}
/**/



/*Hillside-------------------*/
.hillsideWrap{
	background-color:#e7e5d6;
}
.hillside01{
	width:90%;
	margin:0 auto;
}
.hillside01 .unit01,
.hillside01 .unit02{
	padding-bottom:40px;
}
.hillside01 .unit01 img,
.hillside01 .unit02 img{
	margin-bottom:10px;
}
.hillside02{
	width:90%;
	margin:0 auto;
}
.hillside02 .unit01,
.hillside02 .unit02{
	padding-bottom:40px;
}
.hillside02 .unit01 img{
	margin-bottom:10px;
}
@media(min-width:768px){
	.hillside01{
		width:100%;
		max-width:1600px;
		display:flex;
		justify-content:flex-start;
		align-items: flex-start;
	}
	.hillside01 .unit01{
		width:52.5%;
	}
	.hillside01 .unit01 p{
		max-width:600px;
		margin-left:auto;
	}
	.hillside01 .unit02{
		margin-top:120px;
		width:36.25%;
		margin-left:3.5%;
		display:flex;
		flex-direction: column-reverse;
		margin-bottom:0;
		padding-bottom:0;
	}
	.hillside01 .unit02 p{
		margin-bottom:20px;
	}
	.hillside01 .unit01 img,
	.hillside01 .unit02 img{
		margin-bottom:10px;
	}
	.hillside02{
		width:100%;
		max-width:1600px;
		display:flex;
		justify-content:flex-end;
		align-items: flex-start;
		margin-top:-60px;
	}
	.hillside02 .unit01{
		width:35.625%;
		margin-right:3.5%;
	}
	.hillside02 .unit02{
		width:52.5%;
		margin-top:100px;
	}
}
/**/



/*Shopping-------------------*/
.shopWrap{
	background-color:#d5e5e0;
	padding-bottom:40px;
}
.shop01{
	width:90%;
	margin:0 auto;
	padding:40px 0;
	text-align:center;
}
@media(min-width:768px){
	.shop01{
		max-width:1000px;
		padding:60px 0;
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
		text-align:left;
	}
	.shop01 p:nth-of-type(1){
		width:35%;
	}
	.shop01 p:nth-of-type(2){
		width:60%;
	}
}
/**/
.shop02{
	width:90%;
	margin:0 auto;
}
.shop02 .unit01{
	padding-bottom:20px;
}
.shop02 .unit02{
	width:60%;
	padding-bottom:20px;
}
.shop02 .unit03{
	width:70%;
	margin-left:30%;
	padding-bottom:20px;
}
@media(min-width:768px){
	.shop02{
		width:100%;
		max-width:1600px;
		display:flex;
		justify-content: flex-start;
		margin-bottom: 40px;
	}
	.shop02 .unit01{
		width:36.875%;
		padding-bottom:0;
	}
	.shop02 .unit02{
		width:20%;
		margin-left:5%;
		margin-top:60px;
		padding-bottom:0;
	}
	.shop02 .unit03{
		width:26.5625%;
		margin-left:2%;
		padding-bottom:0;
	}
}
/**/
.shop03{
	width:90%;
	margin:0 auto;
	padding-bottom:40px;
}
.shop03 .unit01{
	padding-bottom:20px;
}
.shop03 .unit02{
	padding-bottom:20px;
}
.shop03 .unit01 .img01{
	width:80%;
	margin-bottom:20px;
}
.shop03 .unit01 .img02{
	width:80%;
	margin-left:20%;
}
@media(min-width:768px){
	.shop03{
		width:100%;
		max-width:1600px;
		display:flex;
		justify-content: flex-start;
	}
	.shop03 .unit01{
		width:45%;
		padding-bottom:0;
		margin-top:-50px;
		margin-left:10%;
	}
	.shop03 .unit01 .img01{
		width:65%;
		margin-bottom:30px;
	}
	.shop03 .unit01 .img02{
		width:65%;
		margin-left:35%;
	}
	.shop03 .unit02{
		width:40%;
		margin-left:5%;
	}
}

.topicsWrap{
	width:90%;
	margin:0 auto 20px;
	max-width:1200px;
}
.topicsTtl{
	clip-path: polygon(0 0, 80% 0%, 100% 100%, 0 100%);
	background-image: url(../image/location/bg03.jpg);
	background-size:1200px auto;
	width:180px;
	height:60px;
}
.topicsTtl img{
	width:106px;
	height:50px;
	margin-left:20px;
	margin-top:10px;
}
.topicsBody{
	background-image: url(../image/location/bg03.jpg);
	background-size:cover;
	width:100%;
	padding:25px 5%;
}
@media(min-width:768px){
	.topicsBody{
		padding:30px 2.5%;
	}
}
.topicsBody .txtwrap{
	margin-bottom:20px;
}
@media(min-width:768px){
	.topicsBody .wrap01{
		display:flex;
		justify-content: space-between;
	}
	.topicsBody .wrap01 .txtwrap{
		width:49%;
	}
	.topicsBody .wrap01 > img{
		width:49%;
	}
}

.education .topicsTtl{
	background-image: url(../image/location/bg04.jpg);
}
.education .topicsBody{
	background-image: url(../image/location/bg04.jpg);
}
.topicsBody .txtwrap{
	margin-bottom:20px;
}
@media(min-width:768px){
	.topicsBody .wrap02{
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	.topicsBody .wrap02 .txtwrap{
		width:68%;
	}
	.topicsBody .wrap02 .img{
		width:30%;
	}
}




/*Education-------------------*/
.shopWrap{
	background-color:#d5e5e0;
	padding-bottom:40px;
}
.edu01{
	width:90%;
	margin:0 auto 40px;
}
.edu01 .wrap01 .unit01{
	margin-bottom:40px;
	text-align:left;
	font-weight: bold;
}
.edu01 .wrap01 .unit01 img{
	margin-bottom: 10px;
}
.edu01 .wrap01 .unit01 p{
	font-weight: bold;
}

@media(min-width:768px){
	.edu01{
		max-width:900px;
	}
	.edu01 .wrap01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.edu01 .wrap01 .unit01{
		width:46.6%;
	}
	.edu01 .wrap01 .unit01:nth-of-type(2){
		margin-top:40px;
	}
}


.kids{
	width:100%;
	height:170vw;
	position:relative;
	overflow: hidden;
}
.kids img{
	position:absolute;
}
.kids .img01{
	left:-5%;
	top:0;
	width:70%;
	z-index:2;
}
.kids .img02{
	left:56%;
	top:9vw;
	width:47.5%;
	z-index:3;
}
.kids .img03{
	left:18.6%;
	top:49vw;
	width:44.6%;
	z-index:1;
}
.kids .img04{
	left:65%;
	top:47vw;
	width:30.7%;
}
.kids .img05{
	left:8.1%;
	top:85vw;
	width:54.9%;
}
.kids .img06{
	left:-6%;
	top:128vw;
	width:47.5%;
}
.kids .img07{
	left:43%;
	top:115vw;
	width:59.6%;
}
@media(min-width:768px){
	.kids{
		height:40vw;
	}
	.kids img{
		position:absolute;
	}
	.kids .img01{
		left:-1.5%;
		top:0;
		width:33.2%;
	}
	.kids .img02{
		left:30%;
		top:4.5vw;
		width:22.4%;
	}
	.kids .img03{
		left:9.9%;
		top:23.2vw;
		width:21%;
	}
	.kids .img04{
		left:31.8%;
		top:22.6vw;
		width:14.5%;
	}
	.kids .img05{
		left:56.8%;
		top:2.2vw;
		width:26%;
	}
	.kids .img06{
		left:49.6%;
		top:22.5vw;
		width:22.4%;
	}
	.kids .img07{
		left:73.4%;
		top:16vw;
		width:28%;
	}
}




.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:#fff;
	background-color: #5a99b2;
}
.lifeTab input[name="tab_item"] {
  display: none;
}
.lifeTab .tab{
	width:33.3%;
	background-color:#c7f1e2;
	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:20px;
}
@media(min-width:768px){
	.lifeWrap{
		display:none;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
	}
	.lifeList{
		width:50%;
	}
	.lifeMap{
		width:46.6%;
		max-width:560px;
	}
}
@media(min-width:1000px){
	.lifeList{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.lifeList dl{
		width:48%;
	}
}

#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
	}
}