@charset "utf-8";
/* --------------------------------------------------
header
-------------------------------------------------- */
#gnav .gnav_list li.gnav_special button u::after {
  background-color: #ffffff;
  height: 2px;
}
#gnav .gnav_list li.gnav_special button u::after {
  transform: scale(1, 1);
  height: 2px;
}

/* --------------------------------------------------
contents
-------------------------------------------------- */
.main_in {
  padding-top: 0px;
}
@media screen and (min-width: 768px){
  .main_in {
    padding-top: 0px;
  }
}
/* --------------------------------------------------
contents
-------------------------------------------------- */
.kv{
	padding: 40px 20px 44vw;
	background:url(../images/concept/img_kv_sp.jpg) no-repeat center bottom #002076;
	background-size: 100% auto;
	color: #FFF;
	text-align:center;	
}
.kv h2{
	margin-bottom: 15px;
	font-size: 2.7rem;
	line-height: 1.5;
	font-weight: 500;
}
.kv .txt-lead{
	margin-bottom: 12px;
	font-size: 1.3rem;
}
.kv .txt-lead sub{
	font-size: 1rem;
}
.kv .logo{
	margin-bottom: 25px;
}
.kv .logo img{
	width: 42vw;
}
.kv .txt{
	font-size: 1rem;
	line-height:2;	
}


/* mall
-------------------------------------------------- */
.mall{
	padding: 15px 0 25px;	
}


.mall .pic-main{
	position: relative;
  margin-bottom: 30px;

}
.mall .pic-main .caption{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1rem;
  text-shadow: 0px 0px 9px rgba(255, 255, 255, 1);
  background-color: rgba(255,255,255,0.7);
  padding: 0 5px;
}
.mall h3{
	margin-bottom: 15px;
	font-size: 1.7rem;
	text-align:center;
	line-height:1.5;
	font-weight:500;	
}
.mall h3+.txt{
	margin-bottom: 20px;
	font-size: 1.2rem;	
}
.mall .shop-list{
	display: flex;
	flex-wrap: wrap;
	margin-left: -5px;	
}
.mall .shop-list li{
	width: calc((100% - 15px)/3);
	margin-left: 5px;	
}
.mall .shop-list li:nth-child(n+4){
	margin-top: 20px;	
}
.mall .shop-list .pic{
	margin-bottom: 4px;
}
.mall .shop-list h4{
	margin-bottom: 3px;
	font-size: 1rem;
	font-weight:normal;
	letter-spacing:0;
	line-height:1.2;
}
.mall .shop-list p{
	font-size: 1rem;
	line-height:1.3;
	letter-spacing:0;	
}



/* big-community
-------------------------------------------------- */
.big-community {
		padding-bottom: 40px;
}
.big-community .inner{
	padding: 0;
}
.big-community .mansion{
	position: relative;
	margin-bottom: 20px;
}
.big-community .mansion .txt-box{
	position: absolute;
	top: 10vw;
	left: 0;
	width:100%;
	color: #FFF;	
}
.big-community .mansion .txt-box h3{
	margin-bottom: 3vw;
	text-align: center;
	font-weight: 500;
	font-size: 3.5vw;	
	line-height:1.5;
}
.big-community .mansion .txt-box .txt{
	padding:0 7vw;
	font-size: 2.5vw;
	line-height:1.5;
	letter-spacing:0;	
}
.big-community .mansion .caption{
	display:block;
	padding-right: 6vw;
	text-align:right;
	font-size: 1rem;
}
.big-community .mansion+.notes{
	padding: 0 15px;
	font-size: 1rem;
	line-height:1.5;	
}







@media screen and (min-width: 768px){
	.kv{
		height:77.6vw;
		padding: 7.5vw 20px 0;
		background:url(../images/concept/img_kv_pc.jpg) no-repeat center bottom #002076;
		background-size: cover;
	}
	.kv h2{
		margin-bottom: 35px;
		font-size: 4.6vw;
		line-height: 1.1;
	}
	.kv .txt-lead{
		margin-bottom: 22px;
		font-size: 2.2vw;
	}
	.kv .logo{
		margin-bottom: 25px;
	}
	.kv .logo img{
		width: 16vw;
	}
	.kv .txt{
		font-size: 0.85vw;
		line-height:2;	
	}


/* mall
-------------------------------------------------- */
	.mall{
		padding: 40px 0;	
	}
	.mall .pic-main{
		margin-bottom: 50px;	
	}
  
  .mall .pic-main-wrapper{
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;  
}

  
	.mall h3{
		margin-bottom: 25px;
		font-size: 3.3rem;
	}
	.mall h3+.txt{
		margin-bottom: 40px;
		font-size: 1.7rem;
		line-height:2;
		text-align:center;	
	}
	.mall .shop-list{
		justify-content: space-between;
		margin-left: 0;	
	}
	.mall .shop-list li{
		width: calc((100% - 48px)/5);
		margin-left: 0;	
	}
	.mall .shop-list li:nth-child(n+4){
		margin-top: 0;	
	}
	.mall .shop-list .pic{
		margin-bottom: 6px;
	}
	.mall .shop-list h4{
		margin-bottom: 5px;
		font-size: 1.4rem;
	}
	.mall .shop-list p{
		font-size: 1.1rem;
		line-height:1.4;
	}



/* big-community
-------------------------------------------------- */
	.big-community {
			padding-bottom: 40px;
	}
	.big-community .mansion{
		margin-bottom: 40px;
	}
	.big-community .mansion .txt-box{
		top: 8%;	
	}
	.big-community .mansion .txt-box h3{
		margin-bottom: 30px;
		font-size: 3.3rem;	
		line-height:1.2;
	}
	.big-community .mansion .txt-box .txt{
		padding:0;
		font-size: 1.7rem;
		line-height:2;
		text-align:center;
	}


}

@media screen and (min-width: 1000px){

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

}