@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

html {
	font-size: 62.5%;
}

body, table, input, textarea, select, option {
	font-family: " メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

a,
a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
}

a:hover {
}

a:active {
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1080px;
	color: #000;
	font-size: 1.2rem;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	text-align: left;
}

#main {
}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}

@media all and (max-width: 767px) {
	body {
		min-width: inherit;
		font-size: 0.6rem;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	
	.pc {
		display: none !important;
	}
	
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	background: #16366F;
	padding: 20px 0 5px 29px;
}
#gHeader h1 {
    margin: -16px 0 -3px;
}

#gHeader .hInner {
	max-width: 1080px;
	margin: 0 auto;
}

#gHeader .rBox .link {
    margin: 9px 13px 0 0;
    float: right;
    width: 217px;
}
#gHeader .rBox .link a {
    padding: 4px 5px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 2.1rem;
    letter-spacing: 6.3px;
    border-radius: 12px;
    border: 2px solid #fff;
    background: url("img/common/bg01.png") repeat-x left center;
    background-size: auto 100%;
}
#gHeader .rBox .link a:hover {
    opacity: 0.7;
}
#gHeader .rBox .link a span {
    padding: 4px 0 0 30px;
    display: inline-block;
    background: url("img/common/icon.png") no-repeat left center;
    background-size: 14px auto;
}

#gHeader h1 {
	float: left;
}

#gHeader .rBox {
	margin-top: -16px;
	width: 540px;
	float: right;
}

#gHeader .rBox .hImg {
	float: left;
}

#gHeader .rBox .hBox {
	float: right;
	width: 435px;
	padding-top: 4px;
}

#gHeader .rBox dt {
	padding-top: 3px;
	float: left;
}

#gHeader .rBox dd {
	padding-left: 108px;
	font-size: 1.2rem;
	color: #fff;
	letter-spacing: -0.8px;
}

#gHeader .rBox dd span {
	display: inline-block;
	margin-right: -25px;
}

#gHeader .rBox dd a {
	margin: 6px 0 0 2px;
	font-size: 2.2rem;
	color: #e13a17;
	display: inline-block;
	vertical-align: middle;
}

#gHeader .rBox dd a img {
	margin-right: 7px;
}

@media all and (max-width: 767px) {
	.hBigInner {
		position: relative;
	}
	
	#gHeader {
		padding: 4px 5px 7px;
		min-height: 51px;
		box-sizing: border-box;
		position: relative;
		background-color: #fff;
		border-radius: 0;
	}
	
	#gHeader h1 {
        padding-top: 8px;
        margin: -2px 0 -3px;
	}
    
    #gHeader .tel {
        float: right;
        padding: 13px 50px 0 0;
    }
    #gHeader .tel a {
        display: inline-block;
        font-size: 1.1rem;
        color: #e13a17;
        letter-spacing: -0.8px;
    }
    #gHeader .tel a img {
        margin-right: 5px;
        width: 20px;
        vertical-align: -2px;
    }
	
	#gHeader .menu {
		position: absolute;
		top: 11px;
		right: 14px;
		text-align: center;
	}
	
	#gHeader .menu a.on {
		display: block;
		background: url("img/common/close.png") no-repeat center top;
		background-size: 22px auto;
	}
	
	#gHeader .menu a.on img {
		visibility: hidden;
	}
	
	#gHeader .menu span {
		display: block;
		font-size: 0.7rem;
	}
	
	#gHeader .rBox {
		margin: 0;
		float: none;
		width: auto;
	}
	
	#gHeader .rBox .hImg {
		display: none;
	}
	
	#gHeader .rBox .hBox {
		padding: 14px 50px 0 0;
		width: auto;
	}
	
	#gHeader .rBox dt {
		display: none;
	}
	
	#gHeader .rBox dd {
		padding: 0;
	}
	
	#gHeader .rBox dd span {
		display: none;
	}
	
	#gHeader .rBox dd a {
		margin-top: 0;
		font-size: 1.1rem;
	}
	
	#gHeader .rBox dd a img {
		width: 20px;
		vertical-align: -2px;
	}
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
    margin: 2px 0 1px;
    background: url("img/common/h_bg.jpg") repeat-x left bottom #16366F;
    background-size: 3px auto;
}

#gNavi ul {
	max-width: 1080px;
	margin: 0 auto;
}

#gNavi li {
	border-right: 3px solid #fff;
	width: 12.23%;
	float: left;
	text-align: center;
}

#gNavi li a {
	padding: 18px 10px 17px;
    background: url("img/common/h_bg.jpg") repeat-x left bottom #16366F;
    background-size: 3px auto;
	display: block;
	font-size: 1.6rem;
	color: #fff;
	background-color: #163670;
}

#gNavi .style a {
    padding: 6px 10px 13px;
    line-height: 1.25;
}
#gNavi li:nth-last-child(2) {
    border-right: 3px solid #fff;
}
#gNavi li:last-child {
    border: none;
}

#gNavi li a:hover {
	opacity: 0.7;
}
@media all and (max-width: 767px) {
	#gNavi {
		position: absolute;
		display: none;
		top: 49px;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	
	#gNavi li {
		width: auto;
		float: none;
		border-bottom: 3px solid #fff !important;
        border-right: none !important;
	}
	
	#gNavi li a {
		border: none;
		padding: 10px !important;
		text-align: left;
        background-image: none;
	}
}

@media all and (min-width: 768px) {
	#gNavi {
		display: block !important;
	}
}
/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
}

#pagePath li {
	display: inline;
	color: #000;
	font-size: 1.2em;
}

#pagePath a {
}

@media all and (max-width: 767px) {
}
/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {

}

@media all and (max-width: 767px) {
}
/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {

}

@media all and (max-width: 767px) {
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding-bottom: 6px;
}

#gFooter .fBox {
	margin: 0 auto 5px;
	width: 1080px;
	padding: 12px 7px 14px 14px;
	box-sizing: border-box;
	border: 1px solid #99ffcc;
}

#gFooter .fInner .lBox {
	float: left;
	width: 450px;
}

#gFooter .fInner .lBox p {
	text-align: right;
	margin: 5px 10px 0 0;
}

#gFooter .fInner .lBox p a {
	display: inline-block;
	font-size: 2.2rem;
	color: #e13a17;
	font-weight: bold;
}

#gFooter .fInner .lBox p a img {
	margin-right: 5px;
}

#gFooter .fInner .fImgtext {
	float: right;
	padding-top: 10px;
	text-align: right;
}

#gFooter .fInner a:hover img {
	opacity: 0.7;
}

#gFooter .fInner .naviUl {
	padding: 3px 0 0 30px;
	float: left;
}

#gFooter .fInner .naviUl > li {
	margin-right: 10px;
	float: left;
	width: 105px;
}

#gFooter .fInner .naviUl > li ul li {
	padding-top: 3px;
}

#gFooter .fInner .naviUl > li:nth-child(2) ul {
	padding-top: 62px;
}

#gFooter .fInner .naviUl > li ul li a:hover {
	text-decoration: underline;
}

#gFooter .copyright {
	text-align: center;
}

@media all and (max-width: 767px) {
	#gFooter .fBox {
		margin-bottom: 12px;
		padding: 0 10px;
		border: none;
		width: auto;
	}
	
	#gFooter .fInner .lBox {
		width: 57%;
	}
	
	#gFooter .spUl {
		margin: 0 40px 14px 60px;
	}
	
	#gFooter .spUl li {
		margin-bottom: 4px;
		float: left;
		width: 47%;
		font-size: 1.443rem;
	}
	
	#gFooter .spUl li:nth-child(2n) {
		width: 53%;
		float: right;
	}
	
	#gFooter .fInner .lBox p a {
		font-size: 1.2rem;
	}
	
	#gFooter .fInner .lBox p a img {
		width: 24px;
	}
	
	#gFooter .fInner .fImgtext {
		margin-right: 7px;
	}
	
	#gFooter .fInner .fImgtext img {
		width: 110px;
	}
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	.headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 17px;
	padding: 0 5px 2px;
	font-size: 2.1rem;
	border-bottom: 2px solid #BFBFBF;
}

.h2Ttl {
	margin-bottom: 32px;
}

.mainImg02 {
	margin-bottom: 25px;
	position: relative;
}

.mainImg02 > img {
	width: 100%;
}

.mainImg02 h2 {
	font-size: 3.5rem;
	color: #fff;
	position: absolute;
	top: 15px;
	left: 25px;
	text-shadow: 2px 2px 0 #000;
}

.headLine02 {
	margin-bottom: 13px;
	font-size: 3.6rem;
	text-align: center;
}
@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (max-width: 767px) {
	.headLine01 {
		margin-bottom: 8px;
		padding-bottom: 1px;
		font-size: 1.2rem;
		line-height: 1.3;
		border-width: 1px;
	}
	
	.h2Ttl {
		margin-bottom: 12px;
	}
}


/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.mainImg {
	margin: 0 auto 3px;
	min-width: 1080px;
    max-width: 1680px;
	position: relative;
}

.mainImg .fooUl li {
   height: 550px;   
	float: left;
	position: relative;
   background: url("img/index/main_img.jpg") no-repeat center center;
   background-size: cover;   
}

.mainImg .fooUl .liStyle01 {
   background-image: url("img/index/main_img02.jpg");
}

.mainImg .fooUl .liStyle02 {
   background-image: url("img/index/main_img03.jpg");
}

.mainImg .fooUl .liStyle03 {
   background-image: url("img/index/main_img04.jpg");
}
.mainImg .fooUl .liStyle04 {
   background-image: url("img/index/main_img05.jpg");
}


.mainImg p {
	position: absolute;
	top: 54px;
	left: 25px;
	font-size: 2.9rem;
	color: #fff;
    display: flex;
    align-items: center;
}

.mainImg p span {
    display: inline-block;
    margin-right: 10px;
}


.mainImg .logo {
	position: absolute;
	top: 68px;
	left: 39px;
}

#main .topBnner {
    margin: 0 auto 22px;
	width: 1080px;
    padding: 5px 90px 2px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    background-color: #CECECC;
}

#main .topBnner .textBox {
    margin-top: -4px;
    width: 78.5%;
}

#main .topBnner .textBox p {
    font-size: 1.8rem;
    line-height: 1.7;
}

#main .topBnner .textBox .ttl {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 15px;
}


.indexBox {
	margin: 0 auto;
	width: 1022px;
}

.indexBox .lBox {
	width: 336px;
	float: left;
}

.indexBox .lBox .sales {
	margin-bottom: 23px;
	border: 2px solid #000;
}

.indexBox .lBox .sales a:hover {
   opacity: 0.7;
}

.indexBox .lBox .sales .title {
	margin-bottom: 0;
	padding: 3px 2px 0;
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	background-color: #163670;
}

.indexBox .lBox .sales .subBox {
	padding: 10px 9px 3px;
}

.indexBox .lBox .sales .subBox .photo {
    margin: 0 -6px;
}
.indexBox .lBox .sales p {
	margin-bottom: 4px;
	font-size: 1.4rem;
	line-height: 1.7;
	text-align: center;
}

.indexBox .lBox .sales p span {
	display: inline-block;
	text-align: left;
}

.indexBox .lBox .sales .ttl {
	margin: 0 -10px 10px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.5;
}

.indexBox .salesBox .headLine01 {
    padding: 0 8px 0px;
    margin-bottom: 23px;
    font-size: 2.4rem;
    border-width: 4px;
    border-color: #5D81C1;
}
#main {
	margin-bottom: 63px;
}

#main .staff {
	margin-bottom: 19px;
	border: 2px solid #000;
}

#main .staff a {
	display: block;
}

#main .staff a:hover {
	opacity: 0.7;
}

#main .staff02 {
	margin-bottom: 0;
}

#main .staff .title {
	margin-bottom: 0;
	padding: 3px 2px 0 17px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	background-color: #163670;
}

#main .staff .ttl02 {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 2px 0 -1px;
    text-align: center;
}

#main .staff .imgBox {
	display: table;
	width: 100%;
}

#main .staff .imgBox .photo {
	width: 156px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#main .staff .imgBox .photo img {
	width: 100%;
}

#main .staff .imgBox .textBox {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#main .staff .imgBox .textBox p {
	margin: -1px 0 10px -25px;
	font-size: 1.8rem;
	font-weight: bold;
}

#main .staff .imgBox .textBox li {
	padding-bottom: 8px;
	font-size: 1.6rem;
	font-weight: bold;
}

#main .staff .imgBox .textBox li:last-child {
	padding-bottom: 0;
}

#main .staff02 .imgBox .textBox p {
	margin-left: -30px;
}

#main .staff02 .imgBox .photo {
	width: 144px;
}

#main .staff02 .imgBox .textBox li {
	letter-spacing: -1px;
}

.indexBox .rBox {
	float: right;
	width: 635px;
	margin-top: -5px;
}

.indexBox .rBox .newsTtl {
	margin: 0 -6px 0 0;
	padding: 7px 15px 2px;
	position: relative;
	border: 1px solid #7F7F7F;
}

.indexBox .rBox .newsTtl h3 {
	font-size: 2.1rem;
	line-height: 1.2;
}

.indexBox .rBox .newsTtl a {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 1.8rem;
}

.indexBox .rBox .newsTtl a span {
	color: #ff0000;
	display: inline-block;
	vertical-align: 1px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.indexBox .rBox .newsTtl a:hover {
	opacity: 0.7;
}

#main .staffBox .headLine01 {
    padding: 0 8px 0px;
    margin-bottom: 13px;
    font-size: 2.4rem;
    border-width: 4px;
    border-color: #5D81C1;
}
#main .comUl {
	margin: 0 -30px 14px 0;
}

#main .comUl li {
	margin: 6px 30px 0 0;
	width: 280px;
	float: left;
}

#main .comUl li a {
	display: block;
}

#main .comUl li a:hover {
	opacity: 0.7;
}

#main .comUl li p {
	margin-left: 4px;
	line-height: 1.35;
}

#main .comUl li .blueBg {
	margin-left: 0;
	margin-bottom: 10px;
	padding: 4px 15px 5px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.45;
	background-color: #163670;
}

#main .comUl li .ttl {
	margin-bottom: 2px;
	font-size: 1.4rem;
	line-height: 1.5;
   font-weight: bold;
}

#main .comUl li .ttl02 {
   font-weight: bold;
   margin-top: 20px;
}

#main .indexBox .rBox .ulBox {
	overflow: hidden;
}

#main .indexBox .rBox .comUl {
	margin: 0 -33px 10px 33px;
}

#main .newsTtl02 {
	padding: 5px 15px 2px;
	margin: 0 7px 7px -8px;
	border: 2px solid #BFBFBF;
	clear: both;
}

#main .newsTtl02 h3 {
	font-size: 1.6rem;
	line-height: 1.2;
}

#main .newsDl {
	padding: 8px 5px;
	margin: 0 7px 0 -6px;
	height: 181px;
	box-sizing: border-box;
	overflow-y: scroll;
	border: 2px solid #7F7F7F;
}

#main .newsDl dt {
	float: left;
}

#main .newsDl dd {
	padding: 0 0 3px 7.1em;
}

#main .newsDl dd a:hover {
	text-decoration: underline;
}

@media all and (min-width: 1081px) and (max-width: 1280px) {
    .mainImg {
        width: auto;
        max-width: 1280px;
    }
    .mainImg .fooUl li {
        height: auto;
        padding-bottom: 50.925%;
    }
}


@media all and (min-width: 1281px) {
    .mainImg {
        width: auto;
        max-width: 1680px;
    }
    .mainImg .fooUl li {
        height: 652px;
    }
}

@media all and (max-width: 767px) {
	.mainImg {
        min-width: inherit;
        max-width: inherit;
		width: auto;
	}
   
   .mainImg .fooUl li {
      height: auto;
      padding-bottom: 51%;
   }

   .mainImg p {
		top: 24px;
		font-size: 1.1rem;
	}
    
    .mainImg p span {
        width: 80px;
    }
	
	.mainImg .logo {
		top: 40px;
		left: 19px;
	}
	
	.mainImg .logo img {
		width: 80px;
	}
	
	#main .topBnner {
		margin: 0 3px 10px;
		padding: 10px 15px;
		width: auto;
	}
	#main .topBnner .textImg {
        width: 54px;
    }
    #main .topBnner .textBox p {
        font-size: 0.8rem;
        line-height: 1.5;
    }
    #main .topBnner .textBox .ttl {
        font-size: 1rem;
    }
    #main .topBnner .textBox {
        width: calc(100% - 54px);
        margin-bottom: 0;
        padding-left: 10px;
        box-sizing: border-box;
    }
	
	.indexBox {
		width: auto;
		margin: 0 10px;
	}
	
	.indexBox .lBox {
		width: auto;
		float: none;
	}
	
	#main .staff {
		margin: 0 3px 16px;
		width: 47%;
		float: left;
		border-width: 1px;
	}
	
	#main .staff:nth-child(2n) {
		float: right;
	}
	
	#main .staff .title {
		padding: 1px 2px 1px 4px;
		font-size: 0.9rem;
	}
	
	#main .staff .imgBox .photo {
		width: 78px;
	}
	
	#main .staff .imgBox .textBox p {
		margin: -2px 0 5px -12px;
		font-size: 0.9rem;
	}
	
	#main .staff .imgBox .textBox li {
		padding-bottom: 4px;
		font-size: 0.8rem;
		letter-spacing: -0.5px;
	}
	
	#main .staff02 .imgBox .photo {
		width: 72px;
	}
	
	.indexBox .lBox .sales {
		margin-bottom: 10px;
		border: none;
	}
	
	.indexBox .lBox .sales .title {
		font-size: 1.15rem;
		line-height: 1.3;
		padding: 3px 2px;
	}
	
	.indexBox .lBox .sales .photo {
		float: right;
		width: 45%;
	}
	
	.indexBox .lBox .sales .subBox {
		padding: 7px 0;
	}

	.indexBox .lBox .sales .pBox {
		padding-top: 5px;
		width: 52%;
		float: left;
	}
	
	.indexBox .lBox .sales p {
		font-size: 0.9rem;
	}
	
	.indexBox .lBox .sales .ttl {
		margin-bottom: 20px;
		font-size: 1rem;
	}
	
	.indexBox .rBox {
		width: auto;
		float: none;
	}
	
	.indexBox .rBox .newsTtl {
		padding: 5px 7px 2px;
		margin: 0 0 -6px;
	}
	
	.indexBox .rBox .newsTtl h3 {
		font-size: 1.05rem;
	}
	
	.indexBox .rBox .newsTtl a {
		font-size: 0.9rem;
		top: 3px;
		right: 10px;
	}
	
	.indexBox .rBox .newsTtl a span {
		vertical-align: 0;
	}
	
	#main .comUl li {
		width: 46.5%;
		margin: 14px 0 0 0;
	}
	
	#main .comUl li:nth-child(2n) {
		float: right;
	}
	
	#main .comUl li .photo img {
		width: 100%;
	}
	
	#main .indexBox .rBox .comUl {
		margin: 0 27px 22px 27px;
	}
	
	#main .comUl li .ttl {
		margin: 0;
		font-size: 0.7rem;
	}
	
	#main .comUl li .ttl02 {
		margin-left: 0;
	}
	
	#main .comUl li .blueBg {
		margin: 0 0 5px;
		padding: 3px 7px 3px;
		font-size: 0.7rem;
	}
	
	#main .comUl li p {
		margin-left: 5px;
	}
	
	#main .newsTtl02 {
		padding: 1px 10px 2px;
		margin: 0 22px 4px 7px;
	}
	
	#main .newsTtl02 h3 {
		font-size: 0.8rem;
	}
	
	#main .newsDl {
		padding: 3px 5px;
		height: 100px;
		margin: 0 22px 4px 7px;
	}
	
	#main .newsDl dd a:hover {
		text-decoration: none;
	}
	
	#main {
		margin-bottom: 28px;
	}
	
	#main .staffBox .headLine01 {
        font-size: 1.4rem;
        padding: 0;
        border-width: 2px;
    }
    #main .staff .ttl02 {
        font-size: 1.1rem;
    }
    .indexBox .salesBox .headLine01 {
        font-size: 1.4rem;
        padding: 0;
        border-width: 2px;
    }
}

/*------------------------------------------------------------
	es-estate.html
------------------------------------------------------------*/
.es-estate {
	margin: 0 auto;
	width: 995px;
}

.es-estate .text {
	margin-bottom: 38px;
	font-size: 2.4rem;
	line-height: 1.1;
	text-align: center;
}

.es-estate .text span {
	display: inline-block;
	text-align: left;
}

#main .linkUl {
	margin: 0 -40px 30px -19px;
}

#main .linkUl li {
	margin-right: 13px;
	float: left;
	width: 251px;
}

#main .linkUl li:last-child {
	margin-right: 0;
}

#main .linkUl li a {
	padding: 12px 10px 10px;;
	display: block;
	font-size: 1.6rem;
	text-align: center;
	border: 2px solid #7F7F7F;
}

#main .linkUl .current-cat a,
#main .linkUl li a:hover {
	background-color: #B2E2F9;
}

.es-estate h4 {
	margin: 0 10px 15px;
	font-size: 2.4rem;
	overflow: hidden;
}

.es-estate h4 span {
	padding-right: 20px;
	display: inline-block;
	position: relative;
	background-color: #fff;
}

.es-estate h4 span:after {
	width: 9999px;  
	height: 1px;
	border-bottom: 1px solid #000;
	position: absolute;  
	top: 50%;
	left: 0;  
	margin-top: -4px;
	content: "";
	z-index: -1; 
}

.es-estate .list {
	margin: 0 7px 33px;
}

.es-estate .list li {
	margin: 0 60px 23px 0;
	width: 200px;
	float: left;
}

.es-estate .list li:nth-child(4n) {
	margin-right: 0;
}

.es-estate .list li img {
	margin-bottom: 5px;
}

.es-estate .list li a {
	display: block;
	font-size: 1.2rem;
}

.es-estate .list li a:hover {
	opacity: 0.7;
}

.es-estate .list li .preparing {
	width: 100%;
	display: table;
	height: 145px;
	background-color: #b2e2f9;
}

.es-estate .list li .preparing span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 4.4rem;
}

.es-estate .h3Ttl {
	margin-bottom: 35px;
	font-size: 2.4rem;
}

.es-estate .textListBox {
	overflow: hidden;
}

.es-estate .textList {
	margin: 0 -60px 67px 10px;
}

.es-estate .textList > li {
	width: 490px;
	float: left;
}

.es-estate .textList > li:nth-child(2n-1) {
	width: 540px;
}

.es-estate .textList > li ul li {
	padding-bottom: 4px;
	font-size: 1.6rem;
}

.es-estate .textList > li:nth-child(2n) {
	float: right;
}

.es-estate .textList > li a:hover {
	text-decoration: underline;
}

.comBox {
	padding: 7px 25px 10px 10px;
	margin: 0 auto;
	width: 660px;
	box-sizing: border-box;
	border: 1px solid #ff0000;
}

.comBox .lBox {
	width: 370px;
	float: left;
	text-align: center;
}

.comBox .lBox p {
	margin-bottom: 6px;
}

.comBox .lBox .tel {
	margin: -3px 0 0;
}

.comBox .lBox .tel a {
	display: inline-block;
	font-size: 3.4rem;
	color: #e13a17;
	font-weight: bold;
	line-height: 1;
}

.comBox .lBox .tel a img {
	margin-right: 10px;
	vertical-align: -5px;
}

.comBox .btn {
	padding-top: 12px;
	float: right;
}

.comBox .btn a:hover img {
	opacity: 0.7;
}

@media all and (max-width: 767px) {
	.mainImg02 {
		margin-bottom: 18px;
	}
	
	.mainImg02 h2 {
		font-size: 1.75rem;
		top: 7px;
		left: 15px;
	}
	
	.es-estate {
		width: auto;
		margin: 0 10px;
	}
	
	.headLine02 {
		margin-bottom: 6px;
		font-size: 1.8rem;
	}
	
	.es-estate .text {
		margin-bottom: 17px;
		font-size: 1.2rem;
	}
	
	.comBox {
		margin: 0 auto;
		width: auto;
		max-width: 357px;
		padding: 4px 14px 4px 5px;
	}
	
	.comBox .lBox {
		width: 63%;
	}
	
	.comBox .lBox p {
		margin-bottom: 2px;
		font-size: 0.7rem;
		letter-spacing: -0.2px;
	}
	
	.comBox .lBox .tel a {
		font-size: 1.7rem;
	}
	
	.comBox .lBox .tel a img {
		width: 27px;
		vertical-align: -2px;
	}
	
	.comBox .btn {
		padding-top: 7px;
		width: 116px;
	}
	
	#main .linkUl {
		margin: 0 0 17px;
	}
	
	#main .linkUl li {
		width: 100%;
		margin: 0 0 8px;
	}
	
	#main .linkUl li:nth-child(2n) {
		float: right;
	}
	
	#main .linkUl li a {
		padding: 6px 10px 7px;
		font-size: 1.35rem;
	}
	
	#main .linkUl li a:hover {
		background-color: #fff;
	}
	
	.es-estate h4 {
		margin-bottom: 12px;
		font-size: 1.2rem;
	}
	
	.es-estate h4 span {
		padding-right: 5px;
	}
	
	.es-estate h4 span:after {
		margin-top: -2px;
	}
	
	.es-estate .list {
		margin: 0 9px 20px;
	}
	
	.es-estate .list li {
		margin: 0 0 5px;
		width: 43.5%;
	}
	
	.es-estate .list li:nth-child(2n) {
		float: right;
	}
	
	.es-estate .list li img {
		width: 100%;
	}
	
	.es-estate .list li a {
		font-size: 1.15rem;
	}
	
	.es-estate .list li .preparing {
		height: 110px;
	}
	
	.es-estate .list li .preparing span {
		font-size: 1.2rem;
	}
	
	.es-estate .h3Ttl {
		font-size: 1.3rem;
	}
	
	.es-estate .textList {
		margin: 0 0 20px;
	}
	
	.es-estate .textList > li {
		float: none !important;
		width: auto !important;
	}
	
	.es-estate .textList > li ul li {
		font-size: 1.1rem;
	}
	
	.es-estate .textList > li ul li a:hover {
		text-decoration: none;
	}
}

/*------------------------------------------------------------
	estate.html
------------------------------------------------------------*/
.estate {
	margin: 0 auto;
	width: 1000px;
}

.estate .ttlBox {
	padding: 10px 20px 8px;
	margin-bottom: 20px;
	position: relative;
	border: 2px solid #3F3F3F;
}

.estate .ttlBox h4 {
	font-size: 2.4rem;
	float: left;
	line-height: 1.3;
	font-weight: normal;
}

.estate .ttlBox .linkUl {
	float: right;
	width: 770px;
}

.estate .ttlBox02 {
	margin-bottom: 45px;
	padding: 21px 20px 15px;
}

.estate .ttlBox02 h4 {
	padding-top: 5px;
}

#main .estate .ttlBox .linkUl {
	margin-bottom: 0;
}

#main .estate .ttlBox .linkUl li {
	margin-right: 0px;
	float: none;
	display: inline-block;
	width: auto;
	min-width: 115px;
}

#main .estate .ttlBox .linkUl li a {
	padding: 8px 10px 8px;
	font-size: 1.4rem;
}

.estate .list {
	margin: 0 4px 2px;
}

.estate .list li {
	margin-bottom: 40px;
	float: left;
	width: 480px;
}

.estate .list li a {
	display: block;
}

.estate .list li a:hover {
	opacity: 0.7;
}

.estate .list li:nth-child(2n) {
	float: right;
}

.estate .list li .photoBox {
	width: 253px;
	float: left;
}

.estate .list li .textBox {
	padding-top: 5px;
	width: 200px;
	float: right;
}

.estate .list li .textBox .ttl02 {
	margin: 0 0 4px;
   font-weight: bold;
}

.estate .list li .textBox .ttl {
	font-size: 1.7rem;
	margin: 0 0 2px;
   font-weight: bold;
}

.estate .list li .textBox p {
	line-height: 1.4;
	margin-left: 5px;
}

.estate .h3Ttl {
	margin-bottom: 4px;
	font-size: 3.8rem;
}

.estate .h3Ttl > span {
	font-size: 2.5rem;
	vertical-align: 4px;
}

#main .estate .comUl {
	margin: 0 -15px 0 7px;
}

#main .estate .comUl li {
	margin: 13px 15px 19px 0;
	width: 237px;
}

#main .estate .comUl li .photo {
	margin-bottom: 4px;
}

#main .estate .comUl li p {
	line-height: 1.3;
	margin-left: 5px;
}

#main .estate .comUl li .ttl {
	margin: 0 0 5px;
	line-height: 1.35;
}

#main .estate .comUl li .ttl02 {
	margin-left: 0;
}

@media all and (max-width: 767px) {
	.estate {
		margin: 0 10px;
		width: auto;
	}
	
	.estate .headLine02 {
		margin-bottom: 16px;
	}
	
	.estate .ttlBox {
		margin-bottom: 18px;
		padding: 4px 5px 3px;
	}
	
	.estate .ttlBox h4 {
		font-size: 1.2rem;
	}
	
	.estate .list {
		margin: 0 10px 28px 23px;
	}
	
	.estate .list li {
		margin-bottom: 13px;
		width: auto;
		float: none !important;
	}
	
	.estate .list li .photoBox {
		width: 174px;
	}
	
	.estate .list li .textBox {
		width: auto;
		float: none;
		padding: 0 0 0 190px;
	}
	
	.estate .list li .textBox p {
		margin-left: 0;
		font-size: 0.8rem;
	}
	
	.estate .list li .textBox .ttl {
		margin-bottom: 4px;
		font-size: 1.2rem;
	}
	
	.estate .ttlBox02 {
		margin: 0 -4px 10px;
		padding: 1px 10px 1px;
	}
	
	.estate .ttlBox02 h4 {
		float: none;
		padding-bottom: 4px;
		text-align: center;
	}
	
	.estate .ttlBox .linkUl {
		width: auto;
		float: none;
	}
	
	#main .estate .ttlBox .linkUl li {
		float: left;
		min-width: inherit;
		width: 32.333333%;
		margin: 0 1% 4px 0;
	}
	
	#main .estate .ttlBox .linkUl li:nth-child(3n) { 
		margin-right: 0;
	}
	
	#main .estate .ttlBox .linkUl li a {
		padding: 3px 10px 2px;
		font-size: 0.9rem;
	}
	
	.estate .h3Ttl {
		margin-bottom: 5px;
		font-size: 1.9rem;
	}
	
	#main .estate .comUl {
		margin: 0 18px;
	}
	
	#main .estate .comUl li {
		width: 48%;
		margin: 0 0 15px;
	}
	
	#main .estate .comUl li p {
		font-size: 0.8rem;
	}
	
	#main .estate .comUl li .ttl {
		font-size: 0.94rem;
		margin-bottom: 2px;
	}
	
}

/*------------------------------------------------------------
	detail.html
------------------------------------------------------------*/
.detail {
	margin: 0 auto;
	padding-top: 13px;
	width: 970px;
}

.detail .apartmentBox  {
	margin-bottom: 46px;
}

.detail .apartmentBox .lBox {
	width: 450px;
	float: left;
}

.detail .apartmentBox .lBox dl {
	margin-bottom: 27px;
}

.detail .apartmentBox .lBox dt {
	float: left;
	padding: 5px 5px 2px;
	width: 200px;
	font-size: 2rem;
	color: #fff;
	text-align: center;
	background-color: #163670;
	box-sizing: border-box;
}

.detail .apartmentBox .lBox dd {
	font-size: 2.1rem;
	padding: 5px 0 0 230px;
}

.detail .apartmentBox .lBox p {
	margin-left: 5px;
	font-size: 1.4rem;
	line-height: 1.3;
}

.detail .apartmentBox .rBox {
	margin-top: -5px;
	width: 507px;
	float: right;
}

.detail .apartmentBox .rBox .text {
	margin: 0 20px 6px 0;
	text-align: right;
	font-size: 2rem;
}

.detail .apartmentBox .rBox .text .priceSpan {
	font-size: 4.6rem;
	font-weight: bold;
	color: #163670;
	margin: 0 10px;
	line-height: 1;
}

.detail .apartmentBox .rBox .greyBox {
	padding: 12px 30px 15px;
	margin-right: 7px;
	background-color: #EFEDED;
}

.detail .apartmentBox .rBox .greyBox p {
	font-size: 1.8rem;
	line-height: 1.4;
}

.detail .jsBox  {
	margin-bottom: 50px;
}

.detail .jsBox .lBox {
	width: 610px;
	float: left;
}

.detail .jsBox .lBox .bigPhoto {
	position: relative;
	height: 458px;
	overflow: hidden;
}

.detail .jsBox .lBox .bigPhoto img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}

.detail .jsBox .lBox .bigPhoto span {
	opacity: 0;
	padding: 10px 13px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-weight: bold;
	color: #fff;
	font-size: 1.1rem;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: all .3s;
}

.detail .jsBox .lBox .slick-active .bigPhoto.slick-on span {
	opacity: 1;
}

.detail .jsBox .lBox .smallSlideBox {
	position: relative;
}

.detail .jsBox .lBox .smallSlideBox .prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 100%;
	z-index: 100000;
	background: rgba(255,255,255,0.7) url(img/estate/prev.png) no-repeat center center;
	background-size: 9px 15px;
	cursor: pointer;
}

.detail .jsBox .lBox .smallSlideBox .next {
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
	height: 100%;
	z-index: 100000;
	background: rgba(255,255,255,0.7) url(img/estate/next.png) no-repeat center center;
	background-size: 9px 15px;
	cursor: pointer;
}

.detail .jsBox .lBox ul {
	padding: 1px 0;
	background-color: #F7F7F7;
}

.detail .jsBox .lBox ul .slick-slide > div {
	padding: 0 1px;
}

.detail .jsBox .lBox ul .slick-track.fixed {
    transform: translate3d(0px, 0px, 0px) !important;
}

.detail .jsBox .lBox ul li {
	float: left;
	width: 24.6%;
	margin-right: 0.4%;
	cursor: pointer;
}

.detail .jsBox .lBox ul li span {
	height: 100px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #D9D9D9;
}

.detail .jsBox .lBox ul li img {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: auto;
	transform: translateX(-50%);		
}

.detail .jsBox .rBox {
	padding-right: 34px;
	width: 288px;
	float: right;
}

.detail .jsBox .rBox a:hover img {
	opacity: 0.7;
}

.detail .tableBox {
	margin: 0 auto 58px;
	width: 700px;
}

.fancybox-container {
	z-index: 99992000 !important;
}

.detail .jsBox .spBox {
	margin-top: 20px;
	padding: 10px 5px;
	background-color: #EFEDED;
}

.detail .jsBox .spBox p {
	line-height: 1.7;
}
	
.detail h3 {
	margin-bottom: 18px;
	font-size: 1.8rem;
}

.detail .tableBox table {
	width: 100%;
	border-collapse: collapse;
}

.detail .tableBox table th {
	text-align: left;
	width: 16%;
	padding: 5px 10px 7px;
	vertical-align: top;
	border: 2px solid #CCCCCC;
	border-left: none;
}

.detail .tableBox table td {
	text-align: left;
	padding: 5px 20px 7px;
	vertical-align: top;
	border: 2px solid #CCCCCC;
	border-right: none;
}

.detail .tableBox table td span {
	display: block;
	margin-bottom: 20px;
}

.detail .greyBox02 {
	margin: 0 auto 55px;
	width: 894px;
	padding: 10px 15px 13px;
	box-sizing: border-box;
	background-color: #EFEDED;
}

.detail .greyBox02 p {
	line-height: 1.75;
}

.detail .access {
	margin: 0 auto 80px;
	width: 894px;
}

.detail .access h3 {
	margin-bottom: 0px;
}

.detail .access .map {
	padding: 10px;
	height: 345px;
	box-sizing: border-box;
	background-color: #ECECEC;
}

.detail .greyBox03 {
	margin-bottom: 75px;
	padding: 10px 55px 20px;
}

.detail .greyBox03 p span {
	display: inline-block;
	min-width: 325px;
}

@media all and (max-width: 767px) {
	.detail {
		padding-top: 2px;
		width: auto;
		margin: 0 13px;
	}
	
	.detail .apartmentBox .lBox {
		margin-bottom: 18px;
		width: auto;
		float: none;
	}
	
	.detail .apartmentBox .lBox dl {
		margin-bottom: 10px;
	}
	
	.detail .apartmentBox .lBox dt {
		padding: 4px 5px;
		font-size: 1.5rem;
		width: 160px;
	}
	
	.detail .apartmentBox .lBox dd {
		padding-left: 175px;
		font-size: 1.65rem;
		letter-spacing: -0.4px;
	}
	
	.detail .apartmentBox .lBox p {
		margin-left: 2px;
		font-size: 1.1rem;
	}
	
	.detail .apartmentBox .rBox {
		width: auto;
		float: none;
		margin: 0 25px;
	}
	
	.detail .apartmentBox .rBox .text {
		margin-bottom: 14px;
		font-size: 1.75rem;
	}
	
	.detail .apartmentBox .rBox .text .priceSpan {
		font-size: 4rem;
	}
	
	.detail .apartmentBox .rBox .greyBox {
		margin: 0;
		padding: 8px 20px 14px;
	}
	
	.detail .apartmentBox .rBox .greyBox p {
		font-size: 0.9rem;
		line-height: 2;
	}
	
	.detail .apartmentBox {
		margin-bottom: 33px;
	}
	
	.detail .jsBox {
		margin: 0 25px 17px;
	}
	
	.detail .jsBox .lBox {
		margin-bottom: 43px;
		width: auto;
		float: none;
	}
	
	.detail .jsBox .lBox .bigPhoto {
		height: calc((100vw - 76px) * 0.75);
	}
	
	.detail .jsBox .lBox .bigPhoto span {
		padding: 5px 6px;
		font-size: 0.7rem;
	}
	
	.detail .jsBox .lBox ul li a {
		height: 50px;
	}
	
	.detail .jsBox .lBox ul li span {
		height: 50px;
	}
	
	.detail .jsBox .rBox {
		width: auto;
		float: none;
		padding: 0 40px; 
	}
	
	.detail .jsBox .rBox img {
		width: 100%;
	}
	
	.detail .jsBox .spBox {
		margin: 20px -37px 0;
	}
	
	.detail .tableBox {
		width: auto;
		margin: 0 20px 20px;
	}
	
	.detail h3 {
		margin-bottom: 10px;
		font-size: 0.9rem;
	}
	
	.detail .tableBox table th {
		padding: 2px 2px 3px 10px;
		font-size: 0.7rem;
		width: 21%;
		border-width: 1px;
	}
	
	.detail .tableBox table td {
		padding: 2px 10px 3px;
		font-size: 0.7rem;
		border-width: 1px;
	}
	
	.detail .tableBox table td span {
		margin-bottom: 5px;
	}
	
	.detail .greyBox02 {
		margin-bottom: 20px;
		width: auto;
		padding: 5px 5px 25px;
	}
	
	.detail .greyBox02 p {
		font-size: 0.7rem;
	}
	
	.detail .access {
		margin-bottom: 30px;
		width: auto;
	}
	
	.detail .access h3 {
		margin: 0 15px 15px;
	}
	
	.detail .access .map {
		height: 130px;
		margin: 0 5px;
		padding: 5px;
	}
	
	.detail .greyBox03 {
		padding: 6px 15px 10px 35px;
	}
	
	.detail .greyBox03 p {
		font-size: 0.6rem;
	}
	
	.detail .greyBox03 p span {
		min-width: 165px;
	}
}

/*------------------------------------------------------------
	company.html
------------------------------------------------------------*/
.company {
	margin: -7px auto 0;
	width: 901px;
}

.company .textImg {
	margin-bottom: 36px;
}

.company .textImg a:hover img {
	opacity: 0.7;
}

.company h3 {
	margin: 0 0 13px 10px;
	font-size: 2.9rem;
}

.company .pBox {
	margin: 0 80px;
}
	
.company .pBox p {
	margin-bottom: 10px;
	font-size: 1.6rem;
	line-height: 1.75;
}

.company .pBox .title {
	margin-bottom: 11px;
	font-size: 2rem;
}

.company .pBox .text {
	margin-bottom: 30px;
}

.company .textImg02 {
	text-align: right;
	margin: -32px -51px -11px 0;
}

.company .pBox .txt {
	margin: -0 -97px 0 0;
	text-align: right;
	font-size: 2.1rem;
	font-weight: bold;
}

.company .pBox .txt span {
	display: inline-block;
	text-align: left;
}

#main .companyBox {
	margin-top: 50px;
	padding: 25px 0 45px;
	background-color: #5D81C1;
}

#main .companyBox h4 {
	margin-bottom: 28px;
	font-size: 2.9rem;
	color: #fff;
	text-align: center;
}

#main .companyBox .list {
	margin: 0 auto;
	width: 1020px;
}

#main .companyBox .list li {
	width: 480px;
	float: left;
}

#main .companyBox .list li:nth-child(2n) {
	float: right;
}

#main .companyBox .list li table {
	width: 100%;
	border-collapse: collapse;
}

#main .companyBox .list li table .trStyle td {
	height: 14px;
	padding: 0;
	border: none;
}

#main .companyBox .list li table th {
	font-size: 1.6rem;
	color: #fff;
	padding: 15px 2px 15px 7px;
	width: 26%;
	font-weight: normal;
	background-color: #79A8E0;
	border-top: 6px solid #79A8E0;
	line-height: 1.7;
	text-align: left;
	vertical-align: top;
}

#main .companyBox .list li table td {
	font-size: 1.4rem;
	color: #fff;
	padding: 15px 5px 15px 15px;
	border-top: 6px solid #79A8E0;
	line-height: 1.7;
	text-align: left;
	vertical-align: top;
}

#main .companyBox .list li table a {
	color: #fff;
}

#main .companyBox .list li table a:hover {
	opacity: 0.7;
}

#main .innerBox  {
	margin: 58px auto 0;
	width: 900px;
}

#main .innerBox .textBox {
	width: 430px;
	float: left;
}

#main .innerBox .textBox p {
	margin-left: 54px;
	font-size: 1.5rem;
	line-height: 2.4;
}

#main .innerBox .textBox .title {
	margin: 0 0 10px;
	font-size: 2.9rem;
	font-weight: bold;
	line-height: 1.4;
}

#main .innerBox .map {
	margin-right: -10px;
	width: 431px;
	height: 298px;
	float: right;
}

#main .innerBox .map span {
	display: block;
	font-size: 1.2rem;
	text-align: right;
}

#main .innerBox .map span a:hover {
	text-decoration: underline;
}

@media all and (max-width: 767px) {
	.company {
		width: auto;
		margin: 0 10px;
	}
	
	.company .textImg {
		margin-bottom: 10px;
	}
	
	.company .textImg img {
		width: 100%;
	}
	
	.company h3 {
		font-size: 1.6rem;
	}
	
	.company .pBox {
		margin: 0;
	}
	
	.company .pBox p {
		margin-bottom: 2px;
		font-size: 0.9rem;
		line-height: 1.55;
	}
	
	.company .pBox .title {
		margin-bottom: 7px;
		font-size: 1.1rem;
	}
	
	.company .pBox .text {
		margin-bottom: 14px;
	}
	
	.company .textImg02 {
		margin: 7px 46px 4px 0;
	}
	
	.company .textImg02 img {
		width: 147px;
	}
	
	.company .pBox .txt {
		font-size: 1.05rem;
		margin-right: 5px;
	}
	
	#main .companyBox {
		margin-top: 25px;
		padding: 5px 51px 25px;
	}
	
	#main .companyBox h4 {
		margin-bottom: 13px;
		font-size: 1.6rem;
	}
	
	#main .companyBox .list {
		width: auto;
	}
	
	#main .companyBox .list li {
		margin-bottom: 10px;
		width: auto;
		float: none !important;
	}
	
	#main .companyBox .list li table th {
		padding: 8px 2px 8px 5px;
		font-size: 0.9rem;
		border-width: 3px;
	}
	
	#main .companyBox .list li table td {
		padding: 8px 5px 8px 8px;
		font-size: 0.8rem;
		border-width: 3px;
	}
	
	#main .companyBox .list li table .trStyle td {
		height: 8px;
	}
	
	#main .innerBox {
		width: auto;
		margin: 30px 20px 60px;
	}
	
	#main .innerBox .textBox {
		margin-bottom: 5px;
		width: auto;
		float: none;
	}
	
	#main .innerBox .textBox p {
		margin-left: 65px;
		font-size: 0.75rem;
	}
	
	#main .innerBox .textBox .title {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	
	#main .innerBox .map {
		margin: 0 22px;
		width: auto;
		float: none;
		height: 198px;
	}
	
	#main .innerBox .map span a:hover {
		text-decoration: none;
	}
}

/*------------------------------------------------------------
	pp.html
------------------------------------------------------------*/
.privacy {
	margin: 0 auto;
	width: 900px;
	padding-top: 30px;
}

.privacy p {
	font-size: 1.4rem;
	line-height: 1.75;
}

.privacy .text02 {
	margin-bottom: 25px;
}

.privacy .text {
	margin-bottom: 25px;
	text-indent: 1em;
}

.privacy .text03 {
	margin-bottom: 0;
}

.privacy p .txtSpan {
	margin: 0 0 23px 10px;
	display: block;
}

.privacy .textList {
	margin: 0 0 22px 10px;
}

.privacy .textList li {
	font-size: 1.4rem;
	text-indent: -2.6em;
	padding: 0 0 0 2.6em;
	line-height: 1.75;
}

.privacy .text04 {
	margin: 0;
	padding: 25px 70px 0;
}

@media all and (max-width: 767px) {
	.privacy {
		padding: 3px 37px;
		width: auto;
	}
	
	.privacy p {
		font-size: 0.7rem;
	}
	
	.privacy .text02 {
		margin-bottom: 13px;
	}
	
	.privacy .text {
		margin-bottom: 12px;
	}
	
	.privacy .text03 {
		margin-bottom: 0;
	}
	
	.privacy p .txtSpan {
		margin-bottom: 12px;
	}
	
	.privacy .textList {
		margin: 0 0 13px 5px;
	}
	
	.privacy .textList li {
		font-size: 0.7rem;
		text-indent: 0;
		padding-left: 0;
	}
	
	.privacy .text04 {
		padding: 30px 0;
	}
}

/*------------------------------------------------------------
	biz.html
------------------------------------------------------------*/
.biz {
	margin: 0 auto;
	width: 885px;
	padding-top: 10px;
}

.biz .headLine02 {
	margin-bottom: 32px;
}

.biz .list > li {
	width: 422px;
	float: left;
	box-sizing: border-box;
}

.biz .list > li a {
	display: block;
}

.biz .list > li a:hover {
	opacity: 0.7;
}

.biz .list > li:nth-child(2n) {
	float: right;
}

#main .biz .list {
	margin: 0 7px 25px;
}

#main .biz .list .staff {
	padding: 3px 3px 2px;
	border: 2px solid #7F7F7F;
}

#main .biz .list .staff .title {
	padding: 0 0 0 10px;
	font-size: 2.6rem;
	color: #000;
	line-height: 1;
	background-color: #fff;
}

#main .biz .list .staff .title span {
	margin-right: -6px;
	font-size: 3.8rem;
	color: #c91157;
	vertical-align: -2px;
}

#main .biz .staff .imgBox .photo {
	width: 174px;
}

#main .biz .staff .imgBox .textBox {
	padding-left: 15px;
}

#main .biz .staff .imgBox .textBox li {
	padding-bottom: 4px;
	font-size: 1.8rem;
}

.biz .headLine01 {
	margin-bottom: 29px;
	padding: 0 20px;
	font-size: 2.5rem;
}

.biz .subBox {
	margin: 0 45px;
}

.biz .subBox p {
	margin: 0 -20px 52px 0;
	font-size: 1.6rem;
}

.biz .subBox .title {
	margin: 0 -10px 8px;
	font-size: 2.1rem;
}

.biz .link {
	margin: 0 -15px 5px 0;
}

.biz .link a {
	padding: 6px 5px 5px 30px;
	color: #fff;
	display: block;
	width: 251px;
	float: right;
	border-radius: 10px;
	font-size: 1.4rem;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	background-color: #163670;
}

.biz .link a:hover {
	opacity: 0.7;
}

.biz .link a span {
	position: absolute;
	left: 20px;
	top: 50%;
	font-size: 1.8rem;
	margin-top: -13px;
	color: #ffe600;
	transform:rotate(-90deg);
}

.biz .comBox {
	margin-top: 40px;
}

@media all and (max-width: 767px) {
	.biz {
		width: auto;
		padding-top: 0;
		margin-top: -4px;
	}
	
	.biz .headLine02 {
		margin-bottom: 8px;
	}
	
	#main .biz .list {
		margin: 0 42px 10px 51px;
	}
	
	.biz .list > li {
		margin-bottom: 15px;
		width: auto;
		float: none !important;
	}
	
	#main .biz .list .staff {
		width: auto;
		margin: 0;
		padding: 2px;
		float: none !important;
	}
	
	#main .biz .list .staff .title {
		padding-left: 5px;
		font-size: 1.7rem;
	}
	
	#main .biz .list .staff .title span {
		font-size: 2.5rem;
	}
	
	#main .biz .staff .imgBox .photo {
		width: 116px;
	}
	
	#main .biz .staff .imgBox .textBox li {
		font-size: 1.2rem;
	}
	
	.biz .headLine01 {
		margin: 0 5px 13px;
		padding: 0 5px 2px;
		font-size: 1.25rem;
	}
	
	.biz .subBox {
		margin: 0 27px;
	}
	
	.biz .subBox .title {
		margin: 0 -5px 3px;
		font-size: 1.15rem;
	}
	
	.biz .subBox p {
		margin-bottom: 13px;
		margin-right: -5px;
		font-size: 0.9rem;
		line-height: 1.55;
	}
	
	.biz .subBox .text {
		margin-bottom: 30px;
	}
	
	.biz .link {
		margin: 0 auto 20px;
	}
	
	.biz .link a {
		float: none;
		margin: 0 auto;
		width: 230px;
		font-size: 1.25rem;
	}
	
	.biz .link a span {
		margin-top: -11px;
		font-size: 1.5rem;
	}
	
	.biz .comBox {
		margin-top: 28px;
	}
}

/*------------------------------------------------------------
	staff.html
------------------------------------------------------------*/
.staffInner {
	margin: 0 auto;
	width: 825px;
	padding-bottom: 31px;
}

.staffInner .headLine02 {
	margin-bottom: 13px;
}

.staffInner p {
	margin: 0 30px 48px 0;
	font-size: 1.6rem;
	line-height: 1.6;
}

.staffInner .text {
	margin: 0 0 23px 20px;
	letter-spacing: 1px;
}

.staffInner .textImg {
	margin-bottom: 45px;
	text-align: center;
}

.staffInner .title {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 0 0 10px -35px;
}

.staffInner .textList {
	margin: -10px 0 60px;
}

.staffInner .textList li {
	font-size: 1.6rem;
	width: 740px;
	line-height: 1.6;
	text-indent: -1em;
	padding-left: 1em;
}

@media all and (max-width: 767px) {
	.staffInner {
		width: auto;
		padding-bottom: 8px;
		margin: -10px 10px 0;
	}
	
	.staffInner .headLine02 {
		margin-bottom: 7px;
	}
	
	.staffInner p {
		margin: 0 15px 17px;
		font-size: 0.9rem;
	}
	
	.staffInner .title {
		margin: 0 0px 1px;
		font-size: 1.3rem;
	}
	
	.staffInner .textImg {
		margin: 0 4px 18px;
	}
	
	.staffInner .textList {
		margin: 0 5px 20px;
	}
	
	.staffInner .textList li {
		font-size: 0.9rem;
		width: auto;
	}
}

/*------------------------------------------------------------
	recruit.html
------------------------------------------------------------*/
.recruit {
	margin: 0 auto;
	width: 940px;
	padding-top: 13px;
}

.recruit .headLine02 {
	margin-bottom: 23px;
	font-size: 2.4rem;
}

.recruit p {
	margin-bottom: 26px;
	font-size: 1.8rem;
	line-height: 1.75;
}

.recruit .pBox {
	margin: 0 0 0 20px;
}

.recruit .pBox dl {
	font-size: 1.8rem;
	line-height: 1.75;
}

.recruit .pBox dt {
	float: left;
}

.recruit .pBox dd {
	margin-bottom: 32px;
}

.recruit .pBox p {
	margin-bottom: 37px;
}

.recruit .pBox .text {
	margin-left: 80px;
}

.recruit .pBox .text a:hover {
	text-decoration: underline;
}

.recruit .pBox .text02 {
	font-size: 2.1rem;
}

@media all and (max-width: 767px) {
	.recruit {
		width: auto;
		margin: -3px 12px 0;
		padding-top: 0;
	}
	
	.recruit .headLine02 {
		margin-bottom: 5px;
		font-size: 1.2rem;
		line-height: 1.75;
	}
	
	.recruit p {
		margin-bottom: 38px;
		font-size: 0.9rem;
	}
	
	.recruit .pBox {
		margin: 0 25px 0 10px;
	}
	
	.recruit .pBox dl {
		font-size: 0.9rem;
	}
	
	.recruit .pBox dt {
		width: 60px;
		text-align: right;
	}
	
	.recruit .pBox dd {
		margin: 0 0 16px 6.8em;
	}
	
	.recruit .pBox .text02 {
		font-size: 1.15rem;
		margin: 0 10px;
	}
	
	.recruit .pBox .text {
		margin: 0 0 25px 60px;
	}
	
	.recruit .pBox .text a:hover {
		text-decoration: none;
	}
}

/*------------------------------------------------------------
	inquiry.html
------------------------------------------------------------*/
.inquiry {
	width: 900px;
	margin: 0 auto;
}

.inquiry .headLine02 {
	margin-bottom: 30px;
	font-size: 2.4rem;
}

.inquiry .contactDl {
	margin: 0 auto 40px;
	width: 540px;
	display: table;
}

.inquiry .contactDl dt {
	width: 200px;
	font-size: 2.2rem;
	font-weight: bold;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.inquiry .contactDl dd {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.inquiry .contactDl dd a {
	display: inline-block;
	font-size: 3.4rem;
	color: #e13a17;
	font-weight: bold;
}

.inquiry .contactDl dd a img {
	vertical-align: 0;
	margin-right: 5px;
}

.inquiry .privacyBox {
	margin: 0 auto 40px;
	width: 800px;
	box-sizing: border-box;
	border: 1px solid #16366F;
}

.inquiry .privacyBox .title {
	padding: 3px 5px;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	color: #fff;
	background-color: #16366F;
}

.inquiry .privacyBox .whiteBox {
	padding: 10px;
}

.inquiry .privacyBox .whiteBox p {
	margin-bottom: 25px;
	font-size: 1.3rem;
}

.inquiry .privacyBox .whiteBox .txt01 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 1.2rem;
}

.inquiry .privacyBox .whiteBox .txt02 {
	margin: 0 10px 10px;
	color: #ff0000;
}

.inquiry .privacyBox .whiteBox .txt03 {
	margin-bottom: 0;
	text-align: right;
}

.inquiry .privacyBox .whiteBox .txt03 input {
	vertical-align: middle;
	margin-top: 2px;
}

.inquiry .privacyBox .whiteBox .txt03 label {
	font-style: italic;
	color: #ff0000;
}

.inquiry .privacyBox .whiteBox .txt03 span {
	margin-left: 20px;
}

.inquiry h4 {
	margin-bottom: 20px;
	padding: 3px;
	font-size: 1.7rem;
	text-align: center;
	color: #fff;
	background-color: #16366f;
}

.inquiry table {
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
}

.inquiry table th {
	padding: 10px;
	width: 20%;
	font-size: 1.5rem;
	text-align: left;
	vertical-align: middle;
	background-color: #eff2dd;
	border-bottom: 3px solid #fff;
}

.inquiry table th .must {
	margin-left: 5px;
	color: #ff6600;
}

.inquiry table td {
	padding: 10px;
	font-size: 1.5rem;
	text-align: left;
	vertical-align: middle;
	border-bottom: 3px solid #fff;
}

.inquiry table td .radioBox {
	margin-bottom: 10px;
}

.inquiry table td span {
	margin-top: 5px;
	display: block;
}

.inquiry table textarea {
	display: block;
	width: 85%;
	height: 120px;
	box-sizing: border-box;
	font-size: 1.5rem;
	padding: 10px;
	border: 1px solid #7A7A7A;
}

.inquiry table textarea.on {
	background-color: #fff;
}

.inquiry table td .radioBox:last-child {
	margin-bottom: 0;
}

.inquiry table input[type="tel"],
.inquiry table input[type="email"],
.inquiry table input[type="text"] {
	width: 45%;
	height: 35px;
	padding: 0 5px;
	font-size: 1.5rem;
	box-sizing: border-box;
	border: 1px solid #7A7A7A;
}

.inquiry table .wid01[type="tel"] {
	width: 33%;
}

.inquiry table .wid02[type="text"] {
	width: 70%;
}

.inquiry table .wid03[type="tel"] {
	width: 40%;
}

.inquiry table .wid04[type="email"] {
	width: 50%;
}

.inquiry table .wid05 {
	height: 230px;
}

.inquiry .submit {
	text-align: center;
}

.inquiry .submit li {
	margin: 0 5px;
	display: inline-block;
}

.inquiry .errorMsg {
	margin: 0 50px 20px;
	color: #ff0000;
}

.thanks {
	min-height: 400px;
}

.thanks p {
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 20px;
}

.thanks p a:hover {
	text-decoration: underline;
}

#main .bannerUl {
   margin-bottom: 30px;
   text-align: center;
}

#main .bannerUl li {
   display: inline-block;
   margin: 0 30px;
}

#main .bannerUl li a:hover img {
   opacity: 0.7;
}

@media all and (max-width: 767px) {
	.inquiry {
		width: auto;
		margin: 0 10px;
	}
	
	.inquiry .headLine02 {
		font-size: 1.8rem;
	}
	
	.inquiry .contactDl {
		width: auto;
		max-width: 320px;
	}
	
	.inquiry .contactDl dt {
		font-size: 1.2rem;
		width: 100px;
	}
	
	.inquiry .contactDl dd {
		font-size: 0.8rem;
	}
	
	.inquiry .contactDl dd a {
		font-size: 1.4rem;
	}
	
	.inquiry .contactDl dd a img {
		width: 20px;
	}
	
	.inquiry .privacyBox {
		width: auto;
	}
	
	.inquiry .privacyBox .whiteBox .txt02 {
		font-size: 1.1rem;
	}
	
	.inquiry .privacyBox .whiteBox .txt03 {
		font-size: 0.9rem;
	}
	
	.inquiry table th {
		padding: 5px 10px;
		width: 100%;
		font-size: 1.2rem;
		float: left;
		box-sizing: border-box;
	}
	
	.inquiry table td {
		padding: 10px;
		width: 100%;
		font-size: 1.2rem;
		float: left;
		box-sizing: border-box;
	}
	
	.inquiry table td .radioBox input {
		margin-top: 0;
		vertical-align: -2px;
	}
	
	.inquiry table textarea {
		margin-top: 4px;
		font-size: 1.2rem;
		width: 100%;
		border-radius: 0;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
	}
	
	.inquiry table input[type="tel"],
	.inquiry table input[type="email"],
	.inquiry table input[type="text"] {
		font-size: 1.2rem;
		width: 100%;
		height: 30px;
		border-radius: 0;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
	}
	
	.inquiry table .wid03[type="tel"] {
		width: 45%;
	}
	
	.inquiry table .wid04[type="email"] {
		width: 60%;
	}
	
	.inquiry table .wid05 {
		height: 150px;
	}
	
	.inquiry .errorMsg {
		margin: 0 0 20px;
		font-size: 1.1rem;
	}
	
	.inquiry .privacyBox .whiteBox .txt03 input {
		margin-top: 0;
	}
	
	.inquiry .submit li input {
		border-radius: 0;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
	}
   
   #main .bannerUl li {
      margin: 0 5px;
      width: 42%;
   }
}

@media all and (max-width: 374px) {
	#gHeader {
		min-height: inherit;
	}
	
	#gHeader h1 img {
		width: 150px;
	}
	
	#gHeader .menu {
		top: 5px;
	}
	
	#gNavi {
		top: 40px;
	}
	
	#main .staff .imgBox .textBox p {
		margin-left: -35px;
	}
	
	#main .staff .imgBox .textBox li {
		margin-left: -10px;
	}
	
	.indexBox .lBox .sales .photo {
		width: 115px; 
	}
	
	.indexBox .lBox .sales .pBox {
		width: 60%;
	}
	
	#gFooter .spUl li {
		font-size: 1.2rem;
	}
	
	#gFooter .fInner .fImgtext {
		margin-right: 0;
	}
	
	.estate .list li .photoBox {
		width: 120px;
	}
	
	.estate .list li .textBox {
		padding-left: 130px;
	}
	
	.detail .apartmentBox .lBox dt {
		width: 120px;
		font-size: 1.1rem;
		padding-top: 3px;
	}
	
	.detail .apartmentBox .lBox dd {
		padding-left: 130px;
		font-size: 1.1rem;
	}
	
	.comBox02 {
		max-width: 94%;
		box-sizing: border-box;
	}
	
	.comBox .btn {
		padding-top: 17px;
		width: 95px;
	}
	
	#main .biz .staff .imgBox .textBox li{
		font-size: 1rem;
	}
	
	#main .indexBox .rBox .comUl {
		margin: 0 15px 22px;
	}
	
	#main .staff .imgBox .photo {
		width: 60px;
	}
	
	#main .staff .imgBox .textBox{
		padding-left: 10px;
	}
}