@charset "utf-8";

@media screen and (max-width:960px){
	
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/*header
-------------------------------------------*/
#header{
	position:relative;
    top:auto;
    left:auto;
	background:url(../img/bg_header.gif) repeat-x;
}

.header_inner{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:10px 0;
}

.header_inner h1{
	float:none;
	text-align:center;
}

.header_inner h2{
	float:none;
	text-align:center;
}

.header_inner h1 img{
	width:50%;
	height:auto;
}

.header_inner h2 img{
	width:80%;
	height:auto;
}



/*nav
-------------------------------------------*/
.nav{
	width:100%;
	height:auto;
	background:url(../img/bg_nav.png);
}

.nav ul{
	width:100%;
	margin:0 auto;
}

.nav ul li{
	float:none;
	width:100%;
	padding:0;
}

.nav ul li a{
	width:100%;
	height:auto;
	padding:5px 0!important;
	border-bottom:1px solid #FFF;
}

.nav ul li a:hover{
	border-bottom:1px solid #FFF;
	color:#FF6;
	text-decoration:none;
}

* html #header,
* html #nav{     
    position:relative;     
}

#toggle{
	border-bottom:1px solid #FFF;
	display:block;
	text-align:center;
}

#toggle a{
	width:100%;
	padding:5px;
	font-weight:bold;
	color:#FFF;
	display:block;
}

#toggle a:hover{
	color:#FF6;
	text-decoration:none;
}

#about,
#access{
	margin-top:0;
    padding-top:0;
}


/*common
-------------------------------------------*/
.f_left,
.f_right{
	float:none;
}

.pr30{
	padding:0!important;
}

.mr50{
	margin:0!important;
}

.mb30{
	margin-bottom:2%!important;
}


/*contents
-------------------------------------------*/
#contents{
	background-size:contain;
}

.contents_inner{
	width:94%;
	margin:0 auto;
}

.ttl_copy{
	padding:4% 0;
	text-align:CENTER;
}

.ttl_copy img{
	width:70%;
	height:auto;
}

.box_main{
	padding:3%;
}

.box_kiji{
	margin-bottom:4%;
	padding:2%;
}

.box_main h2{
	margin-bottom:2%;
	font-size:20px;
	font-weight:bold;
}

.box_kiji h3{
	margin-bottom:2%;
	font-size:18px;
}

.box_kiji h4,
.box_kiji .ttl_kiji{
	margin-bottom:1%;
	padding-bottom:1%;
}

.box_kiji img{
	width:100%;
	height:auto;
	margin-bottom:2%;
}

.box_kiji_txt{
	width:100%;
}

.box_bana{
	margin-bottom:6%;
}

.box_bana ul li{
	float:none;
	margin:0 0 2% 0;
}

.box_bana ul li img{
	width:100%;
	height:auto;
}

.box_access{
	float:none;
	width:100%;
	margin:0 0 2% 0;
}

.icon_am{
	background:url(../img/icon_am.png) no-repeat;
	background-position:left 5px;
	padding-left:55px;
}

.icon_pm{
	background:url(../img/icon_pm.png) no-repeat;
	background-position:left 5px;
	padding-left:55px;
}

.icon_tel{
	background:url(../img/icon_tel.png) no-repeat;
	background-position:left 5px;
	padding-left:55px;
}

.map{
	float:none;
	width:100%;
	height:300px;
	margin-bottom:2%;
}

dl{
	margin:3% 0;
	padding:3% 0;
}

.box_flow_ttl{
	float:none;
	width:100%;
	margin-right:0;
	padding:0 3%;
}

.box_flow_txt{
	float:none;
	width:100%;
	padding:0 3%;
}

.ar{
	width:60%;
	height:auto;
	margin:0 auto;
}


/*page top
--------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 77%;
	z-index:999;
}
#page-top a {
	width:100%;
	height:30px;
	background-color:#6FC7B8;
	background-image:url(../img/btn_pagetop_sp.png);
	background-repeat:no-repeat;
	background-position:center;
}
#page-top a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
}


/*footer
-------------------------------------------*/
#footer{
	background:#F7F7F7;
}

.footer_inner{
	width:100%;
	margin:0 auto;
	padding:4% 0 0 0;
}

.footer_inner .f_left,
.footer_inner p{
	float:none!important;
	text-align:center;
	font-size:18px;
}

.footer_inner .f_left img{
	width:50%;
	height:auto;
	margin-bottom:2%;
}

.footer_inner ul li{
	float:none;
	margin:0;
	padding:0 0 0 4%;
	border-bottom:1px solid #6FC7B8;
	background:url(../img/icon_link.png) no-repeat;
	background-position:2% center;
}

.footer_inner ul li a{
	width:100%;
	height:auto;
	padding:0.5em 0;
	display:block;
}

.copyright{
	padding:10px 0;
	background:#6FC7B8;
	text-align:center;
	font-size:12px;
	color:#FFF;
}

}