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

body { line-height:1.5;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }



span.futo{font-weight:bolder}

#s01{

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position:relative;
}
#map  {
position: relative;
/*padding-bottom: 20%; */
padding-bottom:340px; // これが縦横比
height: 0;
overflow: hidden;
}
#map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.filtr-item {
    padding: 1rem;
}
.item-desc {
	color: #000;
}



#map_canvas_01, #map_canvas_02, #map_canvas_03 {
    width:350px;
    min-height: 500px;
}



#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 5000;
}



@media only screen and (min-width: 769px) {
	/*　画面 横向き　*/
.smp_only{display:none}


#s01 .top_txt{
	position:absolute;
	bottom:40%;
	left:25%;
	margin-right:25%
}

#s01 .top_scroll{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0 0 20px 0;
  text-align: center;	
}

.heater{
	position:absolute;
	top:0;
	width:100%;
	height:60px;
}

.heat_area{
	width:100%;
	height:60px;
	margin:0 auto;
	padding:0;
}

.logo{
	width:176px;
	float:left;
	padding:18px 0 15px 20px;
}

ul.pc_menu{
	list-style:none;
	float:right;
	height:25px;
	padding:30px 25px 0 0;
}

ul.pc_menu li{
	float:left;
	padding:0 0 0 25px;
}

ul.pc_menu li.top{	width:28px; height:13px}
ul.pc_menu li.works{width:54px; height:13px}
ul.pc_menu li.owners{width:134px; height:13px}
ul.pc_menu li.reform{width:69px; height:13px}
ul.pc_menu li.after{width:49px; height:13px}
ul.pc_menu li.topix{width:44px; height:13px}
ul.pc_menu li.company{width:73px; height:13px}
ul.pc_menu li.contact{width:69px; height:13px}

ul.pc_menu li.sikiri{
	padding:0 0;
	height:25px;
}




.page_footer{
	width:100%;
	padding:60px 0 50px 0;
	text-align:center;
	color:#CCC;
	border-top: 1px #D8D7D7 solid;
	clear:both
}

.page_footer_navi{width: 560px; margin: 0 auto; padding: 20px 0 40px 0; text-align: center}
.page_footer_navi li.fnavi{ float: left; padding: 10px 27px 0 0; height: 15px }	
.page_footer_navi li.fnavi_form{ float: right; height: 15px }	
	
	
.page_footerEnd{
	width:100%;
	padding:15px 0 10px 0;
	background:#cacaca;
	text-align:center;
	color:#fff;
}

.gotoTop{position:fixed; bottom:15px; right:20px; width:74px; height:74px; z-index:5000}


#s02{
	padding:130px 0;
	margin:0 auto;
	width:100%;
}
	
ul.massege{
	margin: 80px 0;
	padding: 0 25px 80px 0;
}	

ul.massege li{
	float: right
}

ul.massege li.type01{
	padding: 0 0 0 39px;
}
	
#s03{
	padding:85px 0 40px 0;
	margin:0 auto;
	width:100%;
	background: #F3F3F3;
}
.s03_BoxSet{
	margin:0 auto;
	width:690px;
	text-align: center;
}

.s03_box1{
	width: 325px;
	height: auto;
	float: left;
	padding: 48px 0 40px 0;
}
.s03_box3{
	width: 325px;
	height: auto;
	float: left;
	padding: 0 0 40px 0;
}
.s03_box5{
	width: 325px;
	height: auto;
	float: left;
}
.s03_box2{
	width: 325px;
	height: auto;
	float: right;
	padding: 48px 0 40px 0;
}
.s03_box4{
	width: 325px;
	height: auto;
	float: right;
	padding: 0 0 40px 0;
}
.s03_box6{
	width: 325px;
	height: auto;
	float: right;
}
	
.s03_btBox{width: 690px; text-align: center; padding: 40px 0 0 0; clear: both}
	
.s04{
	margin: 0;
	padding: 0;
}	
    
    
/*お詫び*/    
    .owabi{width: 100%; margin: 20px 0; padding: 35px 0; background: rgba(255,247,188,1.00)}
    .owabi_txt{width: 430px; margin: 0 auto; line-height: 250%; text-align: center}
    
	

	

}@media only screen and (max-width: 768px) {
	/*　画面　縦向き　*/

.pc_only{display:none}

#s01 .top_txt{
	position:absolute;
	bottom:40%;
	left:5%;
	margin-right:5%
}

#s01 .top_scroll{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0 0 20px 0;
  text-align: center;
}

.heater{
	position:absolute;
	top:0;
	width:100%;
	height:50px;
}

.heat_area{
	width:100%;
	height:50px;
	margin:0 auto;
	padding:0;
}

.logo{
	width: auto;
	height:25px;
	float:left;
	padding:20px 0 0 15px;
}

#s02{
	padding:30px 0;
	margin:0 auto;
	width:100%;
}

#s03{
	padding:85px 0 40px 0;
	margin:0 auto;
	width:100%;
	background: #F3F3F3;
}
.s03_BoxSet{
	margin:0 auto;
	width:100%;
	text-align: center;
}

.sp_kankaku{ padding: 0 0 50px 0}
	
.s03_box1,.s03_box2,.s03_box3,.s03_box4,.s03_box5,.s03_box6{
	width: 90%;
	height: auto;
	float: left;
	padding: 2% 5%;
	margin: 0 auto;
	clear: both
}

.s03_btBox{width:100%; text-align: center; padding: 40px 0 0 0; clear: both}
	



#navToggle {
	display: none;
	position:absolute;/*to body*/
	right:10px;
	top:10px;
	width:29px;
	height:21px;
	/*background:#000;*/
	padding:15px 10px 15px 14px;
	cursor:pointer}
#navToggle div {position:relative}
#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 3px #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:7px}
#navToggle span:nth-child(3) {top:14px}

header nav {
	position:absolute;
	right:0;
    top:-600px; /*通常時はビュー外*/
	background:rgba(255,255,255,0.9);
    width:90%;
	padding:0 5%;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:0}
header ul li {display:block; margin:0; border-bottom:dotted 1px #666; line-height:3}
header ul li a {display:block; color:#000; text-decoration:none}
header ul li a:hover {display:block; color:#fff; text-decoration:none}	
	
/*header ul li:after {content:''; color:#666}
header ul li:last-child {border-bottom:none}*/
	
/* Toggle(Button) */
#navToggle {display: block}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 9px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 9px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(650px);
	-webkit-transform: translateY(650px);
	transform: translateY(650px)}


.page_footer{
	width:100%;
	padding:30px 0 25px 0;
	text-align:center;
	color:#ccc;
	clear:both;
}

.page_footer a{
	text-decoration:none;
	color:#ccc;
}
.page_footer a:hover{
	text-decoration:underline;
	color:#ccc;
}
.page_footerEnd{
	width:100%;
	padding:15px 0 10px 0;
	background:#cacaca;
	text-align:center;
	color:#fff;
}

.gotoTop{position:fixed; bottom:15px; right:10px; width:40px; height:40px; z-index:5000}
	
    
/*お詫び*/    
    .owabi{width: 100%; margin: 20px 0; padding: 10px 0; background: rgba(255,247,188,1.00)}
    .owabi_txt{width: 90%; margin: 0 auto; line-height: 250%; text-align:center;}	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	

}