@charset "UTF-8";
/*
 * cmn_layout.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , 'メイリオ' ,Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: none;
	line-height: 1.8;
	color: #000;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
/* !header
---------------------------------------------------------- */
#header {
	width:100%;
	height:114px;
	background:url(../img/header_bg.jpg) left center repeat-x;
}
	#headerIn {
		margin: 0 auto;
		width: 960px;
		height:114px;
		display:block;
	}
		#headerLogo {
			width:403px;
			height:49px;
			display:block;
			margin-top:11px;
			margin-bottom:14px;
			float:left;
		}
		#headerMenu {
			width:270px;
			float:right;
			display:block;
			margin-top:11px;
		}
			#headerMenu li{
				list-style:none;
				float:left;
			}
/* !gNav
---------------------------------------------------------- */
#header #gNavi {
	clear: both;
	width: 960px;
	height:40px;
	display:block;
	position: relative;
}
	#header #gNavi li {
		float: left;
		list-style: none;
		position: relative;
		width:160px;
		height:40px;
		display:block;
	}

		#header #gNavi li img {
			vertical-align:bottom;
		}
/* !mainimg
---------------------------------------------------------- */
#topMainimg {
	width:100%;
	height:466px;
	background-image:url(../../img/top_mainimg_bg.jpg);
	background-position: 0 0;
	background-repeat:repeat-x;
	padding:17px 0;
}

	#topMainimg h2 {
		width:950px;
		height:450px;
		margin:0 auto;
		padding:8px;
		display:block;
		background:url(../../img/main_bg.jpg) 0 0 no-repeat;
	}
/* !contents
---------------------------------------------------------- */
.contents {
	width:100%;
	padding:40px 0 50px 0;
	background:url(../img/contents_bg.gif) 0 0 repeat-x;
}

	article.contents section {
		width:960px;
		margin:0 auto;
		clear:both;
	}
		article.contents section#topIndex {
			/* background:url(../../img/top_index_bg.gif) 0 0 repeat-y; */
		}
			article.contents section#topIndex div {
			/* width:276px; */
			/* float:left; */
			/* padding:0 22px; */
			}
		article.contents section#topIndex div p.bnr{
			margin-bottom:15px;
		}
		article.contents section#topIndex div h3{
			text-align:center;
			margin-bottom:10px;
			font-size: 1.5em;
			font-weight: bold;
		}
		article.contents section#topIndex div h3 span{
			font-size: 1rem;
		}
		.topIndex_c {
			display: flex;
			justify-content: center;
			gap: 2rem;
			max-width: 960px;
			padding: 0!important;
		}
		.topIndex_c.solo {
			justify-content: flex-start;
			width: calc(( 100% - 2rem) / 2 );
			gap: 0;
		}
		.topIndex_c div {
			position: relative;
			text-align: center;
		}
		.topIndex_c img {
			border: 6px solid #ffffff;
			box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
			box-sizing: border-box;
			width: 100%;
			transition: 0.3s;
		}
		.topIndex_c img:hover {
			opacity: 0.8;
		}
		article.contents section#topBnr ul{
			width:100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        article.contents section#topBnr ul li:first-child{
            padding-right: 1rem;
		}
		article.contents section#topBnr ul li img:hover{
			opacity: 0.8;
			transition:0.3s ease-in-out;
		}
		article.contents section#topBnr ul li img{
            padding-bottom: 0.5rem;
		}
		article.contents section#topBnr .att {
			text-align: center;
			font-size: 0.9em;
		}
	.contentsSub {
		width:960px;
		margin:0 auto;
	}
		.contentsSub_l {
			width:700px;
			float:left;
		}
		.contentsSub_r {
			width:226px;
			float:right;
		}

/* !pageTop
---------------------------------------------------------- */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
	.pagetop a {
		display: block;
		width: 50px;
		height: 50px;
		background-color: #005BAC;
		text-align: center;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		line-height: 50px;
	}
/* !footer
---------------------------------------------------------- */
#footerTop {
	width: 100%;
	background:url(../img/footer_bg.gif) 0 0 repeat-x;
}

	.footerIn {
		width:960px;
		margin:0 auto;
		padding:20px 0;
	}
		.footerLinks {
			list-style:none;
			text-align:left;
			margin-bottom:10px;
		}
			.footerLinks li {
				background:url(../img/listmark01.gif) left 50% no-repeat;
				font-size:90%;
				padding:0 0 0 18px;
				display:inline;
				margin-right:20px;
			}
				.footerLinks li a:link,
				.footerLinks li a:visited{
					color:#005BAC;
					text-decoration:none;
				}
				.footerLinks li a:hover{
					color:#2693FF;
					text-decoration:none;
				}

		.footerLinks2 {
			list-style:none;
			text-align:left;
		}
			.footerLinks2 li {
				font-size:90%;
				padding:0 12px 0 0;
				display:inline;
			}
				.footerLinks2 li a:link,
				.footerLinks2 li a:visited{
					color:#005BAC;
					text-decoration:none;
				}
				.footerLinks2 li a:hover{
					color:#2693FF;
					text-decoration:none;
				}

#footerBtm {
	width: 100%;
	background-color:#FFF;
	border-top:1px solid #E3E3E3;
}

	.footerIn2 {
		width:960px;
		margin:0 auto;
		padding:10px 0;
	}
		#copyright {
			font-size:80%;
			text-align:center;
			color:#666;
			font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}

/* パンくず
---------------------------------------------------------- */
#breadcrumbBox {
width:100%;
height:34px;
background:url(../img/breadcrumb_bg.gif) 0 0 repeat-x;
}

	#breadcrumb {
	width:960px;
	margin:0 auto;
	display:block;
	list-style-type:none;
	}

		#breadcrumb li{
			float:left;
			padding-right:10px;
			line-height:34px;
			color:#666;
			font-size:12px;
		}

			#breadcrumb li.sub{
				background:url(../img/breadcrumb_sub.gif) 0 50% no-repeat;
				padding-left:20px;
			}

			#breadcrumb a:link {
				color:#005BAC;
				text-decoration:none;
			}

			#breadcrumb a:visited {
				color:#005BAC;
				text-decoration:none;
			}

			#breadcrumb a:hover {
				color:#2693FF;
				text-decoration:none;
			}

/* !subMainimg
---------------------------------------------------------- */
#subMainimg {
	width:100%;
	height:120px;
	display:block;
	background:url(../img/sub_main.jpg) 50% 50% no-repeat;
	background-size:cover;
}

	#subMainimg h2{
		text-align:center;
		line-height:120px;
		padding-top:40px;
	}

/* !lnavi
---------------------------------------------------------- */
#lnavi {
	width:214px;
	padding:0 6px 6px 6px;
	background:url(../img/lnavi_bg.gif) bottom no-repeat;
}
	#lnavi li{
		list-style:none;
	}
		#lnavi li a{
			background:url(../img/lnavi_li_bg.gif) bottom no-repeat;
			display:block;
			padding:14px 0 14px 30px;
		}
		#lnavi li.cr a{
			color:#000;
		}
			#lnavi li a.line2{
				background:url(../img/lnavi_li_bg2.gif) bottom no-repeat;
				display:block;
				padding:14px 0 14px 30px;
			}
			#lnavi li.cr a.line2{
				color:#000;
			}

/* !Box
---------------------------------------------------------- */
.box01 {
	width:684x;
	background-color:#E7F6FD;
	padding:8px;
}
	.box01Inner {
		width:632px;
		background-color:#FFF;
		border:1px solid #9ED9F5;
		padding:25px;
	}

.box02 {
	width:660px;
	padding:20px;
	background-color:#E4F3FC;
	border-radius:6px;
}

.box03 {
	width:700x;
	background:url(../img/dot_line02.gif) left bottom repeat-x;
	padding-bottom:20px;
}
	.box03Inner {
		width:700x;
		background:url(../img/dot_line02.gif) left top repeat-x;
		padding-top:20px;
	}


/* !midashi
---------------------------------------------------------- */
.cap1 {
	font-size:24px;
	font-weight:bold;
	background:url(../img/cap1_bg.gif) 0 9px no-repeat;
	padding: 0 0 25px 28px;
	margin-bottom:30px;
}

.cap2 {
	font-size:20px;
	font-weight:bold;
	background:url(../img/cap2_bg.gif) 0 50% no-repeat;
	padding: 0 0 0 22px;
	margin-bottom:20px;
}
	.cap2 a{
		color:#000;
	}

.cap3 {
	margin-bottom:15px;
	color:#004584;
}
	.cap3 span{
		font-size:16px;
		background-color:#24AAEA;
		padding:4px 6px;
		color:#FFF;
		border-radius:4px;
		margin-right:8px;
	}


/* !Txt Style
---------------------------------------------------------- */
.txtbg { background-color:#FF3E3E; color:#FFF;}
.circle li { list-style-type:circle; margin:0 0 6px 20px; line-height:1.6em;}
.circle li:last-child { margin-bottom:0;}
p span.box { background-color: #111;	color: #fff; padding:2px 4px;}

.img_list li {
list-style:none;
background:url(../img/listmark02.gif) left center no-repeat;
padding:0px 0 0 10px;
line-height:1.5em;
}

.circle li {
list-style-type:circle;
margin:0 0 8px 20px;
line-height:1.6;
}
	.circle li.half {
		width:330px;
		float:left;
	}
.f_red {
	color:#C00;
}
.f_navy {
	color:#004584;
}

/* !Table
---------------------------------------------------------- */
.basic {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #DFDFDF;
}
	.basic tr {
		background-color:#EEF7FD;
	}
	.basic tr:nth-child(even) {
		background-color:#FFF;
	}
		.basic th {
			width:160px;
			padding:9px;
			border-bottom: 1px solid #DFDFDF;
			vertical-align:top;
		}
		.basic td {
			border-bottom: 1px solid #DFDFDF;
			padding:9px;
			vertical-align:top;
		}

.basic02 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
}
	.basic02 th{
		background-color:#EEF7FD;
		font-weight:bold;
		text-align:center;
		padding:9px;
		border-right: 1px solid #DFDFDF;
		border-bottom: 1px solid #DFDFDF;
	}
	.basic02 td{
		background-color:#FFF;
		text-align:left;
		padding:9px;
		vertical-align:top;
		border-right: 1px solid #DFDFDF;
		border-bottom: 1px solid #DFDFDF;
	}
	.disclosureWrap .basic02 th{
		text-align:left;
		word-break: keep-all;
	}
	.disclosureWrap .basic02 td{
		word-break: break-all;
	}

/* 会社概要
---------------------------------------------------------- */
#topMessage {
	width:700px;
	clear:both;
	margin-bottom:50px;
}
	#topMessage div.txt{
		width:450px;
		float:left;
	}
	#topMessage div.image{
		width:216px;
		float:right;
	}

/* 保険
---------------------------------------------------------- */
.insuranceIndex {
	width:700px;
	clear:both;
	background:url(../img/dot_line.gif) bottom repeat-x;
	padding-bottom:30px;
}
	.insuranceIndex img{
		width:120px;
		float:left;
	}
	.insuranceIndex h4{
		width:550px;
		margin-left:150px;
	}
	.insuranceIndex p{
		width:550px;
		margin-left:150px;
	}

.chuzaiinQbox {
	width:335px;
	background:url(../../insurance/img/chuzaiin_qbox_bg.gif) bottom no-repeat;
}
	.chuzaiinQbox div {
		padding:10px 17px 17px 17px;
	}

.voice {
	width:700px;
	clear:both;
}
	.voice img.icon {
		width:56px;
		float:left;
	}
	.voice div {
		width:580px;
		margin-left:80px;
		background-color:#E4F3FC;
		border-radius:6px;
		padding:20px;
	}
		.voice div h4{
			margin-bottom:10px;
		}

.shatakuBox {
	width:700px;
	background:url(../../insurance/img/shataku_box_bg.gif) bottom no-repeat;
}
	.shatakuBox div {
		width:650px;
		padding:25px;
	}

.shatakuMerit {
	width:700px;
	background:url(../../insurance/img/shataku_merit_bg.gif) top left repeat-y;
}
	.shatakuMerit div {
		width:310px;
		padding:0 20px;
		float:left;
	}
		.shatakuMerit div h5.merit{
			font-size:16px;
			color:#005AAC;
			font-weight:bold;
			background:url(../../insurance/img/shataku_merit_icon.gif) left 50% no-repeat;
			padding:0 0 0 25px;
		}
		.shatakuMerit div h5.demerit{
			font-size:16px;
			color:#000;
			font-weight:bold;
			background:url(../../insurance/img/shataku_demerit_icon.gif) left 50% no-repeat;
			padding:0 0 0 25px;
		}

.shatakuArrow{
	margin-left:135px;
}

.otherBox {
	width:700px;
	clear:both;
}
	.otherBox p.txt{
		width:440px;
		float:left;
	}
	.otherBox img.image{
		width:250px;
		float:right;
	}

/* 不動産会社向けサービス
---------------------------------------------------------- */
.realEstateIndex {
	width:700px;
	clear:both;
}
	.realEstateIndex img{
		width:120px;
		float:left;
	}
	.realEstateIndex h4{
		width:550px;
		margin-left:150px;
	}
	.realEstateIndex p{
		width:550px;
		margin-left:150px;
	}

.voiceRealEstate {
	width:700px;
	clear:both;
	background:url(../img/dot_line.gif) bottom repeat-x;
	padding-bottom:30px;
}
	.voiceRealEstate img.icon {
		width:56px;
		float:left;
	}
	.voiceRealEstate div {
		width:580px;
		margin-left:80px;
		background-color:#E4F3FC;
		border-radius:6px;
		padding:20px;
	}
		.voiceRealEstate div h4{
			margin-bottom:10px;
		}

/* 個人ローン
---------------------------------------------------------- */
.loanBtn {
	width:400px;
	margin:0 auto;
}
	.loanBtn li{
		width:400px;
		display:block;
	}

dl.loan {
	width:700px;
	clear:both;
	border-top:1px dotted #CCC;
	margin-bottom:20px;
}
	dl.loan dt{
		width:250px;
		display:block;
		border-bottom:1px dotted #CCC;
		clear:left;
		float:left;
		padding:9px 0;
	}
	dl.loan dd{
		width:450px;
		margin-left:250px;
		display:block;
		border-bottom:1px dotted #CCC;
		float:rigth;
		padding:9px 0;
	}