@charset "UTF-8";

/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media print, screen and (min-width:668px) { 
.sp{display:none;}

button.drawer-toggle{
	display:none;}

.contents{
	width:1200px;
	margin:0 auto;
	}


h1{
	text-align:right;
	color:#999;
	font-size:12px;
	margin-bottom:10px;}

#h_logo{
	float:left;
	}

#h_tel{
	float:right;
	}

#menu{
	padding-bottom:10px;
	height:60px;
	}

#menu li a{
    display: block;
    padding: 40px 0 20px 0px;
    float: left;
    color: #000;
    width: 200px;
    text-align: center;	}

#menu li a:hover{
	text-decoration:none;
	border-bottom:#0071b7 2px solid;
	}


#btn a img{
	float:left;}

#topics {
	padding:50px 0;
	}

#topics h2{
	font-size:26px;
	float:left;
	width:200px;
	font-weight:bold;
	color:#000;
	text-align:center;
	padding:0 30px;
	}


#topics th,
#topics td{
	padding:5px 10px;
	vertical-align:text-top;
	color:#000;
	font-size:14px;}


#topics th{
	white-space:nowrap;
	}

footer{
	padding:50px 0;
	background:#103484;
	text-align:center;
	}

footer img{
	margin-bottom:20px;}

footer p a,
footer p{
	color:#CCC;
	font-size:12px;
	}

footer p.text10{
	color:#06183f;
	margin:20px 0 0 0;}


/*共通設定*/

#h2{
	background:url(../../images/h2.jpg) no-repeat top center;
	background-size:cover;
	padding:100px 0;
	text-align:center;
	}

#h2 h2{
	color:#FFF;
	font-size:24px;
	line-height:1em;
	}

#h2 h2 span{
	font-size:12px;
	color:#8bbbf0;
	}

#path{
	background:#CCC;
	padding:5px 0;}
	
h3#h3_01{
	position: relative;
display: inline-block;
padding: 0 55px;
font-size:24px;
color:#074286;
margin-bottom:30px;
	}

h3#h3_01:before, h3#h3_01:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #333;
}

h3#h3_01:before {left:0;}
h3#h3_01:after {right: 0;}	
	
	

/*会社概要*/


#table{
	width:700px;
	margin:30px auto;
	color:#000;}

#table th,
#table td{
	padding:10px 20px;
	border-bottom:#CCC 1px dotted;
	vertical-align:text-top;
	}

#outline_photo{
	width:1000px;
	margin:60px auto;
	}
.google-maps {
position: relative;
padding-bottom: 20%; // これが縦横比
height: 0;
overflow: hidden;
margin-bottom:100px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border:none;
}


#business{
	background:url(../../images/outline03.jpg) no-repeat 300px  0 ;
	padding:0 0 0 820px;
	line-height:2em;
	color:#000;
	margin-bottom:100px;
	}


/*オーナー様へ*/


.owners_box{
    width: 548px;
    margin: 26px;
    float: left;
	position:relative;	}

.owners_box h3{
	color:#0071b7;
	font-weight:bold;
	}

.owners_box p{
	font-size:12px;}

.owners_box a{
position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;	}


.owners_box a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*ソシオが選ばれる理由*/


#reason_intro{
	background:url(../../images/reason_intro.jpg) no-repeat;
	background-size: cover;
	text-align:center;
	padding:60px 0;
	margin:0 0 60px 0;
	color:#000;
	font-weight: bold;
	line-height:2em;
	}

#reason_intro img{
	margin-bottom:20px;
	}

.reason_box{
border: #CCC 1px solid;
    padding: 50px;
    width: 406px;
    text-align: center;
    margin: 46px;
    height: 455px;
    float: left;}

.reason_box img{
	margin-bottom:50px;
	}

.reason_box h3{
	text-align:left;
	color: #000;
	font-weight:900;
	font-size:17px;
	margin-bottom:10px;
	}

.reason_box p{
	text-align:left;
	font-size:15px;
}

/*個人情報保護方針*/

.h3_01{
	color:#000;
	font-size:18px;
	margin:20px 0 10px 0;
	}

#privacy{
	margin:80px auto;
	}


/*仲介業者様専用ログイン*/


#login_box01{
	float:left;
	width:648px;
	margin:50px 0;
	}

#login_box02{
box-shadow:0px 0px 6px 3px #cfcfcf;
border-radius:10px;
border:1px solid #cccccc;
	float:left;
	width:400px;
	padding:50px;
	margin: 50px 0 80px 50px ;

}

#login_box02 h3{
	color:#000;
	font-weight:bolder;
	font-size:18px;
	margin-bottom:20px;
	}
	
#login_box02 h4{
	color:#000;
	margin:15px 0 5px 0 ;
	}


#login_box03{
	background: #CCC;
	padding:26px;
	font-size:12px;
	margin-top:20px;
	}


#login_button{
	background:#0071b7;
	color:#FFF;
	width:400px;
	padding:10px 20px;
	margin:20px 0 0 0;
	}


#dl_01{
	background: #060;
	color:#FFF;
	display:block;
	text-align:center;
	padding:15px 0;
	font-weight:bold;
	text-shadow: #000 1px 1px 1px;
	box-shadow:#000 1px 1px 1px;
	margin:30px 0 0 0;
	}

#dl_01:hover{
	text-decoration:none;}

#dl_01 span{
	background:url(../../images/pdf.png) no-repeat;
	padding:5px 10px 8px 50px;
	}


#dl_02{
	background:#C60;
	color:#FFF;
	display:block;
	text-align:center;
	padding:15px 0;
	font-weight:bold;
	text-shadow: #000 1px 1px 1px;
	box-shadow:#000 1px 1px 1px;
	margin:10px 0 0 0;
	}

#dl_02:hover{
	text-decoration:none;}

#dl_02 span{
	background:url(../../images/pdf.png) no-repeat;
	padding:5px 10px 8px 50px;
	}


/*フォーム*/

.contact_table{
	width:800px;
	margin:50px auto 20px auto;
	}

.contact_table th,
.contact_table td{
	padding:10px 20px;
	border-bottom:#CCC 1px solid;
	}


.contact_table th{
	background: #EEE;
	color:#000;
	}


input#submit_button_contact{
	width:300px;
    padding: 15px 40px;
    font-size: 1.2em;
    background-color: #390;
    color: #fff;
    border-style: none;
	cursor:pointer;
	border-radius:5px;
	box-shadow: #060 2px 2px 2px;

}

.contact_table span.red{
	color:#F00;}



/*代表者挨拶*/

#message{
	color:#000;
	width:800px;
	margin:80px auto;
	}

#message h3{
	font-size:20px;
	margin-top:30px;}

#message p{
	margin:20px 0  30px 50px;}


/*オーナー様へ*/

.owner_box{
	margin:20px 0 30px 0;
	}

.owner_box img{
	border-radius:30px;
	float:left;}
	
.owner_box h3{
	font-size:20px;
	margin-bottom:10px;}

.owner_box div{
	float:left;
	width:600px;
	margin-left:30px;
	}

#owner_box01 h3{ color:#ff6000;}
#owner_box02 h3{ color:#9e6f15;}
#owner_box03 h3{ color:#5c9e15;}
#owner_box04 h3{ color:#159e86;}
#owner_box05 h3{ color:#15599e;}
#owner_box06 h3{ color:#89159e;}
#owner_box07 h3{ color:#9e153f;}

/*サイトマップ*/

#sitemap div{
	float:left;
	width:600px;}

.sitemap li a{
	color:#000;
	display:block;
	border: #999 2px solid;
	background:#CCC;
	border-radius:5px;
	padding:10px 20px;
	margin:10px 2%;
	}

.sitemap li a:hover{
	color:#333;
	background: #FFF;
	text-decoration:none;
	}

.sitemap li.big a{
	padding:30px 20px;
	}

.sitemap li.middle a{
	padding:20px 20px
	}


/*事業紹介*/



.bussiness_box{
	background: #F1F1F1;
	border-radius:5px;
	padding:10px 20px;
	margin:5px 5px 10px 5px;
	width:550px;
	}


.bussiness_box h3{
	color:#0071b7;
	font-weight:bold;
	}


#b_left{
	float:left;
	margin:30px 0;}

#b_right{
	float:right;
	margin:30px 0;}




#b_photo img{
	float:left;
	}

#b_photo p{
	background:#CCC;
	padding:20px 30px;
	width:400px;
	float:right;
	margin:100px 40px 0 0;
	line-height:2;
	}






}