@charset "UTF-8";
/* CSS Document */

@import url("reset.css");
@import url("font-style.css");
@import url("margin_padding.css");

/* 以下全ページ共通 */
.pc { display: block; }
.sp { display: none; }



/* 通常リンク */
a:link,
a:visited,
a:active,
a.link:link,
a.link:visited,
a.link:active {
	color: #010101;
	text-decoration:none;
	border-bottom: 1px dotted;
}

/* 通常リンク hover */
a:hover,
a.link:hover {
	text-decoration:none;
	border-bottom: 1px dotted;
	opacity: 0.3;
}


/* ボタンリンク */
a.btn:link,
a.btn:visited,
a.btn:active,
a.btn:hover {
	text-decoration:none;
	border-bottom: none;
}



.cf::after {
content: "";
display: block;
clear: both;
}
.en {
	font-family: canada-type-gibson, sans-serif;
	font-weight: normal;
	font-style: normal;
}
@media only screen and (max-width: 750px) {
	.pc { display: none!important; }
	.sp { display: block; }
}

/* icon */

i.fa-file-pdf{ color:#f00; }
i.fa-window-restore { color:#00f; }

i.fa-quora { display:inline-block; margin-right:0.5em; color:#009; border:#ccc 1px solid; background-color:#efefef; padding:1px 2px; }
i.fa-font{  display:inline-block; margin-right:0.5em; color:#900; border:#ccc 1px solid; background-color:#efefef; padding:1px 2px;  }

/* color */
.markred {
    display: inline-block;
    background-color:#a0072b;
    color:#fff;
    font-weight: bold;
    margin-bottom:.3em;
    padding:.2em .5em;
    border-radius: 5px;
}


/* -------------------- 全共通ヘッダー --------------------*/
header {
width:100%;
display:block;
margin:0;
background-color:#fff;
/*position:fixed;
background-color:#fff;*/
z-index:999;
}

header p {
font-size:13px;
width:1000px;
margin:20px 0 10px;
}
img.header { width:90%;}
header ul {
width:1000px;
background-color:#fff;
margin:10px auto 30px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
header ul li a {
	border-bottom:none!important;
}
header ul li:nth-of-type(1) { width:200px; order:1;} /*トラストロゴ*/
header ul li:nth-of-type(2) { width:280px; order:3; position:relative;} /*電話*/
header ul li:nth-of-type(2) img {width:75%;}
header ul li:nth-of-type(2) img.header_mail { width:30px; height:auto;}
span.header_mail {display:inline-block; position:absolute; top:10px; right:30px; /*top:20px; right:50px;*/}
header ul li:nth-of-type(3) { width:120px; order:4;} /*空室状況*/
header ul li:nth-of-type(4) { width:400px; order:2;} /*建物名称*/


header ul li#tcc-m span.vacancy { background-image: url("/tcc-m/common/images/top/btn_bg.jpg");background-repeat: repeat-x;
background-position: left bottom;}
header ul li#tcc-k span.vacancy { background-image: url("/tcc-k/common/images/top/btn_bg.jpg");background-repeat: repeat-x;
background-position: left bottom;}
header ul li#tcc-s span.vacancy { background-image: url("/tcc-s/common/images/top/btn_bg.jpg");background-repeat: repeat-x;
background-position: left bottom;}
header ul li#tcc-o span.vacancy { background-image: url("/tcc-o/common/images/top/btn_bg.jpg");background-repeat: repeat-x;
background-position: left bottom;}
header ul li#tcc-w span.vacancy { background-image: url("/tcc-w/common/images/top/btn_bg.jpg");background-repeat: repeat-x;
background-position: left bottom;}

span.vacancy {
display:block;
font-weight:bold;
margin:20px 0 0 auto;
padding: 12px 10px 10px;
text-align:center;
background-color: #6c96c0;
border-radius: 3px;/* CSS3草案 */
-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
background-image: url("../images/header/btn_bg.jpg");
background-repeat: repeat-x;
background-position: left bottom;
width:7em;
box-shadow:2px 2px 2px #ccc;
}


span.vacancy a {
display:block;
color:#fff;
}

span.vacancy:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    left: 10px;
    top: 11px;
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    padding-left: .5em;
}
header ul li > a:link,
header ul li > a:visited,
header ul li > a:active {
color:#fff;
border:none!important;
text-decoration:none!important;
}
header ul li > a:hover { opacity: 0.3; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/*空室状況IE対応*/
	span.vacancy:not(:target) {
	padding-top: 15px;
	}
}
header ul {
width:100%;
}

header::after {
content: "";
display: block;
clear: both;
}


@media screen and (max-width:1024px) and ( min-width:751px) {
header p {
font-size:13px;
/*width:90%;
margin:20px auto 10px;
}
img.header { width:90%;}
header ul {
width:90%;*/
}

}

@media only screen and (max-width: 750px) {
	header {
	width:100%;
	margin:0px auto;
	padding-top:20px;
	}
	header p {
	font-size:80%;
	width:90%;
	margin:1em auto 1em 2em;
	}
	header ul {
	display: block;
	align-items: center;
	}
	header ul li:nth-of-type(1) { width:40%; float:left; text-align:center}
	header ul li:nth-of-type(1) img { width:70%;}
	header ul li:nth-of-type(2) { width:60%; float:left; text-align:left}
	header ul li:nth-of-type(2) img { width:50%;}
	header ul li:nth-of-type(3) { display:none;}
	header ul li:nth-of-type(4) { width:100%; text-align:center;display:block; padding-top:45px;}
	span.header_mail {display:inline-block; position:absolute; left:130px;top:0px;}
}


 /* -------------------- メイン画像 -------------------- */
h1 {
line-height:0;
display:block;
overflow: hidden;
max-height:600px;
}
h1 img {
width:100%;
height:auto;
}
h1:after {
content: "";
display: block;
clear: both;
}
h1 ul.slider{
    margin: 0;
    width: 100%;
	padding:0;
}
h1 ul.slider img{
    height: auto;
    width: 100%;
}
@media only screen and (max-width: 750px) {
	h1 {
	border-bottom:none;
	line-height:0;
	}
}
/* -------------------- グローバルナビ -------------------- */

div#g_menu {
width:1000px;
max-width: 1200px;
margin:0 auto;
}
ul#global_menu{
    width:100%;
    display:flex;
    display: -webkit-flex;
    flex-wrap:wrap;
}
ul#global_menu li{
    margin-right:0;
    display:table-cell;
    text-align:center;
    line-height:1.5;
    padding:0.8em .5em .5em;
}
ul#global_menu li span {
    display:block;
    font-size:80%;
    color:#8798b1;
    font-family: canada-type-gibson, sans-serif;
    font-weight: 400;
    font-style: normal;
}
ul#global_menu li a {
display:block;
}
ul#global_menu li a:link,
ul#global_menu li a:visited,
ul#global_menu li a:active,
ul#global_menu li a:hover {
    color:#575757!important;
    border:none!important;
    text-decoration:none!important;
    font-weight:normal!important;
}
ul#global_menu li.search {
display:none!important;
width:0;
height:0;
}

@media screen and (max-width:1024px) and ( min-width:751px) {
	div#g_menu {
		width:99%;
		margin:0 auto 0 1%;
	}
}
@media only screen and (max-width: 750px) {

	div#g_menu { width:100%; }
	ul#global_menu{
	width:98%;
	margin:.5em auto;
	}
	ul#global_menu li{
	width:29%;
	display:table-cell;
	text-align:center;
	line-height:1.4;

	margin-right:2%;
	margin-bottom:.5em;
	padding:1em;
	
	border-radius: 3px;
	font-size:3vw;
	}
	ul#gloval_menu li:nth-of-type(3n),
	ul#global_menu li:nth-child(3n){
	margin-right:0%
	}
	ul#global_menu li:last-child{
	margin-right:0%
	}
	ul#global_menu li span {
	display:none;
	}
	ul#global_menu li.contact {
display:none!important;
width:0;
height:0;
}

	ul#global_menu li.search {
	display:block!important;
	width:100%;
	height:auto;
	text-align:center;
	line-height:1.4;
	border:#8798b1 3px solid;
	margin-right:0;
	margin-bottom:.5em;
	padding:1em;
	box-shadow: inset 0 0 2px 2px #8798b1;
	border-radius: 3px;
	font-size:3.2vw;
	}
}
/* -------------------- その他共通 -------------------- */
#top h2 {
	font-size:120%;
	text-align:center;
	line-height:1.6;
	color:#525252;
}




/* -------------------- 会社情報 -------------------- */
.bnr_sv {
	width:1200px;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.bnr_sv img {
	width:1200px;
	height:auto;
}
/* 3column */
ul.clmBox3 {
	width:1200px;
	display: -webkit-flex;
    display: flex;
	flex-flow:row wrap;
	margin:30px auto;
}
ul.clmBox3 > li {
	display:table-cell;
	min-width: 380px; /*全体幅に合わせて調整*/
	margin-right:1%;
	margin-bottom:20px;
	float:left;
}
ul.clmBox3 > li:nth-child(3n) {
	margin-right:0%;
}
ul.clmBox3 > li img {
	max-width:380px; /*全体幅に合わせて調整*/
}

#top h6 {
	width:1200px;
	margin:0 auto 20px;
	color: #fff;
	font-weight: bold;
}

ul.hotels {
width:1200px;
margin: 0 auto 30px;
}
ul.hotels li {
	float:left;
	padding-right:2em;
	padding-bottom:.5em;
}
ul.hotels li a {
color:#fff!important;
border-bottom: none!important;
}
ul.hotels li a:before {
    font-family: "Font Awesome 5 Free";
    font-size: 120%;
    font-weight: 900;
    content: "\f0da";
    color: #fff;
    padding-right: .3em;
    vertical-align: -0.1em;
}
ul.hotels::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width:1024px) and ( min-width:751px) {
	.bnr_sv {
		width:100%;
		}
	.bnr_sv img {
		width:100%;
		height:auto;
	}
	/* 3column */
	ul.clmBox3 {
		width:90%;
		display: -webkit-flex;
		display: flex;
		flex-flow:row wrap;
		margin:30px auto;
	}
	ul.clmBox3 > li {
		display:table-cell;
		width: 32%; /*全体幅に合わせて調整*/
		min-width: 32%;
		margin-right:1%;
		margin-bottom:20px;
		float:left;
	}
	ul.clmBox3 > li:nth-child(3n) {
		margin-right:0%;
	}
	ul.clmBox3 > li img {
		max-width:100%; /*全体幅に合わせて調整*/
	}
}
@media only screen and (max-width: 750px) {
	.bnr_sv {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	}
	.bnr_sv img {
		width:100%;
		height:auto;
	}
	/* 3column */
	ul.clmBox3 {
		width:100%;
	}
	ul.clmBox3 > li {
		display:block;
		width:100%;
		min-width: 100%; 
		margin-right:0%;
		margin-bottom:20px;
	}
	ul.clmBox3 > li img {
		max-width:100%; 
	}
	p { width:100% ;}
	
	#top h6 {
		width:100%;
		margin:-20px auto 20px;
		color: #fff;
		font-weight: bold;
	}

	ul.hotels {
	width:100%;
	margin: 0 auto 30px 10px
	}
	ul.hotels li {
		float:none;
		padding-right:0;
		padding-bottom:1em;
	}

}



.w1200 {
width:1200px;
margin:0 auto;
}
.w1000 {
width:1000px;
margin:0 auto;
}
.w800 {
width:800px;
margin:0 auto;
}
	
section {
margin:0 auto 30px!important;
}
sup {
font-size:80%;
position: relative;
top: -3px;
left:2px;
}
.details {
text-indent:-1em;
margin-left:1em;
line-height:1.4em;
font-size:100%;
}
 /* ----- 注釈 ----- */
ul.note li,
.note {
text-indent:-1em;
margin:.5em 0 .5em .5em;
line-height:1.4;
font-size:95%;
}
/*@media only screen and (min-width:751px) and (max-width:1000px) {
.w1200 {
width:90%;
margin:0 auto;
}
.w1000 {
width:85%;
margin:0 auto;
}*/

@media screen and (max-width:1024px) and ( min-width:751px) {
.w1200,
.w1000,
.w800 {
	width:100%;
}
}

@media only screen and (max-width: 750px) {
	.w1200,
	.w1000,
	.w800	 {
	width:93%;
	margin:0 auto;
	}
	section {
	margin:0 auto 20px;
	}
	sup {
	font-size:80%;
	position: relative;
	top: -1px;
	left:1px;
	}
	}

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

/*======================
*SP用ハンバーガーメニュー
======================*/
#head-up {
width: 100%;
border-bottom: none;
position: fixed;
z-index: 9999;
padding-bottom: 10px;
}
#head-up #head-up-inner {
max-width: 100%;
margin: 0 auto;
padding: 15px 20px 0 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position: absolute;
right:0;
}
#head-up #head-up-inner div {
font-size: 0;
width: inherit;
margin: 0;
}
#head-up #head-up-inner div:nth-of-type(1),
#head-up #head-up-inner div:nth-of-type(1) span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
#head-up #head-up-inner div:nth-of-type(1) {
position: relative;
width: 30px;
height: 21px;
}
#head-up #head-up-inner div:nth-of-type(1) span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #525759;
}
#head-up #head-up-inner div:nth-of-type(1) span:nth-of-type(1) { top: 0; }
#head-up #head-up-inner div:nth-of-type(1) span:nth-of-type(2) { top: 9px; }
#head-up #head-up-inner div:nth-of-type(1) span:nth-of-type(3) { bottom: 0; }
#head-up #head-up-inner div.open:nth-of-type(1) span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
}
#head-up #head-up-inner div.open:nth-of-type(1) span:nth-of-type(2) { opacity: 0; }
#head-up #head-up-inner div.open:nth-of-type(1) span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(45deg);
transform: translateY(-10px) rotate(45deg);
}
#head-up #head-up-inner div p:nth-of-type(1) {
padding: 0 15px 0 19px;
position: relative;
}
#head-up #head-up-inner div p:nth-of-type(1) a:before {
content: "";
background: url(../img/icon_english.png) left top no-repeat;
background-size: 14px;
display: block;
width: 14px;
height: 14px;
left: 0;
position: absolute;
/*top: 6px; */
}

nav.sp-nav {
display: none;
background: #ffffff;
opacity: 0.9;
margin:30px auto 20px;
padding: 3em 0;
position: fixed;
left: 0;
width: 100%;
z-index: 100;
}
nav.sp-nav ul {
margin:0 auto;
width:90%;
}
nav.sp-nav ul a {
	border-bottom:none;
}
nav.sp-nav ul#nav1 li,
nav.sp-nav ul#nav2 li {
width:49%;
float:left;
margin: 0 0 .5em;
padding:1em 1em 1em 1.5em;
text-align:left;
background-color:#555759;
color:#fff;
border:#cccccc 1px solid;
border-radius:3px;
}

nav.sp-nav ul#nav1 li:nth-child(2n) {
margin-left:.5em;
}
nav.sp-nav ul#nav1 li.blank {
background-color:#ffffff;
border:none;
background-image: url("/common/images/header/sp_logo.png");
background-repeat: no-repeat;
background-size:contain;
background-position:center;
}

nav.sp-nav ul#nav2 li:first-child {
width: 100%;
background-color:#fff;
color:#555759;
border-radius:0px;
border-left:#555759 3px solid;
border-right:#555759 3px solid;
font-weight:bold;
font-size: 4vw;
text-align:center;
}
nav.sp-nav ul#nav2 li:nth-child(3),
nav.sp-nav ul#nav2 li:nth-child(5) {
margin-left:.5em;
}

nav.sp-nav ul#nav_index li {
width:100%;
float:left;
margin: 0 0 .5em;
padding:1em 1em 1em 1.5em;
text-align:left;
background-color:#555759;
color:#fff;
border:#cccccc 1px solid;
border-radius:3px;
}
nav.sp-nav ul#nav_index li:first-child {
background-color:#fff;
color:#555759;
}
nav.sp-nav li a {
display: block;
width: 100%;
font-size: 3.5vw;
color: #fff;
text-decoration:none;
}
nav.pc-nav { display: none; }
header .fixed{
position: fixed;
top: 0;
z-index: 11;
width: 100%;
padding: 48px 0 0 0;
}
/**/
#head-under {
max-width: 1160px;
margin: 0 auto;
font-size: 0;
padding: 60px 20px 20px;
}
#head-under div:nth-of-type(2) h1 {
font-size: 5.4vw;
margin: 0 0 18px 0;
font-family: JPfontS, sans-serif;
}
#head-under div:nth-of-type(1) {
display: none;
}
#head-under div:nth-of-type(2) span {
position: inherit;
padding: 0 0 0 15px;
}
#head-under div:nth-of-type(2) span:nth-of-type(1) {
padding: 0 10px 0 0;
}
#head-under div:nth-of-type(2) span i{
display: none;}

#head-under div:nth-of-type(2) span:nth-of-type(1) img {
position: inherit;
left: 0;
top: 2px;
display: inline-block;
width: 17px;
height: 24px;
}
#head-under div:nth-of-type(2) span:nth-of-type(2) img {
position: inherit;
left: 0;
top: 2px;
display: inline-block;
width: 17px;
height: 25px;
}
}