@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* -----------------------------------------
base
----------------------------------------- */
body{
	background-image: url(../img/rsp_bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
#container{
	padding: 0px;
	text-align: center;
	width: 100%;
	margin: 0% auto;
}
#content{
	clear: both;
	width: 94%;
	margin: 3% auto;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}
body#contents{
	background-image: url(../img/rsp_bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
#main{
	float: right;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

/* メインページ：サイド
----------------------------------------- */
#contents .menutop{
	width: 100%;
	background-position: left top;
}
#container #content #sub .menu-header{
	float: left;
	width: 228px;
	background-position: left top;
}
#container #content #sub .menu-footer{
	background-position: left top;
	float: left;
	width: 228px;
}
#container #content #sub ul.menu{
	background-position: left bottom;
	float: left;
	width: 228px;	
}
#content #sub .btn{
	visibility: hidden;/* 表示しない */
	display:none;
}
/*#container #content #sub .btn{
	float: left;
	width: 65%;
	margin: 2% 0% 0% 0%;
}
#sub ul.menu li{
	width: 95%;
}*/

/* -----------------------------------------
header
----------------------------------------- */
#contents #header .header-left{
	visibility: hidden;/* 表示しない */
	display:none;
}
#contents  #header .header-right{
	visibility: hidden;/* 表示しない */
	display:none;
}

/* -----------------------------------------
インデックス
----------------------------------------- */
#home #sub{
	visibility: hidden;/* 表示しない */
	display:none;
}
/*#sub{
	width: 100%;
	margin-top: 0px;
	float: left;
}
#sub ul.btn {
	width: 100%;
}
#sub ul.btn li{
	margin: 0px 5px 0px 0px;
	float: left;
	width: 32%;
}*/
#main{
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
#home #container #nav{
	margin-top: 4%;
}

/* ボタン消す
----------------------------------------- */
#nav ul.navleft{
	display:none;
}
#nav ul.navright{
	display:none;
}

/* -----------------------------------------
スライドショー：インデックス
----------------------------------------- */
#nav .main-image{
	width: 630px;
	height: 370px;
	padding: 3% 0% 0% 16%;
	background-image: url(../img/rsp_madobg.png);
	background-repeat: no-repeat;
}
#nav .main-image{
	float: none;
	clear: left;
	margin: 0%;
}
#nav #header-inner .main-image #iview div p img {
	visibility: visible;/* 表示する */
}

/* -----------------------------------------
スライドショー：メイン
----------------------------------------- */
#contents  #header .main-image{
	float: left;
	clear: left;
	width: 100%;
}
#contents #iview {
	margin: 0px auto 0px auto;
	text-align: center;
}
#contents  #header #header-inner{
	width: 100%;
	margin: 0px auto 0px auto;
}
#header-inner .main-image #iview div p img {
	visibility: hidden;/* 表示しない */
}

/* -----------------------------------------
パン屑
----------------------------------------- */
#contents ol.topicpath{
	clear: both;
	width: 100%;
	margin: 0% auto;
	height: 35px;
	float: left;
}

/* -----------------------------------------
footer
----------------------------------------- */
#footer ul.footer-navi{
	clear: both;
	overflow: hidden;
	width: 94%;
	margin: 0% auto 3% auto;
	font-size: 90%;
	margin-bottom: 0px;
}
#footer ul.footer-navi li.first{
	margin-left:0px;
	padding-left: 6%;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #EBEAE5;
}
#footer ul.footer-navi li{
	margin-left:1%;
	padding-left:1%;
}
}


@media screen and (max-width: 740px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}

/* -----------------------------------------
メインページ：サイド
----------------------------------------- */
#sub ul.menu{
	float: left;
	width: 228px;
	background-position: left bottom;
}
#container #content #sub .menu-footer{
	background-position: left top;
	float: left;
	width: 35%;
}
#container #content #sub .btn{
	float: left;
	width: 65%;
	margin: 2% 0% 0% 0%;
}
#container #content #sub .btn li{
	width: 45%;
}
#sub ul.menu li{
	width: 95%;
}

/* -----------------------------------------
スライドショー：インデックス
----------------------------------------- */
#nav .main-image{
	float: none;
	clear: left;
	margin: 0% 0% 0% 3%;
	padding: 0% 0% 0% 76px;
	background-image: url(../img/rsp_madobg.png);
	background-repeat: no-repeat;
}
#home #iview {
	display: block;
	max-width: 520px;
	min-width: 254px;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	padding: 3% 0% 0% 6%;
}
#nav #header-inner .main-image #iview div p img {
	max-width: 100%;
}
#home #iview img {
	padding: 0%;
}
#home #iview .iviewSlider {
	display: block;
	padding: 0% 3% 3% 0%;
	overflow: visible;/* 表示する */
	width: 520px;
	margin: 0px auto;	
}
/* -----------------------------------------
スライドショー：メイン
----------------------------------------- */
#contents  #header .main-image{
	float: left;
	clear: left;
	width: 100%;
}
#contents #iview {
	margin: 0px auto 0px auto;
	text-align: center;
}
#contents  #header #header-inner{
	width: 100%;
	margin: 0px auto 0px auto;
}

/* -----------------------------------------
footer
----------------------------------------- */
#footer{
	background-image: none;
}
/* ナビ
----------------------------------------- */
#footer .footer-navi{
	clear: both;
	overflow: hidden;
	width: 94%;
	padding:0% 3% 3% 3%;
	font-size: 90%;
	margin-bottom: 0px;
	background-image: url(../img/rsp_ftbgtop.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#footer ul.footer-navi li.first{
	margin-left:0px;
	padding-left: 0%;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #EBEAE5;
}
#footer ul.footer-navi li{
	margin-left:1%;
	padding-left:1%;
}
#footer #footer-bottom .footer-copy .footer-navi{
	background-image: none;
}
/* バナー
----------------------------------------- */
#footer #footer-banner{
	width: 94%;
	padding:0% 3% 0% 3%;
	background-image: url(../img/rsp_ftbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer #footer-banner ul li{
	width: 45%;
	margin-left:1%;
	padding-top: 0px;
	padding: 0px;
}

#footer ul#footer-maker-banner{	
	width: 94%;
	padding:6% 3% 0% 3%;
	background-image: url(../img/rsp_ftbgbottom.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/* -----------------------------------------
施工事例
----------------------------------------- */
#contents #content #main ul.gallery-list li{
	width: 33%;
	padding-bottom: 30px;
}
#contents #content #main ul.gallery-list li{
	width: 33%;
	padding-bottom: 15px;
}

}


@media screen and (max-width: 670px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* メインページ：サイド
----------------------------------------- */
#container #content #sub .menu-header{
	float: left;
}
#container #content #sub .btn{
	float: left;
	margin-left: 4%;
}
#container #content #sub .menu-footer{
	background-position: left top;
	float: left;
	width: 37%;
}
#container #content #sub .btn{
	float: left;
	width: 65%;
	margin: 1% 0% 0% 0%;
}
/*#sub .menu-footer{
	background-image: url(../img/sidemenu-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 20px;
	width: 230px;
}

/* ボタン消す
----------------------------------------- */
#header .header-left .navleft img {
	display:none;
}
#header .header-right .navright img {
	display:none;
}

/* メインページ：サイド
----------------------------------------- */
#container #content #sub .menu-header{
	width: 230px;
}
#container #content #sub .btn{
	float: left;
	width: 63%;
	padding-top: 3%;
}
#container #content #sub .btn li{
	width: 45%;
}

/* -----------------------------------------
インデックス：スライドショー
----------------------------------------- */
#nav .main-image{
	float: none;
	clear: left;
	margin: 0% 0% 0% 10%;
	padding: 2px 0% 0% 76px;
	background-image: url(../img/rsp_madobg.png);
	background-repeat: no-repeat;
}
#home #iview {
	display: block;
	max-width: 520px;
	min-width: 254px;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	float: left;
	padding: 3% 0% 0% 6%;
}

/* -----------------------------------------
施工事例
----------------------------------------- */
#contents #content #main ul.gallery-list li{
	width: 33%;
	padding-bottom: 10px;
}
#contents #content #main ul.gallery-list li dl{
	margin-left: 10px;
	padding: 10px;
}

/* -----------------------------------------
お問い合わせ
----------------------------------------- */
input {
	width: 95%;
}

textarea {
	width: 95%;
}
}


@media screen and (max-width: 640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* メインページ：サイド
----------------------------------------- */
#container #content #sub .menu-footer{
	background-position: left top;
	float: left;
	width: 100%;
}
#container #content #sub .btn{
	float: left;
	width: 100%;
	margin-left: 2%;
}
/* -----------------------------------------
インデックス
----------------------------------------- */
#sub{
	width: 100%;
	margin-top: 0px;
	float: left;
}
#sub ul.btn {
	width: 100%;
}
#sub ul.btn li{
	margin: 0px 5px 0px 0px;
	float: left;
	width: 100%;
}

/* -----------------------------------------
メインページ
----------------------------------------- */
#contents #header .header-left{
	float: left;
	clear: left;
	width: 100%;
}
#contents  #header .header-right{
	float: left;
	clear: left;
	width: 100%;
}
#contents  #header .main-image{
	float: left;
	clear: left;
	width: 100%;
}

/* ボタン消す
----------------------------------------- */
#header .header-left .navleft img {
	display:none;
}
#header .header-right .navright img {
	display:none;
}
/* telお問い合わせ
----------------------------------------- */
#contents  #header #header-inner{
	width: 100%;
	float: left;
	clear: left;
}

/* スライドショー
----------------------------------------- */
#contents  #header .main-image{
	float: left;
	clear: left;
	width: 100%;
}
#contents #iview {
	margin: 0px auto 0px auto;
	text-align: center;
}

/* -----------------------------------------
フッター
----------------------------------------- */
#footer-bottom{
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/footer-logo2.png);
	background-position: left top;
	padding-bottom: 5%;
	overflow: hidden;
	background-repeat: no-repeat;
}
#footer-bottom .footer-copy{
	float: left;
	clear: left;
	text-align: left;
	width: 80%;
	padding: 0% 5% 0% 15%;
}
#footer #footer-bottom ul.footer-navi{
	float: left;
	clear: left;
	margin-right: 0px;
	margin-left: 0px;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer-bottom .footer-address{
	float: left;
	clear: left;
	width: 80%;
	padding: 0% 5% 0% 15%;
	text-align: left;
}
}


@media screen and (max-width: 600px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}

/* -----------------------------------------
スライドショー：インデックス
----------------------------------------- */
#nav #header-inner{
	width: 100%;
}
#nav .main-image{
	width: 100%;
	margin: 0%;
	padding: 0%;
	background-image: none;
}
#header-inner .main-image #iview div p {
	width: 90%;
}
#home #iview{
	display: block;
	width: 90%;
	height: 370px;
	position: center;
	margin: 0px auto;
	float: left;
	padding: 3% 0% 0% 18%;
	background-image: url(../img/rsp_mado.jpg);
	background-repeat: no-repeat;
	background-size: 90%;
}
}


@media screen and (max-width: 580px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* -----------------------------------------
スライドショー：インデックス
----------------------------------------- */
#nav #header-inner{
	width: 100%;
}
#nav .main-image{
	width: 100%;
	height: auto;
	margin: 0% auto;
	padding: 0%;
	background-image: none;
}
#header-inner .main-image #iview div p {
	width: 100%;
}
#home #iview{
	display: block;
	max-width: 100%;
	min-width: auto;
	height: auto;
	position: center;
	margin: 6% auto 0px 6%;
	float: left;
	padding: 10px;
	background-image: url(../img/rsp_mado.jpg);
	background-repeat: no-repeat;
	background-size: 95%;
}
#nav #header-inner .main-image #iview div p img {
	visibility: hidden;/* 表示しない */
}

/* -----------------------------------------
施工事例・ミールコレクション
----------------------------------------- */
#contents #content #main ul.gallery-list li{
	width: 49%;
	padding-bottom: 20px;
}
#contents #content #main ul.gallery-list li dl{
	margin-right: 0px;
	margin-left: 10px;
	padding: 5px;
}
}



@media screen and (max-width: 450px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* -----------------------------------------
施工事例・ミールコレクション
----------------------------------------- */
#contents #content #main ul.gallery-list li{
	width: 48%;
	padding-bottom: 10px;
}
#contents #content #main ul.gallery-list li dl{
	margin-left: 10px;
	padding: 10px;
}
/* -----------------------------------------
お問い合わせフォーム
----------------------------------------- */
#main .section form .frth2{
	float: left;
	width: 100%;
	display: block;
}
#main .section form .frtd3{
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 1% 0px 3% 0%;
}
#main .section form .frtd3 .text {
	width: 95%;
}
#main .section form .frtd3 #comments {
	width: 95%;
}
}


@media screen and (max-width: 430px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* -----------------------------------------
施工事例・ミールコレクション
----------------------------------------- */
#contents #content #main ul.gallery-list li{
	width: 32%;
	padding-bottom: 10px;
}
#contents #content #main ul.gallery-list li dl{
	margin-left: 10px;
	padding: 10px;
}
}


@media screen and (max-width: 420px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* -----------------------------------------
施工事例・ミールコレクション
----------------------------------------- */
#contents #content #main ul.gallery-list li{
	width: 49%;
	padding-bottom: 10px;
}
#contents #content #main ul.gallery-list li dl{
	margin-left: 5px;
	padding: 10px;
}
}

@media screen and (max-width: 380px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* -----------------------------------------
施工事例・ミールコレクション
----------------------------------------- */
#contents #content #main ul.gallery-list li{
	width: 47%;
	padding-bottom: 10px;
}
#contents #content #main ul.gallery-list li dl{
	margin-left: 10px;
	padding: 5px;
}
}


@media screen and (max-width: 350px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.accidbt a {
	display: block;
}
/* -----------------------------------------
施工事例
----------------------------------------- */
#contents #content #main ul.gallery-list li{
	width: 45%;
	padding-bottom: 10px;
}
#contents #content #main ul.gallery-list li dl{
	margin-left: 10px;
	padding: 10px;
}
}