/*---------------------------------
add css standard start
--------------------------------*/

body {
	background: #fff url(../img/common/page_bg.png) repeat-x top;
	padding-top: 10px;
	height: 100%;
	text-align: center;
}
#body_inner {min-height: 100%;}


a {color:#000; text-decoration:none;}
a:hover {color:#999;}
a.btn:hover img { opacity:0.7; backface-visibility: hidden; -webkit-backface-visibility: hidden;}



img {
	max-width: 100%;
	vertical-align:bottom;
}

table {
	width: 100%;
}

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*促*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*スマートフォンデフォルトブラウザバグ対策*/
p , div , dl, dt , dd , ul , li , span {background:url(../img/spacer.gif) no-repeat;font-size:16px;
	line-height:180%;} 

.over_lay {width: 100vw; height: calc(100vh + 10px); position: fixed; top:0; left: 0; background: rgba(0,0,0,0.6); z-index: 100;}
.dis_pc.dis_tab {display: block;}
.dis_tab ,
.dis_sp {display: none;}
.fl_l{float: left; display: inline;}
.fl_r{float: right; display: inline}

@media screen and (max-width: 1040px){
	body {padding-top: 0; background: none;}
	.dis_pc {display: none;}
	.dis_pc.dis_tab ,
	.dis_tab.dis_sp ,
	.dis_tab {display: block;}
}

@media screen and (max-width: 420px){
	p , div , dl, dt , dd , ul , li , span  {font-size: 14px;}
	.dis_pc.dis_tab ,
	.dis_tab {display: none;}
	.dis_tab.dis_sp ,
	.dis_sp {display: block;}
	.fl_l ,
	.fl_r {float: none; display: block;}

}




/*---------------------------------
base
--------------------------------*/

.container {
	width:1040px;
	margin:0 auto;
	text-align:left;
}


.container_inner {padding: 0 20px;}


main>.container {padding-bottom: 100px;}

@media screen and (max-width: 1040px){
	.container {width: 100%;}

}

@media screen and (max-width: 640px){
	main {padding-bottom: 50px;}
}




/*---------------------------------
header
--------------------------------*/

header {height: 110px; background: rgba(255,255,255,0.6); width: 100%; position: relative; z-index: 100;}
header .container {position: relative;}
header .header_logo ,
header .header_con ,
header nav {position: absolute;}
header .header_logo {top: 10px; left: 10px;}
header .header_con {top: 10px; right: 10px;}
header nav {top: 45px; right: 0;} 

header .header_logo h1 {line-height: 100%; }
header .header_logo h1 span {display: block;}
header .header_logo p {margin-left: 110px; }
header .header_logo h1 span ,
header .header_logo p {font-size: 12px;}

header .header_con li {float: left; border-right: 1px solid #1c0200; line-height: 100%;}
header .header_con li:last-child {border:none;}
header .header_con li span ,
header .header_con li a {padding: 0 15px; line-height: 100%; font-size: 14px; font-weight:bold;}
header .header_con li a {padding-right: 0;}

header nav ul li  {float: left; text-align: center;}
header .btn_menu_open ,
header nav .btn_menu_close {display: none;}
header nav ul li a {display: block; width: 100%; height: 100%;}
header nav ul li a .main_txt {font-size: 14px; padding: 0 15px; height: 30px; display: block; color: #000;}
header nav ul li:first-child a .main_txt {border: none;}
header nav ul li a .sub_txt { font-size: 12px; font-weight: bold; color: #82807b; position: relative;}
header nav ul li a.active .sub_txt ,
header nav ul li a:hover .sub_txt {color: #000;}


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

	header {height: 56px; background: #f4efe9 url(../img/common/page_bg.png) repeat-x top; margin-bottom: 30px; }
	.top_page header {margin-bottom: 0;}
	header .header_logo h1 span ,
	header .header_logo p {display: none;}
	header .header_logo h1 img {width: 200px;}

	header .header_con {top:35px; right: 10px;}
	header .btn_menu_open {position: fixed; top: 0; right: 0; background: #fff; width: 60px; height: 30px; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center;}
	header .btn_menu_open p {line-height: 100%; font-weight: bold; font-size: 12px;}

	header nav {position: fixed; top: 0; right: 0; width: 200px; display: none; z-index: 900;}
	header nav .btn_menu_close {padding: 15px 0 10px; cursor: pointer; display: block;}
	header nav .btn_menu_close span {padding: 15px 0 15px; font-size: 14px; margin-right: 10px;}
	header nav .btn_menu_close:after {content:"\f00d"; font-family: "Font Awesome 5 Free";  color: #1c0200; font-size: 14px;}
	header nav ul li  {float: none; width: 100%; height: auto; margin-bottom: 1px; line-height: 100%;}
	header nav .btn_menu_close ,
	header nav ul li { background: rgba(255,255,255,0.9);}
	header nav ul li a {line-height: 100%; padding: 15px 0 10px;}
	header nav ul li a span {line-height: 100%;}
	header nav ul li a .main_txt {border-left:none; padding: 0; height: auto;}
	
}

@media screen and (max-width: 640px){
	header {background: none; margin-bottom: 0;}
	header .header_logo {width: 30%; min-width: 150px; top:10px;}
	header .header_con {display: none;}
	header ,
	header .btn_menu_open {height: 45px;}
	header .btn_menu_open p {padding: 0; line-height: 45px;}
}

/*---------------------------------
main_common
--------------------------------*/

.bl_sec {padding-bottom: 60px;}
.bl_sec:last-child {padding-bottom: 0;}
.i_tel:before {content: "\f095"; font-family:"Font Awesome 5 Free"; margin-right: 5px; font-weight: 900; }
.i_mail:before {content: "\f0e0"; font-family:"Font Awesome 5 Free"; margin-right: 5px; font-weight: 900; }
.i_url:before {content: "\f108"; font-family:"Font Awesome 5 Free"; margin-right: 5px; font-weight: 900; }

.post_it {width:150px; height: 30px; background: #1c0200; color: #fff; font-weight: bold; border-left: solid 20px #20b27e; text-align:left; padding-left: 20px; position: relative; z-index: 10;}
.bg_ty01 {background:#f4efe9;}

.li_01 {list-style: disc outside; padding-left: 30px;}

.main_visual {margin-bottom: 90px;}

.tit_01 {width: 100%; margin-bottom: 30px; position: relative;}
.tit_01:after {content: ""; display: block; width: 100%; height: 10px; background:#f4efe9; position: absolute; bottom: -5px;}
.tit_01 span {font-size: 40px; padding: 0 30px; border-bottom:solid 10px #1c0200;position: relative; z-index: 10; letter-spacing: 0.3em;}


.tit_02 {border-left: solid 20px #20b27e; height: 70px; width: 100%; margin-bottom: 50px; padding: 0 10px; }
.tit_02 span {font-size: 30px; line-height: 70px; letter-spacing: 0.3em;}



.page_lead {margin-bottom: 100px;}

.table_01 {max-width:800px; width: 100%;; margin: 0 auto; border-top: solid 1px #c7a3a1; border-left: solid 1px #c7a3a1;}
.table_01 th ,
.table_01 td {border-bottom: solid 1px #c7a3a1; border-right: solid 1px #c7a3a1;}
.table_01 th {width: 200px; text-align: center; padding: 25px 20px 20px; background: #f4efe9; font-weight: bold;}
.table_01 td {padding: 25px 20px 20px;}

@media screen and (max-width: 1040px){
	.tit_01:after {height: 6px; bottom: -3px;}
	.tit_01 span {font-size: 30px; padding: 0 10px; border-bottom:solid 6px #1c0200; background: #ffffff;}


	.tit_02 { height: auto; padding: 10px; margin-bottom: 20px;}
	.tit_02 span {font-size: 20px; line-height: 120%;}
}

@media screen and (max-width: 640px){
	.main_visual {margin-bottom: 30px;}
	.tit_01 {width: 100%; margin-bottom: 20px; padding: 10px;border-bottom:solid 5px #f4efe9; border-top:solid 5px #f4efe9; line-height: 1.4;}
	.tit_01:after {display: none;}
	.tit_01 span {font-size: 20px; border-bottom: none; padding: 0; line-height: 1.4;}


	.tit_02 {border-left: solid 10px #20b27e; }
	.tit_02 span {font-size: 16px;}
	
	.page_lead {margin-bottom: 30px;}
	
	.table_01 th ,
	.table_01 td {width: auto; padding: 5px; font-size: 13px; line-height: 140%;}

	
}


/*---------------------------------
footer
--------------------------------*/

footer {background:#f4efe9; width: 100%; }
footer .container {padding: 20px 0 10px;}
footer .container .footer_tit {border-bottom: solid 1px #1c0200; padding-bottom: 5px;}
footer .container .footer_tit img {width: 220px;}

footer .fooer_wrap {padding: 0 10px;}
footer .footer_info {float: left;}
footer .footer_info .footer_info_tit {margin-bottom: 5px;}
footer .footer_info .footer_info_tit img {width: 150px;}
footer .footer_info p {font-size:12px; line-height: 120%; }
footer .footer_info ul li {display: inline; margin-right: 10px;}
footer .footer_info ul li:first-child a {display: none;}

footer .footer_navi {float: right; width:700px; padding-top: 5px; font-size: 0;}
footer .footer_navi li {display: inline-block; padding-right: 15px;}
/*
footer .footer_navi li:nth-child(7) ,
footer .footer_navi li:last-child {width: 80%;} 
*/
footer .footer_navi li a {font-size: 14px; position: relative;}
footer .footer_navi li a:before {content:"\f101"; font-family:"Font Awesome 5 Free"; margin-right: 5px; }

footer .bl_copy {background: #1c0200; text-align: center;}
footer .bl_copy small {color: #fff; font-size: 12px;}



@media screen and (max-width: 1040px){
	footer .footer_tit {padding-left: 10px;}
	footer .footer_info ,
	footer .footer_navi {width: 100%;  float: none;}

	
	
}

@media screen and (max-width: 640px){
	footer .container {text-align: center;}
	footer .container .footer_tit img {width: 50%; max-width: 147px;}
	footer .container {padding: 20px 0 0;}
	footer .footer_info ul {margin: 10px 0;}
	footer .footer_info ul li {width: calc( 50% - 5px); margin-right: 0;}
	footer .footer_info ul li:first-child {float: left;}
	footer .footer_info ul li:last-child {float: right;}
	footer .footer_info ul li:first-child a {display: inline-block;}
	footer .footer_info ul li:first-child span {display: none;} 
	footer .footer_info ul li a{border: solid 2px #1c0200; border-radius: 3px; width: 100%; display: block; text-align: center; background: #fff; font-size: 12px;}
	
	footer .footer_navi {width: calc(100% + 10px); left: -15px; position: relative;}

	footer .footer_navi li {display: none; background: #fff; border-bottom: solid 1px #1c0200; }
		/*
	footer .footer_navi li:nth-child(7) {border-top: solid 1px #1c0200;}
		footer .footer_navi li:nth-child(7) ,
	footer .footer_navi li:last-child {display: block; width: 100%;}
	*/
	footer .footer_navi li a {padding: 10px 0 10px 10px; font-size: 12px; display: block; width: 100%; height: 100%; text-align: left;}
	
}


/*---------------------------------
top
--------------------------------*/

.top_page main .box_info {margin: 0 auto 90px;}

.top_page main .box_info .bl_btn a {display: flex; width: 600px; height: 80px; margin: 0 auto; text-align: center;justify-content: center; align-items: center; background: #20b27e; padding: 0 20px 0 10px; color: #fff; position: relative;}
.top_page main .box_info .bl_btn a:after {content: "\f054"; font-family: "Font Awesome 5 Free"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); line-height: 1; }

.top_page main .box_info .bl_btn a:hover {opacity: 0.6;}

.top_page main {position: relative; margin-top: -110px;}
.top_page main .bl_bord {padding: 20px 20px 20px 140px; position: relative; top: -10px; margin-bottom: 70px; height: 400px; overflow: scroll;}
.top_page main .bl_bord ul {margin: 20px 0;}
.top_page main .bl_bord li {margin-bottom: 15px;border-bottom: dotted 1px #ccc;}
.top_page main .bl_bord .date ,
.top_page main .bl_bord .note {float: left; line-height: 140%;}
.top_page main .bl_bord .date {width: 140px; position: relative;}
.top_page main .bl_bord .note {width: 600px;}

.top_page main .bl_bord .i_new:before {content: "new"; color: #fff; font-weight: bold; background:#cc085e; font-size: 12px; padding:2px 5px; position: absolute; top: 50%; left: -40px; transform: translate(0,-50%);line-height: 100%;}

.top_page main .bl_bana li {float: left; width: 32%; margin-right: 2%;}
.top_page main .bl_bana li:last-child {margin-right: 0;}

.main_visual .bx-wrapper { margin-bottom: 0; box-shadow: none; border: none;}


@media screen and (max-width: 1040px){
	.top_page main .bl_bord {padding: 20px 10px 20px 40px;}
	.top_page main .main_visual {margin-bottom: 30px;}
	.top_page main .box_info {margin-bottom: 30px;}
	.top_page main .bl_bord .date ,
	.top_page main .bl_bord .note {float: none; line-height: 140%; width:100%; display: block;}



}


@media screen and (max-width: 640px){
	.top_page main {margin-top: 0;}
	.top_page main .box_info .bl_btn a {width: 330px;}
	.top_page main .box_info .bl_btn a br {display: block;}
	.top_page main .bl_bord .i_new:before {font-size: 10px;}
	.top_page main .bl_bana {text-align: center;}
	.top_page main .bl_bana li {float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
	
}

/*---------------------------------
Floor
--------------------------------*/

.floor .bl_sec {background: #f4efe9; border-left: solid 70px #20b27e; position: relative; padding: 15px 15px 40px 0; margin-bottom: 100px;}
.floor .bl_sec:last-child {margin-bottom: 0;}

.floor h3.tit_03 {position: absolute; top: 15px; left:-70px; line-height: 1;}
.floor h3.tit_03 span {width: 70px; font-size: 30px; color: #fff; display: block; text-align: center; line-height: 1;}
.floor .bl_sec .txt_01 {font-size: 30px; color:#20b27e; padding-left: 10px; line-height: 1; margin-bottom: 20px;}
.floor .bl_sec .bl_floor {width: 390px; text-align: center; }
.floor .bl_sec .list_01 {width: 525px;}
.floor .bl_sec .list_01 li {width: 100%; margin-bottom: 10px;}
.floor .bl_sec .list_01 li a {display: block; width: 100%; height: 100%; cursor: pointer;}
.floor .bl_sec .list_01 li a span {font-size: 20px;}

.box_tenant {display: none;}
.fancybox-content.box_tenant {max-width: 600px; width: 90%; margin: 0 auto; padding: 50px; border-radius: 20px;}
.box_tenant .box_tenant_floor {border-left: 10px solid #1c0200; border-bottom: solid 1px #1c0200; font-size: 30px; width: 100%;padding-left: 10px; margin-bottom: 30px;}
.box_tenant .box_tenant_floormap {text-align: center;margin-bottom: 30px;}
.box_tenant dl dt {font-size: 30px; line-height: 120%; margin-bottom: 10px;}
.box_tenant dl dd span ,
.box_tenant dl dd a {font-size: 20px;}
.box_tenant dl dd .i_tel:before ,
.box_tenant dl dd .i_url:before { margin-right: 10px;}


@media screen and (max-width: 1040px){
	.floor .bl_sec .bl_floor ,
	.floor .bl_sec .list_01 {width: 100%; text-align: left; padding-left: 30px; float: none; display: block; }	
	.floor .bl_sec .bl_floor {margin-bottom: 20px; padding-left: 30px;}
}

@media screen and (max-width: 640px){
	
	.floor .bl_sec {border-left:none; position: static; padding: 0 0 20px 0;}
	.floor h3.tit_03 {position: static; top: 0; left:0; background: #20b27e;}
	.floor h3.tit_03 span {width:auto; font-size: 20px; color: #fff; text-align: left; padding: 10px; }
	.floor .bl_sec .txt_01 {font-size: 20px; padding-top: 10px;}
	.floor .bl_sec .bl_floor ,
	.floor .bl_sec .list_01 {width: 100%; text-align: center; padding: 0 10px;}
	.floor .bl_sec .list_01 li { margin-bottom: 5px; text-align: left;}
	.floor .bl_sec .list_01 li a { width: 100%;background: #fff; border: solid 1px #1c0200; border-radius: 5px; position: relative; padding-left: 30px;}
	.floor .bl_sec .list_01 li a span {font-size: 14px;}
	.floor .bl_sec .list_01 li a span:after {content:"\f022"; font-family: "Font Awesome 5 Free";  color: #1c0200; font-size: 14px; position: absolute; left: 10px;}
	
	.fancybox-content.box_tenant {padding: 15px;}
	.box_tenant .box_tenant_floor {font-size: 18px; line-height: 1.2; margin-bottom: 10px;}
	.box_tenant .box_tenant_floormap {width: 80%; margin:0 auto; margin-bottom: 20px;}
	.box_tenant dl dt {font-size: 18px; font-weight: bold;}
	.box_tenant dl dd span ,
	.box_tenant dl dd a ,
	.box_tenant dl dd {font-size: 13px;}
}

/*---------------------------------
Access
--------------------------------*/

.access .note {width:540px;}
.access .bl_access_02_map {width: 100%; height: 500px;}
.access .bl_access_02_map iframe {width: 100%; height: 100%;}


@media screen and (max-width: 1040px){
	.access .note {width:100%; margin-bottom: 20px;}
}


@media screen and (max-width: 640px){
	.access .bl_access_02_map {width: 100%; height: 300px;}
}


/*---------------------------------
Town
--------------------------------*/


.town .bl_town_01 ,
.town .bl_town_02 {width: 480px;}
.town .bl_town_01 .box_img ,
.town .bl_town_02 .box_img {margin-bottom: 10px;}


@media screen and (max-width: 1040px){
	.town .bl_town_01 ,
	.town .bl_town_02 {width: 100%;}
	.town .bl_town_02.bl_sec {margin-bottom: 40px;}

}


/*---------------------------------
Vacancy
--------------------------------*/


.vacancy .bl_sec .bl_floor {width:314px; }
.vacancy .bl_sec .bl_bord {width:600px; }
.vacancy .bl_sec .bl_pic {margin-bottom: 30px;}
.vacancy .bl_sec .bl_pic .main_pic {width: 100%; text-align: center; margin-bottom: 10px;}
.vacancy .bl_sec .bl_pic ul li {float: left; width:calc( (100% - 30px) / 4); margin-right: 10px; margin-bottom: 10px;}
.vacancy .bl_sec .bl_pic ul li:nth-child(4n) {margin-right: 0;}
.vacancy .bl_sec .bl_pic ul li img {cursor: pointer;}
.vacancy .bl_sec .bl_pic ul li img:hover {opacity: 0.6;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

@media screen and (max-width: 640px){
	.vacancy .bl_sec .bl_floor ,
	.vacancy .bl_sec .bl_bord {width:100%; margin-bottom: 20px; }
	.vacancy .bl_sec .bl_floor {text-align: center;}
	.vacancy .bl_sec .bl_bord h4 {text-align: center;}
}



/*---------------------------------
data
--------------------------------*/

.data .bl_sec a {color:#000; text-decoration:underline;}
.data .data_tit_01 {font-size: 30px; padding: 20px 15px 10px;width: 100%; margin-bottom: 30px; border-bottom:solid 10px #f4efe9;}
.data .data_tit_01 span {font-size: 15px;}
.data .data_tit_02 {border-left: solid 20px #20b27e; width: 100%; margin-bottom: 30px; padding: 10px; font-size: 1.4rem; }

.data .data_tit_03 {border-bottom: solid 1px #20b27e; width: 100%; margin-bottom: 20px; padding: 10px; font-size: 1.4rem; }

.data ul.num {margin-left: 30px;}
.data ul.num li {list-style: decimal outside; margin-bottom: 10px;}

.data dl dt {font-size: 1.1rem; font-weight: bold;}
.data dl dd {margin-left: 30px; margin-bottom: 20px;}
.data dl dd:last-of-type {margin-bottom: 0;}

.data .sec_lead p {margin-bottom: 30px;}

.data .bl_bord {width: 90%; margin: 0 auto 50px;}
.data .img_center {text-align: center; margin-bottom: 30px;}
.data .bl_bord dl {display: flex;width: 650px; margin: 0 auto;}
.data .bl_bord dl dt {width: 100px;font-weight: normal;}
.data .bl_bord dl dd {margin-left: 0;}

@media screen and (max-width: 640px){
	.data .data_tit_01 ,
	.data .data_tit_02 {margin-bottom: 20px; line-height: 1.4;}
	.data .data_tit_01 {font-size: 1.4rem;padding: 20px 15px 5px;}
	.data ul.num li {margin-bottom: 20px;}
	.data dl dt {font-size: 1rem;}
	.data .bl_bord dl {width: 100%; display: block;}
}