@charset "UTF-8";
/* CSS Document */



/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {

html {
	-webkit-text-size-adjust: 100%;
}


body {
	width: 99%;
}

#contents {
	width:100%;
	margin:0 auto;
	margin-top:0;
}

#header {
	display: none;
}


#mainmenu {
	display:none;
}

#sp-heder {
	display: block;
}

#sp-menu {
	z-index: 1000;
}



h5 {
	width: 98%;
	
	
}



/* =======================================
2段目
======================================= */
/*左部*/
/*スライド*/

.Box_left {
	float: none;
	order: 1;

	
	
}


.sliderBox {
	float: none;
	width: 99%;
}

.bxslider div div.photo {
	float: none;
	width: 80%;
	text-align: center;
}

.bxslider div div.text {
	float: none;
	width: 90%;

}

.Box_right {
	float: none;
	width: 99%;
	margin: 25px 0 0 0;
	
	
}

.bxslider_bottom {
	width: 99%;
}


.rightBox {
	float: none;
	width: 99%;
	margin: 0 auto;
	order: 0;
	
	
}

.tiiki_BTR {
	float: left ;
	margin-right: 2px;
}

/*ボタン3*/
.rightBoxBOT {
	width: 99%;
	order: 3;
}

.rightBoxBOT div {
	float: none ;
	width: 99%;
	text-align:center;
}



/*バナー*/
.bannerBox {
	width: 99%;
}

.bannerBox div {
	float: none;
	width: 99%;
	margin: 0 auto;
	text-align: center;
}

.bannerBox div img {
	max-width: 100%;
	height:auto;
}

.bannerBox div.Last {
	float: none;
}


/*================================
学習情報検索
=================================*/


/*検索*/
.search2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.search2 input.inputtxt {
	width:90%;
	margin-bottom: 10px;

}

.search2 .submitbutton2 {
	background-size: 90% auto;

}

.search2 .resetbutton2 {
	background-size: 90% auto;

}



#whopper {
    width: 100%;
}


#whopper .menu {
     width: 100%;
     float: none;
}
#whopper .menu ul {
		width:95%;
		
}





.tikumap {
	float: none;
	width: 99%;
	text-align: center;
}

.tikumap img {
	max-width: 100%;
	height:auto;
}

.tikusentaku {
	float: none;
	width:99%;
}


/* =======================================
検索一覧
======================================= */

#tab-box {
	float: none;
	margin-top: 20px;
}
#tab-box div {
width: 99%;

}



#tab-box div p.pageNavi,
.kekka p.pageNavi {
	width: 93%;
	height: auto;
	
}

#tab-box div p span.pageCount,
.kekka  p span.pageCount {
	margin-top: 3px;
	float: none;
	display: inline-block;
}


#tab-box div.MM2 {
width: 99%;
}

#tab-box div.MM3 {
width: 99%;
}


#tab-box div.MM4 {
width: 99%;
}

#tab-box div.MM5 {
width: 99%;
}


#tab-box div.MM6 {
width: 99%;
}




.kekka div.hyoujiboxL {
	width:93%;
	float: none;
}

.kekka div.hyoujiboxR {
	width: 93%;
	float: none;
}

.output_areaL {
	width: 100%;
	float: none;
	
}

.output_areaR {
	width: 100%;
	float: none;
}


/* =======================================
footer
======================================= */
#footer {
	width: 99%;
	height: auto;
	
}

#footer .main {
	width: 100%;

	
}

/* =======================================
順序
======================================= */

.resodr{
	display: flex;           /* flexコンテナ化 */
   flex-direction: column; /* 縦向きに配置 */
}






 /* 追加 */
/* =======================================
問合せ
======================================= */
.otoiwaseform {
	width:98%;
}

.otoiwase_midasi {
	float:left;
	width: 99%;
}

.otoiwase_koumoku {
	width: 99%;
	float:left;
}

.otoiwase_koumoku input.inputtype {
	width: 95%;
}

.otoiwase_koumoku textarea {
	width: 95%;
}

/* table横スクロール */
.output_area table {
	/*max-width: 100%;*/
	overflow-x: scroll;
	overflow: auto;
	display:block;
	max-width: 100%;
	white-space: nowrap;
}
/* tableにスクロールバーを表示 */
.output_area table::-webkit-scrollbar {
	height: 5px;
}
.output_area table::-webkit-scrollbar-track {
	background: #F1F1F1;
}
.output_area table::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}


/* 追加 */
.output_area img {
	width: 95%;
	height: auto;
}

.output_area iframe {
	width: 95%;
}

.itiran_sho {
	width: 95%; /* add */
}





}