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

body { min-width:400px; font-size:100%;}
#header { display:none!important;}
#content{ width:100%;}
#footer { width:100%;}
#wrapper { border-top:none;}
#base { width:auto; margin:0 !important;}
#page { bottom:55px; right:10px; }
.pc { display:none;}
.sm { display:block;}


/*====================================================================================================
  HEADER
====================================================================================================*/
#header {}


/*====================================================================================================
  CONTENT
====================================================================================================*/
#content {}

/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer .box_main { padding:5%;}
#footer .box_main div { float:none; }
#footer .f_logo { margin: auto; width:200px; height: 60px; background-size: 100% auto;}
#footer .f_add {
	margin:0;
	width: 100%;
}
#footer .f_add b { font-size:100%; }
#footer .f_add p { font-size:87.5%; }
#footer .f_nav  { display: none; }
#footer .bana  { float: none !important; margin:20px auto;}
#footer .bana a { height:90px;}


/*====================================================================================================
  TOP PAGE
====================================================================================================*/
#toppage h3 { font-size:125%; padding-left:70px;}
#toppage .info { width:90%; padding:35px 0 20px; }

/*** MAINIMG ***/
#toppage .mainimg { padding:5%;}

/*** LATEST INFORMATION ***/
#toppage .latest_notice { padding:5% 0 0;}
#toppage .latest_notice .news { float:none; width:100%; padding:0 5%;}
#toppage .latest_notice .news h3 { 
	margin-bottom:5%; 
	background: url(../../img/latest_tit.svg) no-repeat 15px center;
	background-size: 40px auto;
}
#toppage .latest_notice .news a:nth-child(n+4) { display:none;}
#toppage .latest_notice .news ul li:nth-child(3) { padding-right:20px; }	
#toppage .latest_notice .news ul li.loc { clear: both; position:static;  margin: 15px 0 0; text-align: left;}

#toppage .latest_notice .topics { float:none; width:100%; padding:5% 5% 0; border-top:10px solid #fff;}
#toppage .latest_notice .topics h3 { 
	margin-bottom:5%; 
	background: url(../../img/event_tit.svg) no-repeat 15px center;
	background-size: 40px auto;
}
#toppage .latest_notice .topics ul li:nth-child(1) { float: left; width:110px;}
#toppage .latest_notice .topics ul li:nth-child(1) img { width:110px; height:110px; object-fit: cover;}
#toppage .latest_notice .topics ul li:nth-child(2) { width: calc(100% - 130px);}
#toppage .latest_notice .topics ul li:nth-child(2) p:nth-child(2) { display: none;}
	
#toppage .latest_notice .btn { padding:10% 0;}
#toppage .latest_notice .btn p { float:none; margin: auto;}


/*** INSTITUTION ***/
#toppage .category .category_list p { float:none; width:90%; margin:1% auto; }

/*** BANNER ***/
#toppage .banner2 { width:100%; margin: 0 auto; padding:10% 5%; }
#toppage .banner2 ul li { width:49%; margin:1% 0; }
#toppage .banner2 ul li+li { margin-left: 2%; }
#toppage .banner2 ul li:nth-child(2n+1) { clear: both; margin-left: 0;}
#toppage .banner2 ul li img { width:100%; height: auto;}

#toppage .banner2 ul li.twitter { width: 100%; }

/*====================================================================================================
  SUB PAGE
====================================================================================================*/
#subpage {
	padding: 5% 5% 15%;
	width:100%;
	overflow: hidden;
}

/* TITLE */
h1.sb_tit {
	/* padding:40px; */
	padding: 40px 5%;
	font-size:150%;
}

h1.sb_tit span {
	width: 100%;
}

/* PAN */
.pan { display: none;}

/* MIDASHI */
/*#subpage h2 { margin:20px 2%; font-size:120%;} */
#subpage h2 { margin:20px 0; font-size:120%;}

/* COMMON */
#subpage .comment { margin:0 2% 20px;}

/* PHOTO */
#subpage .photo-l,
#subpage .photo-r,
#subpage .photo-c { clear:both; float:none; text-align:center; margin:0 0 10px;}
#subpage .photo-l img,
#subpage .photo-r img,
#subpage .photo-c img { width:100%; height:auto;}
#subpage .photo-l2 { float:none;}
#subpage .photo-r2 { float:none;}
#subpage .photo-l2 p { float:left; width:48%; margin:0 1%;}
#subpage .photo-r2 p { float:left; width:48%; margin:0 1%;}
#subpage .photo-l2 img,
#subpage .photo-r2 img { width:100%; height:auto;}
#subpage .caption {}

/* LIST */
#subpage ul {}
#subpage ul li {}
#subpage ol {padding-left: 5%;}
#subpage ol li {}


/* HYOU */
#subpage table {}
#subpage table th,
#subpage table td {
/*
	table-layout:auto !important;
	display:block !important;
	padding:5px 5% !important;
	width:100% !important;
	height:auto !important;
	text-align:left;
	font-weight:normal;
	box-sizing:	border-box;
*/
}

/* LINK */
#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link {}


/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/
/* BOX1 */
#subpage .box1 {margin:0 2% 20px;}

/* BOX2 */
#subpage .box2 {margin:0 2% 20px;}
#subpage .box2 h3 { margin:10px 0; font-size:120%;}

/* BOX3 */
#subpage .box3 {margin:0 2% 20px;}

/* BOX4 */
#subpage .box4 {}
#subpage .box4 .box { float:none; width:96%; margin:0 2% 20px;}
#subpage .box4 p { padding:10px 0 0 !important; }
#subpage .box4 .bo a {font-size:100%;}
	

/* 2022/01/17 add */
#subpage #news ul li.loc {
	float:none;
	clear:both;
	top:auto;
}

#subpage #news ul li:nth-child(3) {
	width: calc(100% - 2em);
}

#subpage img{
	max-width:100%;
}

.dsptable table{
	white-space:nowrap;
}

#facebook_btn{
	width:150px !important;
}



}