@charset "utf-8";

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: メイリオ, Meiryo, "MS PGothic", sans-serif, "ＭＳ Ｐゴシック";
	line-height: 1.6;
	font-size: 14px;
	color: #333;
}

.min {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

.inner {
	box-sizing: border-box;
	max-width: 1038px;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

a { color: #0d5fa0;}
a:hover { color: #3b8dcd;}

a:hover img {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
 
a img {
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.textR { text-align: right;}
.textC { text-align: center;}
.lead.textL { text-align: left;}

.left { float: left;}
.right { float: right;}

.lead.textL{
	max-width:1000px;
}



@media screen and (max-width: 767px) {
	
	body {
		font-size: 14px;
	}
	
}


section {
	margin-bottom: 80px;
}

.animsition > section {
	margin-bottom: 0;
}

section.marB40 { margin-bottom: 20px;}

.photoBox {
	margin: 40px 0 80px;
	text-align: center;
}

.photoBox02 {
	margin: -10px 0 10px;
	text-align: center;
}

.photoBox03 {
	margin: 40px 0 40px;
	text-align: center;
}

h3 + .photoBox {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	
	section {
		margin-bottom: 40px;
	}
	
	.photoBox,
	.photoBox02 {
		margin: 16px 0 36px;
	}
	
	.spSmall {
		width: 260px;
	}
	
}


/* --------------------------

	nav

-------------------------- */

.pageNav {
	margin-bottom: 80px;
}

.pageNav ul {
	list-style: none;
	overflow: hidden;
	margin: 0 0 80px;
	padding: 0;
}

.pageNav li {
	box-sizing: border-box;
	float: left;
}

.pageNav li div {
	display: table;
	width: 100%;
	background-color: #063056;
	background-repeat: no-repeat;
	background-position: right bottom;
	transition: background-color 0.5s ease;
}

.pageNav li div:hover {
	background-color: #506e88;
}

.pageNav li:nth-child(1) div { background-image: url(../images/common/no1.png);}
.pageNav li:nth-child(2) div { background-image: url(../images/common/no2.png);}
.pageNav li:nth-child(3) div { background-image: url(../images/common/no3.png);}
.pageNav li:nth-child(4) div { background-image: url(../images/common/no4.png);}

.pageNav li a {
	display: table-cell;
	height: 140px;
	padding: 0;
	background: url(../images/common/arrow_down.png) no-repeat center bottom;
	color: #fff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 2px;
	line-height: 1.4;
	/*font-weight:bold;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size:16px;
	white-space: nowrap;
	
}

.pageNav li a br{
	display: none;
}

.pageNav li .en {
	display: block;
	padding: 4px 0 0;
	color: #999;
	font-size: 12px;
	letter-spacing: 0;
	font-weight:normal;
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/*font-style:italic;*/

}

.pageNav2col {
	max-width: 730px;
	width: 100%;
	margin: 0 auto;
}

.pageNav2col li {
	width: 50%;
	padding: 0 40px;
}

.pageNav3col { 
	margin: 0 -60px;
}

.pageNav3col li {
	width: 33.3333333333%;
	padding: 0 60px;
}

.pageNav4col {
	margin: 0 -7px;
}

.pageNav4col li {
	width: 25%;
	padding: 0 7px;
}

@media screen and (max-width: 767px) {
	
	.pageNav {
		width: 100%;
		max-width: none;
		margin: 0;
	}
	
	.pageNav ul {
		margin-bottom: 16px;
	}
	
	.pageNav li {
		width: 50%;
		margin: 0 0 16px;
	}
	
	.pageNav li:nth-child(odd) {
		clear: both;
		padding: 0 8px 0 0;
	}
	
	.pageNav li:nth-child(even) {
		padding: 0 0 0 8px;
	}
	
	.pageNav li div {
		box-sizing: border-box;
		padding-left: 8px;
		padding-right: 8px;
		background-size: 40px auto;
	}
	
	.pageNav li a {
		height: 80px;
		padding-bottom: 16px;
		font-size: 13px;
	}
	.pageNav4col li a {
	font-size: 12px;
}
	.pageNav li a br{
	display: block;
}
	
}

.buBox {
	text-align: center;
}

.bu a,
.buBox button {
	box-sizing: border-box;
	display: block;
	max-width: 280px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	background-color: #063056;
	color: #fff;
	text-decoration: none;
	letter-spacing: 2px;
	transition: background-color 0.5s ease;
}

.bu a:hover,
.buBox button:hover {
	background-color: #506e88;
}

.bu a span,
.buBox button span {
	padding-right: 32px;
	background: url(../images/common/arrow_l.png) no-repeat right center;
}

.businessBox .bu a {
	max-width: none;
}


/* --------------------------

	header

-------------------------- */

#header {
	background-color: #fff;
	box-shadow: 0px 0px 4px 0px #ADADAD;
	-moz-box-shadow: 0px 0px 4px 0px #ccc;
	-webkit-box-shadow: 0px 0px 4px 0px #ADADAD;
}

.top #header {
	position: absolute;
	z-index: 100;
	width: 100%;
}

#header .inner {
	overflow: hidden;
	padding: 5px 0;
}

#header .logo {
	float: left;
}

#header .logo h1 {
	margin: 0;
	padding: 0;
}

.hNav {
    float: right;
    padding-right: 100px;
}

.hNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hNav li {
	display: inline-block;
	padding: 0 60px;
	line-height: 80px;
}


@media screen and (max-width: 940px) {
.hNav li {
	padding: 0 50px;
}
	
}

@media screen and (max-width: 840px) {
.hNav li {
	padding: 0 40px;
}
	
}


.hNav li:first-child { padding-left: 0;}
.hNav li:last-child { padding-left: 30px;}

.hNav a {
	text-decoration: none;
	color: #012235;
}

.hNav a:hover {
	color: #4d6471;
}

.is-fixed,
.top #header.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}

.hNav li:nth-child(4) {
	display:none;	
}

@media screen and (max-width: 767px) {
	
	#header .inner {
		padding: 16px;
	}

	#header .logo img {
		width: 60px;
	}

	.hNav {
		display: none;
	}
	
}


/* --------------------------

	key

-------------------------- */

.key {
	margin: 0 0 40px;
	padding: 30px 0;
	background-color: #063056;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	color: #fff;
	font-weight: normal;
	text-align: center;
	letter-spacing: 2px;
}

.key h1 {
	font-size: 36px;
	font-weight: normal;
}

.key .en {
	padding: 0 0 0 16px;
	color: #adadad;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0;
	/*font-style:italic;*/
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.business .key { background-image: url(../images/common/key_business.png);}
.turn .key { background-image: url(../images/common/key_turn.png);}
.estate .key { background-image: url(../images/common/key_estate.png);}
.startup .key { background-image: url(../images/common/key_startup.png);}
.company .key { background-image: url(../images/common/key_company.png);}
.careers .key { background-image: url(../images/common/key_careers.png);}
.contact .key { background-image: url(../images/common/key_contact.png);}
.privacy .key { background-image: url(../images/common/key_privacy.png);}

@media screen and (max-width: 767px) {
	
	.key {
		margin: 0 0 36px;
		padding: 16px;
		background-size: cover;
	}
	
	.key h1 {
		font-size: 18px;
	}

	.key .en {
		display: block;
		padding: 0;
		font-size: 12px;
	}
	
}


/* --------------------------

	table

-------------------------- */

table {
	width: 100%;
	margin: 0 0 80px;
}

tr {
	background: url(../images/common/line_dot.gif) repeat-x left bottom;
}

th,
td {
	box-sizing: border-box;
	padding: 12px 0;
	vertical-align: top;
	text-align: left;
}

th {
	color: #063056;
}

td {
}

@media screen and (max-width: 767px) {
	
	table {
		margin-bottom: 40px;
	}
	
}


/* --------------------------

	h[x]

-------------------------- */

.h2Type01 {
	margin: 30px 0 14px;
	padding: 0 0 6px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 20px;
}

.h2Type02 {
	margin: 0 0 50px;
	padding: 22px 0 22px 30px;
	background-color: #063056;
	font-size: 18px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: normal;
}

.h2Type02 .en {
	display: inline-block;
	padding-left: 20px;
	font-size: 12px;
	color: #999;
	letter-spacing: 0;
}

.h2Type03 {
	margin: 20px 0 35px;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.7;
	color: #1b1349;
}

.h3Type02 {
	margin: 0 0 16px;
	padding: 14px 0 14px 30px;
	background-color: #063056;
	font-size: 15px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: normal;
}

.h3Type03 {
	margin: 0 0 16px;
	font-size: 15px;
	color: #063056;
}

@media screen and (max-width: 767px) {
	
	.h2Type02 {
		margin: 0 0 16px;
		padding: 16px;
		font-size: 16px;
		text-align: center;
	}

	.h2Type02 .en {
		display: block;
		margin-top: 4px 0 0;
		padding: 0;
	}
	
	.h2Type03 {
		margin: 16px;
		font-size: 18px;
		line-height: 1.8;
	}
	
	.h2Type03 br {
		display: none;
	}
	
	.h3Type03 {
		text-align: center;
	}
	
}


/* --------------------------

	container

-------------------------- */

#container {
	margin-bottom: 80px;

	margin-top: -90px;
	padding-top: 90px;


}

.top #container {
	margin-bottom: 0;
}

#container > :last-child {
	margin-bottom: 0;
}

#container .foot p br{
	display: none;
}

.lead {
	max-width:600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 40px;
	text-align: left;
	line-height: 1.5;
}

.leadSmall {
	max-width: 600px;
	margin: 30px auto 50px auto;
	text-align: left;
}
.leadSmall01 {
	max-width: 600px;
	margin: 30px auto 50px auto;
	text-align: left;
	line-height: 2.5;
}

.lead > :last-child {
	margin-bottom: 0;
}

.leadFoot {
	margin-top: -40px;
}

@media screen and (max-width: 767px) {
	
	#container {
		margin-bottom: 40px;
	}
	#container .foot p br{
	display: block;
}
	
	.lead {
		margin: 16px 0;
	}
	
	.lead br {
		display: none;
	}
        .leadSmall01 {
	text-align: left;
	line-height: 1.8;
}
	
}


/* --------------------------

	トップ

-------------------------- */


/* 業務内容 スライドショー */

.businessTop {
	margin-bottom: 0px;
}

.businessTop .bx-wrapper {
	margin: 0;
}

.businessTopBox {
	display: table;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}

.businessTopSec {
	position: relative;
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
}

/*.businessTopSec .head {
	position: absolute;
	z-index: 10;
	width: 100%;
}*/

/*.businessTopSec .head h2 {
	width: 100%;
	margin: 0;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.2;
	color: #063056;
	text-align: center;
}*/

/*.businessTopSec .head h2 .en {
	display: block;
	margin-bottom: 4px;
	color: #8b8b8b;
	/*font-style: italic;*/
	font-size: 16px;
}*/

.businessTopSec .photo{
	margin-bottom: 16px;
	padding-top: 30px;
	text-align: center;
}

.businessTopService .photo {
	margin-bottom: 30px;
}


.businessTopSec .photo img {
	margin: 0 auto;
}

/*.businessTopSec .text {
	margin: 0;
	font-size: 15px;
	text-align: center;
}*/

/*.businessTopSec .text > :last-child {
	margin-bottom: 0;
}*/

.businessTopSec .bu {
	margin-top: 40px;
}

.businessSlideshow {
	margin: 0;
}

.businessSlideshow li {
	padding: 0;
}

.businessTop .bx-wrapper .bx-controls-direction a {
	overflow: hidden;
    position: static;
	display: block;
    margin-top: -14px;
    outline: 0;
    width: 18px;
    height: 28px;
	background-size: contain;
}

.businessTop .bx-wrapper .bx-prev { float: left; background: url(../images/common/arrow_prev.png) no-repeat 0 0;}
.businessTop .bx-wrapper .bx-next { float: right; background: url(../images/common/arrow_next.png) no-repeat 0 0;}

.businessTop .bx-wrapper .bx-prev:hover,
.businessTop .bx-wrapper .bx-next:hover {
	background-position: 0 0;
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.businessTop .bx-controls {
	position: absolute;
	top: 50%;
	width: 100%;
}

.businessTop .bx-controls-direction {
	box-sizing: border-box;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 16px;
}

/* 業務内容 スライドショー */

.slideNav {
	margin: 0;
}

.slideNav ul {
	list-style: none;
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}

.slideNav li {
	display: table-cell;
	width: 33.3333333333%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	vertical-align: middle;
	white-space:nowrap;
}
.slideNav li div {
	white-space:nowrap;
	overflow:hidden;
}
.slideNavStart { background-image: url(../images/top/businesstop_startup.jpg);}
.slideNavTurnaround { background-image: url(../images/top/businesstop_turnaround.jpg);}
.slideNavEstate { background-image: url(../images/top/businesstop_estate.jpg);}


.slideNav a {
	position: relative;
	display: block;
	padding: 60px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
}

.slideNav a div {
	box-sizing: border-box;
	padding: 32px 8px;
	border: 1px solid #fff;
}

.slideNav a .en {
	display: block;
	font-size: 12px;
	/*font-style: italic;*/	
	color: #ccc;
}

/* 見出し */

.title-top {
	width:auto;
	height:150px;
	margin:0 auto;
	text-align:center;
	margin-bottom:0px;
	display:table;
}

.title-top h2 {
	display:table-cell;
	vertical-align:middle;
	font-size:30px;
	text-align:center;
	color:#063056;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.title-top h2 span {
	padding-bottom:10px;
		border-bottom:1px solid #063056;
}

/* ABOUT US */

.aboutTop {
	margin: 0;
	padding: 120px 0;
	background: url(../images/top/about_top.jpg) no-repeat center center;
	background-size: cover;
}			

.aboutTopSec {
	position: relative;
	background: #fff url(../images/top/abouttop_01.jpg) no-repeat left bottom;
}

.aboutTopSec .body {
	padding: 100px 48px 40px;
	background: url(../images/top/abouttop_02.jpg) no-repeat right top;
}

.aboutTopSec h2 {
	position: absolute;
	top: -60px;
	left: 0;
	display: table;
	width: 268px;
	margin: 0;
	padding: 0;
	background: #063056 none;
	color: #fff;
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
}

.aboutTopSec h2 span {
	display: table-cell;
	height: 120px;
	vertical-align: middle;
}

.aboutTopSec h3 {
	font-size: 30px;
	color: #063056
}

.newsTop {
	margin: 0;
	padding: 60px 0;
	background-color: #fff;
}

.newsTop .inner {
	margin: 0 auto;
	padding: 0 0 10px;
	border-bottom: 1px solid #cfcfcf;
}

.newsTop h2 {
	float: left;
	width: 14%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 2px;
	font-weight: normal;
}

.newsTop .body {
	float: left;
	width: 86%;
}

.newsTop .body dl {
	overflow: hidden;
	margin: 0;
}

.newsTop .body dt,
.newsTop .body dd {
	float: left;
	margin: 0;
	padding: 0;
}

.newsTop .body dt { width: 14%;}
.newsTop .body dd { width: 86%;}

.accessBoxWrap {
	overflow: hidden;
	margin: 0 -45px 60px;
}

.accessBox {
	box-sizing: border-box;
	float: left;
	width: 33.333333333%;
	padding: 0 45px;
}

.accessBox h4 {
	margin: 0 0 12px;
	padding: 0 0 6px;
	border-bottom: 1px solid #cbcbcb;
	font-style: italic;
}

.accessBox > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.bx-wrapper {
		margin-bottom: 40px;
	}
	
	/* 業務内容 スライドショー */
	
	.businessTop {
		margin-bottom: 70px;
	}
	.businessTop .bx-viewport {
		height:auto !important;
	}
	.businessTopSec {
		padding: 0 52px;
	}
	
	.businessTopSec .head {
		margin: 0 -52px;
	}
	
	.businessTopSec .photo {
		padding-top: 32px;
	}
	
	.businessTopService .photo {
		margin-bottom: 20px;
	}
	
	.businessTopSec .text {
		font-size: 14px;
	}
	
	.businessTopSec .text br {
		display: none;
	}
	
	.businessTopSec .bu {
		margin-top: 24px;
	}
	
	.businessTop .bx-wrapper .bx-controls-direction a {
    	margin-top: -4px;
    	width: 16px;
    	height: 20px;
	}
	
	/* 業務内容 スライドショー */
	
	.slideNav a {
		padding: 16px 0;
		font-size: 13px;
	}

	.slideNav a div {
		padding: 0;
		border: none;
	}
	.slideNav a .en {
	font-size: 8px;
}

	
	/* 見出し */
	
	.title-top h2 {
		font-size:20px;	
	}
	
	/* ABOUT US */
	
	.aboutTop {
		padding: 60px 0 40px;
	}
	
	.aboutTopSec {
		background-size: 160px auto;
	}

	.aboutTopSec .body {
		padding: 54px 20px 40px;
		background-position: right 60px;
		background-size: 180px auto;
	}

	.aboutTopSec h2 {
		top: -30px;
		left: 50%;
		width: 200px;
		margin: 0 0 16px -100px;
		font-size: 18px;
	}

	.aboutTopSec h2 span {
		height: 60px;
		padding: 0 16px;
	}
	
	.aboutTopSec h2 + div {
		margin-left: 20px;
		margin-right: 20px;
	}

	.aboutTopSec h3 {
		font-size: 16px;
	}

	.newsTop {
		padding: 0 16px;
	}
	
	.newsTop .inner {
		margin-top: 36px;
		margin-bottom: 36px;
	}

	.newsTop h2 {
		float: none;
		width: 100%;
		margin-bottom: 16px;
		text-align: center;
	}

	.newsTop .body {
		float: none;
		width: 100%;
	}

	.newsTop .body dt { width: 30%;}
	.newsTop .body dd { width: 70%;}
	
	.accessBoxWrap {
		margin: 0 0 16px;
	}

	.accessBox {
		float: none;
		width: 100%;
		margin-bottom: 16px;
		padding: 0;
		text-align: center;
	}
	
}


/* --------------------------

	業務内容

-------------------------- */

.businessHead {
	margin-bottom: 20px;
	padding: 36px 0;
	background: url(../images/business/businesshead.png) no-repeat center center;
}

.businessHead h2 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	text-align: center;
	color: #162c3f;
	font-weight: normal;
	white-space: nowrap;
}

.businessBoxWrap {
	overflow: hidden;
	margin: 0 -42px 160px;
}

.businessBox {
	box-sizing: border-box;
	float: left;
	width: 33.333333333%;
	padding: 0 42px;
}

.businessBox .photo {
	margin: 0 0 20px;
	text-align: center;
}

.businessBox .text {
	box-sizing: border-box;
	padding-bottom: 30px;
}

.businessBox .text > :last-child {
	margin-bottom: 0;
}

.businessTop .bu a,
.businessBox .bu a {
	display: block;
	padding: 12px 0;
	background: #063056 url(../images/common/arrow.png) no-repeat 96% center;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 1.4;
	letter-spacing: 2px;
	transition: background-color 0.5s ease;
}

.businessTop .bu a:hover,
.businessBox .bu a:hover {
	background: #506e88 url(../images/common/arrow.png) no-repeat 96% center;
}

.businessTop .bu .en,
.businessBox .bu .en {
	display: block;
	padding: 0;
	background: none;
	color: #999;
	letter-spacing: 0;
}

@media screen and (max-width: 767px) {
	
	.businessHead {
		margin-bottom: 16px;
		padding: 16px 0;
		background-size: cover;
	}

	.businessHead h2 {
		font-size: 14px;
	}
	
	.businessBoxWrap {
		margin: 0;
	}
	
	.businessBox {
		float: none;
		width: 100%;
		margin: 32px 0 0;
		padding: 32px 0 0;
		border-top: 1px dotted #ccc;
	}
	
	.businessBox:first-child {
		margin-top: 0;
	}
	
	.businessBox .photo {
		float: left;
		width: 130px;
		margin: 0;
	}
	
	.businessBox .text {
		margin-left: 142px;
	}
	
	.businessBox .bu {
		clear: both;
	}
	.businessBox p br{
		display: none;
	}
	
}


/* --------------------------

	スタートアップ

-------------------------- */

.startupService {
	box-sizing: border-box;
	max-width: 680px;
	width: 100%;
	margin: 30px auto 60px;
	padding: 20px 40px;
}

.startupService ul {
	overflow: hidden;
	list-style: none;
	margin: 0 -15px;
	padding: 0;
}

.startupService li {
	box-sizing: border-box;
	float: left;
	width: 33.333333333%;
	margin: 0 0 20px;
	padding: 0 15px;
}

.startupService li:nth-child(3n+1) {
	clear: both;
}

.startupService dl {
	margin: 0;
	padding: 0;
}

.startupService dt,
.startupService dd {
	margin: 0;
	padding: 0;
}

.startupService dt {
	display: table;
	width: 100%;
	margin-bottom: 12px;
}

.startupService dt span {
	box-sizing: border-box;
	display: table-cell;
	min-height: 50px;
	padding: 4px 4px 2px;
	background: #1f3f66;
	font-size: 14px;
	color: #fff;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
}

.startupService dd {
	padding: 0 8px;
	font-size: 14px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.startupService {
		margin: 12px auto 36px;
		padding: 0;
		overflow:hidden;
	}

	.startupService ul {
		margin: 0 -4px;
	}

	.startupService li {
		width: 50%;
		margin: 0 0 8px;
		padding: 0 4px;
	}

	.startupService li:nth-child(3n+1) {
		clear: none;
	}
	
	.startupService li:nth-child(odd) {
		clear: both;
	}

	.startupService dl {
		padding: 0;
	}
	
	.startupService dt {
		font-size: 14px;
	}
	
	.startupService dd br {

	}
	
}

.line01{
	border-bottom: solid 1px #C6C6C6;
	bottom:3px;
}

/* --------------------------

	会社概要

-------------------------- */

.companyHead {
	margin: 0 0 30px;
	padding: 24px 0;
	background-color: #f3f3f3;
	background-position: left -120px center;
	background-repeat: no-repeat;
	background-size: contain;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;

}

.companyHeadOwlWood  { background-image: url(../images/company/h2_company01.jpg);}
.companyHeadGroup { background-image: url(../images/company/h2_company02.jpg);}
.companyHeadAccess { background-image: url(../images/company/h2_company03.jpg);}

.estateHead01 { background-image: url(../images/estate/h2_estate01.jpg);}
.estateHead02 { background-image: url(../images/estate/h2_estate02.jpg);}
.estateHead03 { background-image: url(../images/estate/h2_estate03.jpg);}
.estateHead04 { background-image: url(../images/estate/h2_estate04.jpg);}

.turnHead01 { background-image: url(../images/turn/h2_turn01.jpg);}
.turnHead02 { background-image: url(../images/turn/h2_turn02.jpg);}
.turnHead03 { background-image: url(../images/turn/h2_turn03.jpg);}

.startupHead01 { background-image: url(../images/startup/h2_startup01.jpg);}
.startupHead02 { background-image: url(../images/startup/h2_startup02.jpg);}

.companyHead h2 {
	margin: 0 0 0 220px;
	padding: 0 0 0 174px;
	background: url(../images/company/companyhead_bg.png) no-repeat left center;
	color: #063056;
	font-size: 22px;
	letter-spacing: 2px;
        font-weight: normal;

        white-space: nowrap;
}

@media screen and (max-width: 1400px) {
	
	.companyHead {
		background-position: -240px center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;


	}

.companyHead h2 {
	margin: 0 0 0 300px;
	padding: 0 0 0 174px;
	background: url(../images/company/companyhead_bg.png) no-repeat left center;
	color: #063056;
	font-size: 22px;
	letter-spacing: 2px;
        font-weight: normal;
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",  serif;
}

}

.companyHead h2 br {
	display:none;
}
.companyHead h2 .en {
	display: block;
	color: #989898;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.2;
	/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E",  serif;
	font-weight: normal;
        font-style:italic
}

.text-indent {
	text-indent:40px;	
}

.text-indent-min {
	text-indent:4px;	
}


.companyTable td br {
	display: none;
}

.groupHead {
	margin: 80px 0 12px;
	padding: 0 0 10px;
	border-bottom: 1px solid #999;
}
.groupHead br {
	display:none;	
}

.groupHead:first-child {
	margin-top: 0;
}

.groupHead h3 {
	margin: 0;
	padding: 0 0 0 16px;
	border-left: 5px solid #063056;
	color: #063056;
	font-size: 16px;
	letter-spacing: 2px;
}

.groupHead h3 span {
	display: inline-block;
	padding: 0 0 0 20px;
	font-size: 15px;
	font-weight: normal;
}

.groupHead .en {
	color: #414040;
	letter-spacing: 0;
}

.groupHead + table {
	margin-bottom: 80px;
}

.companyTable th {
	width: 28%;
}

.officerList {
	overflow: hidden;
	margin: 0;
}

.officerList dt {
	clear: both;
	float: left;
	width: 100px;
}

.quaList {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

.quaList dt {
	clear: both;
	float: left;
	width: 70%;
}

.quaList dd {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
}

.quaList:first-child dt {
	width: 50%;
}

.quaList:first-child dd {
	width: 50%;
}

@media screen and (max-width: 767px) {
	
	.companyHead {
		margin: 0;
		background-color: #f3f3f3;
		background-image: none;
		text-align: center;
	}
	.companyTable td br {
		display: block;
	}
	.groupHead br {
		display:block;
	}

	.groupHead:first-child {
		margin-top: 16px;
	}

	.companyHead h2 {
		margin: 0;
		padding: 0;
		background: none;
		font-size: 14px;
		font-weight: bold;
	}
	.companyHead h2 br{
		display:block;
	}
	.companyHead h2 .en {
		margin-top: 6px;
		font-size: 12px;
		font-weight: normal;
	}
	
	.groupHead {
		margin-top: 40px;
	}
	
	.groupHead + table {
		margin-bottom: 40px;
	}
	
	.groupHead h3 {
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: 2px;
		}

	.groupHead h3 span {
		display: block;
		margin-top: 4px;
		padding: 0;
		font-size: 12px;
	}
	
	.companyTable th,
	.companyTable td {
		display: block;
		width: 100%;
	}
	
	.companyTable th {
		padding-bottom: 0;
	}
	
	.companyTable td {
		padding-top: 0;
	}
	
	.officerList dt {
		width: 40%;
	}
	
	.officerList dd {
		float: left;
		width: 60%;
		margin: 0;
	}
	
	.quaList {
		float: none;
		width: 100%;
	}

	.quaList:nth-child(n) dt {
		clear: both;
		float: left;
		width: 80%;
	}

	.quaList:nth-child(n) dd {
		float: left;
		width: 20%;
	}
	
	.quaList li {
		float: none;
		width: 100%;
	}

	.quaList li:nth-child(odd) dt,
	.quaList li:nth-child(even) dt {
		width: 80%;
	}
	
	.quaList li dd {
		float: left;
		width: 20%;
		margin: 0;
	}
	
}


/* --------------------------

	採用情報 

-------------------------- */

.careersTable table {
	margin-top: 40px;
	margin-bottom: 40px;
}

.careersTable th {
	width: 20%;
}

@media screen and (max-width: 767px) {
	
	.careersTable table {
		margin-top: 0;
	}

	.careersTable th,
	.careersTable td {
		display: block;
		width: 100%;
	}
	
	.careersTable th {
		padding-bottom: 0;
	}
	
	.careersTable td {
		padding-top: 0;
	}
	
}


/* --------------------------

	お問い合わせ

-------------------------- */

.contactTel {
	max-width: 620px;
	width: 100%;
	margin: 20px auto;
}

.contactTel dl {
	float: left;
	width: 50%;
	display: table;
	margin: 0 auto 16px;
}

.contactTel dt,
.contactTel dd {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
}

.contactTel dt {
	width: 9.375%;
	background: #063056;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 1;
}

.contactTel dd {
	width: 40.625%;
	text-align: center;
	font-size: 30px;
}

.contactTel .foot {
	text-align: center;
}

.contactTel .foot > :last-child {
	margin-bottom: 0;
}

.req {
	display: inline-block;
	margin-left: 14px;
	padding: 2px 6px 1px;
	background: #8f4343;
	color: #fff;
	font-weight: normal;
	border-radius: 3px;
	letter-spacing: 2px;
}

.contactForm {
	margin-top: -20px;
}

.contactForm table {
	margin-bottom: 40px;
	table-layout:fixed;
}

.contactForm th {
	width: 28%;
	padding-top: 12px;
	padding-bottom: 6px;
}

.contactForm td {
	padding: 6px 0;
}

input[type="text"],
textarea,
select {
	box-sizing: border-box;
	width: auto;
	padding: 8px;
	background: #fff;
	border: 1px solid #ccc;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="tel"],
input[type="email"] {
	box-sizing: border-box;
	width: auto;
	padding: 8px;
	background: #fff;
	border: 1px solid #ccc;
	outline: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



select {
	width: auto;
/*	padding-right: 48px;*/
/*	background: #fff url(../images/common/select_arrow.png) no-repeat right center;*/
}

textarea {
	height: 120px;
}

button {
	border: none;
}

.checkbox01{
	display: none;
}

.checkbox01-parts {
	position: relative;
	margin-right: 20px;
	padding-left: 26px;
}

.checkbox01-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
}

.checkbox01:checked + .checkbox01-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	left: 5px;
	width: 5px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}

input[type="text"].w160 { max-width: 160px; width:160px !important;}
input[type="text"].w240 { max-width: 240px; width:240px !important;}
input[type="text"].w340 { max-width: 340px; width:340px !important;}
.w620, input[type="text"].w620 { max-width: 620px; width:620px !important;}

input[type="text"].marR24 { margin-right: 24px;}

.addList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.addList li {
	margin: 0 0 12px;
	padding: 0;
}

.addList li:last-child {
	margin-bottom: 0;
}

.checkboxList {
	line-height: 2.6;
}

@media screen and (max-width: 767px) {
	
	.contactTel {
		box-sizing: border-box;
		margin: 0;
		padding: 0 16px;
	}

	.contactTel dl {
		float: none;
		width: 100%;
	}
	
	.contactTel dd {
		box-sizing: border-box;
		padding-left: 24px;
		text-align: left;
	}
	
	.contactTel dd a {
		color: #333;
		text-decoration: none;
	}

	.contactForm th,
	.contactForm td {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.contactForm th {
		padding-top: 16px;
	}
	
	.contactForm td {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	input[type="text"].w160 { max-width: 80px;}
	input[type="text"].w240 { max-width: 120px;}
	input[type="text"].w340 { max-width: 100%;}
	.w620, input[type="text"].w620 { max-width: 100%;}
	
}


/* --------------------------

	個人情報保護方針

-------------------------- */

.recordBox {
	margin: 36px 0 20px;
	text-align: center;
}

.recordBox > :last-child {
	margin-bottom: 0;
}


/* --------------------------

	footer

-------------------------- */

#footer {
	padding: 28px 0 20px;
	background-color: #063056;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

#footer nav ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

#footer nav li {
	display: inline-block;
	padding: 0;
}

#footer nav li:after {
	content: '|';
	padding: 0 10px;
}

#footer nav li:last-child:after {
	content: '';
}
#footer nav li:nth-child(4) {
	display:none;
}
#footer nav a {
	color: #fff;
	text-decoration: none;
}

#footer nav a:hover {
	color: #b5c1cd;
}

.spNav {
	display: none;
}

@media screen and (max-width: 767px) {
	
	#footer {
		padding: 0 0 16px;
		font-size: 13px;
	}

	#footer nav ul {
		margin: 0;
		border-bottom: 1px solid #fff;
	}

	#footer nav li {
		display: block;
		border-top: 1px solid #fff;
	}

	#footer nav li:after {
		display: none;
	}

	#footer nav a {
		display: block;
		padding: 16px;
	}
	
	.copyright {
		margin-top: 16px;
		margin-bottom: 0;
	}
	
	.spNav {
		display: block;
		padding: 16px 0;
	}
	
	.spNav ul {
		overflow: hidden;
		margin: 0 -8px;
		padding: 0;
		list-style: none;
	}
	
	.spNav li {
		box-sizing: border-box;
		float: left;
		width: 50%;
		padding: 0;
	}
	
	.spNav li:nth-child(odd) {
		padding-right: 4px;
	}
	
	.spNav li:nth-child(even) {
		padding-left: 4px;
	}
	
	.spNav li a {
		display: block;
		padding: 16px 0;
		background: #fff;
		text-align: center;
		color: #063056;
		text-decoration: none;
	}
	
	.spNav li img {
		height: 22px;
		margin-right: 6px;
	}

.text-indent {
	text-indent:0px;	
}

.text-indent-min {
	text-indent:0px;	
}

	
}


/* 17/7/27追加 */

.hp-bt {
	
}

.print-main-img,
.businessTop-print {
	display:none;	
}

/* 印刷用css */

@media print { 

body{
	width:980px;
	margin:0 auto;
	max-width:100%;
}

.businessTop {
	display:none;	
}

.print-main-img,
.businessTop-print {
	display:block;
	margin-top:10px;
	text-align:center;
}

.print-main-img img {
	width:100%;
	height:auto;
}
.main-slider {
	display:none;	
}

#header {
	width:auto;
	height:60px;
	display:block;
	box-shadow: 0px 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px 0px #fff;

}

#header .logo {
	width:50px;
	height:auto;
}

#header .logo img {
	width:100%;
	height:auto;
}


.hNav {
	display:none;
}


.top #header {
	display:block;
	position:relative;	
}

.businessTopBox {
    display: block;
    width: 100%;
	max-width: 100%;
	height:auto;
    margin: 0 auto;
	text-align:center;
}

.businessTopSec {
    position: relative;
    display: block;
    box-sizing: border-box;
    vertical-align: middle;
	text-align:center;
}

.businessSlideshow li {
	width:100%;	
}
.bx-controls {
	display:none;	
}
.slideNav a {
    padding: 0px;
	box-sizing:border-box;
}

.aboutTopSec h2 span {
}

.aboutTopSec .body {
}

.is-fixed {
	display:none !important;
}

.companyHead h2 {
	margin:0 0 0 260px;
	background:none;
}

.businessBox .text {
	margin-bottom:30px;
	font-size:12px;
}

.pageNav4col li {
    width: 195px;
	padding:0 10px;
	overflow:hidden;
}

.pageNav li a {
	font-size:12px;	
}

.hNav li {
    padding: 0 20px;
}

#map1 {
	height:300px !important;	
}

.h2Type03 {
    font-size: 22px;
 }

}

@media print {

  .print-br {
	  display:none !important;  
  }

}


@media print and (-ms-high-contrast:none){
  *::-ms-backdrop,
  .bx-wrapper,
  .bx-wrapper * {
	width:980px;
	height:auto;
	text-align:left;
	position:relative;
	display:block;
	margin:0 0 0 10px;
	padding:0;
	overflow:visible;
}

  .bx-wrapper img {
	  width:auto !important;
  }
  

}




/* --------------------------

	clearfix

-------------------------- */

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}