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

*{margin: 0;
font-weight: normal;}
ul{padding: 0;}

img{
	vertical-align: baseline;
}


body{
	margin: 0 auto;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," sans-serif";
	color: #333333 !important;
}

a { text-decoration: none;}
a:hover { text-decoration: none;}


a:link { color: #777; }　/*リンクの色*/
a:visited { color: #777; }　/*訪問済みリンクの色*/
a:hover { color: #000; }　/*マウスオン時のリンクの色*/
a:active { color: #000; }/*クリックしている時のリンクの色*/




.btn_estate a, .btn_estate a:active, .btn_estate a:visited{
	padding:20px;
	font-size:24px;
	text-align:center;
	width:1000px;
	margin:80px auto 40px auto;
	border:1px solid #CCC;
	display:block;
	background:#004DA1;
	color:#FFF;
}

.btn_estate i{
	    font-size: 30px;
    margin: 0 10px 0 0;
}

.block_left{
	float: left;
	width:500px ;
}

.block_right{
	float: right;
	width:500px ;
}


#navi{
	background: rgba(255,255,255,0.80);
	height: 70px;
    text-align: center;
    padding: 10px;
		position: fixed;
	top:0;
	z-index: 300;
	box-sizing: border-box;
	width: 100%;
}

#navi .inner{
	width: 1000px;
	margin: 0 auto;
}

#navi p{
	float: left;
	margin: 0 20px 0 0;
}

#navi p img{
	width: 146px;
	height: auto;
}

#navi li{
	float: left;
	list-style: none; 
	margin: 10px 10px 0 0;
}


#top{
	background: #222222;
	width: 100%;
}


#top_contents{
	background: url(../../img/hanshin_lp1/image/topimage.jpg) center no-repeat #000;
	background-size: auto;
	width: 100%;
	position: relative;
	min-height: 1014px;
	margin: 0 auto;
}

#logoarea{
    background: rgba(255,255,255,0.80);
    /* height: 80px; */
    text-align: center;
    padding: 18px 0 50px;
}

#logoarea p{
	position: relative !important;
	top: 15px !important;
left: 0;
right: 0;
bottom: 0;
margin: auto;
	text-align: center;
}


#top_contents h1{
	position: absolute;
	top: -60px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:350px;
height:350px;
}
#top_contents h2{
color: #FFF;
    position: absolute;
    top: 700px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 900px;
    text-align: center;
	/* box-shadow */
text-shadow: 2px 3px 4px #000;

}


#top_contents p{
	color: #FFF;
	position: absolute;
	top: 750px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width:900px;
	text-align: center;
	/* box-shadow */
text-shadow: 2px 3px 4px #000;

}


#zero_man{
	width: 1000px;
	margin:  0 auto;
	z-index: 1;
	position: relative;
	    height: 240px;
}

#zero_man h3{
	position: absolute;
	left: -50px;
    bottom: 0;
}

#zero_man p{
	position: absolute;
	right: 0;
    bottom: 0;
	width: 620px;
	height: 210px;
	color: #FFF;
	line-height: 180%;
	font-size: 13px;
}




#taishin{
	padding: 100px 0;
	background: #FFFFFF;
	width: 1000px;
	margin:  0 auto;
	overflow: hidden;
}

#taishin h2{
	font-family:"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	font-size: 34px;
}

#taishin h3{
	font-size: 17px;
	margin: 45px 0 15px 0;
	font-weight: bold;

}

#taishin p{
	font-size: 13px;
	line-height: 210%;
}



#yuryoujuutaku{
		background: url(../../img/hanshin_lp1/image/sec02_mainimage.jpg);
	background-size: cover;
	width: 100%;
	position: relative;
	min-height: 847px;
	margin: 0 auto;
}

#yuryoujuutaku h2{
	color: #FFF;
	font-family:"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	font-size: 38px;
	text-align: center;
	padding: 80px 0 50px 0;
}

#yuryoujuutaku .inner{
	background: rgba(255,255,255,0.80);
    padding: 50px;
	width: 810px;
	box-sizing: border-box;
	margin: 0 auto;
}

#yuryoujuutaku h3{
		font-size: 17px;
	margin: 0 0 15px 0;
	font-weight: bold;
	text-align: center;
}

#yuryoujuutaku .text01{
	padding: 0 30px 25px 30px;
		line-height: 180%;
}

#yuryoujuutaku dl{
	overflow: hidden;
	    padding: 25px 0 0 0;
}

#yuryoujuutaku dt{
	float: left;
}

#yuryoujuutaku dd{
	float:right;
	    padding: 6px 0 0 20px;
    width: 454px;
}

#yuryoujuutaku h4{
	font-size: 17px;
	color: #008031;
	font-weight: bold;
}

#yuryoujuutaku .text02{
	padding: 10px 0;
		line-height: 180%;
}





#construction{
	padding: 100px 0;
	background: #FFFFFF;
	width: 1000px;
	margin:  0 auto;
	overflow: hidden;
}

#construction h2{
	font-family:"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	font-size: 34px;
}

#construction h3{
	font-size: 17px;
	margin: 45px 0 15px 0;
	font-weight: bold;

}

#construction p{
	font-size: 13px;
	line-height: 210%;
}


#construction .block_right{
	text-align: right;
}




#performance{
	background: url(../../img/hanshin_lp1/image/sec04_mainimage.jpg);
	background-size: cover;
	width: 100%;
	position: relative;
	min-height:590px;
	margin: 0 auto;
}

#performance .block{
	width: 860px;
	margin:  0 auto;
}

#performance h2{
	float: right;
	margin: 130px 20px 0 0;
}

#performance .inner{
background: rgba(255,255,255,0.80);
    padding: 50px;
    width: 670px;
    box-sizing: border-box;
    margin: 127px auto 0 50px;
    float: left;
	line-height: 180%;
	text-align: center;
}

#performance .inner ul{
	font-size: 11px;
	text-align: left;
}



#wood{
	width: 100%;
	background: #F5F4EF;
	overflow: hidden;
		min-height:530px;
}

#wood .left{
	width: 50%;
	float: left;
}

#wood .contents{
	max-width: 560px;
	width: 80%;
	margin: 80px auto 0 auto;
}


#wood h2{
	font-family:"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	font-size: 34px;
}

#wood h3{
	font-size: 17px;
	margin: 45px 0 15px 0;
	font-weight: bold;

}

#wood p{
	font-size: 13px;
	line-height: 210%;
}

#wood .right{
	width: 50%;
	float: right;
		background: url(../../img/hanshin_lp1/image/sec05_image01.jpg);
	background-size: cover;
	min-height:530px;
}






#award{
	width: 100%;
	background: #F5F4EF;
	overflow: hidden;
		min-height:530px;
}

#award .right{
	width: 50%;
	float: right;
}

#award .contents{
	max-width: 560px;
	width: 80%;
	margin: 80px auto 0 auto;
}


#award h2{
	font-family:"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	font-size: 34px;
}

#award h3{
	font-size: 17px;
	margin: 45px 0 15px 0;
	font-weight: bold;

}

#award p{
	font-size: 13px;
	line-height: 210%;
}

#award .left{
	width: 50%;
	float: left;
		background: url(../../img/hanshin_lp1/image/sec06_image01.jpg);
	background-size: cover;
	min-height:530px;
}


#access{
	width: 1000px;
	margin:  0 auto;
	padding: 80px 0 20px 0;
	overflow: hidden;
}


#access h2{
	text-align: center;
	font-size: 32px;
	margin: 0 0 10px 0;
}


#access p{
	text-align: center;
	font-size: 13px;
	margin: 0 0 70px 0;
}

#access h3{
	font-size: 24px;
	margin: 0 0 10px 0;
}

#access dl{
	overflow: hidden;
}

#access dt{
	float: left;
	width: 104px;
	line-height: 160%;
	padding: 6px 0;
	
}

#access dd{
	padding: 6px 0;
	float: left;
	width: 390px;
	line-height: 160%;
}

#access li{
	list-style: none;
}

.btn{text-align: left !important;
padding: 7px 0 0 0;
margin: 0 !important}

#store{
	overflow: hidden;
	padding: 20px 0 50px 0;
	width: 1000px;
	margin: 0 auto;
}

#store dl{
	float: left;
	margin: 0 26px 0 0;
}

#store .last{
	margin: 0;
}

.storeimage{
		width: 100%;
		background: url(../../img/hanshin_lp1/image/estate_mainimage.jpg);
	background-size: cover;
	min-height:530px;
}

.foot_navi{
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}

.foot_navi li{
	float: left;
	padding: 0 30px;
	border-left:1px solid #777777;
	list-style: none;
}

.foot_navi li:last-child{
	border-left:1px solid #777777;
	border-right:1px solid #777777;
}


#contact{
		width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}

#contact h2{
	float: left;
	height: 75px;
	width: 200px;
	margin: 5px 0 0 0;
}

#contact h3{
	font-weight: bold;
	margin: 0 0 5px 0;
}

#contact dl{
	overflow: hidden;
}

#contact dt{
	float: left;
}

#contact .home{
	float: right;
	    margin: -75px 0 0 0;
}

.copyright{
	clear: both;
	padding: 20px 0;
	color: #777777;
	font-size: 12px;
}


/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {

	text-align: center;
	display: block;

}
#page-top a:hover {

}


.bgOsaka{
	background: none !important;;
}

.contBoxWide {
    width: 1060px;
    margin: 0 auto;
}

.contBoxWide ul{
	overflow: hidden;
}

.contBoxWide li {
	list-style: none;
}

a.btnSearch {
	color: #FFF;
}




/* 神戸営業所追加 */
#accessNew {
	width: 1000px;
	margin:  0 auto;
	padding: 80px 0 20px 0;
	overflow: hidden;
}

#accessNew h2{
	text-align: center;
	font-size: 32px;
	margin: 0 0 10px 0;
}

#accessNew p.sub_title {
	text-align: center;
	font-size: 13px;
	margin: 0 0 70px 0;
}

.google-maps iframe {
	width: 100% !important;
}

.telWrap {
	border-bottom:1px solid #9E9E9E;
	padding-bottom:30px;
	margin-bottom:30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.telFlex  {
	width:75%;
}

.telCont {
	display: flex;
	flex-wrap: wrap;
	margin-top:30px;
}

.telCont dt {
	width:45%;
}

.telCont dt small {
    display: block;
}

.telCont dd {
	width:55%;
}

.ttlOffice {
    font-weight: bold;
    font-size: 110%;
}

.accessWrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.addressWrap {
	width:75%;
}

.addressWrap li {
	padding:3px 0;
}

.addressWrap li.hi {
	margin-top:30px;
}

.btnWrap {
	width:25%;
}

.btnLink a, .btnLink a:active, .btnLink a:visited {
	width:100%;
	font-weight:bold;
	color:#fff;
	background-color:#004DA0;
	padding:15px 0;
	text-align:center;
	transition: all 0.5s;
	display: flex;
	align-items: center;
}

.btnLink a:hover {
	background-color:#000;
}

.btnLink a:before, .btnLink a:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #fff;
	display: block;
}

.btnLink a:before {
	content: "";
	height: 0;
}

.btnLink a:before {
	margin-right: 2em;
}

.btnLink a:after {
	margin-left: 2em;
}

.linkTenjijyo a {
	background-color:#000;
	margin-top:75px;
}

 .linkTenjijyo a:hover {
	background-color:#004DA0;
}





.google-maps-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.google-maps-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}


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

.google-maps-img img {
    width: 100%;
    height: 450px;
    margin-top: -30%;
}

}



.bukkenListLp1 {
    padding: 80px 0;
    margin: 60px 0;
    background-color: #F5F4EF;
}

.bukkenListTtl {
    font-weight: bold;
    background-color: #000;
    color: #fff;
    padding: 2px 20px;
    margin-bottom: 20px;
    font-size: 20px;
}

.bukkenWrap {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 0;
}

.areaWFlex {
    display: flex;
    gap: 5rem;
}

.areaTtl {
    font-size: 16px;
    font-weight: bold;
}

.areaUl {
    list-style: none;
    text-indent: 1rem;
    letter-spacing: 0.05rem;
    line-height: 2.2;
}

.areaUl a {
    text-decoration: underline;
}