/*------------------------------------------
	▼ 01 GLOBAL
-------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,100,100italic,200italic,300,300italic,400italic,500,600,500italic,600italic,700,700italic,800,900,900italic,800italic);

html	{	
	padding:0px;	
	margin: 0px;
	background:#000;
}	


body	{
	padding:0px;	
	margin: 0px;
	font-size: 62.5%;
	line-height: 1.8;
	font-family: "メイリオ",Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",	 Meiryo, sans-serif;
	font-family: 'Open sans', Meiryo, "メイリオ" , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",Verdana, "游ゴシック", YuGothic, sans-serif;
	font-weight:300;
	position: relative;
	color:#333;
	background:transparent;
}


*, *::before, *::after 	{	box-sizing: border-box;	}
a												{	text-decoration:none; color:blue;	}
a:visited								{	text-decoration:none; color:purple;}
a:hover									{	text-decoration:none; color:yellow;}
a:active								{	text-decoration:none; color:green; }
a:hover img							{	opacity: 0.5;}
img											{	vertical-align: bottom;	}
.row::after,
.clearfix::after 				{	content: ''; display: block;	clear: both;	}
.none 									{	display: none;	}
.blank									{	text-indent: -9999px;}
.img-responsive					{	width:100%;	}	
.img-left								{	float:left; margin-right:20px; margin-bottom:0px;}
.img-right							{	float:right; margin-left:20px; margin-bottom:0px;}
						
table										{	border-collapse:collapse;}
section									{	padding: 0; margin: 0; position: relative; border:0px solid blue; z-index:1000;}
article									{	padding: 0; margin: 0; position: relative; z-index:1000;}

.red										{	color:#DF304D;}
.gray										{	color:#777777;}
.orange									{	color:#f3aa23;}
.smoke									{	color:#848f3c;}
.txt-sm									{	font-size:0.8em;}
.txt-xs									{	font-size:0.5em;}
.txt-lg									{	font-size:1.2em;}
.txt-center							{	text-align: center;}
.serif									{	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}
.blank									{	text-indent: -9999px}
.float-l								{	float:left;}
.float-r								{	float:right;}	



/* -----------------------------------------
▼ 02 GOTO TOP 
-------------------------------------------- */

#fixedTop	{
	right: 0px;
	bottom: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: none;
	background: rgba(232, 180, 47, 0.9);
	position: fixed;
	z-index: 9999;
	border-radius: 5px;
	-webkit-transform: translateZ(0);
}

#fixedTop:hover	 {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}


/* -----------------------------------------
▼ 03 CONTAINER 
-------------------------------------------- */
.container					{	width:1080px; clear: both; margin: 0 auto; padding:0;}
.container2					{	width:1320px; clear: both; margin: 0 auto; padding:0 0 0 240px;border:0px solid red;}
.container-flued		{	width:100%;		clear: both; margin: 0 ; padding:0;}

@media screen and (max-width: 1366px) {
	.container2				{	width:100%; clear: both; margin: 0 auto; padding:0 0 0 240px;border:0px solid blue;}
}	

@media screen and (max-width: 768px) {
	.container2				{	width:100%; clear: both; margin: 0 auto; padding:0 0 0 0;border:0px solid blue;}
}	


/* -----------------------------------------
▼ 04 HEADER 
-------------------------------------------- */

header	{
	width:240px;
	height:100%;
	background:url('../img/bg-header.png') repeat #222222;
	position: fixed;
	z-index: 2000;
	top:0;
	left:0;
}
header h1	{
	width:200px;
	margin:0 auto;
	padding:40px 0 16px 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.53);
}

@media screen and (max-width: 768px) {
	header	{
		width:100%;
		height:100px;
	}
	header h1	{
		width:200px;
		margin:0 0 0 10px;
		padding:10px 0 10px 0;
		border-bottom:none;
}
}


/* -----------------------------------------
▼ 05 NAVIGATION 
-------------------------------------------- */
@media screen and (max-width: 768px) {
	.sp	{display: block;font-size:36px;}
	.pc	{display: none;}
}

@media screen and (min-width: 769px) {
	.sp	{display: none}
	.pc	{display: block;}
}

.pc			{	padding:0;}
.nav		{	padding:0;}

nav	{
	border:0px solid red;
	position:absolute;
	z-index:3000;
}

.pc .nav li	a {
	font-size:1.4em;
	width:200px;
	height:48px;
	line-height:48px;
	display:block;
	margin: 0 0 0 20px;
	text-decoration: none;
	color:white;
}
.pc .nav li	a:hover	{
	color:#099999;
}

/*
.pc .nav li a	{
	color:#333;
	text-decoration: none;
}

.pc .nav li a:hover	{
	color:#818566;
}	

.pc .dotte-top,
.pc .dotte-bottom	{
	 display: block;
	 padding:2px 0px;
}
*/

.sp .menu{
	position: fixed;
	top: -20px;
	right: -20px;
	background: url('../images/menu.png') #333333;
	width: 54px;
	height: 54px;
	margin: 30px;
	padding:6px;
	border:4px solid #111111;
	border-radius:8px;
	z-index: 4000;
}
.sp .close{
	position: fixed;
	top: -20px;
	right: -20px;
	background: url('../images/close_nav.png') #A1C8D7;
	width: 54px;
	height: 54px;
	margin: 30px;
	padding:6px;
	border:4px solid #509dbc;
	border-radius:8px;
}
.sp .panel{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 5000;
}
.sp .panel-inner{
	position: relative;
	width: 100%;
	height: 100%;
	background: #F16B6C;
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.5s;
}
.sp .l-nav{
	position: fixed;
	top:100px;
	width: 100%;
	height: auto;
	margin: auto;
	border:0px solid green;
}
.sp .nav-item{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.2em;
	border-bottom:1px dashed #555;
	width:100%;
	padding:0px 0;
	margin: 0px auto;
}
.sp .nav-item > a{
	display: block;
	line-height: 32px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all 0.5s;
}
.sp .nav-item:hover > a{
	color: #fff;
	letter-spacing: 0.5em;
}


/* -----------------------------------------
▼ 06 SLIDER 
-------------------------------------------- */
section.slider	{
	padding:0;
}

.slick-dots li button::before	{	color:pink;opacity: 1}
.slick-dots li.slick-active button::before	{	color:#099;opacity: 1}

.single-item							{	position: relative; }
.single-item li.slide1,
.single-item li.slide2,
.single-item li.slide3,
.single-item li.slide4		{	height:500px;width:100%;background-size:cover; background-position: 240px center; }
.single-item .slide1			{ background: url('../../img/01.jpg')#A1C8D7;}
.single-item .slide2			{ background: url('../../img/02.jpg')#A1C8D7;}
.single-item .slide3			{ background: url('../../img/03.jpg')#A1C8D7;}
.single-item .slide4			{ background: url('../../img/04.jpg')#A1C8D7;}
.single-item .slick-dots	{	padding-left:240px;}
.single-item .slick-prev	{	left:240px;}

.single-item-immigration							{	position: relative; }
.single-item-immigration li.slide1,
.single-item-immigration li.slide2,
.single-item-immigration li.slide3,
.single-item-immigration li.slide4,
.single-item-immigration li.slide5,
.single-item-immigration li.slide6,
.single-item-immigration li.slide7,
.single-item-immigration li.slide8,
.single-item-immigration li.slide9,
.single-item-immigration li.slide10,
.single-item-immigration li.slide11,
.single-item-immigration li.slide12,
.single-item-immigration li.slide13,
.single-item-immigration li.slide14,
.single-item-immigration li.slide15,
.single-item-immigration li.slide16,
.single-item-immigration li.slide17,
.single-item-immigration li.slide18,
.single-item-immigration li.slide19,
.single-item-immigration li.slide20,
.single-item-immigration li.slide21,
.single-item-immigration li.slide22,
.single-item-immigration li.slide23,
.single-item-immigration li.slide24,
.single-item-immigration li.slide25,
.single-item-immigration li.slide26,
.single-item-immigration li.slide27,
.single-item-immigration li.slide28,
.single-item-immigration li.slide29,
.single-item-immigration li.slide30,
.single-item-immigration li.slide31,
.single-item-immigration li.slide32,
.single-item-immigration li.slide33		{	height:310px;width:100%;background-size:cover; background-position: center center; }
.single-item-immigration .slide1			{ background: url('../img/01.jpg')#A1C8D7;}
.single-item-immigration .slide2			{ background: url('../img/02.jpg')#A1C8D7;}
.single-item-immigration .slide3			{ background: url('../img/03.jpg')#A1C8D7;}
.single-item-immigration .slide4			{ background: url('../img/04.jpg')#A1C8D7;}
.single-item-immigration .slide5			{ background: url('../img/05.jpg')#A1C8D7;}
.single-item-immigration .slide6			{ background: url('../img/06.jpg')#A1C8D7;}
.single-item-immigration .slide7			{ background: url('../img/07.jpg')#A1C8D7;}
.single-item-immigration .slide8			{ background: url('../img/08.jpg')#A1C8D7;}
.single-item-immigration .slide9			{ background: url('../img/09.jpg')#A1C8D7;}
.single-item-immigration .slide10			{ background: url('../img/10.jpg')#A1C8D7;}
.single-item-immigration .slide11			{ background: url('../img/11.jpg')#A1C8D7;}
.single-item-immigration .slide12			{ background: url('../img/12.jpg')#A1C8D7;}
.single-item-immigration .slide13			{ background: url('../img/13.jpg')#A1C8D7;}
.single-item-immigration .slide14			{ background: url('../img/14.jpg')#A1C8D7;}
.single-item-immigration .slide15			{ background: url('../img/15.jpg')#A1C8D7;}
.single-item-immigration .slide16			{ background: url('../img/16.jpg')#A1C8D7;}
.single-item-immigration .slide17			{ background: url('../img/17.jpg')#A1C8D7;}
.single-item-immigration .slide18			{ background: url('../img/18.jpg')#A1C8D7;}
.single-item-immigration .slide19			{ background: url('../img/19.jpg')#A1C8D7;}
.single-item-immigration .slide20			{ background: url('../img/20.jpg')#A1C8D7;}
.single-item-immigration .slide21			{ background: url('../img/21.jpg')#A1C8D7;}
.single-item-immigration .slide22			{ background: url('../img/22.jpg')#A1C8D7;}
.single-item-immigration .slide23			{ background: url('../img/23.jpg')#A1C8D7;}
.single-item-immigration .slide24			{ background: url('../img/24.jpg')#A1C8D7;}
.single-item-immigration .slide25			{ background: url('../img/25.jpg')#A1C8D7;}
.single-item-immigration .slide26			{ background: url('../img/26.jpg')#A1C8D7;}
.single-item-immigration .slide27			{ background: url('../img/27.jpg')#A1C8D7;}
.single-item-immigration .slide28			{ background: url('../img/28.jpg')#A1C8D7;}
.single-item-immigration .slide29			{ background: url('../img/29.jpg')#A1C8D7;}
.single-item-immigration .slide30			{ background: url('../img/30.jpg')#A1C8D7;}
.single-item-immigration .slide31			{ background: url('../img/31.jpg')#A1C8D7;}
.single-item-immigration .slide32			{ background: url('../img/32.jpg')#A1C8D7;}
.single-item-immigration .slide33			{ background: url('../img/33.jpg')#A1C8D7;}




.single-item .caption			{	background:rgba(255, 255, 255, 0.9); position:absolute; bottom:0; left:240px; color:black; padding:20px 120px 20px 30px;}
.single-item .caption h4	{	font-size:1.2em; line-height:30px; font-weight:bold; letter-spacing:1px;}
.single-item .caption h5	{	font-size:3.0em; line-height:1; font-weight:normal; letter-spacing:1px; margin-bottom:7px;font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}
.single-item .caption p		{	font-size:1.2em; line-height:1.5; font-weight:normal; letter-spacing:0px;}


@media screen and (max-width: 768px) {
	.single-item							{	margin-top:100px;}
	.single-item li.slide1,
	.single-item li.slide2,
	.single-item li.slide3,
	.single-item li.slide4		{	background-position: center center;}	
	.single-item .slick-dots	{	padding-left:0;}
	.single-item .slick-prev	{	left:0;}
	.single-item .caption			{	left:0; padding:10px;	}
	.single-item .caption h4	{	font-size:1.2em; }
	.single-item .caption h5	{	font-size:2em;}
	.single-item .caption p		{	font-size:1.2em;}


}


/* -----------------------------------------
▼ 07 ARTICLE 
-------------------------------------------- */	
article	{	
	background:black;
	color:white; 
}	
	
article h2		{	border:0px solid green; margin:120px 0 30px 0; text-align:center;}

@media screen and (min-width: 769px) {
	article{min-height:650px;}
}

/* -----------------------------------------
▼ 08 COLUMN
-------------------------------------------- */	
.inner-box	{
	width:870px;
	border:0px solid green;
	margin:30px auto 0;
}
	
.half li	{
	width:50%;
	display:block;
	height:250px;
	overflow: hidden;
	background:#222222;
	position: relative;
}	
	
.half h3 {	
	font-size:2.4em; 
	line-height: 1.5; 
	margin:30px 40px 20px 40px; 
}

.half p	{
	font-size:1.2em; 
	line-height: 1.5; 
	margin:0 40px; 
}


.one_half li	{
	width:420px;
	display:block;
	float:left;
	height:auto;
	overflow: hidden;
	background:#222222;
	position: relative;
	margin-right:30px;
}	

.one_half li:last-child	{
	margin-right:0;
	}

.one_third li	{
	width:270px;
	display:block;
	float:left;
	height:auto;
	overflow: hidden;
	background:#222222;
	position: relative;
	margin-right:30px;
}	

.one_third li:last-child	{
	margin-right:0;
	}

.one_half h3,
.one_third h3 {	
	font-size:1.8em; 
	line-height: 1.1; 
	margin:10px 10px 20px 10px; 
}

.one_half p,
.one_third p	{
	font-size:1.2em; 
	line-height: 1.5; 
	margin:10px 10px 20px 10px; 
}

.renovation .inner-box	{
	background:url('../img/arrow3.png') center center no-repeat;
	width:600px;
	margin-bottom:30px;
}

.renovation .inner-box li	{
	display:block;
	float:left;
	width:240px;
	height:240px;
	margin: 0 30px;
	border:0px solid blue;
	overflow: hidden;
	border-radius:120px;
	position: relative;
}

.renovation h3	{	
	border:0px solid green;
	margin:90px 0 30px 0; 
	text-align:center;
}

.renovation p	{
	font-size:1.2em; 
	line-height: 1.5; 
	margin:0 auto;
	width:530px; 
	letter-spacing: 1px;
}

.arrow	{
	position: absolute; 
	bottom:0; 
	right:0; 
}		

.renovation .inner-box .caption1,
.renovation .inner-box .caption2	{
	position: absolute; 
	top:50%; 
	left:4px; 
	color:black;
	font-size: 30px;
	margin-top:-20px;
	letter-spacing: 1px;
}

.renovation .inner-box .caption2	{
	color:yellow;
}	

.renovation strong{
	font-size:1.3em;
}

.immigration	{
	padding-bottom:100px;
}

.immigration .slideshow	{
	width:600px;
	height:338px;
	height:auto;
	margin:0 auto;
}

.immigration .slideshow-text	{	
	margin:0 auto;
	width:100%;
	height:auto;
	padding:0 0 30px;
	background:#000
}

.immigration h3	{	
	font-size:3.0em;
	line-height:1.2;
	color:white;
	margin:25px 40px;
}

.immigration p	{	
	font-size:1.2em;
	line-height:2;
	color:white;
	margin:25px 40px;
}

/*--sale--*/
.detail-sale .center-item li img{width:100%;}
.detail-sale .center-item{margin-bottom:8em;}
.detail-sale .floor{display:block;background:#fff;clear:both;float:none;}
.detail-sale .floor li{padding:15px;}
.detail-sale .floor img{display:block;margin:0 auto;}
.detail-sale h3{font-size:2.3em;text-align:center;margin-bottom:.8em;}
.detail-sale .comment{font-size:1.2em;margin-bottom:6em;text-align:center;}
.detail-sale .half-s{display:inline-block;width:50%;margin:0;box-sizing:border-box;overflow:hidden;vertical-align:top;}
.detail-sale .half-s:nth-child(odd){padding-right:20px;}
.detail-sale .half-s:nth-child(even){padding-left:20px;}
.detail-sale table{width:100%;font-size:1.2em;margin-bottom:1.6em;}
.detail-sale table th{width:30%;background:#099;border:1px solid #fff;padding:5px 10px;text-align:left;}
.detail-sale table td{border:1px solid #fff;padding:5px 10px;}
.detail-sale h4{font-size:1.8em;margin-bottom:.8em;}
.detail-sale dl{font-size:1.2em;margin-bottom:.6em;}
.detail-sale dl dt{display:inline-block;width:5em;padding-right:2em;}
.detail-sale dl dd{display:inline-block;}
.detail-sale dl:nth-child(odd){margin-bottom:2em;}



/*--portfolio--*/
.detail-portfolio .old{width:710px;margin:0 auto;}
.detail-portfolio .center-item li img{width:100%;}
.detail-portfolio .center-item{margin-bottom:8em;}
.detail-portfolio .floor{display:block;background:#fff;clear:both;float:none;}
.detail-portfolio .floor li{padding:15px;}
.detail-portfolio .floor img{display:block;max-width:100%;margin:0 auto;}
.detail-portfolio h3{font-size:2.3em;text-align:center;margin-bottom:.8em;}
.detail-portfolio .comment{font-size:1.2em;margin-bottom:6em;text-align:center;}
.detail-portfolio .half-p{display:inline-block;width:50%;margin:0;box-sizing:border-box;overflow:hidden;vertical-align:top;}
.detail-portfolio .half-p:nth-child(odd){padding-right:20px;}
.detail-portfolio .half-p:nth-child(even){padding-left:20px;}
.detail-portfolio table{width:100%;font-size:1.2em;margin-bottom:1.6em;}
.detail-portfolio table th{width:30%;background:yellow;border:1px solid #333;padding:5px 10px;text-align:left;color:#000;}
.detail-portfolio table td{border:1px solid #333;padding:5px 10px;}
.detail-portfolio h4{font-size:1.8em;margin-bottom:.8em;}


/*--renovation--*/

.page-renovation h2{font-size:3em;}
.page-renovation p{font-size:1.2em; margin:30px auto;}
.page-renovation ul{display:block;text-align:center;}
.page-renovation ul li{font-size:1.4em;line-height:3;}
.page-renovation ul li i{font-size:2.4em;vertical-align:middle;margin-right:5px;}
.page-renovation ul li:after{display:block;text-align:center;content:"\f0ab";font-family: FontAwesome;color:yellow;}
.page-renovation ul li:last-child:after{content:"";}
.page-renovation h3{font-size:1.8em;text-align:center;margin-top:60px;}


/*--company--*/

.company h2{font-size:3em;}
.company p,
.company table{margin:40px auto;font-size:1.2em;}
.company table th,
.company table td{padding:10px;}
.company table th{letter-spacing:.4em;}
.company table dl dt{}
.company table dl dd{margin-bottom:.6em;}


/*--contact--*/

.contact h2{font-size:3em;}
.contact p,
.contact table{margin:40px auto;font-size:1.2em;}
.contact table th,
.contact table td{min-width:50%;padding:10px;vertical-align:middle;}
.contact table th{letter-spacing:.4em;}
.contact .require{font-size:0.8em;padding:2px 4px;margin-left:1em;background:#009999;border-radius:2px;letter-spacing:.15em;}
.contact form input[type="text"]{width:200px;padding:5px;}
.contact form textarea{width:300px;min-height:150px;padding:5px;}
.contact .btn{margin:30px auto 100px;text-align:center;}
.contact .btn input[type="button"]{margin-right:2em;}
.contact .btn #submit{width:150px;margin-right:2em;padding:10px;letter-spacing:.3em;border:none;background:yellow;cursor:pointer;font-weight:bold;}
.contact .btn #reset{width:150px;padding:10px;letter-spacing:.3em;border:none;background:#ccc;cursor:pointer;font-weight:bold;}
.contact .btn input:hover{opacity:.8;}

@media screen and (max-width: 1366px) {
	.inner-box	{
		width:100%;
	}
	.one_half li	{	
		width:50%;
		height: auto;
		float:left;
		margin: 0;
		padding:0;
		border:1px solid black;
		}

	.one_third li	{	
		width:33.33%;
		height: auto;
		float:left;
		margin: 0;
		padding:0;
		border:1px solid black;
		}


}

@media screen and (max-width: 768px) {
	
	article	{
		margin-top:100px;
		}
	
	.inner-box	{	
		width:100%;
		height: auto;
		margin-top:0;
		}
		
	.half li	{	
		width:100%;
		height: auto;
		}	

	.one_half li	{	
		width:50%;
		height: auto;
		float:left;
		margin: 0;
		padding:0;
		border:1px solid black;
		}
		

	.one_third li	{	
		width:33.33%;
		height: auto;
		float:left;
		margin: 0;
		padding:0;
		border:1px solid black;
		}

	.renovation .inner-box	{
		width:100%;
		border:0px solid yellow;
		background:url('../img/arrow4.png') center center no-repeat;
	}

	.renovation .inner-box li	{
		float:none;
		width:240px;
		height:240px;
		margin: 30px auto ;
	}

	.renovation p	{
		width:90%;
		margin:0 auto; 
	}
	
	.renovation h3 img	{
		max-width:100%;

	}

	.immigration	{
		padding-bottom:10px;
	}
				
	.immigration .slideshow	{
		float:none;
		margin:0 auto;
		border:0px solid red;
	}
	.immigration .slideshow-text	{	
		float:none;
		margin:0 auto;
		width:100%;
		height:auto;
		padding:30px 0;
		background:#000
	}

	.half h3,
	.one_half h3,
	.one_third h3	{
		font-size:1.8em;
		line-height:1.2;
		padding:0;
		margin:20px 10px 20px 10px;
	}


	.immigration h3		{
		font-size:2.4em;
		line-height:1.2;
		padding:0;
		margin:20px;
		text-align:center;
	}
	
	.half p,
	.one_half p,
	.one_third p		{
		font-size:1.2em;
		line-height:1.4;
		padding:0;
		margin:10px 10px 20px 10px;
	}

	/*--portfolio--*/
	.detail-portfolio .center-item li img{height:250px;}
	.detail-portfolio .half-p:nth-child(odd){padding-left:20px;}
	.detail-portfolio .half-p:nth-child(even){padding-right:20px;}
	.detail-portfolio .half-p{display:inline-block;width:100%;margin:0 0 15px;box-sizing:border-box;overflow:hidden;vertical-align:top;}
	.detail-portfolio .half-p li img{max-width:100%;}


	/*--sale--*/
	.detail-sale .center-item li img{height:250px;}
	.detail-sale .half-s:nth-child(odd){padding-left:20px;}
	.detail-sale .half-s:nth-child(even){padding-right:20px;}
	.detail-sale .half-s{display:inline-block;width:100%;margin:0 0 15px;box-sizing:border-box;overflow:hidden;vertical-align:top;}
	.detail-sale .half-s li img{max-width:100%;}

	/*--renovation--*/
	.page-renovation h3 span{display:inline-block;}

	/*--company--*/
	.company h2{font-size:1.8em;}
	.company h2 span{display:inline-block;}

	.company table th,
	.company table td{
		box-sizing:border-box;
		display:block;
		width:100%;
	}

	.company table th{background:#333;}


	/*--contact--*/
	.contact h2{font-size:1.8em;}

	.contact table{width:90%;}
	.contact table th,
	.contact table td{
		box-sizing:border-box;
		display:block;
		width:100%;
	}
	.contact .btn input{margin-bottom:2em;}
	.contact form input[type="text"]{width:100%;box-sizing:border-box;}
	.contact form textarea{width:100%;box-sizing:border-box;}



}



@media screen and (max-width: 480px) {
	.one_half li,
	.one_third li	{	
		width:100%
		}
	.immigration .slideshow	{
		width:320px;
		height:180px;
	}
	.single-item-immigration li{
		height:180px !important;
	}
}	
		
		

/* -----------------------------------------
▼ 09 FOOTER
-------------------------------------------- */	
footer															{	width:100%; height:100px; background:#111; z-index: 6000; position:relative; }
footer .navigation									{	border:0px solid red;color:red;position: absolute;top:10px;right:10px;width:500px}
footer .navigation li a							{	color:white; display:block; float: left; font-size:12px; line-height: 1; padding:0 8px;border-left:1px solid white;}
footer .navigation li:first-child	a	{	border-left:none;}
footer .about												{	border:0px solid red;color:white;position: absolute;top:10px;left:20px;width:500px;font-size:12px;line-height:1.5;}
footer .about li										{	display:block; float:left;border:0px solid red;padding:10px 30px 10px 0;}
footer .copyright										{	font-size:11px; position: absolute; bottom:4px; left:20px; color:white;	letter-spacing:2px;}
footer a														{	color:white;text-decoration: none;}

@media screen and (max-width: 768px) {
	footer															{	height:auto;background: #000;padding:10px; }
	footer .navigation									{	display:none;}
	footer .about												{	width:100%;position: static;}
	footer .about li										{	width:100%;float:none;padding:0;}
	footer .copyright										{	position: static;}	
}
/* -----------------------------------------
▼ 10 BUTTON
-------------------------------------------- */	
.btn-more a				{	display:block; font-weight:normal; font-size:1.4em;line-height:25px; border:1px solid white; padding:0; text-align:center; width:150px; height:25px; text-decoration:none; color:white; margin:50px auto 100px;}
.btn-more a:hover		{background:#fff;color:#000;}
.btn-contact a		{	display:block; font-weight:normal; font-size:2.1em;line-height:45px; border:1px solid white; padding:0; text-align:center; width:330px; height:45px; text-decoration:none; color:white; margin:20px auto 0}
.btn-contact a:hover	{background:#fff;color:#000;}

	
	@media screen and (max-width: 768px) {
		.btn-contact a	{	width:300px;}
	}

