@charset "UTF-8";
@import url("//use.fontawesome.com/releases/v5.7.2/css/all.css");


#value .wrap {
  position: relative;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#value .wrap .content {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 120px 0 30px 0;
}
#value .wrap .content .value {
  letter-spacing: 0.1em;
  padding: 0;
}

#value .wrap .content .value .imgBox {
  position: relative;
  overflow: hidden;
}
#value .wrap .content .value .imgBox .imgCap {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
  font-size: 10px;
  font-size: 0.625rem;
  color: #FFF;
  line-height: 1.4;
  text-shadow: 0px 0px 6px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0), 0px 0px 3px rgb(0, 0, 0);
  margin: 0;
  padding: 0;
}
#value .wrap .content .value .imgBox .imgCap2 {
  text-align: right;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
#value .wrap .content .value .txtArea {
  width: 80%;
  margin: 0 auto;
}
#value .wrap .content .value .txtArea h2 {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  margin: 0 auto 6%;
}
#value .wrap .content .value .txtArea h2.ta_r {
  text-align: right;
}
#value .wrap .content .value .txtArea h3 {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  margin: 0 0 6%;
}
#value .wrap .content .value .txtArea .lead {
  text-align: justify;
  font-size: 14px;
  font-size: 0.93333rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 6%;
}
#value .wrap .content .value .leadJ {
  text-align: justify;
  font-size: 14px;
  font-size: 0.93333rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 6%;
}
#value .wrap .content .value .txtArea .txtBlock {
  text-align: justify;
  margin: 0 auto 6%;
  padding: 0;
}
#value .wrap .content .value .txtArea .valueTtl {
	position: relative;
	text-align: left;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: normal;
	margin: 0 0 6% 0;
	padding-left: 30px;
}
#value .wrap .content .value .txtArea .valueTtl::before {
	position: absolute;
	width: 18px;
	height: 18px;
	content: '';
	border-radius: 100%;
	border:#004121 2px solid;
	top: 6px;
	left: 0;
}
#value .wrap .content .value .txtArea .valueTtl span{
	font-size: 140%;
	color: #004121;
	font-style: normal;
	font-weight: bold;
}
#value .wrap .content .value .main{
	width: 80%;
	margin: 0 auto 6%;
}
#value .wrap .content .value .route{
	width: 80%;
	margin: 0 auto 6%;
}
#value .wrap .content .value .redevelopment{
	width: 80%;
	margin: 0 auto 6%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#value .wrap .content .value .redevelopment .reLeft{
	width: 100%;
	margin-bottom: 4%;
}
#value .wrap .content .value .redevelopment .reRight{
	width: 100%;
	margin-bottom: 6%;
}
#value .wrap .content .value .redevelopment .reTtl{	
	text-align: left;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#value .wrap .content .value .redevelopment .reTime{
	display: inline-block;
	margin: 0 0 20px 0;
	padding: 7px 7px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	color: #fff;
	font-size: 14px;
	background: #004121;
	border-radius: 50px;
	box-sizing: border-box;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight:bold;
	font-style:normal;
	text-align: center;
}
#value .wrap .content .value .redevelopment .reTime em{
	color: #ffff00;
	font-size: 130%;
	font-weight:bold;
	font-style: normal;
}
#value .wrap .content .value .redevelopment .reTime em.em02{
	color: #fff;
}
#value .wrap .content .value .redevelopment .reTxt{
	text-align: justify;
	font-size: 14px;
	font-size: 0.93333rem;
}
#value .wrap .content .value .rePlaceBox{
	width: 80%;
	margin: 0 auto 8%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#value .wrap .content .value .rePlaceBox li{
	width: 100%;
	margin-bottom: 6%;
}
#value .wrap .content .value .population{
	width: 80%;
	margin: 0 auto 8%;
}
#value .wrap .content .value .landPrice{
	width: 80%;
	margin: 0 auto 8%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#value .wrap .content .value .landPrice .landLeft{
	width: 100%;
	margin-bottom: 6%;
}
#value .wrap .content .value .landPrice .landRight{
	width: 100%;
}
#value .wrap .content .value .compactPlan{
	width: 80%;
	margin: 0 auto 6%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#value .wrap .content .value .compactPlan .comLeft{
	width: 100%;
	margin-bottom: 4%;
}
#value .wrap .content .value .compactPlan .comRight{
	width: 100%;
}

#value .wrap .content .value .compactPlan02{
	width: 80%;
	margin: 0 auto 6%;
}
/* value-PC
------------------------------------------------------- */
@media only screen and (min-width: 961px) {
  #value .wrap .content {
    padding: 200px 0 100px 0;
  }
 #value .wrap .content .value .txtArea {
    margin: 50px auto;
  }
  #value .wrap .content .value .txtArea h2 {
    font-size: 3vw;
    line-height: 1;
    letter-spacing: 0.15em;
    margin: 0 auto 50px;
  }
  #value .wrap .content .value .txtArea h3 {
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
#value .wrap .content .value .txtArea .lead {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 6%;
}
#value .wrap .content .value .leadJ {
  text-align: justify;
  font-size: 18px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  margin: 0 auto 6%;
}
  #value .wrap .content .value .txtArea .txtBlock {
    text-align: justify;
    margin: 0 auto 6%;
    padding: 0;
  }
#value .wrap .content .value .txtArea .valueTtl {
    font-size: 24px;
    font-size: 1.5rem;
	margin: 0 0 6% 0;
	padding-left: 40px;
}
#value .wrap .content .value .txtArea .valueTtl::before {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 8px;
}
#value .wrap .content .value .txtArea .valueTtl span{
	font-size: 140%;
	color: #004121;
	font-style: normal;
	font-weight: bold;
}
#value .wrap .content .value .redevelopment .reTtl{	
	font-size: 20px;
	font-size: 1.25rem;
}
#value .wrap .content .value .redevelopment .reLeft{
	width: 46%;
	margin-bottom: 6%;
}
#value .wrap .content .value .redevelopment .reRight{
	width: 46%;
	margin-bottom: 6%;
}
#value .wrap .content .value .rePlaceBox li{
	width: 30%;
	margin-bottom: 0;
}
#value .wrap .content .value .landPrice .landLeft{
	width: 46%;
	margin-bottom: 0;
}
#value .wrap .content .value .landPrice .landRight{
	width: 46%;
	margin-bottom: 0;
}
#value .wrap .content .value .compactPlan .comLeft{
	width: 46%;
	margin-bottom: 0;
}
#value .wrap .content .value .compactPlan .comRight{
	width: 46%;
	margin-bottom: 0;
}
}