@media only screen and (max-width:700px){
	
body { min-width:400px; font-size:100%;}
.pc { display:none;}
.sm { display:block;}

/*====================================================================================================
  HEADER
====================================================================================================*/
#header { display: none; }


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { background-size:400% auto; background-position:25% top; }
#footer .f_box1 { width:90%; }
#footer .f_box1 p { text-align:justify; }
#footer .f_box1 p.hours { text-align:center; }
#footer .f_box1 p.address span { display:none; }
#footer .f_box1 ul li { float:none; width:100%; margin:5px 0; }
#footer .f_box1 ul li+li { margin-left:0; }

#footer .f_box2 { padding:20px 0; }
#footer .f_box2 ul { width:90%; }
#footer .f_box2 ul li { float:none; margin: 5px 0; background:rgba(236, 235, 231, 0.28); }
#footer .f_box2 ul li+li { margin-left:0; }
#footer .f_box2 ul li.logo { background:none; margin-bottom:20px; }
#footer .f_box2 ul li.copy { float:none; margin-top:20px; text-align:center; background:none; }
#footer .f_box2 ul li a { position:relative; padding:5px 30px; }


/*====================================================================================================
  PAGE
====================================================================================================*/
#page,
#page a { display:block; width:107px; height: 77px;}
#page { position: fixed; bottom:40px; right: 20px;}


/*====================================================================================================
  TOPPAGE
====================================================================================================*/
#toppage .box_main { width:90%; }
#toppage h3 { width:100%; }

/** MAINIMG **/
#toppage .mainimg { padding-bottom:50px; background-size: 110%; background-position: bottom center;}
#toppage .mainimg ul { width: 85%; }
#toppage .mainimg ul.slick-dots { width:100%; }
#toppage .mainimg ul li { outline: 2px solid #c71825; outline-offset: -5px; }
#toppage .mainimg ul li img { max-height: 144px; object-position: bottom; } 

/** IMPORTANT NOTICE **/
#toppage .notice { 
	background: none; 
	border: none; 
	box-shadow: none; 
	border-bottom: 2px  solid #c71825;
	width: 100%;
	margin: auto;
	padding: 20px 0 15px;
}
#toppage .notice ul { position: relative; }
#toppage .notice ul li.tit { float: none; clear: both; margin-bottom: 10px; }
#toppage .notice ul li.rss { 
	background: rgba(93, 93, 93, .05); 
	float: none; 
	clear: both; 
	position: absolute; 
	right: 0;
	top: 0; 
}

/** NAVIGATION LIST **/
#toppage .nav_list { width: 100%; background: url(../../img/top/info_bg.jpg) repeat center; }
#toppage .nav_list ul { overflow: hidden; clear: both; width: 100%; }
#toppage .nav_list ul li { float: left; width: 25%; text-align: center; }
#toppage .nav_list ul li+li { border-left: 2px solid #fff; }
#toppage .nav_list ul li a { display: block; text-decoration: none; padding: 16px 0 14px; }
#toppage .nav_list ul li a b { color: #000; display: block; line-height: 100%; margin-top: 12px; }
#toppage .nav_list ul li:hover a { opacity: 0.7; }

/** DISASTER PREVENTION **/
#toppage .prevention { margin: 5% auto 71px; padding: 5%; }
#toppage .prevention::before { display: none; }
#toppage .prevention dl { overflow: visible; }
#toppage .prevention dl dt { float: none; clear: both; text-align: center; margin-right: 0; }
#toppage .prevention dl dt h4 { padding: 10px 0 15px; }
#toppage .prevention dl dd { float: none; clear: both; width: 85%; margin: auto auto 5px; position: relative; }
#toppage .prevention dl dd:last-child::before {
	content: "";
	position: absolute;
	background: url(../../img/top/notice_img.png) no-repeat center;
	background-size: 100%;
	width: 70px;
	height: 89px;
	left:-70px;
	top: -5px;
}

/** IN THIS CASE **/
#toppage .case { background-position: 43% center; padding: 7% 0 5%; }
#toppage .case::before { height: 65px; top: -65px; }
#toppage .case h3 { width: 87%; margin-bottom: 10px; }
#toppage .case h3 img { margin: auto; }
#toppage .case ul { width: 89%; margin: auto; }
#toppage .case ul li { width: 48%; margin: 1%!important; }
#toppage .case ul li a { padding: 0 0 10px!important; }
#toppage .case ul li:nth-child(6) { clear: none; }

#toppage .case ul li:nth-child(1) a .photo { margin: 7px auto 10px; }
#toppage .case ul li:nth-child(2) a .photo { margin: 14px auto 10px; }
#toppage .case ul li:nth-child(3) a .photo { margin: 11px auto 12px; }
#toppage .case ul li:nth-child(4) a .photo { margin: 13px auto 16px; }
#toppage .case ul li:nth-child(5) a .photo { margin: 19px auto 11px; }
#toppage .case ul li:nth-child(6) a .photo { margin: 16px auto 12px; }
#toppage .case ul li:nth-child(7) a .photo { margin: 16px auto 14px; }
#toppage .case ul li:nth-child(8) a .photo { margin: 17px auto 13px; }
#toppage .case ul li:nth-child(9) a .photo { margin: 13px auto 13px; }
#toppage .case ul li:nth-child(10) a .photo { margin: 8px auto 10px; }

#toppage .case ul li:nth-child(1) a .photo img { width: 26px; height: 48px; }
#toppage .case ul li:nth-child(2) a .photo img { width: 46px; height: 41px; }
#toppage .case ul li:nth-child(3) a .photo img { width: 42px; height: 42px; }
#toppage .case ul li:nth-child(4) a .photo img { width: 69px; height: 36px; }
#toppage .case ul li:nth-child(5) a .photo img { width: 43px; height: 36px; }
#toppage .case ul li:nth-child(6) a .photo img { width: 50px; height: 38px; }
#toppage .case ul li:nth-child(7) a .photo img { width: 44px; height: 34px; }
#toppage .case ul li:nth-child(8) a .photo img { width: 25px; height: 34px; }
#toppage .case ul li:nth-child(9) a .photo img { width: 32px; height: 40px; }
#toppage .case ul li:nth-child(10) a .photo img { width: 47px; height: 48px; }

/** NEWS **/
#toppage .news { padding:35px 0 25px; }
#toppage .news .news_list { float:none; width:100%; }
#toppage .news .news_list h4 { float:none; width:100%; text-align:center; border:none; }
#toppage .news .news_list #tab { float:none; width:100%; }
/*#toppage .news .news_list #tab li { width:49.2%; border-radius:8px 8px 0 0; } */
#toppage .news .news_list #tab li { width:32.2%; border-radius:8px 8px 0 0; }
#toppage .news .news_list #tab li+li { margin-left:1.5%; }
#toppage .news .news_list .content { height:320px; }
#toppage .news .news_list .content ul { position:relative; padding:15px 20px; }
#toppage .news .news_list .content ul li { float:none; }
#toppage .news .news_list .content ul li:nth-child(2) { width:100%;}
#toppage .news .news_list .content ul li a { display:block; line-height:150%; }
#toppage .news .news_list p.btn { float:left; margin-top:20px; }
#toppage .news .news_list p.rss { float:right; }
#toppage .news .info_search { float:none; width:100%; margin-top:105px; }
#toppage .news .info_search .search { width:85%; }
#toppage .news .info_search .search input[type="text"] { color:#0BA7A2; }
#toppage .news .info_search .search input[type="text"]::placeholder { color:#0BA7A2; font-size:100%; }
#toppage .news .info_search ul.search_btn { width:85%; margin:0 auto; }
#toppage .news .info_search ul.search_btn li {position: relative; margin:0 0 3%; width:47%; }
#toppage .news .info_search ul.search_btn li:nth-child(odd) { margin-right:3%; }
#toppage .news .info_search ul.search_btn li a { padding:10px 0 10px 50px; }
#toppage .news .info_search ul.search_btn li p { vertical-align:middle; text-align: left;}
#toppage .news .info_search ul.search_btn li .photo { position: absolute; top:10px; left:10px;}
#toppage .news .info_search ul.search_btn li img { width: 35px; height: auto;}
#toppage .news .info_search ul.search_btn li:last-child .come{ line-height: 30px;}

/** MEDIA **/
#toppage .media { padding-bottom:0; }
#toppage .media h3 { margin-bottom:20px; }
#toppage .media .box_main { width:87%; margin-bottom:75px; }
#toppage .media .box { float:none; width:100%; }
#toppage .media .box::before { display: none;}
#toppage .media .relations .photo { width:45%; }
#toppage .media .relations .photo img { width:100%; }
#toppage .media .sns_fb { margin:0; }
#toppage .media ul { margin-top:10px; }
#toppage .media ul li { width:49%; }
#toppage .media ul li.youtube a { padding:39px 0; }
#toppage .media ul li.youtube img { width:70%; }
#toppage .media .sns_insta { position: relative; border-radius:0; float:none; width:100%; /* height:203px; */ background:rgba(96, 96, 96, 0.7); }
#toppage .media .sns_insta::before {
	display: block; clear: both; content:"";
	position: absolute; top:-65px; right: 0; left: 0; margin: auto;
	width: 60px; height: 60px;
	background: #000;
}
#toppage .media .sns_insta a img { width:49% !important;height:auto !important;); }

#toppage .media .sns_insta::before  { background: url("../../img/top/media_icon03.png") no-repeat;}

/** INFORMATION **/
#toppage .info { margin:30px auto 25px; }
#toppage .info .box { float:none!important; width:100%; }
#toppage .info .box.pickup { margin-top:15px; }
#toppage .info .box ul li { float:none; width:100%; }


/** POPULATION AND HOUSEHOLD **/
#toppage .household {
	background:url(../../img/top/household_bg-sm.png) no-repeat,
						linear-gradient(rgba(236,235,231,0.28),rgba(236,235,231,0.28));
	background-size:cover;
	padding: 95px 0 30px;
}
#toppage .household::after { bottom:90px; left:-200px; }
#toppage .household .count { float:right; width:190px; margin:0 0 45px; }
#toppage .household .box { width:45%; border-radius:10px; }
#toppage .household .box.faq { clear: both; margin:0 1.75% 0 3.25%; }
#toppage .household .box.request { margin:0 3.25% 0 1.75%; }


/** BANNERS **/
#toppage .banners { padding-bottom:30px; background-position:137% bottom; }
#toppage .banners ul { width:90%; }
#toppage .banners ul li { width:48%; margin-top:2%; }
#toppage .banners ul li+li { margin-left:0; }
#toppage .banners ul li:nth-child(odd) { margin-right:4%; }
#toppage .banners ul li img { width:100%; }
#toppage .banners .b_more { width:90%; }



/*====================================================================================================
  SUB PAGE
====================================================================================================*/
.pan { display: none;}

#subpage { padding: 5%; width:100%;}

/* TITLE */
h1.sb_tit {
	clear:both;
	display:block;
	margin-top:0;
	padding:10%;
	font-size:137.5%;
	background-size: cover;
}

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

/* MIDASHI */
#subpage h2 img {width:50px; height: auto;}
#subpage h2 span { top: -10px; right:10px;}

/* 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%;}

/*---------------------------------------------------------------------------
  Contact
---------------------------------------------------------------------------*/
#subpage .contact .come { float:none; width:100%;}
#subpage .contact .bo { float: none;  margin:20px auto 0;}


#toppage .tax{
	text-align:center;
}
#toppage .tax img{
	max-width:50%;
}

#subpage .news .news_list #tab{
	width:100%;
}
#subpage .news .news_list .content ul li:nth-child(1) {
	width:11em;
	float:none;	
}
#subpage .bosai .news .news_list .content ul li:nth-child(2),
#subpage .news .news_list .content ul li:nth-child(2){
	width:100%;
	float:none;	
}

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



#subpage .list .listbox {
	margin-top:20px;
	width:100% !important;
	
}


div#map{
	max-width:100% !important;
}

.dsptable table{
	white-space:nowrap;
}

#subpage .listbox{
	width:100%;
}


}