@charset "UTF-8";




.h_t {

	white-space: nowrap;

}


.news_list201111 li {

	display: table;

}


.news_list201111 li > div:nth-child(1) {

display: table-cell;
white-space: nowrap;

}

.news_list201111 li > div:nth-child(2) {

	margin-left: 15px;

}

.news_list201111 li span {

display: block;

}



.top_tittle0917 {

	white-space: nowrap;
}

.top_tittle0917:after {
/*
font-size: 0.8em;
content:"ＬＧＢＴQなどのセクシュアル・マイノリティへの取組みに関する指標";
display:block;/*
white-space: pre;*/
letter-spacing: 1px;

}

.h_t02:after {
/*
font-size: 0.6em;
content:"国内外の全アキバファン対象！“あなたの好きな秋葉原”を表現した絵を大募集";
display:block;
font-size: 0.6em;
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 {

	flex-wrap: wrap;
	justify-items: flex-start;;
	justify-content: flex-start;
	align-items: center;



}




.fl_b div {

	width: 45% ;

}


.fl_b div:nth-child(1) {

width: 53% ;

}


.fl_b span {
	text-align: justify;
    font-size: 1em;
    letter-spacing: 1.0px;
    margin: 0 5px 0 0;
    justify-content: flex-start;
    align-items: center;
    justify-items: flex-start;

}

.fl_b img {

	padding: 15px 15px 4px;


}

.img_txt {

	display: block;
	text-align: center;
	font-size: 1.4em;
	margin-top: 1%;
	letter-spacing: 1.0px;

}


table.bort01 td {

white-space: normal;
	
}

table.bort01 td:nth-child(1) {

width: 20%;

white-space: nowrap;

}

.mod-index-col div:nth-child(1) {

	width: 51%;

}


.mod-index-col div:nth-child(2) {

width: 49%;

}

.news_img010 {

		width: 191px;
		margin: 0 auto;
}

.news_img02 {

	width: 60%;
	margin: 0 auto;
}
.news_img02 figcaption {

	display: flex;
	margin-top: 5px;

}

.news_img02 figcaption span {

	display: block;
	padding-right: 5px;
}

.news_img02 figcaption span:nth-child(2) {

	margin-top: 2px;

}

.news_img2 {

		width: 90%;
		margin:  0 auto;
} 

.news_img2 img {

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

} 


.table_title03 {

	display: table;
}

.table_title03 span {

		display: table-cell;
}

.table_title03 span:nth-child(1) {

	white-space: nowrap;

}

.news_teable {
	display: table;
	margin-left: 1em;

}

.news_teable span {

	display: table-cell;

} 

.news_teable span:nth-child(1) {

	white-space: nowrap;

}


.dis_ta {

		display: table;

} 

.dis_ta span {

	display: table-cell !important;
}


.dis_ta span:nth-child(1) {
	white-space: nowrap;
}


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

	.h_t {

white-space: normal !important;
font-size: 0.9em;
}


body .grand_inner {

	margin: 0 auto;

}

.grand_list ul {
	width: 930px;

}


.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;
	}


}

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

.top_tittle0917 {

white-space: normal;

  }

  .mod-index-col div {
/*
width: auto !important;
*/


}

.fl_b {

	display: block !important;

 }


}

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


	.te_ln {
		width: 50%;
		text-align: center;
	}


	.news_teable {

		margin-left: 0px ;

	}	

/**/






div[class^="news_img"] {


		width: auto !important;
}


.mod-index-col div {

width: auto !important;

}

.top_tittle0917 {

white-space: normal;

}




.fl_b div {

width: auto !important;


 }


 
}


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




}


.news_li {

	margin-left: 50px;

}

.disc li {

	list-style: disc;

}

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

	
	.h_t {

		font-size: 0.7em !important;




	}


}







.top_company span {

	display: block;

}



.faq ul li ,	
.main_text01 .news_lsit li {

		display: table;
		margin-left: 1.5rem;
}

.faq ul li span,
.main_text01 .news_lsit li span {

display: table-cell;

}

.top_tittle0919 {

	font-size: 0.8em !important;
	display: block;
	margin-top: 20px;
	line-height: 1.8;
}


.main_text01 .news_lsit li span:nth-child(3) {

	position: relative;
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    bottom: 3px;

}



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

body .main_text01 .sp_block {
    display: block !important;
    margin-left: 1.5rem;

}


body .grand_inner ul li { 

	/*display: block;*/

}

body .grand_inner ul li span { 
/*
	width: 100%;
*/
}


	.faq h3 {
	text-align: center;

}

	.faq ul li span,
	.faq ul li {
		text-align: center;
		display: block;
		margin: 0  auto;
	}

}



.grand_list {

	position: relative;


}

.grand_list::before {
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 100%;
	border-top:1px solid ;
	border-left: 1px solid;
    
	border-bottom: 1px solid;

left: -15px;
}




.grand_list::after {
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 100%;
	border-top:1px solid ;
	border-right: 1px solid;
    
	border-bottom: 1px solid;
top:-5px;
right : -15px;
}








.grand_inner h3 {

font-size: 1.8rem;
font-weight: normal;
}


.grand_inner {

	margin-left: auto;
    width: 90%;


}


.grand_inner ul {
	margin-top: 5px;

}

.grand_inner ul li {

	display:flex;

}

.grand_inner ul li span {

	display: block;
	width: calc(100% / 3);
    text-align-last: justify;
    padding-right: 25px;
    margin-bottom: 5px;
}
.grand_inner ul li span:nth-child(3) {

	padding-right: 0;

}


.topic_title {
    position: relative;
    padding-left: 1.5rem;
    font-size: 2.0rem;
}


.topic_title::before {
	content: '■';
	position: absolute;
    top: -2px;
    left: 0;
}


.bort02 tr {

	position: relative;

}


.bort02 th {
	position: relative;
	text-align: justify;
	text-align-last: justify;
	font-weight: normal;
}



.bort02 tr::before {

	content: '●';
	position: absolute;

	left: -15px;
}


body table.bort02 {

	margin-left: 2%;

}


.faq {

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

}

.faq h3 {

	font-size: 2rem;

font-weight: normal;
text-align: center;

}


.faq p {

	text-align: center;
	margin-top: 15px ;
	
}

.list_table {

	display: table;
	margin: 0 auto;

}


.faq .list_table p  span {

	display: table-cell;

}
.faq .fl_b p {

	font-size: 2rem;

}


.faq .fl_b div {

	margin: 0 auto;
}


.grand_list .fl_b {

	flex-wrap: wrap;
	justify-content: space-between;
}


.grand_list .fl_b span {

	display: block;

	width: calc(100% / 3 - 15px);
    text-align-last: justify;
       margin-bottom: 5px;
    font-size: 1.48rem;
    letter-spacing: 0;
	margin-right: 0;
}


.top_tittle0918 {

    font-size:clamp(2.1rem, 1.037rem + 2.22vw, 2.7rem);
    line-height: 1.8;


}