@charset "utf-8";
/* CSS Document */
/*-----index適応-----*/

@media screen and (max-width:800px){
/*--------------------
イベントボタン
--------------------*/
.main_img{
	max-width:800px;
	width:100%;
	height:auto;
}

.event_btn{
    padding: 0;
    text-align: center;
}

.event_btn p{
	width:32%;
}

.event_btn p.mgr15{
	margin-right:1.9% !important;
}

.event_btn img{
	max-width: 240px;
    width: 100%;
}
/*--------------------
トピックスタブ
--------------------*/

#topics_tabs{
	z-index:2;
}

#topics_tabs ul li{
	float:left;
	width: 50%;
}


#topics_tabs ul li{
	float:left;
}

#topics_tabs ul li a{
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	padding: 10px 0 0 0;
	display:block;
	z-index:99;
}

#topics_tabs ul li.topics_off a{
	background-image:url(../../common/img/arrow_tab_d.png),url(../../common/img/img_tab2bg_off.png);
	background-repeat: no-repeat, repeat-x;
	background-position:10px center, top left;
	padding:10px 0;
	border-left:1px solid #f16490;
	border-bottom:1px solid #FFFFFF;
	display:inline-block;
	position:relative;
	margin:0 0 0 0;
	left:-1px;
	cursor:pointer;
	z-index:12;
	margin-right:0;
	width: 99%;
}

#topics_tabs ul li.topics_off a:hover{
	background-image:url(../../common/img/arrow_tab2.png),url(../../common/img/img_tab2bg_off.png);
	background-repeat: no-repeat, repeat-x;
	background-position:10px center, top left;
	padding:10px 0;
	border-left:1px solid #f16490;
	border-bottom:1px solid #FFFFFF;
	display:inline-block;
	position:relative;
	margin:0 0 0 0;
	left:-1px;
	cursor:pointer;
	z-index:12;
	margin-right:1px;
}


#topics_tabs ul li.topics_on a{
	background-image:url(../../common/img/arrow_tab2.png),url(../../common/img/img_tab2bg_off.png);
	background-repeat: no-repeat, repeat-x;
	background-position:10px center, top left;
	padding:10px 0;
	border-left:1px solid #f16490;
	border-bottom:1px solid #FFFFFF;
	display:inline-block;
	position:relative;
	margin:0 0 0 0;
	left:-1px;
	cursor:pointer;
	z-index:16;
	margin-right:0;
	width: 99%;
}


#topics_tabs ul li.topics_all a{
	background: url(../img/img_arrow_01.png) 6px 15px;
	background-repeat:no-repeat;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding: 10px 0;
	display:block;
	z-index:99;
	width:100%;
	height:auto;
}



#topics_tabs ul li.topics_news a,
#topics_tabs ul li.topics_blog a,
#topics_tabs ul li.topics_media a{
	background: url(../img/img_arrow_02.png) 6px 15px;
	background-repeat:no-repeat;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding: 10px 0;
	display:block;
	z-index:99;
	width:100%;
	height:auto;
}

#topics_tabs ul li.topics_all a:hover,
#topics_tabs ul li.topics_news a:hover,
#topics_tabs ul li.topics_blog a:hover,
#topics_tabs ul li.topics_media a:hover{
	background: url(../img/img_arrow_01.png) 6px 15px;
	background-repeat:no-repeat;
}

#topics_tabs ul li.topics_all{
	max-width:400px;
	width:49%;
	border-left:1px solid #CECECE;
	height:38px;
	background : url(../img/bg_spbgon_05.png) 100% 100%;
	background-repeat:no-repeat;
}

#topics_tabs ul li.topics_news{
	max-width:400px;
	width:50%;
	border-left:1px solid #CECECE;
	height:38px;
	background : url(../img/bg_spbgoff_05.png) 100% 100%;
	background-repeat:no-repeat;
}

#topics_tabs ul li.topics_blog{
	max-width:400px;
	width:49%;
	border-left:1px solid #CECECE;
	height:38px;
	background : url(../img/bg_spbgoff_05.png) 100% 100%;
	background-repeat:no-repeat;
}

#topics_tabs ul li.topics_media{
	max-width:400px;
	width:50%;
	border-left:1px solid #CECECE;
	height:38px;
	background : url(../img/bg_spbgoff_05.png) 100% 100%;
	background-repeat:no-repeat;
}




.topics_tabs_content{
	border:1px solid #CECECE;
	padding:0 2% 2% 2%;
	margin-top:0;
	margin-bottom:20px;
	display:block;
    max-width: 800px;
    width: 95%;
}


.topics_tabs_content topics_tabs_box,
.topics_tabs_content topics_tabs_box_la{
	border:none;
	padding:0;
	margin:0;
	line-height:18px;
}

.topics_tabs_content .icon_box .icon_box{
	float:left;
}

.icon_box{
	margin:0;
	padding:0;
}

.icon_box .icon_box_01{
	float:left;
	margin:0;
	padding:0;
	margin-right:1px;
	width:87px;
	height:20px;
}

.icon_box .icon_box_02{
	float:left;
	margin:0;
	padding:0;
	margin-right:1px;
	width:43px;
	height:20px;
	margin-top:1px;
}


.icon_box .icon_box_03{
	float:left;
	margin:0;
	padding:0;
	margin-right:1px;
	width:43px;
	height:20px;
	margin-top:1px;

}

.topics_tabs_box{
	border-bottom:1px dotted #CACACA;
	padding:15px 0;
}

.topics_tabs_box_la{
	padding:15px 0;
}

.topics_tabs_box .icon_box,
.topics_tabs_box_la .icon_box {
	float:left;
	max-width:800px;
	width:100%;
	margin-bottom:2%;
}
.topics_tabs_box .text_box,
.topics_tabs_box_la .text_box{
	float:none;
	display:flex;
	max-width:800px;
	width:100%;
	padding-left:0;
}

.text_box .topics_date{
	float:left;
	/*margin-right:10px;*/
}

.text_box .topisc_text{
	background:url("../../common/img/arrow01.png") no-repeat left 5px;
	float: left;
    width: 63%;
}

.text_box .topisc_text a{
	padding-left:10px;
	color:#000000;
}

.text_box .topisc_text a:hover{
	text-decoration:underline;
}

/*--------------------
東京・大阪アイコン
--------------------*/
/*幅43px*/
span.areaicon_tokyo{
    margin-right: 5px !important;
}
span.areaicon_osaka{
    margin-right: 5px !important;
}


/*----------------------------------
2022.1名古屋校追加にともなう変更
------------------------------------*/
	.icon_box .item3{
		padding-left:1vw !important;
		width:5em !important;
	}
	.icon_box .text-icon{
		font-size:2.4vw;
	}







}