@charset "UTF-8";
/*
以和貴マンション須賀町
*/

.pc-only{ display: none !important;}
.sm-only,
.sp-only{}





html,body {
  margin:0; padding:0;
  width:100%;
  -webkit-text-size-adjust: 100%;
  line-height:1.5;
  position:relative;}
body{ padding-top:75px;}
main{ display:block; width: 100%;}

.hc{ margin:0; padding: 0; background: rgba(255,255,255,0.9); position:fixed; width: 100%; left: 0; top: 0; z-index: 99999; border-bottom: solid 1px #CCCCCC;}
.hc *{ margin:0; padding: 0;}
.hc .inner{ height: 75px; overflow: hidden;}
.hc .hc-text{ display: none;}
.hc .sm-btn{ position: absolute; top: 0; right: 0;}
.hc .sm-btn img{ display:block; width: 75px; height: 75px;}
.hc .hc-logo{ width: 250px; position: relative; top: 10px; left: 5px;}
.hc .hc-navi,.hc .hc-tel,.hc .hc-ban{ display:none;}

.gm{ margin:0; padding: 0; background: rgba(0,0,0,0.8); position:fixed; top:75px; left: 0; width: 100%; z-index: 99999; display: none;}
.gm *{ margin:0; padding: 0;}
.gm ul{}
.gm ul li{ border-top:solid 1px #CCCCCC;}
.gm ul li a{ display:block; padding: 0.8em 2.0em; color: #FFFFFF; text-decoration: none; font-size: 93%;}
.gm ul li a span{ color: #B79D62; display:inline-block; font-size:73%; padding-right: 1.5em;}

.gm ul li a.disabled{ opacity:0.3;}

.mb{ margin:0 auto; padding: 1.0em 1.0em; width: auto;}
.mb.mb-wide{ width:auto;}

.fc{ padding-bottom: 4.0em;}
.fc .returnTop{ display:block; background: #BEBEB3; color: #4d4d4d; text-align: center; padding: 1.0em 0; text-decoration: none;}
.fc .inner{ margin:0 auto; padding: 1.0em 1.0em; }
.fc .fc-logo{ text-align:center;}
.fc .fc-logo img{ display:block; margin: 0 auto; width:80%; height: auto;}

.fc .fcttl01{ font-size:93%;}
.fc .fcttl02{ margin:0.5em 0 0 0;}
.fc .fcttl02 img{ display:block; width:80%; margin: 0 auto;}
.fc .fcttl03{ margin:0.5em 0 0 0;}

.fc .cat{ border:solid 1px #a8a8a8; text-align: center; padding: 0.3em 0;}
.fc .sub{ font-size:73%; line-height: 1.5;}
.fc .logo{ margin: 0.5em 0 0 0;}
.fc .logo img{ display: block; margin: 0 auto; width: 80%;}
.fc .addr{ margin: 0; font-size:73%; line-height: 1.5;}

.fc .copyright{ padding: 1.0em 0; background: rgba(0,0,0,0.8); color: #FFFFFF; text-align: center; font-size: 86%;}

.fcnavi{ }
.fcnavi{ margin:0; padding: 0; position: fixed; left: 0; bottom: 0; width:100%; z-index: 99999; border-top: solid 1px rgba(255,255,255,0.7);}
.fcnavi *{ margin-top:0;}
.fcnavi ul.gmSmnavi{ background: #000000;}
.fcnavi ul.gmSmnavi::after{ content:''; display:block; clear: both;}
.fcnavi ul.gmSmnavi li{ width:25%; float: left;}
.fcnavi ul.gmSmnavi li:nth-child(3){ background:#791719;}
.fcnavi ul.gmSmnavi li:nth-child(4){ background:#1d3760;}
.fcnavi ul.gmSmnavi li a{ display:block; padding: 0.8em 0 0.5em 0; color: #FFFFFF; text-decoration: none; align-content: center; border-left: solid 1px rgba(255,255,255,0.5); text-align: center; line-height: 1.5;}
.fcnavi ul.gmSmnavi li a.disabled{ color:rgba(255,255,255,0.3); background: rgba(255,255,255,0.2); }
.fcnavi ul.gmSmnavi li:first-child a{ border-left:none;}
.fcnavi ul.gmSmnavi li a i{display: block;}
.fcnavi ul.gmSmnavi li a span{ font-size:86%;}

/* title overwrite */
.page-title-sub{ font-size:93%;}
.page-title{ font-size: 150%;}


/* text */
.sm-text-left{ text-align:left !important;}
.text-copy{ font-size:100%; line-height: 1.6;}


/* margin */
.m00{ margin-top:0 !important;}
.m20{ margin-top:0.5em !important;}
.m40{ margin-top:1.0em !important;}
.m60{ margin-top:1.5em !important;}



/* col  overwrite */

.smcol{ margin-top:0; margin-left:0;}
.smcol *{ word-wrap: break-word; overflow-wrap : break-word; clear:none !important; margin-left:0; width:100%;}
.smcol02{ margin-left:-2%; padding:0;}
.smcol02>*{ margin-top:10px; margin-left:2%; float:left; width:48%;}
.smcol03{ margin-left:-2%; padding:0;}
.smcol03>*{ margin-top:0; margin-left:2%; float:left; width:31.333333%;}
.smcol04{ margin-left:-2%; padding:0;}
.smcol04>*{ margin-top:10px;margin-left:2%; float:left; width:23%;}
.smcol05{ margin-left:-1%; padding:0;}
.smcol05>*{ margin-top:0; margin-left:1%; float:left; width:19%;}
.smcol06{ margin-left: -0.5%; padding:0;}
.smcol06>*{ margin-top:0; margin-left:0.5%; float:left; width:16.1%;}
.smcol07{ margin-left:-0.5%; padding:0;}
.smcol07>*{ margin-top:0; margin-left:0.5%; float:left; width:13.7857%;}
.smcol08{ margin-left:-0.5%; padding:0;}
.smcol08>*{ margin-top:0; margin-left:0.5%; float:left; width:12%;}

.smcol02>*:nth-child(2n+1){ clear:left !important;}
.smcol03>*:nth-child(3n+1){ clear:left !important;}
.smcol04>*:nth-child(4n+1){ clear:left !important;}
.smcol05>*:nth-child(5n+1){ clear:left !important;}
.smcol06>*:nth-child(6n+1){ clear:left !important;}
.smcol07>*:nth-child(7n+1){ clear:left !important;}

.smcol { *zoom: 1;}
.smcol:before,
.smcol:after { display: table; line-height: 0; content: "";}
.smcol:after { clear: both;}

/* table */
.table-smart{ display: block; width: 100%;}
.table-smart tr{ display:block;}
.table-smart th{ display:block;}
.table-smart td{ display:block;}

.table-smart tbody{ display: block;width:100%;}

.sample{width:100%;}
.swiper-container{width:100%;}
.swiper-slide img{
	width:100%;
    margin: 0 auto;
	z-index:-9999px;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
	margin: 0 auto;
}