@charset "utf-8";


.content{
	min-width:940px;
}

#top_menu ul li:nth-child(3) p:first-child{
    color: #205167 !important;
}

.pc_menu {
    display: block !important;
    width: 100%;
    height: 60px;
    background: #fff;
    position: absolute;
    top: 0px;
	z-index:9999;
}
.fixed{
	position:fixed !important;
}


.development_top{
	display:block;
	width:100%;
	height:704px;
	position:relative;
	background:url(../../images/urban/development_top.jpg) no-repeat top center;
	background-size:cover;
	margin-top:60px;
}


.development_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.9rem;
	top:40px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.development_top p.pan a{
	display:inline-block;
	margin-right:15px;
}

.development_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.development_top h2{
	display:block;
	width:320px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:0;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.development_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}



.development_content01{
	width:90%;
	margin:0 auto;
	max-width:940px;
	text-align:right;
	position:relative;
	margin-top:-60px;
}

.development_content01 p{
	color:#000;
	line-height:2rem;
	font-size:0.85rem;
}

.development_content01 p b{
	display:block;
	font-size:1.2rem;
	margin-bottom:10px;
}

.development_content02_inner_wrap {
    width: 940px;
    margin: 0 auto 110px auto;
}


.development_content02{
    position: relative;
    background: url(../../images/urban/development_content02.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    margin: 0px auto 0px;
    z-index: 100;
}

.development_content02 .inner{
	position:relative;
	width:800px;
	margin: 0 0 0 auto;
	
}

.development_content02 .inner ul{
	display:block;
	text-align:center;
}
.development_content02 .inner ul li{
	width:180px;
	height:43px;
	display:inline-block;
	margin-bottom:25px;
}
.development_content02 .inner ul li p{
	font-size:0.9rem;
	font-weight:bold;
	line-height:43px;
	padding-left:20%;
	color:#0AA0E7;
}
.development_content02 .inner ul li.big p{
	padding-left:10%;
}
.development_content02 .inner ul li:nth-child(1){
	background:url(../../images/urban/case1.png) no-repeat top center;
	background-size:cover;
	margin-right:2.4%;
}
.development_content02 .inner ul li:nth-child(2){
	background:url(../../images/urban/case2.png) no-repeat top center;
	background-size:cover;
	margin-right:2.5%;
}
.development_content02 .inner ul li:nth-child(3){
	background:url(../../images/urban/case3.png) no-repeat top center;
	background-size:cover;
	margin-right:2.5%;
}
.development_content02 .inner ul li:nth-child(4){
	background:url(../../images/urban/case4.png) no-repeat top center;
	background-size:cover;
}

.development_content02 .inner ul li:nth-child(5){
	background:url(../../images/urban/case5.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li.big{
	width:391px;
	height:44px;
	margin-right:0.8%;
}

.development_content02 .inner ul li:nth-child(6){
	background:url(../../images/urban/case6.png) no-repeat center center;
	background-size:cover;
	margin:0 0 25px;
}

img.arrow{
	display:block;
	width:20px;
	margin:0 auto;
}

.box01{
	background:url(../../images/urban/case_img01.png) no-repeat center right;
	background-size:contain;
	width:100%;
	height:70px;
	margin:25px 0;
	position:relative;
}

.box01 p{
	font-size:0.9rem;
	font-weight:bold;
	color:#fff;
	position:absolute;
}

.box01 p.left{
	left:49%;
	top:28px;
}
.box01 p.right{
	right:6%;
	top:28px;
}


.box02{
	background:url(../../images/urban/case_img02.png) no-repeat center center;
	background-size:cover;
	width:377px;
	height:130px;
	margin:25px auto;
    background-color: #fff;
}
.box02 p{
	color:#0AA0E7;
	font-weight:bold;
	font-size:1.4rem;
	text-align:center;
}

.box02 p.title_text{
	font-size:0.9rem;
	font-weight:bold;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	position:relative;
	top:15px;
	margin-bottom:38px;
}

.box02 p font{
	display:block;
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}




.development_content03{
	position:relative;
	background: rgba(247, 248, 248, 1) url("../../images/urban/development_content03.png") no-repeat scroll center center / cover ;
	background-size:cover;
	width:100%;
	margin:0px auto 40px;
    padding-bottom: 200px;
    padding-top: 50px;
}


.development_content02:after {
    display: block;
    width: 100%;
    content: '';
    /* position: absolute; */
    bottom: 0px;
    left: 0;
    height: 12vw;
    min-height: 140px;
    background: url(../../images/development/development_content03_before.png) no-repeat top center;
    background-size: cover;
    z-index: -1;
}

.development_content03_box{
	width:90%;
	max-width:940px;
	margin:0 auto 160px;
}

.development_content03_box h3{
	width:100%;
	font-size:1.4rem;
	line-height:2rem;
	border-bottom:1px solid #C4C4C5;
	color:#013750;
	letter-spacing:0.2rem;
	padding-bottom:1%;
	margin-bottom:15px;
}

.development_content03_box .text_area{
	width:420px;
	float:left;
}
.development_content03_box .text_area p{
	font-size:0.9rem;
	line-height:1.6rem;
}
.development_content03_box img{
	display:block;
	width:400px;
	float:right;
}



.development_content04{
	position:relative;
	background:url(../../images/urban/development_content04.jpg) no-repeat top center;
	background-size:cover;
	height:704px;
	width:100%;
	margin:-300px auto -120px;
}

.info_area{
	width:710px;
	height:125px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border:1px solid #fff;
	padding:25px;
}
.info_area h3{
	font-size:1.38rem;
	line-height:1.3rem;
	padding-bottom:2%;
	color:#fff;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
}
.info_area p{
	color:#fff;
	font-size:0.8rem;
	line-height:1.6rem;
}

.info_area p b{
	font-size:1.6rem;
	font-weight:normal;
	letter-spacing:0.2rem;
}
.info_area p.tel_text{
	display:block;
	margin:20px 0 0 20px;
	float:left;
}
.info_area h4{
	float:right;
	margin:20px 0 0;
	width:60%;
	font-size:2.9rem;
	line-height:44px;
	letter-spacing:0.2rem;
	font-family: 'gidole';
	color:#fff;
}
.info_area h4 img{
	display:inline-block;
	width:72px;
	margin-right:4%;
}

/* PC */

@media screen and (min-width:769px){
.sp_area{display:none;}
}

@media screen and (max-width:980px){
.pc_menu {
	display:none !important;
}
.development_top{
	display:block;
	height:380px;
	margin-top:0px;

}
}


/* mobile */

@media screen and (max-width:768px){


    
.content{
	max-width:736px;
	min-width:320px;
	margin:0 auto;
}
.pc_menu{
	display:none !important;
}

.development_content02_inner_wrap {
    width: 100%;

    margin: 0 auto;
}

.development_top{
	display:block;
	width:100%;
	height:404px;
	position:relative;
	background:url(../../images/urban/development_top.png) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.development_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:40px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.development_top p.pan a{
	display:inline-block;
	margin-right:15px;
	font-size:0.7rem;
}

.development_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.development_top h2{
	display:block;
	width:320px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:0;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.development_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}



.development_content01{
	width:90%;
	margin:0 auto;
	max-width:940px;
	text-align:left;
	position:relative;
	margin-top:0px;
}

.development_content01 p{
	color:#000;
	line-height:2rem;
	font-size:0.8rem;
}

.development_content01 p b{
	display:inline-block;
	font-size:1.2rem;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}


.development_content02{
	position:relative;
	background:url(../../images/urban/development_content02.png) no-repeat center center;
	background-size:cover;
	width:100%;
	margin:40px auto 40px;
}

.development_content02 .inner{
	position:relative;
	width:600px;
	margin:0 auto;
}

.development_content02 .inner ul{
	display:block;
	text-align:center;
}
.development_content02 .inner ul li{
	width:280px;
	height:67px;
	display:inline-block;
	margin-bottom:25px;
}
.development_content02 .inner ul li p{
	font-size:1rem;
	font-weight:bold;
	line-height:67px;
	padding-left:20%;
	color:#0AA0E7;
}
.development_content02 .inner ul li.big p{
	padding-left:10%;
}
.development_content02 .inner ul li:nth-child(1){
	background:url(../../images/urban/case1.png) no-repeat top center;
	background-size:cover;
	margin-right:2.4%;
}
.development_content02 .inner ul li:nth-child(2){
	background:url(../../images/urban/case2.png) no-repeat top center;
	background-size:cover;
	margin-right:0%;
}
.development_content02 .inner ul li:nth-child(3){
	background:url(../../images/urban/case3.png) no-repeat top center;
	background-size:cover;
	margin-right:2.5%;
}
.development_content02 .inner ul li:nth-child(4){
	background:url(../../images/urban/case4.png) no-repeat top center;
	background-size:cover;
}

.development_content02 .inner ul li:nth-child(5){
	background:url(../../images/urban/case5.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li.big{
	width:580px;
	height:65px;
	margin-right:0%;
}

.development_content02 .inner ul li:nth-child(6){
	background:url(../../images/urban/case6.png) no-repeat center center;
	background-size:cover;
	margin:0 0 25px;
}

img.arrow{
	display:block;
	width:20px;
	margin:0 auto;
}

.box01{
	background:url(../../images/urban/case_img01.png) no-repeat center right;
	background-size:contain;
	width:100%;
	height:70px;
	margin:25px -10px;
	position:relative;
}

.box01 p{
	font-size:0.9rem;
	font-weight:bold;
	color:#fff;
	position:absolute;
}

.box01 p.left{
	left:33%;
	top:28px;
}
.box01 p.right{
	right:7%;
	top:28px;
}


.box02{
	background:url(../../images/urban/case_img02.png) no-repeat center center;
	background-size:cover;
	width:377px;
	height:130px;
	margin:25px auto;
}
.box02 p{
	color:#0AA0E7;
	font-weight:bold;
	font-size:1.4rem;
	text-align:center;
}

.box02 p.title_text{
	font-size:0.9rem;
	font-weight:bold;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	position:relative;
	top:15px;
	margin-bottom:38px;
}

.box02 p font{
	display:block;
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}




.development_content03{
	position:relative;
	background:url(../../images/urban/development_content03.png) no-repeat center center;
	background-size:cover;
	width:100%;
	margin:160px auto 40px;
}

.development_content03_box{
	width:90%;
	max-width:900px;
	margin:0 auto 160px;
}

.development_content03_box h3{
	width:100%;
	font-size:1.4rem;
	line-height:2rem;
	border-bottom:1px solid #C4C4C5;
	border-top:1px solid #C4C4C5;
	color:#013750;
	letter-spacing:0.2rem;
	padding-bottom:1%;
	padding-top:1%;
	margin-bottom:15px;
	text-align:center;
}

.development_content03_box .text_area{
	width:100%;
	float:left;
}
.development_content03_box .text_area p{
	font-size:0.8rem;
	line-height:1.6rem;
}
.development_content03_box .text_area p br{
	display:none;
}

.development_content03_box img{
	display:block;
	width:200px;
	float:right;
	margin-left:5px;
}
.development_content03_box .text_area p b{
	display:inline-block;
	border-bottom:1px solid #000;
	margin:45px 0;
	text-align:center;
	padding-bottom:1%;
}
.development_content03_box .text_area p b.none_b{
	display:inline-block;
	border-bottom:none;
	line-height:1.6rem;
	margin:45px 0;
	text-align:left;
	padding-bottom:0%;
}

.development_content04{
	position:relative;
	background:url(../../images/urban/development_content04.jpg) no-repeat top center;
	background-size:cover;
	height:504px;
	width:100%;
	margin:-160px auto -120px;
}

.info_area{
	width:500px;
	height:105px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border:1px solid #fff;
	padding:25px;
}
.info_area h3{
	font-size:0.9rem;
	line-height:1rem;
	padding-bottom:1%;
	color:#fff;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
}
.info_area p{
	color:#fff;
	font-size:0.59rem;
	line-height:1.6rem;
}
.info_area p b{
	font-size:1.2rem;
	font-weight:normal;
	letter-spacing:0.2rem;
}
.info_area p.tel_text{
	display:block;
	margin:5px 0 0 5px;
	float:left;
}
.info_area h4{
	float:right;
	margin:10px 0 0;
	width:62%;
	font-size:2rem;
	line-height:44px;
	letter-spacing:0.2rem;
	font-family: 'gidole';
	color:#FFF226;
}
.info_area h4 img{
	display:inline-block;
	width:64px;
	margin-right:4%;
}

.development_content02:after {
    display: none;
}




/* 																												end
----------------------------------------------------------------------------------------------------------------- */}
@media screen and (max-width:640px){
.content{
	max-width:640px;
	min-width:320px;
}

.development_top{
	display:block;
	width:100%;
	height:404px;
	position:relative;
	background:url(../../images/urban/development_top.png) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.development_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.development_top p.pan a{
	display:inline-block;
	margin-right:15px;
	font-size:0.7rem;
}

.development_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.development_top h2{
	display:block;
	width:320px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:0;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.development_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}



.development_content01{
	width:90%;
	margin:0 auto;
	max-width:940px;
	text-align:left;
	position:relative;
	margin-top:0px;
}

.development_content01 p{
	color:#000;
	line-height:1.6rem;
	font-size:0.8rem;
}

.development_content01 p b{
	display:inline-block;
	font-size:1.2rem;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}


.development_content02{
	position:relative;
	background:url(../../images/urban/development_content02.png) no-repeat center center;
	baclkground-size:cover;
	width:100%;
	margin:40px auto 40px;
}

.development_content02 .inner{
	position:relative;
	width:370px;
	margin:0 auto;
}

.development_content02 .inner ul{
	display:block;
	text-align:center;
}
.development_content02 .inner ul li{
	width:175px;
	height:42px;
	display:inline-block;
	margin-bottom:15px;
}
.development_content02 .inner ul li p{
	font-size:0.8rem;
	font-weight:bold;
	line-height:42px;
	padding-left:20%;
	color:#0AA0E7;
}
.development_content02 .inner ul li.big p{
	padding-left:10%;
}
.development_content02 .inner ul li:nth-child(1){
	background:url(../../images/urban/case1.png) no-repeat top center;
	background-size:cover;
	margin-right:2.4%;
}
.development_content02 .inner ul li:nth-child(2){
	background:url(../../images/urban/case2.png) no-repeat top center;
	background-size:cover;
	margin-right:0%;
}
.development_content02 .inner ul li:nth-child(3){
	background:url(../../images/urban/case3.png) no-repeat top center;
	background-size:cover;
	margin-right:2.5%;
}
.development_content02 .inner ul li:nth-child(4){
	background:url(../../images/urban/case4.png) no-repeat top center;
	background-size:cover;
}

.development_content02 .inner ul li:nth-child(5){
	background:url(../../images/urban/case5.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li.big{
	width:363px;
	height:41px;
	margin-right:0%;
}

.development_content02 .inner ul li:nth-child(6){
	background:url(../../images/urban/case6.png) no-repeat center center;
	background-size:cover;
	margin:0 0 15px;
}

img.arrow{
	display:block;
	width:20px;
	margin:0 auto 0 30%;
}

.box01{
	background:url(../../images/urban/case_img01.png) no-repeat center right;
	background-size:contain;
	width:100%;
	height:45px;
	margin:15px 0;
	position:relative;
}

.box01 p{
	font-size:0.7rem;
	font-weight:bold;
	color:#fff;
	position:absolute;
}

.box01 p.left{
	left:30%;
	top:15px;
}
.box01 p.right{
	right:5%;
	top:15px;
}


.box02{
	background:url(../../images/urban/case_img02.png) no-repeat center center;
	background-size:cover;
	width:370px;
	height:128px;
	margin:15px auto;
}
.box02 p{
	color:#0AA0E7;
	font-weight:bold;
	font-size:1.1rem;
	text-align:center;
}

.box02 p.title_text{
	font-size:0.8rem;
	font-weight:bold;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	position:relative;
	top:15px;
	margin-bottom:38px;
}

.box02 p font{
	font-size:0.8rem;
	display:block;
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}




.development_content03{
	position:relative;
	background:url(../../images/urban/development_content03.png) no-repeat center center;
	background-size:cover;
	width:100%;
	margin:100px auto 40px;
}

.development_content03_box{
	width:90%;
	max-width:900px;
	margin:0 auto 100px;
}

.development_content03_box h3{
	width:100%;
	font-size:1.4rem;
	line-height:2rem;
	border-bottom:1px solid #C4C4C5;
	border-top:1px solid #C4C4C5;
	color:#013750;
	letter-spacing:0.2rem;
	padding-bottom:1%;
	padding-top:1%;
	margin-bottom:15px;
	text-align:center;
}

.development_content03_box .text_area{
	width:100%;
	float:left;
}
.development_content03_box .text_area p{
	font-size:0.8rem;
	line-height:1.6rem;
}
.development_content03_box .text_area p br{
	display:none;
}

.development_content03_box img{
	display:block;
	width:200px;
	float:right;
	margin-left:5px;
}
.development_content03_box .text_area p b{
	display:inline-block;
	border-bottom:1px solid #000;
	margin:45px 0;
	text-align:center;
	padding-bottom:1%;
}
.development_content03_box .text_area p b.none_b{
	display:inline-block;
	border-bottom:none;
	line-height:1.6rem;
	margin:45px 0;
	text-align:left;
	padding-bottom:0%;
}

.development_content04{
	position:relative;
	background:url(../../images/urban/development_content04.jpg) no-repeat top center;
	background-size:cover;
	height:344px;
	width:100%;
	margin:-120px auto -50px;
}

.info_area{
	width:350px;
	height:75px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border:1px solid #fff;
	padding:15px;
}
.info_area h3{
	font-size:0.65rem;
	line-height:0.9rem;
	padding-bottom:1%;
	color:#fff;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
}
.info_area p{
	color:#fff;
	font-size:6px;
	line-height:1rem;
}
.info_area p b{
	font-size:0.9rem;
	font-weight:normal;
	letter-spacing:0.1rem;
}
.info_area p.tel_text{
	display:block;
	margin:5px 0 0 0;
	float:left;
}
.info_area h4{
	float:right;
	margin:10px 0 0;
	width:60%;
	font-size:1.2rem;
	line-height:25px;
	letter-spacing:0.2rem;
	font-family: 'gidole';
	color:#FFF226;
}
.info_area h4 img{
	display:inline-block;
	width:36px;
	margin-right:2%;
}


/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:414px){
.content{
	max-width:414px;
	min-width:320px;
}

.development_top{
	display:block;
	width:100%;
	height:404px;
	position:relative;
	background:url(../../images/urban/development_top.png) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.development_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.development_top p.pan a{
	display:inline-block;
	margin-right:15px;
	font-size:0.7rem;
}

.development_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.development_top h2{
	display:block;
	width:320px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:0;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.development_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}



.development_content01{
	width:90%;
	margin:0 auto;
	max-width:940px;
	text-align:left;
	position:relative;
	margin-top:0px;
}

.development_content01 p{
	color:#000;
	line-height:1.6rem;
	font-size:0.8rem;
}

.development_content01 p b{
	display:inline-block;
	font-size:1.2rem;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}


.development_content02{
	position:relative;
	background:url(../../images/urban/development_content02.png) no-repeat center center;
	baclkground-size:cover;
	width:100%;
	margin:40px auto 40px;
}

.development_content02 .inner{
	position:relative;
	width:370px;
	margin:0 auto;
}

.development_content02 .inner ul{
	display:block;
	text-align:center;
}
.development_content02 .inner ul li{
	width:175px;
	height:41.8px;
	display:inline-block;
	margin-bottom:15px;
}
.development_content02 .inner ul li p{
	font-size:0.8rem;
	font-weight:bold;
	line-height:42px;
	padding-left:20%;
	color:#0AA0E7;
}
.development_content02 .inner ul li.big p{
	padding-left:10%;
}
.development_content02 .inner ul li:nth-child(1){
	background:url(../../images/urban/case1.png) no-repeat center center;
	background-size:cover;
	margin-right:2.4%;
}
.development_content02 .inner ul li:nth-child(2){
	background:url(../../images/urban/case2.png) no-repeat center center;
	background-size:cover;
	margin-right:0%;
}
.development_content02 .inner ul li:nth-child(3){
	background:url(../../images/urban/case3.png) no-repeat center center;
	background-size:cover;
	margin-right:2.5%;
}
.development_content02 .inner ul li:nth-child(4){
	background:url(../../images/urban/case4.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li:nth-child(5){
	background:url(../../images/urban/case5.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li.big{
	width:363px;
	height:41px;
	margin-right:0%;
}

.development_content02 .inner ul li:nth-child(6){
	background:url(../../images/urban/case6.png) no-repeat center center;
	background-size:cover;
	margin:0 0 15px;
}

img.arrow{
	display:block;
	width:20px;
	margin:0 auto 0 30%;
}

.box01{
	background:url(../../images/urban/case_img01.png) no-repeat center right;
	background-size:contain;
	width:100%;
	height:45px;
	margin:15px -5px;
	position:relative;
}

.box01 p{
	font-size:0.7rem;
	font-weight:bold;
	color:#fff;
	position:absolute;
}

.box01 p.left{
	left:30%;
	top:15px;
}
.box01 p.right{
	right:5%;
	top:15px;
}


.box02{
	background:url(../../images/urban/case_img02.png) no-repeat center center;
	background-size: contain;
    width: 360px;
	height:128px;
	margin:15px auto;
}
.box02 p{
	color:#0AA0E7;
	font-weight:bold;
	font-size:1.1rem;
	text-align:center;
}

.box02 p.title_text{
	font-size:0.8rem;
	font-weight:bold;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	position:relative;
	top:15px;
	margin-bottom:38px;
}

.box02 p font{
	font-size:0.8rem;
	display:block;
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}




.development_content03{
	position:relative;
	background:url(../../images/urban/development_content03.png) no-repeat center center;
	background-size:cover;
	width:100%;
	margin:100px auto 40px;
}

.development_content03_box{
	width:90%;
	max-width:900px;
	margin:0 auto 100px;
}

.development_content03_box h3{
	width:100%;
	font-size:1.4rem;
	line-height:2rem;
	border-bottom:1px solid #C4C4C5;
	border-top:1px solid #C4C4C5;
	color:#013750;
	letter-spacing:0.2rem;
	padding-bottom:1%;
	padding-top:1%;
	margin-bottom:15px;
	text-align:center;
}

.development_content03_box .text_area{
	width:100%;
	float:left;
}
.development_content03_box .text_area p{
	font-size:0.8rem;
	line-height:1.6rem;
}
.development_content03_box .text_area p br{
	display:none;
}

.development_content03_box img{
	display:block;
	width:200px;
	float:right;
	margin-left:5px;
}
.development_content03_box .text_area p b{
	display:inline-block;
	border-bottom:1px solid #000;
	margin:45px 0;
	text-align:center;
	padding-bottom:1%;
}
.development_content03_box .text_area p b.none_b{
	display:inline-block;
	border-bottom:none;
	line-height:1.6rem;
	margin:45px 0;
	text-align:left;
	padding-bottom:0%;
}

.development_content04{
	position:relative;
	background:url(../../images/urban/development_content04.jpg) no-repeat top center;
	background-size:cover;
	height:344px;
	width:100%;
	margin:-120px auto -50px;
}

.info_area{
	width:350px;
	height:75px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border:1px solid #fff;
	padding:15px;
}
.info_area h3{
	font-size:0.65rem;
	line-height:0.9rem;
	padding-bottom:1%;
	color:#fff;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
}
.info_area p{
	color:#fff;
	font-size:6px;
	line-height:1rem;
}
.info_area p b{
	font-size:0.9rem;
	font-weight:normal;
	letter-spacing:0.1rem;
}
.info_area p.tel_text{
	display:block;
	margin:5px 0 0 0;
	float:left;
}
.info_area h4{
	float:right;
	margin:10px 0 0;
	width:60%;
	font-size:1.2rem;
	line-height:25px;
	letter-spacing:0.2rem;
	font-family: 'gidole';
	color:#FFF226;
}
.info_area h4 img{
	display:inline-block;
	width:36px;
	margin-right:2%;
}




/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:375px){
.content{
	max-width:375px;
	min-width:320px;
}
.development_content03_box .text_area p b{
	font-size:0.8rem;
	display:inline-block;
	border-bottom:1px solid #000;
	margin:45px 0;
	text-align:center;
	padding-bottom:1%;
}

.development_content03_box .text_area p b.none_b{
	display:inline-block;
	border-bottom:none;
	line-height:1.3rem;
	margin:45px 0;
	text-align:left;
	padding-bottom:0%;
}


.development_content04{
	position:relative;
	background:url(../../images/urban/development_content04.jpg) no-repeat top center;
	background-size:cover;
	height:344px;
	width:100%;
	margin:-120px auto -50px;
}

.info_area{
	width:330px;
	height:75px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border:1px solid #fff;
	padding:10px;
}
.info_area h3{
	font-size:0.6rem;
	line-height:0.9rem;
	padding-bottom:1%;
	color:#fff;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
}
.info_area p{
	color:#fff;
	font-size:6px;
	line-height:1rem;
}
.info_area p b{
	font-size:0.9rem;
	font-weight:normal;
	letter-spacing:0.1rem;
}
.info_area p.tel_text{
	display:block;
	margin:5px 0 0 0;
	float:left;
}
.info_area h4{
	float:right;
	margin:5px 0 0;
	width:60%;
	font-size:1.2rem;
	line-height:25px;
	letter-spacing:0.2rem;
	font-family: 'gidole';
	color:#FFF226;
}
.info_area h4 img{
	display:inline-block;
	width:34px;
	margin-right:2%;
}

/* 																												end
----------------------------------------------------------------------------------------------------------------- */}

@media screen and (max-width:360px){

.content{
	max-width:360px;
	min-width:360px;
}

.development_top{
	display:block;
	width:100%;
	height:304px;
	position:relative;
	background:url(../../images/urban/development_top.png) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.development_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.development_top p.pan a{
	display:inline-block;
	margin-right:15px;
	font-size:0.7rem;
}

.development_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:30%;
}


.development_top h2{
	display:block;
	width:240px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:2%;
	font-size:1.8rem;
	letter-spacing:0.4rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.development_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}



.development_content01{
	width:90%;
	margin:0 auto;
	max-width:940px;
	text-align:left;
	position:relative;
	margin-top:0px;
}

.development_content01 p{
	color:#000;
	line-height:1.6rem;
	font-size:0.8rem;
}

.development_content01 p b{
	display:inline-block;
	font-size:1.2rem;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}


.development_content02{
	position:relative;
	background:url(../../images/urban/development_content02.png) no-repeat center center;
	baclkground-size:cover;
	width:100%;
	margin:40px auto 40px;
}

.development_content02 .inner{
	position:relative;
	width:100%;
	margin:0 auto;
}

.development_content02 .inner ul{
	display:block;
	text-align:center;
}
.development_content02 .inner ul li{
	width:146px;
	height:34.5px;
	display:inline-block;
	margin-bottom:15px;
}
.development_content02 .inner ul li p{
	font-size:0.7rem;
	font-weight:bold;
	line-height:34.5px;
	padding-left:20%;
	color:#0AA0E7;
}
.development_content02 .inner ul li.big p{
	padding-left:10%;
}
.development_content02 .inner ul li:nth-child(1){
	background:url(../../images/urban/case1.png) no-repeat center center;
	background-size:cover;
	margin-right:2.4%;
}
.development_content02 .inner ul li:nth-child(2){
	background:url(../../images/urban/case2.png) no-repeat center center;
	background-size:cover;
	margin-right:0%;
}
.development_content02 .inner ul li:nth-child(3){
	background:url(../../images/urban/case3.png) no-repeat center center;
	background-size:cover;
	margin-right:2.5%;
}
.development_content02 .inner ul li:nth-child(4){
	background:url(../../images/urban/case4.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li:nth-child(5){
	background:url(../../images/urban/case5.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li.big{
	width:305px;
	height:34px;
	margin-right:0%;
}

.development_content02 .inner ul li:nth-child(6){
	background:url(../../images/urban/case6.png) no-repeat center center;
	background-size:cover;
	margin:0 0 15px;
}

img.arrow{
	display:block;
	width:20px;
	margin:0 auto 0 22%;
}

.box01{
	background:url(../../images/urban/case_img01.png) no-repeat center right;
	background-size:contain;
	width:100%;
	height:45px;
	margin:15px 0;
	position:relative;
}

.box01 p{
	font-size:0.7rem;
	font-weight:bold;
	color:#fff;
	position:absolute;
}

.box01 p.left{
	left:22%;
	top:15px;
}
.box01 p.right{
	right:5%;
	top:15px;
}


.box02{
	background:url(../../images/urban/case_img02.png) no-repeat center center;
	background-size:cover;
	width:98%;
	height:120px;
	margin:15px auto;
}
.box02 p{
	color:#0AA0E7;
	font-weight:bold;
	font-size:1.1rem;
	text-align:center;
}

.box02 p.title_text{
	font-size:0.8rem;
	font-weight:bold;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	position:relative;
	top:10px;
	margin-bottom:30px;
}

.box02 p font{
	font-size:0.8rem;
	display:block;
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}




.development_content03{
	position:relative;
	background:url(../../images/urban/development_content03.png) no-repeat center center;
	background-size:cover;
	width:100%;
	margin:100px auto 40px;
}

.development_content03_box{
	width:90%;
	max-width:900px;
	margin:0 auto 100px;
}

.development_content03_box h3{
	width:100%;
	font-size:1.4rem;
	line-height:2rem;
	border-bottom:1px solid #C4C4C5;
	border-top:1px solid #C4C4C5;
	color:#013750;
	letter-spacing:0.2rem;
	padding-bottom:1%;
	padding-top:1%;
	margin-bottom:15px;
	text-align:center;
}

.development_content03_box .text_area{
	width:100%;
	float:left;
}
.development_content03_box .text_area p{
	font-size:0.8rem;
	line-height:1.6rem;
}
.development_content03_box .text_area p br{
	display:none;
}

.development_content03_box img{
	display:block;
	width:120px;
	float:right;
	margin-left:5px;
}
.development_content03_box .text_area p b{
	display:inline-block;
	border-bottom:1px solid #000;
	margin:25px 0;
	text-align:center;
	padding-bottom:1%;
}
.development_content03_box .text_area p b.none_b{
	display:inline-block;
	border-bottom:none;
	line-height:1.6rem;
	margin:25px 0;
	text-align:left;
	padding-bottom:0%;
}

.development_content04{
	position:relative;
	background:url(../../images/urban/development_content04.jpg) no-repeat top center;
	background-size:cover;
	height:344px;
	width:100%;
	margin:-120px auto -50px;
}

.info_area{
	width:300px;
	height:75px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border:1px solid #fff;
	padding:8px;
}
.info_area h3{
	font-size:9px;
	line-height:0.9rem;
	padding-bottom:1%;
	color:#fff;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
	letter-spacing:-0.9px;
}
.info_area p{
	color:#fff;
	font-size:5px;
	line-height:0.9rem;
}
.info_area p b{
	font-size:0.7rem;
	font-weight:normal;
	letter-spacing:0.1rem;
}

.info_area p.tel_text{
	display:block;
	margin:5px 0 0 0;
	float:left;
	letter-spacing:-0.5px;
}
.info_area h4{
	float:right;
	margin:10px 0 0;
	width:62%;
	font-size:1rem;
	line-height:15px;
	letter-spacing:0.2rem;
	font-family: 'gidole';
	color:#FFF226;
}
.info_area h4 img{
	display:inline-block;
	width:20px;
	margin-right:2%;
}

/* 																												end
---------------------------------------------------------------------------------------------------------------- */}



@media screen and (max-width:320px){

.content{
	max-width:320px;
	min-width:320px;
}

.development_top{
	display:block;
	width:100%;
	height:304px;
	position:relative;
	background:url(../../images/urban/development_top.png) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.development_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
}
.development_top p.pan a{
	display:inline-block;
	margin-right:15px;
	font-size:0.7rem;
}

.development_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:30%;
}


.development_top h2{
	display:block;
	width:240px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:2%;
	font-size:1.8rem;
	letter-spacing:0.4rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.development_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}



.development_content01{
	width:90%;
	margin:0 auto;
	max-width:940px;
	text-align:left;
	position:relative;
	margin-top:0px;
}

.development_content01 p{
	color:#000;
	line-height:1.6rem;
	font-size:0.8rem;
}

.development_content01 p b{
	display:inline-block;
	font-size:1.2rem;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}


.development_content02{
	position:relative;
	background:url(../../images/urban/development_content02.png) no-repeat center center;
	background-size:cover;
	width:100%;
	margin:40px auto 40px;
}

.development_content02 .inner{
	position:relative;
	width:100%;
	margin:0 auto;
}

.development_content02 .inner ul{
	display:block;
	text-align:center;
}
.development_content02 .inner ul li{
	width:146px;
	height:34.5px;
	display:inline-block;
	margin-bottom:15px;
}
.development_content02 .inner ul li p{
	font-size:0.7rem;
	font-weight:bold;
	line-height:34.5px;
	padding-left:20%;
	color:#0AA0E7;
}
.development_content02 .inner ul li.big p{
	padding-left:10%;
}
.development_content02 .inner ul li:nth-child(1){
	background:url(../../images/urban/case1.png) no-repeat center center;
	background-size:cover;
	margin-right:2.4%;
}
.development_content02 .inner ul li:nth-child(2){
	background:url(../../images/urban/case2.png) no-repeat center center;
	background-size:cover;
	margin-right:0%;
}
.development_content02 .inner ul li:nth-child(3){
	background:url(../../images/urban/case3.png) no-repeat center center;
	background-size:cover;
	margin-right:2.5%;
}
.development_content02 .inner ul li:nth-child(4){
	background:url(../../images/urban/case4.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li:nth-child(5){
	background:url(../../images/urban/case5.png) no-repeat center center;
	background-size:cover;
}

.development_content02 .inner ul li.big{
	width:305px;
	height:34px;
	margin-right:0%;
}

.development_content02 .inner ul li:nth-child(6){
	background:url(../../images/urban/case6.png) no-repeat center center;
	background-size:cover;
	margin:0 0 15px;
}

img.arrow{
	display:block;
	width:20px;
	margin:0 auto 0 22%;
}

.box01{
	background:url(../../images/urban/case_img01.png) no-repeat center right;
	background-size:contain;
	width:100%;
	height:45px;
	margin:15px 0;
	position:relative;
}

.box01 p{
	font-size:0.7rem;
	font-weight:bold;
	color:#fff;
	position:absolute;
}

.box01 p.left{
	left:22%;
	top:15px;
}
.box01 p.right{
	right:5%;
	top:15px;
}


.box02{
	background:url(../../images/urban/case_img02.png) no-repeat center center;
	background-size:cover;
	width:98%;
	height:109px;
	margin:15px auto;
}
.box02 p{
	color:#0AA0E7;
	font-weight:bold;
	font-size:1.1rem;
	text-align:center;
}

.box02 p.title_text{
	font-size:0.8rem;
	font-weight:bold;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	position:relative;
	top:10px;
	margin-bottom:30px;
}

.box02 p font{
	font-size:0.8rem;
	display:block;
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}




.development_content03{
	position:relative;
	background:url(../../images/urban/development_content03.png) no-repeat center center;
	background-size:cover;
	width:100%;
	margin:100px auto 40px;
}

.development_content03_box{
	width:90%;
	max-width:900px;
	margin:0 auto 100px;
}

.development_content03_box h3{
	width:100%;
	font-size:1.4rem;
	line-height:2rem;
	border-bottom:1px solid #C4C4C5;
	border-top:1px solid #C4C4C5;
	color:#013750;
	letter-spacing:0.2rem;
	padding-bottom:1%;
	padding-top:1%;
	margin-bottom:15px;
	text-align:center;
}

.development_content03_box .text_area{
	width:100%;
	float:left;
}
.development_content03_box .text_area p{
	font-size:0.8rem;
	line-height:1.6rem;
}
.development_content03_box .text_area p br{
	display:none;
}

.development_content03_box img{
	display:block;
	width:120px;
	float:right;
	margin-left:5px;
}
.development_content03_box .text_area p b{
	display:inline-block;
	border-bottom:1px solid #000;
	margin:25px 0;
	text-align:center;
	padding-bottom:1%;
}
.development_content03_box .text_area p b.none_b{
	display:inline-block;
	border-bottom:none;
	line-height:1.6rem;
	margin:25px 0;
	text-align:left;
	padding-bottom:0%;
}

.development_content04{
	position:relative;
	background:url(../../images/urban/development_content04.jpg) no-repeat top center;
	background-size:cover;
	height:344px;
	width:100%;
	margin:-120px auto -50px;
}

.info_area{
	width:300px;
	height:75px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border:1px solid #fff;
	padding:8px;
}
.info_area h3{
	font-size:9px;
	line-height:0.9rem;
	padding-bottom:1%;
	color:#fff;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
}
.info_area p{
	color:#fff;
	font-size:5px;
	line-height:1rem;
}
.info_area p b{
	font-size:0.7rem;
	font-weight:normal;
	letter-spacing:0.1rem;
}
.info_area p.tel_text{
	display:block;
	margin:5px 0 0 0;
	float:left;
}
.info_area h4{
	float:right;
	margin:10px 0 0;
	width:62%;
	font-size:1rem;
	line-height:21px;
	letter-spacing:0.2rem;
	font-family: 'gidole';
	color:#FFF226;
}
.info_area h4 img{
	display:inline-block;
	width:30px;
	margin-right:2%;
}

/* 																												end
---------------------------------------------------------------------------------------------------------------- */}

#top_menu ul li:nth-child(3) p:first-child{
    color: #205167 !important;
}