@charset "utf-8";

/*--------------------------------------
　@media 1200 START
---------------------------------------*/
@media only screen and (max-width:1200px) {
* .propaty_dl dd div{
   display:inline-block;
}

dl.propaty_dl {
   border-bottom:1px dotted #999;
	width: 100%;
}

dl.propaty_dl dt {
   text-align:left;
   float:left;
   width:30%;
   border-top:1px dotted #999;
   padding-top:10px;
   padding-bottom:0;
   padding-right:2em;
}

dl.propaty_dl dd {
   margin-left:26em;
   padding-top:10px;
   padding-bottom:10px;
   padding-right:10px;
   border-top:1px dotted #999;
   text-align: left;
}
/* wrapper */
.wrapper {
  width: 100%!important;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.wrapper2 {
  width: 100%!important;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

 .cap01{
	 max-width:100%;
 }
}

/*--------------------------------------
　@media 1200 START
---------------------------------------*/
.titleA {
	margin-top: 40px;
}

/*--------------------------------------
　@media 960 START
---------------------------------------*/
@media only screen and (max-width:599px) {

/* publicss */
/*body br {
  display: none;
}*/

img {
  max-width: 100%;
}

/* gHeader */
body .page {
  position: relative;
  font-size: 12px;
  padding-top: 67px;
}

body #container {
	/* [disabled]padding-top: 20px; */
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
}

/* gHeader */
body #gHeader {
  min-width: inherit;
}

body #gHeader .inner {
  display: none;
}

body #gHeader #hdrLogoArea {
  float: none;
  width: 100%;
  padding: 0px;
}

body #gHeader .hdrLogo {
  float: none;
  width: 100%;
  text-align: center;
}

body #gHeader .siteTitle {
  display: none;
}

/* hNav */
body #gHeader #hNav {
  display: block;
  width: 100%;
  font-size: 8px;
  border-bottom: #333 solid 1px;
}

body #gHeader #hNav ul li {
  float: left;
  width: 25%;
  text-align: center;
  color: #000;
}

body #gHeader #hNav ul li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  color: #000;
  letter-spacing: 0;
}

body #gHeader #hNav ul li a.hdrClose {
  display: none;
}

body #gHeader #hNav ul li span {
  display: inline-block;
  box-sizing: border-box;
}

body #gHeader #hNav ul li span.icon {
  display: block;
  width: 25px;
  margin: 0 auto 5px;
  font-size: 25px;
}

body #gHeader #hNav ul li#pull.on a {
  display: none;
}

body #gHeader #hNav ul li#pull.on a.hdrClose {
  display: block;
}

/* pNav */
body #gHeader #pNav {
  display: none;
}

/* gNav */
body #gHeader #gNav,
body #gHeader #hNavReq {
  display: none;
  width: 100%;
  position: absolute;
  top: 62px;
  left: 0;
}

body #gHeader #gNav {
  z-index: 9999;
}

body #gHeader #hNavReq {
  z-index: 9;
}

body #gHeader #gNav .wrapper {
  padding: 0;
}

body #gHeader #gNav ul {
  overflow-y: scroll;
  margin-left: 0;
  margin-right: 0;
}

body #gHeader #gNav ul li {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-bottom: #e2e2e2 solid 1px;
}

body #gHeader #gNav ul li.off {
  background: #fff;
}

body #gHeader #gNav ul li span {
  padding: 15px 0;
  font-size: 13px;
}

body #gHeader #gNav ul li em {
  margin-top: 0px;
  -webkit-transform: scale(0);
  transform: scale(0);
  height: 0;
}

body #gHeader #gNav ul li span {
  padding: 15px 0;
  border-bottom: 0;
}

body #gHeader #gNav ul li.btPc {
  display: none;
}

body #gHeader #gNav ul li.btSp {
  display: block;
}

/* spLogo */
#spLogo {
  text-align: center;
  display: block;
}

#spLogo a {
  display: block;
  padding: 25px 0;
}

#spLogo img {
  width: 120px;
}

/* fixed */
body #gHeader.fixed #hdrLogoArea {
  padding: 0;
}

/* gFooter */

/* ftrCV */
body #gFooter #ftrCV ul li.btBack,
body #gFooter #ftrCV ul li.btNext {
  position: static;
  margin-bottom: 20px;
}

body #gFooter #ftrCV ul li.btBack a,
body #gFooter #ftrCV ul li.btNext a {
  display: inline-block;
}

body #gFooter #fNav ul li {
  font-size: 10px;
  line-height: 15px;
}

/* contactArea */
body #gFooter #contactArea {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
  border: #efefef solid 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
}

body #gFooter #contactArea .wrapper {
  background-color: transparent;
}

body #gFooter #contactArea .contactTtl {
  float: none;
  width: 100%;
  padding: 10px;
  background-color: transparent;
  box-sizing: border-box;
}

body #gFooter #contactArea .contactTtl br {
  display: block;
}

body #gFooter #contactArea .inner {
  float: none;
  width: 100%;
  display: block;
  padding: 0;
  box-sizing: border-box;
}

body #gFooter #contactArea .addressTxt {
  display: block;
  float: none;
  text-align: center;
  margin-bottom: 10px;
}

body #gFooter #contactArea .contactBox {
  float: none;
  text-align: center;
}

body #gFooter #contactArea .contactBox .tel {
  position: relative;
}

body #gFooter #contactArea .contactBox .tel a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

body #gFooter #contactArea .contactBox .mail {
  margin-top: 15px;
}

body #gFooter .p-top {
  display: none;
}
	
}

/*--------------------------------------
　@media 960 END
---------------------------------------*/


/*--------------------------------------
　@media 599 START
---------------------------------------*/
@media only screen and (max-width:599px) {
	
.page {
  min-width: inherit;
}

/* heading */
.titleA {
  font-size: 18px;
	margin-top: 0;
	padding-bottom: 20px;
	}

.titleB {
  font-size: 16px;
}

.titleC {
  font-size: 14px;
}

.titleD {
  font-size: 14px;
}

/* clmList */
.clmList li {
  float: none;
}

.clmList.clm4 li,
.clmList.clm3 li,
.clmList.clm2 li {
  width: 100%;
  margin-left: 0;
  margin-top: 40px;
}

.clmList.clm4 li:first-child,
.clmList.clm3 li:first-child,
.clmList.clm2 li:first-child {
  margin-top: 0;
}

/* fBox */
.fBoxLR .left,
.fBoxLR02 .left,
.fBoxL .left,
.fBoxR .left,
.fBoxLR .right,
.fBoxLR02 .right,
.fBoxL .right,
.fBoxR .right {
  float: none;
}

.fBoxLR .left,
.fBoxLR .right,
.fBoxLR02 .left,
.fBoxLR02 .right,
.fBoxL .left,
.fBoxR .right,
.fBoxL .right,
.fBoxR .left {
  width: 100%;
}

.fBoxLR .left,
.fBoxLR02 .left,
.fBoxL .left,
.fBoxR .left {
  margin-bottom: 40px;
}

/* pinch */
body .pinch .pinchIcon {
  display: block;
}

/* gFooter */

/* ftrCV */
body #gFooter #ftrCV {
  padding: 30px;
  border-bottom: 0;
}

body #gFooter #ftrCV ul li {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

body #gFooter #ftrCV ul li a {
  width: 100%;
  padding: 20px 0px 10px;
  font-size: 16px;
  box-sizing: border-box;
}

/* fNav */
body #gFooter #fNav {
  position: static;
  padding: 0;
}

body #gFooter #fNav .wrapper {
  padding: 0;
}

body #gFooter #fNav ul li {
  display: block;
  float: left;
  width: 48%;
  font-size: 12px;
  margin-top: 1%;
  margin-bottom: 1%;
  margin-left: 1%;
  margin-right: 1%;
  border: 1px solid #e3e3e3;
  padding-right: 0;
  padding-left: 0;
  box-sizing: border-box;
}

body #gFooter #fNav ul li:first-child {
  border: 1px solid #e3e3e3;
}

body #gFooter #fNav ul li a {
  display: inline-block;
  padding: 20px 0;
}

body #gFooter #fNav ul li span {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

body #gFooter #fNav ul li a span {
  color: #000;
}

body #gFooter #fNav ul li.off span {
  color: #888;
  padding: 20px 0;
}

body #gFooter #fNav ul li:hover,
body #gFooter #fNav ul li.on {
  color: #000;
  background-color: #f7f7f7;
}

	
/* ftrCV */
#re-nav-si {
  padding: 30px;
  border-bottom: 0;
}

#re-nav-si ul li {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

#re-nav-si ul li a {
  width: 100%;
  padding: 20px 0px 10px;
  font-size: 16px;
  box-sizing: border-box;
}

#re-nav-db {
  padding: 30px;
  border-bottom: 0;
}

#re-nav-db ul li {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

#re-nav-db ul li a {
  width: 100%;
  padding: 20px 0px 10px;
  font-size: 16px;
  box-sizing: border-box;
}
	
#carnavi .sTitle {
  padding: 10px 0px 10px;
  font-size: 16px;
}
	
#concept .sTitle {
  padding: 10px 0px 10px;
  font-size: 16px;
}

#houseplan .sTitle {
  padding: 10px 0px 10px;
  font-size: 16px;
}
#equipment .sTitle {
  padding: 10px 0px 10px;
  font-size: 16px;
}
#equipment .sTitle2 {
  padding: 10px 0px 10px;
  font-size: 16px;
}
	
dl.propaty_dl dt {
   width:45%;
}

dl.propaty_dl dd {
    margin-left: 12em;
}

}

/*--------------------------------------
　@media 599 END
---------------------------------------*/


/*--------------------------------------
　@media 320 START
---------------------------------------*/
@media only screen and (max-width:320px) {
}
/*--------------------------------------
　@media 320 END
---------------------------------------*/