@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "import/reset.css";
@import "import/util.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
/* @import "../ext_{bukkenID}/{bukkenID}.css"; */

/**
 * 2. html, body
 */
	body {
		background-color: #fff;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #333333;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-family: 'Open Sans','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		min-width: 960px;
	}

	@media only screen and (max-width:640px) {
		.page {
			min-width: inherit;
			overflow: hidden;
		}
	}
	.wrapper {
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	img {
		max-width: 100%;
		height: auto;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		/*dont use <h1> selector*/
		font-family: 'メイリオ',Meiryo,'Open Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		font-size: 34px;
		line-height: 1;
		vertical-align: top;
	}
	.siteTitle:before {
		font-size: 18px;
		line-height: 18px;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Open Sans','ＭＳ Ｐゴシック',sans-serif;
		padding: 6px 22px;
		display: inline-block;
		vertical-align: top;
		color: #000;
		margin-right: 22px;
		border: 2px solid #555;
	}
	.siteTitle.newConst:before {
		content: "新築";
	}
	.siteTitle:after {
			font-size: 18px;
			line-height: 18px;
			font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Open Sans','ＭＳ Ｐゴシック',sans-serif;
			padding: 6px 20px;
			display: inline-block;
			vertical-align: top;
			color: #fff;
			margin-left: 22px;
			background-color: #c20a0a;
	}


	.siteTitle.newConst:after {
			/*content: "満室稼働中";*/
	}

	@media only screen and (max-width:640px) {
		.siteTitle {
			font-size: 24px;
			line-height: 1.1;
			margin-bottom: 20px;
		}
		.siteTitle:before {
			font-size: 14px;
			padding: 4px 16px 3px;		
		}
		.siteTitle:after {
				font-size: 14px;
				padding: 4px 16px 3px;
				margin-left: 12px;
		}

	}

	@media only screen and (max-width:480px) {
		.siteTitle:after {
			display: block;
			margin: 0; 
			margin-top: 15px; 
			width: 78px;
		}

	}
	.contentTitle {
		/*dont use <h2> selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

	.tel {
		font-size: 34px;
		line-height: 1;
		margin-bottom: 10px;
	}

	.tel a {
		pointer-events: none;
		text-decoration: none;
		color: #333333;
		font-weight: 200;
		letter-spacing: 0.01em;
	}
	.time {
		font-size: 10px;
		line-height: 1;
	}
	.mailArea {
		width: 240px;
		padding: 12px 4px 4px 4px;
		font-size: 12px;
		line-height: 12px;
		text-align: center;
		background-color: #f7f7f7;
		border: 1px solid #e2e2e2;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.mailArea .btn {
		margin-top: 10px;
		font-size: 16px;
		line-height: 1;
		background-color: #a8d800;
		color: #fff;
		border-radius: 4px;
		-webkit-transition: .3s;
		   -moz-transition: .3s;
		        transition: .3s;
	}

	.mailArea .btn:hover {
		background-color: #90BA07;
	}
	.mailArea .btn a {
		color: #fff;
		padding: 12px 40px;
		display: block;
		text-decoration: none;
	}
	@media only screen and (max-width:640px) {
		.tel {		
			font-size: 14px;
			line-height: 1.2;
			margin-bottom: 0;
		}
		.tel a {
			pointer-events: auto;
		}
	}
/**
 * 4. Layout
 */
	body #container {
		width: auto;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	@media only screen and (max-width:640px) {

	body #container {
			margin-bottom: 75px;	
		}
	}
	body #gHeader {
		overflow: hidden;
	}
	#gHeader .wrapper {
		padding: 20px;
		overflow: hidden;
	}
	#gHeader .siteTitle {
		float: left;
		margin-top: 25px;
	}
	#gHeader #headerCv {
		float: right;
		letter-spacing: -0.5em;
		line-height: 1;
	}
	#gHeader #headerCv > div {
		display: inline-block;
		letter-spacing: normal;
		vertical-align: top;
	}
	#gHeader #headerCv .contactArea {
		width: 231px;
		text-align: center;
		margin-right: 30px;
	}
	#gHeader #headerCv .contactArea .contactTitle {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#gHeader #headerCv .tel {
		font-size: 34px;
		margin-bottom: 10px;
	}

	#gHeader #headerCv .tel a {
		color: #333333;
	}
	#gHeader #headerCv .time {
	}
	#gHeader #headerCv .mailArea {
		width: 240px;
		padding: 12px 4px 4px 4px;
		font-size: 12px;
		text-align: center;
		background-color: #f7f7f7;
		border: 1px solid #e2e2e2;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#gHeader #headerCv .mailArea .btn {
		margin-top: 10px;
		font-size: 16px;
		background-color: #a8d800;
		color: #fff;
		border-radius: 4px;
	}
	#gHeader #headerCv .mailArea .btn:hover {
		background-color: #90BA07;
	}
	#gHeader #spNav {
		display: none;
	}

	@media only screen and (max-width:640px) {
		#gHeader .wrapper {
			padding: 0 20px;
		}
		#gHeader #headerCv {
			display: none;
		}
		#gHeader #spNav {
			display: block;
			width: 100%;
			position: fixed;
			z-index: 999;
			bottom: 0;
			left: 0;
			background: #a8d800;
			border-top: 2px solid #fff;
		}
		#gHeader #spNav ul {
			letter-spacing: -0.5em;
		}
		#gHeader #spNav ul li {
			position: relative;
			display: inline-block;
			letter-spacing: normal;
			width: 33.333333%;
			text-align: center;
		}
		#gHeader #spNav ul li a:before {
			position: absolute;
			left: 50%;
			display: block;
		}
		#gHeader #spNav ul li.request a:before {
			content: url(../imgs/spnav-request.png);
			margin-left: -20px;
			top: 13px;
		}
		#gHeader #spNav ul li.tel a:before {
			content: url(../imgs/spnav-tel.png);
			margin-left: -18.5px;
			top: 7px;
		}
		#gHeader #spNav ul li.map a:before {
			content: url(../imgs/spnav-map.png);
			margin-left: -15px;
			top: 5px;
		} 
		#gHeader #spNav ul li a {
			position: relative;
			padding-top: 50px;
			padding-bottom: 5px;
			display: block;
			color: #fff;
			text-decoration: none;
		}
	}


	body #gFooter {
		padding: 60px 0  25px;
		background-color: #90ba07;
		color: #fff;
		text-align: center;
		line-height: 1;
	}
	#gFooter .wrapper {
		max-width: 880px;
	}
	#gFooter #ftrCv {
		overflow: hidden;
	}
	#gFooter #ftrCv > div {
		width: 400px;
	}
	#gFooter #ftrCv .contactArea {
		float: left;
		border: 1px solid #fff;
		padding: 11px 0 13px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	#gFooter #ftrCv .mailArea {
		float: right;
		margin-bottom: 35px;
	}

	#gFooter #ftrCv .contactArea .contactTitle {
		font-size: 14px;
		margin-bottom: 10px;
	}
	#gFooter #ftrCv .tel {
		font-size: 40px;
		margin-bottom: 10px;
	}

	#gFooter #ftrCv .tel a {
		color: #fff;
	}
	#gFooter #ftrCv .time {
	}
	#gFooter #ftrCv .mailArea {
		padding: 15px 6px 5px 6px;
		font-size: 16px;
		text-align: center;
		color: #000;
		background-color: #f7f7f7;
		border: 1px solid #e2e2e2;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#gFooter #ftrCv .mailArea .btn {
		margin-top: 10px;
		font-size: 22px;
		background-color: #a8d800;
		color: #fff;
		border-radius: 4px;
		position: relative;
	}

	#gFooter #ftrCv .mailArea .btn a {
		padding: 22px 40px;
		display: block;
	}
	#gFooter #ftrCv .mailArea .btn:hover {
		background-color: #90BA07;
	}
	#gFooter #ftrCv .mailArea .btn:before {
		content: url(../imgs/icn-mail.png);
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -11px;
	}
	#gFooter .companyInformation .logo {
		max-width: 130px;
		margin: auto;
		margin-bottom: 10px;
		padding: 20px 0;
	}
	#gFooter .companyInformation .name {
		font-size: 20px;
		margin-bottom: 15px;
	}
	#gFooter .companyInformation .name br,
	#gFooter .companyInformation .address br {
		display: none;
	}
	#gFooter .companyInformation .address {
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 40px;
	}
	#gFooter .companyInformation .transaction {
		font-size: 18px;
		margin-bottom: 45px;
	}
	#gFooter .companyInformation .copyright {
		font-size: 10px;
		line-height: 1.2;
	}
	@media only screen and (max-width:640px) {
		#gFooter #ftrCv > div {
			width: 100%;
		}
		#gFooter #ftrCv .contactArea {
			margin-bottom: 50px;
			background-color: #a8d800;
		}
		#gFooter #ftrCv .mailArea {
			font-size: 12px;
			line-height: 12px;
		}
		#gFooter #ftrCv .mailArea .btn {
			font-size: 16px;
			line-height: 16px;
		}
		#gFooter .companyInformation .logo {
			text-align: center;
		}
		#gFooter .companyInformation {
			text-align: left;
		}
		#gFooter .companyInformation .name {
			line-height: 28px;	
		}
		#gFooter .companyInformation .name br,
		#gFooter .companyInformation .address br {
			display: block;
		}
	}

	.pageTop {
		opacity: 0;
		position: fixed;
		bottom: 20px;
		right: 20px;
		color: #90ba07;
		line-height: 10px;
		z-index: 10;
		text-align: center;	
		background-color: rgb(255, 255, 255);
		width: 58px;
		height: 58px;
		border-radius: 50%;
		border: 1px solid #90ba07;
		-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;	
		-webkit-transition: .3s;
		   -moz-transition: .3s;
		    -ms-transition: .3s;
		     -o-transition: .3s;
		        transition: .3s;
	}
	.pageTop.vis {
		opacity: 1;
	}
	.pageTop:hover {
		bottom: 10px;
		background-color: #90ba07;
		color: #fff;
		border: 1px solid #fff;		
	}

	.pageTop:before {
		content: "";
		position: absolute;
		top: 10px;
		left: 50%;
		width: 26px;
		height: 26px;
		margin-left: -13px;
		border-top: 2px solid #90ba07;
		border-right: 2px solid #90ba07;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: .3s;
		   -moz-transition: .3s;
		    -ms-transition: .3s;
		     -o-transition: .3s;
		        transition: .3s;
	}
	.pageTop:hover:before {
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;		
	}
	.pageTop a {
		display: block;
		width: 100%;
		height: 100%;
		color: #90ba07;
		text-decoration: none;
		padding-top: 30px;
		font-size: 10px;
		-webkit-transform:scale(0.9);
		-webkit-transition: .3s;
		   -moz-transition: .3s;
		    -ms-transition: .3s;
		     -o-transition: .3s;
		        transition: .3s;
	}
	.pageTop:hover a {
		color: #fff;
	}
	@media only screen and (max-width:640px) {
		.pageTop {
			display: none;
		}		
	}
