/* CSS Document */
html{ height:100%;}
body{ background:#fff; height:100%; color:#303030; position:relative;}
a{ color:#221814;}
h1,h2,h3,p{ line-height:1.2em;}
img{ max-width:100%; vertical-align:bottom; -webkit-backface-visibility: hidden; image-rendering: -webkit-optimize-contrast;}
.sp{ display:none;}
.wrap{ width:1192px; max-width:100%; margin:0 auto; position:relative;}
p{ font-size:1em; line-height:1.6em; margin:0 auto;}
a:hover img{ opacity:0.8;}
h1.title{ margin:50px auto 30px;}



/*トグルボタン*/
#navi_toggle{ width:100%; display:none; background:rgba(255,255,255,0.6); margin-top:60px; position:relative; z-index:1;}
#navi_toggle ul{ margin:0px 15px 0 0; }

#menubtn{
	width:40px;
	height:41px;
	display:none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
	border:1px solid #7d8488;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-family:Arial, Helvetica, sans-serif;
	}
#menubtn #menubtn_line{
    width: 40px;
    height:40px;
    position: absolute;
    top: 0px;
    right: 0px;
	
}
#menubtn #menubtn_line span {
    display: block;
    background: #7d8488;
    width:   23px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menubtn p{color:#fff; position:absolute; bottom:3px; left:8px;}
#menubtn #menubtn_line span:first-child {
    top: 12px;
}
#menubtn #menubtn_line span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menubtn #menubtn_line span:last-child {
    bottom: 12px;
}
#menubtn.active #menubtn_line span:first-child {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}
#menubtn.active #menubtn_line span:nth-child(2) {
    opacity: 0;
}
#menubtn.active #menubtn_line span:last-child {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}


/*ヘッダー*/
header { width:1092px; max-width:91%; margin:0 auto; overflow:hidden; position:relative; padding:20px 0 30px 9%;}
header h1.logo{ max-width:40%; float:left;}
header ul.nav { width:720px; margin:33px 30px 0 auto; text-align:right;}
header ul.nav li{ font-size:0.9em; display:inline-block; margin-right:5px; text-align:center; letter-spacing:0.1em;}
header ul.nav li span{ font-size:1.3em; font-family:'Franklin Gothic Medium'; letter-spacing:0.2em;}
header ul.nav li a{ display:block; width:100%; height:100%; padding:6px;}
header ul.nav li a:hover{ color:#934b74;}
ul.sns_nav { margin:20px 30px 0 0; text-align:right;}
ul.sns_nav li{ display:inline-block; margin-right:10px;}

#navi_toggle ul.s_nav{ width:100%; margin-left:auto;}
#navi_toggle ul.s_nav li{ border-bottom:1px solid #ddd; margin:0px 0 4px; text-align:left;}
#navi_toggle ul.s_nav li img{ margin-right:5px;}
#navi_toggle ul.s_nav li span{ display:inline-block; font-size:1.2em; font-family:'Franklin Gothic Medium'; letter-spacing:0.2em; margin-right:10px;}
#navi_toggle ul.s_nav li a{ display:block; width:100%; height:100%; padding:12px 15px 4px 15px;}
#navi_toggle ul.sns{ text-align:left; margin-left:15px;}
#navi_toggle ul.sns li{ border:none; display:inline-block; margin:0 5px 0 0;}



/*フッター*/
#footer_wrap{ width:100%; background:#e5ebee; padding:30px 0;}
footer{ width:965px; max-width:95%; margin:0 auto; overflow:hidden;}
footer .left_box{ width:290px; max-width:100%; text-align:left; float:left; line-height:1.2em;}
footer h1{ padding:5px 0;}
footer p{ font-size:1em; padding:0; margin:0;}

footer ul.nav{ padding:40px 0 0 330px; text-align:left;}
footer ul.nav li{ display:inline-block; margin:0 15px 15px 0; font-size:0.8em; line-height:1.4em; letter-spacing:0.1em;}
footer ul.nav li span{ font-size:1.2em; font-family:'Franklin Gothic Medium'; letter-spacing:0.2em;}

/*トップページ*/

h1.top_mainimage{ width:1192px; max-width:91%; margin:0 auto 140px; padding:0 0 0 9%;}

#top .sec1 ul li{ width:100%; overflow:hidden; margin-bottom:95px;}
#top .sec1 ul li a{ width:100%; height:100%; display:block;}
#top .banner_img{ width:790px; max-width:67%; float:right;}
#top .banner_txt{ width:330px; max-width:28%; margin:80px 0 0 5%;}


#top .sec1 ul li.top_facebook_list #facebook a{height:auto; width:370px; max-width:46%; display:inline-block; margin:0 1.5% 0 1.5%;}
#top .top_facebook_list ul{ margin:0;}
#top .top_facebook_list ul li p{ padding:10px 5px; font-size:1.3em; line-height:1.6em; text-align:left; font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
#top .top_facebook_list .banner_txt{ width:330px; max-width:28%; margin:80px 0 0 5%; float:left;}


#top .contact_banner{ background:url(../images/top_contact_banner_bg.jpg) no-repeat ; background-size:cover; object-fit:cover;}
#top .contact_banner .txt{ float:left; max-width:35%; margin:30px 0 30px 3%;}
#top .contact_banner .tel{ padding:60px 0 60px 35%; text-align:left; max-width:55%;}

#top #contact dl { width:500px; max-width:95%; margin:20px auto; font-size:1.2em; line-height:1.4em; text-align:left;}
#top #contact dl dt{ width:100px; float:left; margin-bottom:10px; padding:5px; clear:left;}
#top #contact dl dd{ margin-left:120px; margin-bottom:10px; padding:5px;}
#top #contact dl dd span{ font-size:1.6em; color:#c30d22; display:inline-block; margin:0 3px;}
#top #contact dl dd a{ text-decoration:underline;}


#concept .contents{ width:700px; max-width:90%; margin:0 auto 120px; text-align:left;}
#concept h2{ font-size:2em; line-height:1.6em; font-weight:bold; margin:70px 0 10px; text-align:left;}
#concept p{ font-size:1.4em; line-height:1.6em; text-align:center; margin:40px 0 0 0; text-align:left;}


#about .contents{ width:740px; max-width:90%; margin:0 auto 80px;}
#about .s_title1{ width:740px; max-width:90%; margin:0 auto;}
#about h2{ text-align:left; padding:70px 0 20px 0;}

#about dl{ font-size:1.1em; margin-left:10px;}
#about dl dt{ padding:20px 0; width:125px; float:left; border-bottom:1px solid #000; text-align:left;}
#about dl dd{ padding:20px 0; margin-left:145px; border-bottom:1px solid #888889; text-align:left;}

#privacy{ width:700px; max-width:90%; margin:0 auto 80px; text-align:left;}
#privacy h2{ font-size:1.5em; color:#934b74; margin:20px 0 10px; font-weight:bold; letter-spacing:0.1em;}
#privacy h3{ font-size:1.2em; line-height:1.4em; font-weight:bold; margin:5px 0;}
#privacy p{ font-size:1em; line-height:1.5em;}
#privacy p.text1{ line-height:2em;}

#business { width:700px; max-width:90%; margin:0 auto 30px;}
#business h2{ font-size:2em; font-weight:bold; line-height:1.6em;}
#business p.s_title{
	width:440px;
	font-size:1em;
	max-width:90%;
	margin:0 auto ;
	padding:10px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align:center;
  line-height:1.4em;
}
#business p.s_title::before {
  position: absolute;
  top: 10%;
  content: '';
  width: 10px;
  height: 80%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#business p.s_title::before {
  left: 0;
  border-left: 1px solid #000;
}
#business p.s_title::after {
  position: absolute;
  top: 10%;
  content: '';
  width: 10px;
  height: 80%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  right: 0;
  border-right: 1px solid #000;
}

#business p{ font-size:1.4em; line-height:1.8em; width:710px; text-align:left; max-width:95%; margin:40px auto;}

#property_list p.text{ font-size:1.6em; line-height:1.8em;margin:30px auto;}
#property_list .contents{ margin:40px 0;}
#property_list .list_wrap{ width:940px; max-width:97%; margin:0 auto; overflow:hidden;}
#property_list dl{ width:430px; max-width:37%; position:relative; padding:37% 5% 0px 5%; margin:30px 1% 30px; background:#EFEEE9; text-align:left; float:left;}
#property_list dl:after{
		border-top: solid 30px #EFEEE9;
		border-right: solid 30px transparent;
		top:100%;
		width: calc(100% - 30px);
		height: 0;
		display: block;
		position: absolute;
		left: 0;
		content: "";
	}
#property_list dt{ font-size:2rem; font-weight:bold; margin:20px auto 10px;}
#property_list dd.image{ width:400px; max-width:90%; position:absolute; top:40px; left:0; right:0; margin:0 auto;}
#property_list dd.text{ font-size:1.6rem; color:#447FAC; line-height:1.6em; font-weight:bold;}
#property_list dd.access{ font-size:1.4rem; line-height:1.4em; padding:5px 0px;}
#property_list dd.price{ font-size:1.4rem; line-height:1.4em; padding:5px 0px;}
#property_list dd.price span{ font-size:1.3rem; color:#E50011;}
#property_list dd.tag{ position:absolute; top:0; left:0;}
#property_list dd.tag ul li{color:#fff; font-size:1.4rem; font-weight:bold; padding:8px 10px; margin-right:8px; display:inline-block; text-align:center;}
#property_list dd.tag ul li.tag1{background:#265C82;}
#property_list dd.tag ul li.tag2{background:#61B488;}
#property_list a:hover{
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	background: #fff;
}

#property_details .contents{ padding-bottom:60px;}

#property_details h2,#property_details dl.news dt,#property_details .text1,#property_details p.text2{font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN W3,"HG明朝E", "MSP明朝","MS PMincho","MS 明朝",serif;}
#property_details h2{ position:relative; font-size:3rem; padding:0 0 0 50px; display:inline-block; margin-top:40px;}
#property_details h2 span{ color:#265C85; font-size:1.6rem; line-height:1.2em; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}
#property_details h2:before{ content:""; background:url(../images/bukken_logo.png) no-repeat; background-size:cover; display:inline-block; width:114px; height:73px; vertical-align: middle; position:absolute; left:-60px; top:0;}
#property_details h2.tintai_title{ padding:0;}
#property_details h2.tintai_title:before{ background:none;}


#property_details .text1{ max-width:90%; font-size:3rem; line-height:1.6em; color: #27608B; margin:20px auto; }
#property_details h3.text1{ text-align:left;}
#property_details h3{ margin-top:40px;}
#property_details #plan h4{ margin-top:60px;}

#property_details dl.news{ position:relative; width:840px; max-width:95%; margin:20px auto; text-align:left; background: transparent url(../images/parts_news.png) no-repeat left center;
}
#property_details dl.news dt {
	position:absolute;
	margin-top:-0.5em;
	left:45px;
	top:50%;
    width: 75px;
    color: #fff;
    font-size: 2rem;
	 line-height:1.2em;
}

#property_details dl.news dd{
    margin-left: 125px;
    padding: 15px 1em;
    color: #27608B;
    background-color: #fff;
    font-size: 2rem;
    font-weight: 400;
	 line-height:1.2em;
 }
#property_details dl.news dd span{ font-size: 1.8rem; color:#fff; background: #27608B; padding:5px 12px; display:inline-block; margin:0 5px;}
#property_details ul.bukken_nav{ text-align:center; margin:50px auto;}
#property_details ul.bukken_nav li{ display:inline-block; padding:10px 20px; border-right:dotted 1px #333333; font-size:1.4rem; margin-bottom:5px;}
#property_details ul.bukken_nav li:first-child{ border-left:dotted 1px #333333;}


#property_details p.text2{ width:670px; max-width:90%; margin:10px auto; font-size:1.8rem; line-height:1.6em; text-align:left;}

#property_details #concept,#property_details #diuision,#property_details #plan,#property_details #access,#property_details #outline{ padding-top:30px;}

#property_details #outline dl{ width:620px; max-width:95%; margin:30px auto; font-size:1.4em; line-height:1.6em;}
#property_details #outline dl dt{ width:160px; float:left; padding:5px 30px; text-align:left;}
#property_details #outline dl dd{ padding:5px 15px 5px 220px; border-bottom:1px dotted #333; text-align:left;}

#property_details #diuision p.left_text{ width:40%; padding-right:5%; float:left; font-size:1.6rem; line-height:1.6em;text-align:left;}
#property_details #diuision .wrap{ width:720px; max-width:90%; margin:0 auto; text-align:center;}
#property_details #diuision img.kukaku{ max-width:55%;}

#property_details #access ul{ width:720px; margin:20px auto; max-width:95%;}
#property_details #access ul li{ border-left:#22557A 4px solid; padding:0 0 0 6px; margin:3px; width:45%; display:inline-block; text-align:left; font-size:1.4rem; line-height:1.4em;}

#property_details ul.tintai_image{ width:900px; max-width:98%; margin:30px auto; text-align:left;}
#property_details ul.tintai_image li{ max-width:32%; display:inline-block; margin:0 1% 10px 0;}

#property_details ul.tintai_image li:nth-of-type(3),#property_details ul.tintai_image li:nth-of-type(6){ margin:0 0 10px 0;}

#property_details .link_btn{ font-size: 1.8rem; line-height:1.6em; color:#fff; font-weight:bold; background: #27608B; padding:8px 16px; display:inline-block; margin:30px auto;}


/*ニュース*/
#news #facebook ul {
	width:840px;
	max-width:90%;
	padding: 0;
	list-style: none;
	margin-top: .7rem;
	margin:30px auto;
}

#news #facebook ul li{ max-width:100%; clear:both; overflow:hidden; padding:30px 0;}
#news #facebook ul li img{ width:390px; max-width:45%; height:245px; object-fit:cover; object-position:50% 0; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
#news #facebook ul a:nth-of-type(2n+1) li img{ float:left;}
#news #facebook ul a:nth-of-type(2n) li img{ float:right;}
#news #facebook p.time{ text-align:left; font-size:1.5em; font-weight:bold; color:#000;}
#news #facebook p{
	width:370px;
	max-width:48%;
	padding-left:3%;
	margin:10px 0;
	text-align:left;
	font-size:1.1em; line-height:1.4em;
}
#news #facebook a:nth-of-type(2n+1) li p{ margin-left:45%;}
#news #facebook a:nth-of-type(2n) li p{  margin-right:45%;}
#news .old_news_btn{ border:2px solid #515457; width:390px; margin:40px auto; max-width:80%;}
#news .old_news_btn a{ display:block; width:100%; height:100%;}


#thanks .contents{ width:600px; max-width:90%; text-align:left; font-size:1.2rem; padding-bottom:40px; margin:0 auto;}
#thanks h2{ font-size:1.8rem; line-height:1.4em;  margin:100px 0 30px; font-weight:bold; letter-spacing:0.2em;}
#thanks p{ font-size:1.4rem; line-height:1.8em; margin:0 auto; padding:15px 0;}
#thanks p img{ margin:60px 0;}
#thanks h1.q_title{ font-size:2.4rem; line-height:1.4em;  margin:100px 0 30px; font-weight:bold; letter-spacing:0.2em;}


#questionnaire{ font-size:1.6rem; line-height:1.6em; text-align:left;}

#questionnaire h1{ width:900px; max-width:90%; margin:50px auto; font-size:3.6rem; line-height:1.4em; font-weight:bold;}
#questionnaire p{margin:80px auto; width:900px; max-width:90%;}
#questionnaire p.must_txt{ color:#FF0000; margin:60px auto 0; width:650px; max-width:90%;}








/*グーぐるマップ*/
.gmap {
position: relative;
width:700px;
padding-bottom: 30%;
height: 0;
overflow: hidden;
max-width:100%;
margin:20px auto 0;
border:1px solid #CCCCCC;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 1192px){


}


/*960以下
 */
@media screen and (max-width: 960px){
header h1.logo{ width:200px;}
header ul.nav { margin:20px 0 0 auto;}


h1.top_mainimage{  margin:0 auto 70px;}

#top .banner_txt{ margin:60px 0 0 0;}
#top .contact_banner .txt{max-width:39%; margin:20px 0 20px 0;}
#top .contact_banner .tel{ padding:50px 0 50px 41%; max-width:55%;}


}
@media screen and (max-width: 860px){

header{max-width:98%; padding:10px 0 20px 0;}
header ul.nav li{margin-right:3px; letter-spacing:0.05em;}
header ul.nav { margin:15px 0 0 auto;}
ul.sns_nav {margin:20px 10px 0 auto;}
footer ul.sns_nav li{ margin-right:5px;}


#top .banner_img{ max-width:60%; float:right;}
#top .banner_txt{ max-width:40%; margin:40px 0 0 0;}

}





/*767以下 ipadを含まない*/
@media screen and (max-width: 767px){
#menubtn{ display:block;}
header ul.nav{ display:none;}
header ul.sns_nav{ display:none;}
#top .sec1 ul li{margin-bottom:50px;}
#top .contact_banner .tel{ padding:40px 0 40px 41%;}

footer .left_box{ float:none;}
footer ul.nav{ padding:20px 0 20px 10px; text-align:left;}


h1.top_mainimage {max-width:95%; padding:0 0 0 5%; margin:0 auto 30px;}
.spno{ display:none;}





#about p{ line-height:2em;}
#partner dl dt{ padding:10px 0 5px; width:auto; float:none; border-bottom:1px dotted #000; text-align:left;}
#partner dl dd{ padding:15px 0; margin-left:0; text-align:left;}


#thanks h2{ font-size:1.3em; margin:60px 0 20px;}
#thanks p img{ margin:30px 0;}


}






/*560以下 */
@media screen and (max-width: 560px){
#top .sec1 ul li{margin-bottom:30px;}

#top .banner_img{ max-width:100%; float:none;}
#top .banner_txt{ max-width:100%; margin:5px 0 0 0;}
#top .top_facebook_list .banner_txt{ max-width:100%; float:none;}

#top .contact_banner{ }
#top .contact_banner .txt{ float:none; max-width:100%; margin:20px 0 0px 0;}
#top .contact_banner .tel{ width:300px; padding:0px 0 20px 0; text-align:center; max-width:90%; margin:0 auto;}

#top #contact dl dt{ float:none; margin-bottom:0; padding:0 5px;}
#top #contact dl dd{  margin:0px; margin-bottom:5px; padding:5px;}

#about ul.images li{ max-width:90%; padding:2%; display:inline-block;}
#about dl dt{ padding:10px 0 5px; width:auto; float:none; border-bottom:1px dotted #000; text-align:left;}
#about dl dd{ padding:20px 0; margin-left:0; text-align:left;}
#about dl dt:last-of-type{ border-bottom:1px dotted #000;}

#property_list dl{ max-width:80%; padding:73% 5% 0px 5%; margin:20px auto 50px; text-align:left; float:none;}
#property_details #access ul li,#property_details dl{ font-size:1.2rem;}
#property_details #outline  dl dt{ width:140px; padding:5px 20px 5px 10px;}
#property_details #outline  dl dd{ padding:5px 15px 5px 180px; }

#property_details .text1{ font-size:2.6rem; }
#property_details dl.news dd{ font-size:1.6rem;}


#news #facebook ul li img{ height:160px; }
#news #facebook ul li{  padding:10px 0;}












.mainimage1{ width:100%; height:180px; object-fit: cover;}
.mainimage2{ width:100%; height:100px; object-fit: cover;}
.mainimage3{ width:100%; height:140px; object-fit: cover;}



#recruit dl dt{
	width:110px;
	float:none;
}

#recruit dl dd{ margin-left:0;}






/*グーぐるマップ*/
.gmap {
position: relative;
width:480px;
padding-bottom: 50%;
height: 0;
overflow: hidden;
max-width:100%;
margin:0 auto;
border:1px solid #CCCCCC;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

}
/*414以下 iphone縦*/
@media screen and (max-width: 414px){



}