/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/


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

	body {
		margin: 0;
	}

	img {
	max-width: 100%;
	height: auto;
	width:auto;
	}
	
	.spNone{display: none;}

	/* index
	---------------------------------------------------------- */
	.flexslider {margin: 0 0 60px!important;}
	.flex-control-nav{
		bottom: auto !important;
		padding:10px !important;
		box-sizing: border-box !important;
	}
	#index_bnrbox li:nth-child(odd){
		float:left;
		width:48%;
	}

	#index_bnrbox li:nth-child(even){
		float:right;
		width:48%;
	}

.l img{
	width:100%;
}

.r img{
	width:100%;
}
	
.indexInfoWrap{
	width: 100%;
	display: block;
}

.indexInfoDate{
	width: 100%;
}

.indexInfoTextWrap{
	width: 100%;
}
	
.indexInfoPDF {
	width: 30%;
}

/* spage
---------------------------------------------------------- */

.sideb{
	width:100%
}

/* qa
---------------------------------------------------------- */


#qa_box li{
	width:100%;
	padding:0 0 10px 0;
	margin:0;
	text-align:center;
}


.qa_l{
	float:none;
}

.qa_r{
	float:none;
}
#qa_table{
	width: 100%;
}

.acMenu dt{
	display:block;
	width:88%;
	padding:5% 2% 0 2%;
	cursor:pointer;
	font-size:16px;
	color:#073190;
	margin:0 0 0 2em;
}

.acMenu dd{
	width:96%;
	padding:0 2% 2% 2%;
	display:none;
	font-size:14px;
}

/* tetsudo
---------------------------------------------------------- */


.tetsudo_box li{
	width:100%;
	padding:0 0 10px 0;
	margin:0;
	text-align:center;
}


.tetsudo_l{
	float:none;
}

.tetsudo_r{
	float:none;
}

/* jikoku
---------------------------------------------------------- */


.jikoku_box02{
	width:100%;
	padding-bottom:20px;
	margin:0 auto;
}

.jikoku_lbtn{
	width:100%;
	float:none;
	font-size:14px;
	padding-bottom:10px;
	text-align:center;
}

.jikoku_rbtn{
	width:100%;
	float:none;
	font-size:14px;
	text-align:center;
}
	
.jikoku_bnr{
	display: block;
	width: 100%;
}

/* unchin
---------------------------------------------------------- */

.unchin{
	float:none;
	width:100%;
	text-align:center;
	padding:10px 5px 25px 0;
}

/* ensen
---------------------------------------------------------- */

.ensen_iul01{
	padding:0;
	margin:0;
	list-style-type:none;
}

.ensen_iul01 li{
	width:48%;
	padding:0 5px 5px 0;
	display:inline-block;
}

.ensen_iul01 img{
	width:100%;
}

/* yumezora
---------------------------------------------------------- */

.yumezora_ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

.yumezora_ul li{
	width:100%;
	display:inline-block;
	padding-right:5px;
	text-align:center;
}

.yjikoku_img{
	float:none;
}

.yjikoku_text{
	float:none;
	width:100%;
	font-size:14px;
	line-height:2em;
}

/*--1016 add--*/

#index_bnrbox .hoge {
	display:block;
}

/*--2024 追加--*/
.yjikokuSchedule{width: 80%;}
.yjikokuSchedule li{width: 100%;}

/* wheelchair
---------------------------------------------------------- */

#wheelchair{
	flex-wrap: wrap;
}
	
#wheelchair li{
	width: 100%;
	margin-bottom: 40px;
}

/* unchinkaitei
---------------------------------------------------------- */

.ukaiteiBtnWrap{width: 100%;}
	
.ukaiteiBtn2{width: 100%;}

.ukaiteiTable tbody td{
	width: 25%;
}

.ukaiteiTable tbody td span{
	display: none;
}


.ukaiteiQ{
	font-size: 16px;
	color: #FF0004;
	font-weight: bold;
}

.ukaiteiA{
	font-size: 14px;
	margin-bottom: 2rem;
}

.ukaiteiA span{
	color:#003399;
	font-weight: bold;
}
	/* anzen
---------------------------------------------------------- */
#anzen_menu{
	width:100%;
}
.anzenImgList{
	width: 100%;
}
.anzenImgList li span{
	font-size: 12px
}

/*===================
   コロナ対策
=====================*/
.coronaMovieBox{
	width: 100%;
}
.coronaMovieWrap{
	width: 100%;
}
/*===================
   jiku
=====================*/
.jiku_bin{
	flex:100%;
	padding-right: 0;
}
.jiku_yoyaku{
	width: 100%;
	margin: 10px 0 0 0;
}
.jiku_table th{
	width: 20%;
	vertical-align: top;
	padding: 0;
	margin: 0;
	font-size: 15px;
	text-align: left;
}
/*===================
   tetsuin
=====================*/
.tetsuinList li{
	width: 100%;
	padding: 10px 2%;
	box-sizing: border-box;
}
/*===================
   a25
=====================*/
.a25TopText p{width: 100%;}
.a25Logo{width: 100%;}
.a25BnrList li{
	width: 100%;
	padding: 5px 0;
}
/*===================
   2022.10 snsボタン追加
=====================*/
.headerLogo{width: 55%;}
.headerRightWrap{width: 45%;}
/*===================
   2023.6 recruit
=====================*/
.recruitBox table  thead{display: none;}
.recruitBox table td{
	display: block;
	border: none;
}
.recruitBox table td:nth-child(1),
.recruitBox table td:nth-child(2),
.recruitBox table td:nth-child(3),
.recruitBox table td:nth-child(4){
	width: 100%;
	text-align: center;
}
.recruitBox table td span{
	display:block;
	width: 100%;
	padding: 10px;
	text-align: center;
	background: #ccf0ff;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.recruitBox table tr{
	border: 1px solid #afafaf;
	padding: 0;
}
.recruitBox dl dt{
	width: 100%;
	margin-bottom:3px;
}
.recruitBox dl dd{
	width: 100%;
	padding-left: 16px;
}
.recruitBox ul{width: 95%;}
.dantai_table3{
	width: 100%;
}
/*===================
   2024.3 鉄道むすめ
=====================*/
.tmSliderWrap{width:100%;}
.tmMainWrap{width: 100%;}
.tmName{
	padding-top: 15px;
	text-align: center;
	justify-content: center;
}
.tmDebut{
	width: 100%;
	margin-bottom: 15px;
}
.tm-sliderSD{width: 100%;}
.tmFooter{justify-content: center;}
.tmLink li{width: 100%;}
.tmLink li a,.tmNoLink{height: auto;}
.tmLinkImg{display: inline-block;}
.tmLinkImg img{width: 25%;}
}