@charset "UTF-8";


.h_t02 {

	display: block;
	font-size: 0.95em;
}

.bort01 th {

background: #ccc;
width: 25%;


}

.bort03 td {

 padding: 15px;
 vertical-align: middle;
}

.top_tittle0917 {

	line-height: 1.8;
	font-size: 0.8em;
	white-space: nowrap;
}

.top_tittle0917:after {
/*
font-size: 0.9em;
content:"2021年4月1日開校";
display:block;
white-space: pre;
letter-spacing: 1px;
*/
}


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

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

.fl_b {

	align-items: flex-end;
}


.fl_b div {

		width: 50%;
		padding: 10px;
} 
.fl_b img {

	box-sizing: border-box;
    /*padding: 15px;**/

}


#img_a1,#img_a4 {

	width: 50%;
}

@media screen and (min-width:768px) and (max-width: 1199px) {

body .top_tittle0917 {

	white-space: normal !important;
	}
}


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

body table.bort01 td {
white-space: normal;
}


}

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

 body .faq .tel_innner {
	padding: 5px !important;

	}


	body .fl_b div {

		width: auto;
	}

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


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


	#img_a1,#img_a4 {

width: auto;
} 

	.top_tittle0917 {

		white-space: normal;
	}

table.bort02 td {

font-size: 1.5em !important;

	}


.square::before {
/*
	top:13px !important;*/
}

	.midle_t {

		padding: 15px;
		white-space: nowrap;
    display: flex;
    align-items: center;
	}


.te_ln span  {
	display: block !important;

}
 
.plan_a {

	font-size: 1em !important;
}

.td_just td:nth-child(1) { 

	white-space: nowrap !important;

}

.news_flex  {

-ms-flex-wrap: wrap !important;

	flex-wrap: wrap !important;

}
.news_flex .news_center_img { 

		margin-top: 15px;

}

.news_center_img  {

	margin: 0 auto;

}

.news_flex div {

	padding: 0 !important;

}


.fl_b div:nth-child(1) {

/*width: 80 !important;*/
margin: 0 auto;

} 

.fl_b img {

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

.sp_center {

	text-align: center;

  }

 
}

.main_text01 p {

	text-align: justify;

}

.img02 {
	width: 100%;
	max-width: 96%;
}

.news_flex {

display: -webkit-box;
display: -ms-flexbox;

display: flex;
-webkit-box-pack: justify;
	-ms-flex-pack: justify;
		justify-content: space-between;

		-webkit-box-align: start;

		    -ms-flex-align: start;
 align-items: flex-start;
-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.news_flex div {

	padding: 5px;

	box-sizing: border-box
}

.news_flex div img {

	box-sizing: border-box;

}

.news_center_img {

	width: 90%;

}


.te_ln span  {
	display: inline;

}


.square::before {

/*
	content: "";
    height: 14px;
    width: 14px;
    position: absolute;
    font-size: 0;
    background: #333;
	top: 15px;
	
	*/
}

.main_text01 p {
/*
	position: relative;*/
}

.square_r {

	/*
	margin-left: 15px;
*/
}

u {

	font-weight: bold;
}

table.bort01 {

	table-layout: fixed;

}
table.bort01 th {
	padding: 1%;

}
	table.bort01 td {

	text-align: center;
	padding: 1%;
}
.bort04 {
width: 100%;
	border: 1px solid;
	text-align: left;
}
.bort04 th,
.bort04 td {

	text-align: center;
	border: 1px solid;

	padding:5px 3px;
}
.bort04 th {
background: #ccc;

}

#img_a1, #img_a2 {
	width: 50%;
}


.faq {


}

.faq .inner {

    padding: 15px;
    border: 1px solid;
}

.faq .tel_innner {


}


.faq h5 {
    text-align: left;

}

.faq .main_text04 {
	font-size: 1.7rem;

}