@charset "UTF-8";




.top_tittle0917 .top {
	font-size: 2.4rem;
	display: block;
}

.top_tittle0918 .sub {
	font-size: clamp(1.8rem, 0.737rem + 2.22vw, 2.4rem);

	display: block;
	margin: 10px 0;
}


.top_tittle02:before {

/*content:"～アーバンネット名古屋ネクスタビルでの実証で快適性と省エネ(5割削減)の両立をめざす～";
display:block;
	white-space: normal;
	font-size: 0.8em;
	white-space: nowrap;*/	
}
.top_tittle0917:after {

/*font-size: 0.6em;
content:"自由な働き方と新たなコミュニケーション、環境負荷低減を実現する未来の街づくり";
display:block;
white-space: normal;*/

}




.top_tittle0917:before {
/*content:"施設名称を「ＷＩＴＨ ＨＡＲＡＪＵＫＵ」に決定";
display:block;
	white-space: normal;*/
	
}

.top_tittle0917:after {
/*
	content:"２０２０年春開業予定、イベントホール予約受付を本日開始";
	display:block;
	font-size: 0.7em;
	
	white-space: pre;*/
}

.news_float_img {

	float: right;
  width: 50%;
  padding: 15px;
  box-sizing: border-box;


}

.mt_ob {

	margin-top: 60px ;
}

.dp-fl .fl_box:nth-child(1) {
  width: 41.9%;
}

.fl_b {

display: -webkit-box;

display: -ms-flexbox;

display: flex;

}


.top_tittle0917 {

	font-size: 0.8em;

	/*font-size: 0.7em !important;*/
}

.news_img {

	width: 80%;
}

.news_img2 img {

	width: 50%;
	
}


@media screen and (min-width: 989px){

.pc_ml {

	margin-left: 15px;

 }

}


@media screen and (min-width:767px) and (max-width: 930px) {

	.dp-fl .fl_box:nth-child(1) {
  width: 50% !important;
  }


}

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

body .news_tittle {
	font-size: 1rem;
}


	body .sc_titlte_inline {
		text-align: justify;
		margin: 0 auto;
		padding: 24px;

	}


body .con_list.sp_con_list li div {

display: block;
width: 100%;
}

body .con_list.sp_con_list li div:nth-child(1) {
  border-radius: 5px 5px 0 0;
	text-align: center;

}


body .con_list.sp_con_list li div:nth-child(2) {
 border-right: 0;

}

body .con_list02 {

	width: 100% ;
}

	body .fl_b03, body .fl_b02 , body .fl_b2 {


		display: block;
	}


body .fl_b figure {

width: 100%;
padding: 0;
margin: 10px auto;
}


	.news_flex02 li span:nth-child(2) {

margin-left: 1rem;
}




	.news_img {
		text-align: center;

	}

body .fl_b {
	display: block;

	}

	body .fl_b figure {

		text-align: center;
	}


body .fl_b02 {
	display: block;
}


body .news_flex li {

	display: block;
  margin-top: 15px;
}


	.top_tittle02:before {
		white-space: normal !important;
	}


body .news_img02 li {
  width: 100% !important;
}



	body .news_img02 {
  flex-wrap: wrap;
}


	body .fl_b_icon div:nth-child(1) {
  
margin: 25px 0;

	}

	body .txt_just_ta td:nth-child(1) {

		white-space: nowrap !important;

	}
	body .fl_b_icon div {

		flex-basis: auto !important;
	}

	.midle_t {

		padding: 32px !important;

	}
	.top_tittle0917:after { 
	
		white-space: normal;
	}
	table.bort01 tr {

			border: 0px !important;
	}

	body .scroll table{
	width:200% !important;
	overflow-x: scroll;
  }
	body .scroll table.blossa_table{
	width:250% !important;
	overflow-x: scroll;
  }
  .scroll{
  overflow: auto;/*tableをスクロールさせる*/
  white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
	padding-bottom: 15px;
  }
  .scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
  height: 8px;
  }
  .scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
  background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
  background: #195cbf;
	}
	
	table.bort01 td {


		width: auto;
  text-align-last: auto;
		white-space: nowrap !important;
		padding: 15px !important;

	}
	table {

		font-size: 1em !important;

	}
	

.news_img2 img {

width: 100% !important;

}

	.mt_ob {

		margin-top: 25px !important;
		margin-bottom: 25px !important;

 }
 .sp_mt {
	margin-top: 15px;

 }
}


.news_list_disc {


	list-style: disc;
  margin-left: 20px;

}

u {
	display: inline;
}


u span {

		display: table-cell !important;
		text-indent: 0em !important;


}
u span:nth-child(1) {

	white-space: nowrap;

}

.fl_b2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	  -ms-flex-align: start;
	    align-items: flex-start;
	margin-left: 10px;
}
.fl_b2 span {

	display: block;
}

.fl_b2 span:first-child {

	white-space: nowrap;
	margin-right: 5px ;
}

table.bort01 td {

	white-space: normal;
	vertical-align:middle;
	padding: 15px;

}

body .news_img02 {

	width: 100%;

}

.news_img02 {

display: -webkit-box;

display: -ms-flexbox;

display: flex;
-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
margin-top: 15px !important;

}


.news_img02 li:first-child {

	width: 50%;
}


.news_img02 li {

	width: 50%;
}


.news_img02 li img {

padding: 15px 15px 0;
-webkit-box-sizing: border-box;
		box-sizing: border-box;
-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
		flex: 1 1 auto;
width: 100%;

}
.fl_b_icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  -webkit-box-pack: center;
    -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -webkit-box-align: center;
    -ms-flex-align: center;
      align-items: center;
    }

    .fl_b_icon div {
      padding: 0 15px; 
      -webkit-box-sizing: border-box; 
          box-sizing: border-box;
      -webkit-box-flex: 1;
        -ms-flex-positive: 1;
          flex-grow: 1;
      -ms-flex-preferred-size:10px;
        flex-basis: 100px;
  
    }

    .fl_b_icon div:nth-child(1) {

      padding: 0 45px;
      box-sizing: border-box;

		}
		
		@media all and (-ms-high-contrast: none) { 

.fl_b_icon div:nth-child(1) img {

	width: 200px;
}


.fl_b_icon div:nth-child(2) img {

width: 220px; 
}
}


.table_title {

	font-size: 1em;
}


body .dis_t {

	display: table;
}


.dis_t span {
  display: table-cell;
  vertical-align: text-top;
}

.dis_t span:nth-child(1) {

	white-space: nowrap;
	padding-right: 0.5em;
}

.faq_ov {
  text-align: center;

}
.faq_ov p {

  border: 1px solid;
  box-sizing: border-box;
  border-top: 0px;
  padding: 5px;


  
}

.faq_ov p:nth-child(1) {
  border-top: 1px solid;
  padding: 5px;
  box-sizing: border-box;
background: #ccc;
  
} 

body .notxt_just_ta td {
text-align-last: initial !important;
width: auto !important;

}

.fwb {
font-weight: bold;

}

body .txt_just_ta {
	width: auto;
	white-space: normal !important;
}

body .txt_just_ta td:nth-child(1) {

	width: auto;
	white-space: nowrap;
	text-align: justify;
  text-align-last: justify;
}
.bort01 td:first-child { 

	vertical-align: text-top;
}

.news_head span {
	display: block;
}

.news_head {
text-align: right;

}

.news_flex li {
		display: flex;
		align-items: flex-start;

		margin-left: 1rem;
	}


.news_flex li span {

	display: block;

}

.fl_b div {
	flex: 0 0 50%;

	min-width: 1%;
		min-height: 1%;
}

.fl_b figure {

	margin: 0;
	padding:10px 15px ;
	box-sizing: border-box;
	width: 100%;

}

.fl_b figure figcaption {

	text-align: center;
}

.fl_b03,
.fl_b02 {
	display: flex;
	align-content: flex-start;

}

.fl_b02 div:nth-child(1) {

flex: 0 0 60%;
min-width: 1%;
min-height: 1%;
}

.fl_b03 div:nth-child(1) {

		flex: 0 0 50%;
		min-width: 1%;
		min-height: 1%;
}


.fl_b02 div:nth-child(2),
.fl_b03 div:nth-child(2) {

	border: 1px solid;
	padding: 15px;
	margin: 0 15px;
	box-sizing: border-box;
}

.fl_b03 div:nth-child(2) {

	margin: 15px 35px;
}

.fl_b02 div:nth-child(2) p,
.fl_b03 div:nth-child(2) p {

	line-height: 1.9;

}

.fl_b02 div:nth-child(2) a,
.fl_b03 div:nth-child(2) a {

	display: block;

}




.dis_t p:nth-child(1) {

	white-space: nowrap;

}

.dis_t p {

	margin-top: 0 ;
	display: table-cell;
	font-size: 1.2rem;
}

 h6 {

	font-weight: normal;
	margin-top: 15px;
}


h6:nth-child(1) {

	margin-top: 0px;
}


.consept h4 {

background: #D9D9D9;
padding: 0 15px ;
padding-bottom: 5px;
}

.con_list {
	margin-top: 25px;

}

.con_list li {
  display: table;
  align-items: center;
  border: 2px solid #385D8A;
  border-radius: 10px;
	width: 100%;
  gap: 0;
  box-sizing: border-box;
	margin-top: 15px;

}


.con_list li div {

padding: 5px ;
margin: 0;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
}


.con_list li div:nth-child(1) {
	background: #376092;
color: #fff;
padding: 0px 10px;
  border-radius: 5px 0 0 5px;
	width: 10px;
}


.con_list li div:nth-child(2) {

	border-right: 2px solid #385D8A;
  background: #95B3D7;
  text-align: center;
  padding: 7px;
color: #254061;
width: 150px;
/*line-height: 1.4;*/
}

.con_list li div:nth-child(3) {


}

.con_list li label {
display: table;
vertical-align: text-top;

}

.con_list li label span {
display: table-cell;

}


.mod-frame img {

	image-rendering: -webkit-optimize-contrast;
}


.path {
	display: table;
	vertical-align: text-top;

}

.path span:nth-child(1) {

	white-space: nowrap;
}

.path span {

display: table-cell;
vertical-align: text-top;

}


.path::after {
	content: '';

	clear: both;
	display: block;

}

.pl_1 span:nth-child(2) {


padding-left: 1rem;

}

#img_d1 img ,
#img_d2 img {

	border: 1px solid;
}

.canf {

	border: 1px solid;
	margin-top: 25px;
  padding: 15px;
}


.canf p span {

display: block;

}


.con_list02 {
width: 80%;
}

body .con_list02 div:nth-child(1) {
padding: 0;
text-align: center;
}

body .con_list02 div:nth-child(2) {
text-align: left;
border-radius: 0 8px 8px 0;
  padding: 7px 2px;
  border: 0;
}



.fl_b2 figcaption {

text-align: center;

}


.flex02 {flex: 0 0 25%;
  min-width: 0px;
  min-height: 0px;
}


.news_tittle {
	text-align: center;
	font-size: 1.4rem;
}

.square02::before {

  content: "";
  height: 14px;
  width: 14px;
  position: absolute;
  font-size: 0;
  background: #333;
  top: 15px;
  transform: rotate(45deg);
}


#main01img img {
	text-align: center;
}



	.blossa {
	
		border: 3px solid #BF8F00;
		padding: 15px;
		box-sizing: border-box;
		border-radius: 15px;
	
	
	
	}
	
	
	.blossa h2 {
	
		font-size: 1.8rem;
	}
	
	
	.blossa .fl_b {
	
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.blossa .fl_b div:nth-child(1) {
	
		flex: 0 0 32%;
		text-align: center;
	
	}
	
	.blossa .fl_b div:nth-child(2) {
	
		flex: 0 0 65%;
		
	}
	
	
	.blossa p {
	
		margin-top: 0;
	}
	
	.blossa .fl_b h3 {
	
		margin-top: 10px;
	}
	
	
	.blossa ul {
	
		margin-left:1rem ;
	}
	.blossa ul li {
	
		display: flex;
	}
	
	.blossa ul li span {
	
		display: block;
	}
	
	.blossa ul li span:nth-child(1) {
		flex: 0 0 30%;
	}
	
	
	



	
		.new_shop01 h4 {
		
			font-size: 1.5rem
		}
		
		.new_shop01 u {
		
		color: #BF8F00;
		
		
		
		}	
		
		.new_shop01 .fl_b div:nth-child(n + 2){
		
			display: flex;
			align-items: center;
		
		}
		
		.new_shop01 .fl_b figure {
		
			padding: 0 5px;
			box-sizing: border-box;
		}
		
		.new_shop01 .fl_b.img_list {
		
		margin-bottom: 25px;
		
		}
		
		.new_shop01 .fl_b.img_list p {
		
			margin-top: 0px;
			margin-bottom: 15px;
		}
		
		







	.blossa_table.bort01 td:nth-child(1) {
	
		background: none;
	}
	
	.blossa_table.bort01 td {
	
		vertical-align: middle;
		text-align-last: auto;
	}
	
	.blossa_table.bort01 th {
	background: #ccc;
	text-align: center;
	}
	
	.blossa_table.bort01 td:last-child {
		text-align: center;
	}
	
	
	.blossa_table.bort01 th:first-child {
	
		width: 10%;
	}
	.blossa_table.bort01 th:last-child {
		width: 20%;
	}
	
	
	.blossa_table .num01 {
	
		color: #000 !important;
		text-align: center !important;
	
	}
	.dis_table div span,
	.blossa_table tr:nth-child(n + 4) span {
	
		color: #BF8F00;
		white-space: nowrap;
	}
	
	
	.dis_table {
		display: table;
		margin-top: 15px;
		font-size: 1.3rem;
	}
	
	.dis_table div {
		display: table-cell;
	}
	
	
	
		.access figure img {
		
			border: 1px solid #ccc;
		}
		
		section.office_sup {
		
			margin-top: 0px !important;
		}
		
		
		.office_sup h4 {
		
			background: #ccc;
		padding: 0 5px 5px;
		}
		
		.office_sup .fl_b.lifork {
			margin-top: 10px;
			align-items: center;
			border: 3px solid #333;
			padding: 0 15px;
			border-radius: 15px;
		
		}
		
		.office_sup .fl_b.lifork div:nth-child(1) {
			flex: 0 0 45%;
		
		}
		
		.office_sup .fl_b.lifork h4 {
			background: none;
		}
		
		.office_sup .fl_b.lifork p {
		
		margin-top: 0;
		}
	
		




		.sec_title {

			padding: 5px 10px;
			box-sizing: border-box;

			background: #DBE5F1;

		}



		.sec_title h3 {

			font-size: 1.8rem;

		}


		.sec_list {

			list-style: disc;

		}


		.sec_list li{

			margin-top: 15px;
			margin-left: 15px;
			position: relative;

		}


		ul.sec_list02  {
			counter-reset: list-counter;


}


		.sec_list02 li {

			margin-top: 15px;
			position: relative;
			padding-left: 25px;
     }


	 
	 .sec_list02 li:before {
  content: counter(list-counter);/*list-counterの値を挿入*/
  counter-increment: list-counter;/*連番の値が挿入される*/
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 50%;/*円を作る*/
  height: 20px;/*円の高さを指定*/
  width: 20px;/*円の幅を指定*/
  display: flex;/*円と文字が中央になるよう調整*/
  justify-content: center;
  align-items: center;
  position: absolute;/*左端に配置*/
  top: 5px;
  left: 0;
  font-weight: bold;
}

		.sec_list02 h4,
		.sec_list h4 {

			font-size: 1.8rem;
    display: inline;
	vertical-align: middle;
}		


.totoco div {
	flex: 2.5;

}
.totoco figure {

	flex: 1;

}

.fl_b.tuch {

	justify-content: center;
	gap: 15px;
	align-items: flex-start;
}

.fl_b.tuch span {

	display: block;


}

.fl_b.robo {

	flex-wrap: nowrap;

}

.fl_b.robo figure {

flex: 1;

}

.fl_b.robo figure:nth-child(2) {

flex: 3;

}




.fl_b.robo figure.fl_b figure {

	flex: 1;

}

.fl_b.robo figure .fl_b figure:nth-child(2) {

flex: 1.75;

}

.fl_b.robo figure  figcaption {


    text-align: left;
    margin-left: 25;
}


ul.count {
    counter-reset: count 0;


}

ul.count li {
    position: relative;
	padding-left: 35px;
	margin-bottom: 10px;
}



ul.count li::before {
    position: absolute;
    left: 0;
    content:"※" counter(count) "" ;
    counter-increment: count 1;
}




body table.bort01 th {

	text-align-last: justify;
	font-weight: normal
}


.fl_b.map {
gap: 10px;

}

.fl_b.map figure:nth-child(1) {

	flex: 1.4;


}

.fl_b.map figure:nth-child(2) {

    border: 1px solid;
    box-sizing: border-box;


}


.fl_b.map figure {


	padding: 0;
	flex: 1;

}


.fl_b.qa01 span {

	white-space: normal;
}


.fl_b.topkv {

    gap: 15px;
    align-items: center;
}

.fl_b.topkv div:nth-child(2) {

	flex:1;
	padding: 0;


}

.fl_b.topkv figure {

	padding: 0;

}


.fl_b.topkv div:nth-child(1)  {

	flex: 1.04;
}