@charset "UTF-8";


.webWidthBig .h1 {
	color: #2CA48E !important;
}

.webWidthBig .policy .con .cover {
	text-align: center;
}

.webWidthBig .policy .con .cover .textDecorationImage {
	background-image: url("/images/portal2/urban/main_title_image.png");
	background-repeat: no-repeat;
	background-size: contain;
	
	width: 940px;
	height: 204px;
	
	padding: 20px 0;
	margin: 50px auto;
	margin-bottom: 30px;
	
	font-size: 19px;
	line-height: 1.5;
}

.webWidthBig .policy .con .cover .textDecorationImage strong {
	line-height: 1.4;
}

.webWidthBig .policy .con .cover .textDecorationImage .textSizeUp {
	font-size: 22px;
	line-height: 1.4;
}


.webWidthBig .policy .con .cover .corverImage {
	margin-bottom: 45px;
}

.problemSectionBundle {
	display: flex;
	justify-content: center;
}

.problemSection {
	width: 440px;
	height: 430px;
	
	background-size: contain;
	background-repeat: no-repeat;
	
	margin: 0 5px;
	
	text-align: center;
	padding-top: 95px;
}

.description {
	font-size: 17px;
    line-height: 1.4;
}

.topic1 {
	background-image: url("/images/portal2/urban/aging_image.png");
}
.topic1 .agingTitle {
	color: #2f857c;
	font-size: 26px;
}

.topic1 .agingDescription,
.topic2 .baseLossDescription {
	color: #3c3c3c;
	margin-bottom: 20px;
}

.topic1 .agingProblem li,
.topic2 .baseLossProblem li {
	margin-bottom: 10px;
}

.topic1 .agingProblem a,
.topic2 .baseLossProblem a {
	background-color: #fff;
	border-radius: 20px;
	
	padding: 2px 0;
	display: inline-block;
	width: 360px;
}

.topic1 .agingProblem a{
	border: solid 2px #4fbaaf;
	color: #2f857c;
	font-weight: bold;

}
.topic1 .agingProblem .decoText,
.topic2 .baseLossProblem .decoText {
	color: #3c3c3c;
}

.topic1 .agingProblem a:hover {
	color: #fff;
	background-color: #2f857c;
	border: solid 2px #2f857c;
	font-weight: normal;
}

.topic1 .agingProblem a:hover .decoText,
.topic2 .baseLossProblem a:hover .decoText {
	color: #fff;
	font-weight: bold;
}

.topic2 {
	background-image: url("/images/portal2/urban/independence_foundation_image.png");
}

.topic2 .baseLossTitle {
	color: #1279a2;
	font-size: 26px;
}

.topic2 .baseLossProblem a{
	border: solid 2px #5abce3;
	color: #1279a2;
	font-weight: bold;
}

.topic2 .baseLossProblem a:hover {
	color: #fff;
	background-color: #1279a2;
	border: solid 2px #1279a2;
	font-weight: normal;
}

.solution {
	width: 1200px;
	height: 865px;
	
	background-image: url("/images/portal2/urban/bottom_image.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.solution h1 {
	opacity: 0;
}

.topic3,
.topic4 {
	margin-left: 160px;
	padding-top: 55px;
}

.topic3 .regenerationEffectDescription {
	margin-bottom: 20px;
}

.description strong{
    line-height: 1.4;
}
.topic3 .btnStyle,
.topic4 .btnStyle {
	margin-top: 12px;
	display: flex;
}

.topic3 .btnStyle a,
.topic4 .btnStyle a{
	display: inline-block;
	text-align: center;
	background-color: #fff;
	border-radius: 30px;
	padding: 6px 0;
	
	font-weight: bold;
	color: #3c3c3c;
}

.topic3 .regenerationEffect a{
	width: 215px;
    margin-right: 15px;
	border: solid 3px #19aeb9;
    box-shadow: 0 3px 1px #19aeb9;
}

.topic3 .regenerationEffect .decoText {
	color: #008791;
}

.topic3 .homeRepair a{
	width: 330px;
    margin-right: 14px;
	border: solid 3px #f7aa3d;
	box-shadow: 0 3px 1px #f7aa3d;
}

.topic3 .homeRepair .decoText {
	color: #b6450e;	
	font-size: 1.1em;
}

.topic3 .regenerationEffect a:hover,
.topic3 .regenerationEffect a:hover .decoText {
	border: solid 2px #008791;
	background-color: #008791;
	color: #fff;
}

.topic3 .homeRepair a:hover,
.topic3 .homeRepair a:hover .decoText  {
	border: solid 2px #eb6e00;
	background-color: #eb6e00;
	color: #fff;
}

.topic4 {
	padding-top: 55px;
}

.topic4 .cityChangeDescription {
	padding-top: 66px;
	margin-bottom: 20px;
}

.topic4 .cityChange1,
.topic4 .cityChange2 {
	margin-left: 275px;
}

.topic4 .cityChange1 a,
.topic4 .cityChange2 a {
	border: solid 3px #218ce8;
	box-shadow: 0 3px 1px #218ce8;
}

.topic4 .cityChange1 a {
	width: 176px;
    margin-right: 16px;
}

.topic4 .cityChange2 a {
	width: 272px;
    margin-right: 16px;
}

.topic4 .cityChange1 a:hover,
.topic4 .cityChange2 a:hover {
	background-color: #005baa;
	border: solid 3px #005baa;
	color: #fff;
}