/* * * * * * * * * * * * * * * * * *
 smart.css
* * * * * * * * * * * * * * * * * */

/* common
--------------------------------- */
body{
	-webkit-text-size-adjust: 100%;
}

a:hover img.op {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#topcontrol {
	display: none;
}

/* header */
#header .headBox {
	width: auto;
	padding: 0 0 15px;
}
#header .headBox h1 {
	width: auto;
	float: none;
	text-align: center;
	padding: 15px 0 10px;
}
	#header .headBox h1 img {
		width: 90%;
		height: auto;
	}

#header .headBox p.tel,
#header .headBox p.btn_contact {
	float: left;
	width: 42%;
	padding: 0 4%;
	margin: 0;
}
	#header .headBox p.tel {
		padding-top: 5px;
	}
#header .headBox p.tel img,
#header .headBox p.btn_contact img {
	width: 100%;
	height: auto;
}

#gNavi {
	background: #1680BE;
	height: auto;
}
#gNavi ul {
	border: 0;
	width: auto;
	margin: 0;
}
#gNavi ul li {
	width: auto;
	height: 46px;
	float: none;
	border: 0;
	border-bottom: 1px solid #2e95d1;
	display: none;
}
#gNavi ul li a {
	background-size: 100% 100% !important;
	height: 46px;
	line-height: 48px;
}

#gNavi ul li#btn_menu {
	display: block;
}
#gNavi ul li#btn_menu a:hover {
	background-image: none;
}
#gNavi ul li#btn_menu a span {
	display: block;
	height: 46px;
	background: url(../img/common/btn_menu.png) 15px center no-repeat;
	background-size: 20px 19px;
}


#main {
	width: auto;
	margin: 0;
	padding: 25px 10px;
}
#content, #side {
	width: auto;
	float: none;
}

/* footer */
#footer .footIn {
	width: auto;
	float: none;
	margin: 0;
	padding: 15px 10px 10px;
}
#footer div.l, #footer div.r {
	width: 100%;
	float: none;
	text-align: center;
}
#footer div.l p.logo {
	margin-bottom: 10px;
}
	#footer div.l p.logo img {
		width: 240px;
		height: auto;
	}
#footer div.l p.address {
	font-size: 11px;
}
#footer div.r dl {
	display: none;
}
#footer p.copy {
	font-size: 8px;
}

#footer div.r dl#footLink {
	display: block;
	margin: 5px 0 0;
	font-size: 11.5px;
	letter-spacing: -0.5px;
}
dl.sitemap dt, dl.sitemap dd {
	display: inline;
	padding: 0 5px;
}
dl.sitemap dt a {
	background-size: 12px 12px;
	padding-left: 17px;
}


/* naka */
.naka #side {
	margin-bottom: 20px;
}
.naka #side h2 {
	font-size: 18px;
}
#subNav li a {
	font-size: 15px;
	padding: 10px 0 10px 43px;
	background-size: 14px 14px;
}

.naka #side .company,
.naka ul.sideNav,
.naka #links,
.naka #take {
	display: none;
}
#subNav {
	margin-bottom: 0;
}

.naka #content {
	width: auto;
	font-size: 12px;
	padding: 15px 12px;
}
.naka #content h3 {
	font-size: 15px;
}

.naka .ttlBox {
	margin: -15px -12px 15px;
	padding:  15px 12px;
	font-size: 12px;
}
	.naka .ttlBox img {
		width: 100%;
		height: auto;
	}


/* home
--------------------------------- */
#mv {
	height: 262px;
	background: url(../img/home/mv_sp.webp) center center no-repeat #E9F8FF;
	background-size: 300px 262px;
}
#mv img {
	display: none;
}

div.txt_home {
	font-size: 11.5px;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 15px 10px;
}
div.txt_home img {
	width: 100%;
	height: auto;
}
div.txt_home p br {
	display: none;
}

#home ul.btnBox {
/* 	margin: 0 -10px 20px; */
	margin: 0;
	padding-bottom: 10px;
}
#home ul.btnBox li {
	margin: 0 0 10px;
/* 	width: 50%; */
	width: 100%;
	text-align: center;
}
#home ul.btnBox li img {
/* 	width: 92%; */
	width: 80%;
	height: auto;
}

#links {
	margin-bottom: 30px;
}
#links h2 img {
	width: 66%;
	height: auto;
}
#links p.txt {
	font-size: 12px;
	padding: 0 10px;
}
#links ul {
	margin-bottom: -10px;
}
#links ul li {
	margin-bottom: 10px;
	display: block;
}

#home #take {
	margin-bottom: 20px;
}
#take h2 {
	overflow: hidden;
}
#take ul li {
	margin-bottom: 5px;
}

#fd {
	text-align: center;
	margin-bottom: 20px;
}
p.txt_fd {
	width: 288px;
	margin: 0 auto;
}

#home ul.sideNav {
	display: none;
}
ul.sideNav {
	text-align: center;
	margin-bottom: 20px;
}
ul.sideNav img {
	width: 80%;
	height: auto;
}

.sideBnr {
	text-align: center;
}



/* about
--------------------------------- */
.txtBox .img {
	width: 35%;
}
	.txtBox .img img {
		width: 100%;
		height: auto;
	}
.txtBox .txt {
	width: 60%;
	font-size: 12px;
}
	.txtBox .txt br {
		display: none;
	}
	.txtBox .txt img {
		width: 90%;
		height: auto;
	}

#about p.tac img {
	width: 100%;
	height: auto;
}

/* staff */
ul.staffList li .img {
	text-align: center;
	width: auto;
	float: none;
	margin-bottom: 5px;
}
ul.staffList li .img img {
	width: 140px;
	height: auto;
}
ul.staffList li .txt {
	width: auto;
	float: none;
	font-size: 12px;
}
ul.staffList li .txt p.name {
	text-align: center;
}

/* access */
.map iframe {
	height: 240px;
}
.img_access img {
	float: none;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}



/* service
--------------------------------- */
#service .tabNav li a {
	padding: 10px 0 8px 30px;
	font-size: 14px;
	font-weight: normal;
	background-position: 10px center !important;
	background-size: 12px 12px;
}
	#service .tabNav li a span {
		font-size: 16px;
		padding-right: 2px;
	}

ul.serviceList {
	padding: 10px 10px 5px;
}

ul.serviceList li p.l {
	float: none;
	width: auto;
	text-align: center;
}
	ul.serviceList li p.l img {
		width: 100px;
		height: auto;
	}
ul.serviceList li p.txt br {
	display: none;
}
ul.serviceList li div.r {
	float: none;
	width: auto;
	padding: 5px 5px 0;
}

p.button {
	width: auto;
	float: none;
	margin-top: 20px;
}
	p.button a {
		font-size: 13px;
		background-size: 14px 14px;
	}
	p.button a strong {
		font-size: 18px;
	}

.noteBox {
	font-size: 10px;
}


/* shittoku
--------------------------------- */
#shittoku h4,
#shittoku h4.l2 {
	white-space: normal;
	background-position: left center !important;
	padding: 0 0 5px 30px;
	background-size: 20px auto;
	font-size: 15px;
}
	#shittoku h4 br {
		display: none;
	}
#shittoku p.txt {
	padding: 0;
	margin-bottom: 10px;
	font-size: 13px;
}
#shittoku p.tac img {
	width: 100%;
	height: auto;
}
#shittoku table.subTable {
	margin-bottom: 10px;
}

/*
#shittoku #content {
	padding-bottom: 0;
}
*/



/* voice
--------------------------------- */
.voiceBox p.l {
	margin: 0 10px 5px 0;
}
.voiceBox p.r {
	margin: 0 0 5px 10px;
}
.voiceBox .img {
	width: 40%;
}
	.voiceBox .img img {
		width: 100%;
		height: auto;
	}