@charset "utf-8";

/* CSS Document */


@media screen and (max-width: 600px) {
#gnav {
	display: none;/*モバイル時は非表示*/
}
.slicknav_menu {
	display: block;/*モバイル時は表示*/
}
}
body {
	font-size: 12px;
	background: url(../images/bg.png);
}
#contents {
	width: 100%;
}
#bg {
	background-image: none;
	min-width: 200px;
}
#topservice h2, #rate h2, #uservoice h2, #service h2, #tv h2, #company h2, #form h2 ,#mail h2{
	margin-top: 10px;
	width: 90%;
	font-size: 16px;
}
/*ヘッダー*/
header .inner {
	width: 100%;
}
header {
	min-width: 200px;
	height: auto;
	background: rgba(255,255,255,0.50);
}
header h1 {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#title {
	width: auto;
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#title h2 {
	font-size: 24px;
	color: #1310FF;
	margin-top: 5px;
}
#title h3 {
	font-size: 14px;
	color: #FF0004;
}
#title #ruby {
	font-size: 14px;
	letter-spacing: 3px;
}
#address {
	width: 90%;
	height: 50px;
	text-align: center;
	float: none;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#address dt {
	margin-bottom: 3px;
}
#address dd {
	text-shadow: none;
}
/*ヘッダーここまで*/
/*フッター*/
footer {
	height: auto;
	min-width: 200px;
}
footer .inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
footer ul li {
	font-size: 12px;
	width: auto;
	float: none;
	margin-top: 5px;
}
footer ul li a:hover {
	color: #FFFFFF;
}
/*フッターここまで*/
/*グローバルナビゲーション*/
#gnavbg {
	height: auto;
	background: linear-gradient(#8580d8, #0b01b8);
	background: -moz-linear-gradient(top, #8580d8, #0b01b8);
	background: -webkit-linear-gradient(#8580d8, #0b01b8);
}
#gnav {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	
}
#gnav ul li {
	width: 100%;
	height: 30px;
	border-left: none;
	border-bottom: #000000 1px solid;
	float: left;
}
#gnav ul li a {
	font-weight: 700;
	font-size: 14px;
	color: #ffffff;
	background: linear-gradient(#8580d8, #0b01b8);
	line-height: 30px;
	text-decoration: none;
}
#gnav ul li a:hover {
	background: linear-gradient(#8580d8, #0b01b8);
	background: -moz-linear-gradient(top, #8580d8, #0b01b8);
	background: -webkit-linear-gradient(#8580d8, #0b01b8);
}
#gnav ul li:first-child {
	width: 100%;
	border-top: #000000 1px solid;
}
#gnav ul li:last-child {
	width: 100%;
	border-right: none;
}
/*グローバルナビゲーションここまで*/
/*トップイメージ*/
.top_img {
	width: 100%;
	height: auto;
	margin-top: 0px;
}
.left, .right {
	float: none;
}
/*トップサービス*/
#topservice .right, #topservice .left {
	width: 95%;
	height: 130px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#topservice .right h3, #topservice .left h3 {
	width: 80%;
	font-size: 18px;
	margin-top: 15px;
	text-align: center;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
}
.right ul li, .left ul li {
	margin-left: auto;
	margin-right: auto;
}
.textbox {
	width: 80%;
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.left img, .right img {
	float: none;
	display: none;
}
#topservice #svd {
	width: 200px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#topservice #svd a {
	background: none;
}
/*エリア*/
#area {
	width: 95%;
	height: auto;
}
#area h3 {
	font-size: 18px;
}
#area #arealeft {
	width: 80%;
	float: none;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#area #arearight {
	width: 200px;
	margin-top: 15px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

#topgo a {
	font-size: 16px;
	display: block;
	margin-left: auto;
	margin-right: 10px;
	width: 100px;
	height: 30px;
	 color:  #562F11;
	background-color: #FFFFFF;
	border-radius: 15px;
	line-height: 30px;
	text-decoration: none;
	letter-spacing: 0.1em;
}
/*会社概要*/
#company {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#company th {
	width: 40%;
}
/*会社概要ここまで*/
/*お問い合わせ*/
#form {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#form form {
	width: 95%;
	height: auto;
}
#form table, #form tr, #form th, #form td, #form textarea {
	width: 95%;
	display: block;
}
#form th span{font-size: 10px;
	margin-right: 10px;
	margin-top: 5px;
}
/*お問い合わせここまで*/

/*サービス案内*/

.service_main h3, #service_etc h3 {
	width: 80%;
}
.service_main {
	width: 95%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.service_des {
	width: 95%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.service_left {
	width: 100%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.service_right {
	float: none;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.service_right img {
	width: 100%;
	display: block;
}
.service_des p {
	padding: 5px;
}
#service_etc h3 {
	text-align: center;
	margin-bottom: 5px;
}
#service_etc {
	width: 85%;
	height: auto;
}
#service_etc p {
	width: 90%;
	font-size: 14px;
}
#service_etc_border {
	width: 95%;
	height: auto;
}
/*サービス案内ここまで*/


/*テレビ共聴設備*/
#tvdes, #tvtoha {
	width: 95%;
}
#tvtoha h3 ,#tvdes h3{
	font-size: 16px;
}
#tvdes p, #tvtoha p {
	width: 90%;
}
#tvhyou, #tvhyou .res table, #tvhyou .pc table {
	width: 95%;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
#tvhyou table tr {
	margin-left: auto;
	margin-right: auto;
}
#tvhyou p {
	width: 95%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#tvsanko {
	width: 100%;
	margin-top: 15px;
}
#tvsanko #sanko_1, #tvsanko #sanko_2, #tvsanko #sanko_3, #tvsanko #sanko_4 {
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#tvsanko #sanko_1 {
	margin-right: auto;
	margin-left: auto;
}
#tvsanko h4 {
	margin-bottom: 10px;
}
/*テレビ共聴設備ここまで*/


/*料金案内*/
.res {
	display: block;
}
.pc {
	display: none
}
.ratesheet {
	width: 95%;
}
.rateright, .rateleft {
	width: 100%;
	float: none;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#rate_1, #rate_2, #rate_3, #rate_4, #rate_5, #rate_6, #rate_7, #rate2_1, #rate2_2, #rate2_3 {
	background-size: auto 50px;
	width: 95%;
	height: auto;
}
#rate_box_1, #rate_box_2, #rate_box_3, #rate_box_4, #rate_box_5, #rate_box_6, #rate_box_7, #rate_box2_1, #rate_box2_2, #rate_box2_3 {
	width: 90%;
	float: none;
	padding-bottom: 10px;
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
}
#rate_box_3_2 {
	float: none;
	width: 210px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.ratesheet h3 {
	font-family: "Rounded Mplus 1c";
	line-height: 1.2em;
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 10px;
	text-align: center;
}
.ratesheet p {
	text-align: left;
	line-height: 1.2em;
	margin-left: 8px;
}
/*料金案内ここまで*/
/*お客様の声*/
.voice_box {
	width: 95%;
}
.voice_box .bun {
	width: 95%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
.voice_box .left img {
	width: 200px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

/*お客様の声ここまで*/