/*==========================================
 <header>
===========================================*/
header {
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin-bottom: 0px;
	/*	background: #b13b2f;	*/
}
.logo-wrapper {
	margin: 0 auto ;
	padding: 0px 0px 10px 0px;
	text-align: center;
}
/* ロゴ	*/
.logo {
	width: 350px ;
	height: auto ;
}

/*==========================================
 Font
===========================================*/
.serif{
	font-family: "HG明朝E","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important;
	font-weight: normal;
}
.red_bold{
	color: red;
	font-size: 120%;
	font-weight: bold;
}
.midashi_01{
	font-size: 120%;
	/* color: #917a2a;	金色系 */
	/* color: #5dc71e;	緑色系 */
	color: #ff8d8d;	/* 緑色系 */
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.privacyNM{color: #e3007f;}
/*==========================================
 背景固定（ fixed ）
===========================================*/
body, html, main {
    /* important */
    height: 100%;
}
  
.cd-fixed-bg {
    min-height: 70%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
  
.cd-fixed-bg.cd-bg-1 {
  background-image: url("../img/cd-background-1.jpg");
}
.cd-fixed-bg.cd-bg-2 {
  background-image: url("../img/cd-background-2.jpg");
}
.cd-fixed-bg.cd-bg-3 {
  background-image: url("../img/cd-background-3.jpg");
}
.cd-fixed-bg.cd-bg-4 {
  background-image: url("../img/cd-background-4.jpg");
}
  
.cd-scrolling-bg {
    min-height: 100%;
}
.flow_dd_1{
	font-size: 90%;
	color: #917a2a;	/* 	金色系 */
	/* color: #5dc71e;	緑色系 */
	/* color: #ff8d8d;緑色系 */
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.flow_dd_2{
	font-size: 80%;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

@media (min-width: 768px) {	/* PC時 */
.flow_dd_1{
	font-size: 100%;
	}
}


/*==========================================
 <div id="flow">
===========================================*/
#flow{}
p.flow01_p{
	width:90%;
	text-align:center;
	margin:20px auto 30px;
}
ul.flow_ul{padding:0 0px;margin-bottom:20px;}
ul.flow_ul li{
	border-bottom:solid 1px #5dc71e;
	padding:0;
	margin:0 0 20px;
}
ul.flow_ul li:first-child dl{
	background:url(../img/flow/step1.png) no-repeat 0 6px;
}
ul.flow_ul li:nth-child(2) dl{
	background:url(../img/flow/step2.png) no-repeat 0 6px;
}
ul.flow_ul li:nth-child(3) dl{
	background:url(../img/flow/step3.png) no-repeat 0 6px;
}
ul.flow_ul li:nth-child(4) dl{
	background:url(../img/flow/step4.png) no-repeat 0 6px;
}
ul.flow_ul li:nth-child(5) dl{
	background:url(../img/flow/step5.png) no-repeat 0 6px;
}
ul.flow_ul li:last-child dl{　/* これは最後(?)はつけません */
	background:url(../img/flow/step6.png) no-repeat 0 6px;
}
ul.flow_ul li:before{
	content:'';
	display:block;
	background:url(../img/flow/step_arrow.png) no-repeat 16px 0;
	height:24px;
	margin-bottom:12px;
}
ul.flow_ul li:first-child:before{
	display:none;
}
ul.flow_ul li dl{padding:0 0 10px 85px;}
ul.flow_ul li dl dt{
	font-size:150%;
	font-weight:bold;
	border-bottom:dashed 1px #ccc;
	padding-bottom:10px;
}
ul.flow_ul li dl dd{
	font-size:120%;
	padding:10px 0;
}
p.p_flow{color:#fe0101;font-size:100%;text-align:left;padding:18px 0;}
/*==========================================
 <h1～>
===========================================*/
h1{
position: relative;
display: inline-block;
padding: 0 26px;
font-size: 70%;
}
h1:before, h1:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 20px;
height: 1px;
background-color: black;
}
h1:before {left:0;}
h1:after {right: 0;}


h2, .h3{
	width: auto;
	font-size:18px;
}
.h_Line{
	border-bottom: 1px solid #999;
	text-align: center;
	margin: 30px 0 20px;
	padding: 0 0 10px 0;
	line-height: 1.3em;
}
@media (min-width: 768px) {	/* PC時 */
	h2, .h3{
		font-size: 24px;
	}
	h2 br, .h3 br{
		display:none;
	}
	.h_Line{
		margin:50px auto 50px;
	}
}

/*==========================================
 <footer>
===========================================*/
footer{
	margin:				20px 0px 0px 0px;
	padding:			10px 0px 10px 0px;
	font-size:			11px;
	text-align:			center;
	color: #7d524b;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #fcf7ee;
}
.footerNM{color: #e3007f; font-size: 120%;}
footer a, .footerIndex a{color: #000000; text-decoration: none;}
footer a:hover, .footerIndex a:hover{color: #000000; text-decoration: underline;}
footer p{
	margin: 0px;
	padding: 0px;
}
@media (min-width: 768px) {	/* PC時 */
footer br{
	display:none;
	}
}

/*==========================================
 <section class="***">
===========================================*/
.wrapper {
	width: auto ;
	padding: 0 10px ;
}
@media (min-width: 768px) {	/* PC時 */
.wrapper {
	width: 963px ;
	margin: 0 auto ;
	padding: 0 ;
	overflow: hidden ;
	}
}
.wrapper2{
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 40px 0px;
	background: #f7f6f0;
	border-top: 1px solid #be9756;
	border-bottom: 1px solid #be9756;
}/*==========================================
 ブロック
===========================================*/
.bk-1, .bk-2, .c_respmail{
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
	text-align : justify;			/* 行文字均等割り 1/2 */
	text-justify : inter-ideograph;	/* 行文字均等割り 2/2 */
}
.bk-2{
	font-size: 80%;
}
.c_respmail{
}
.bk-right{
	margin:				0px 0px 10px 0px;
	text-align:			right;
}
.bk-a1{
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	background: #f8f8f8;
	/*	color: #f77800;	*/
	color: #917a2a;
	font-size: 140%;
	font-weight: bold;
}
/*==========================================
 個人情報保護方針
===========================================*/
.prTbl{
	margin:				10px 0px 20px 0px;
	padding:			0px 0px 0px 0px;
	width:				100%;
}
.prTbl-td1, .prTbl-td2, .prTbl-td3, .prTbl-td4{
	margin:				0px 0px 0px 0px;
	line-height:		1.5em;
	letter-spacing:		0.1em;
	vertical-align:		top;			/* TBL 上詰め */
}
.prAria1{
	margin:	10px 0px 5px 0px;
	padding: 5px 10px;
	background: linear-gradient(transparent 0%, #ffffcc 0%);
	font-size: 120%;
	font-weight: bold;
}
.prTbl-td1, .prTbl-td2{
	border: none;						/* Table 枠線を消す */
}
.prTbl-td1, .prTbl-td3, .prTbl-th3{
	text-align: center;
}
.prTbl-th3{
  background-color: #eee;
}
/*==========================================
 お問い合せフォーム
===========================================*/
.inquiry_box{
	width:80%;
	margin:10px auto;
	text-align : justify;			/* 行文字均等割り 1/2 */
	text-justify : inter-ideograph;	/* 行文字均等割り 2/2 */
}
.inquiry_box h4{
	margin:50px 0 5px;
	text-align:center;
	font-size:24px;
}
.inquiry_box p{
	text-align:center;
	margin-bottom:1.5em;
}
.inquiry_att{
	width:80%;
		margin:10px auto;
	border:1px solid rgba(170,170,170,1);
	padding:40px 50px 30px;
	text-align : justify;			/* 行文字均等割り 1/2 */
	text-justify : inter-ideograph;	/* 行文字均等割り 2/2 */
}
.inquiry_att p{
	margin-bottom:1.3em !important;
	text-align:left;
}
.inquiry_att p span a{
	text-decoration:underline;
}
.inquiry_att p span i{
	display:inline-block;
	padding:0 0 2px 1em;
	font-size:16px;
	margin:0;
	vertical-align:middle;
}
.inquiry_att p:first-child span{
	font-weight:bold;
	font-size:14px !important;
}
.inquiry_att{
	padding:20px;
}
@media screen and (max-width: 680px){
.inquiry_box{
	width:100%;
	margin:10px auto;
}
.inquiry_box p{
	text-align:left;
}
.inquiry_box p br{
	display:none;
}
.inquiry_box h4{
	margin:30px 0 5px;
	font-size:21px;
}
.inquiry_att{
	width:100%;
	padding:20px;
}
}
/*==========================================
 proposal.htm 売買成約に結び付くご提案
===========================================*/
.imgb_txt{
	border: solid 1px Silver;
	margin: 5px 0px 0px 0px;
	padding: 5px;
}
.imgb_txt1{
	color: #ff8d8d;	/* 緑色系 */
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	text-align:left;
	font-size: 90%;
}
.imgb_txt2{
	margin: 0px 0px 0px 10px;
	text-align:left;
	font-size: 90%;
}
/*==========================================
 FAQ.htm 
===========================================*/
panel {
  width: 500px;
}
 
#panel > dt {
  border-bottom: solid 1px white;
  background-color: #e1d9c6;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
}
 
#panel > dd {
  border: solid 1px Silver;
  margin: 0px;
  padding: 10px;
}

/*==========================================
 inde-info
===========================================*/
.iinfo-L1{
	width: auto;
	float: none;
}
.iinfo-R1{
	padding: 20px 0px 0px 0px;
	float: none;
	margin: 0 auot;
	text-align: center;
}
.r1-img500{
	width: 320PX;
	height: auto;
}
@media (min-width: 768px) {	/* PC時 */
.iinfo-L1{
	line-height: 1.8em;
	letter-spacing: 0.05em;
	width: 453px;
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	}
.iinfo-R1{
	padding: 0px 0px 0px 0px;
	width: auto;
	float: right;
	}
.r1-img500{
	width: 500px;
	height: auto;
	}
}

/*==========================================
 レスポンシブ <table>
===========================================*/
.table-scroll{	/* 横幅が963px以下の場合横スクロール出現 */
	width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.table-scroll::-webkit-scrollbar{ height: 7px; }
.table-scroll::-webkit-scrollbar-track{ background: #F1F1F1; }
.table-scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }

table {
	width: 963px;
  	border-collapse: collapse;
}
table td, table th {
	border: 1px solid #ccc;
	padding: 5px;
}
table th {
	background-color: #eee;
}

/*==========================================
 cashback.htm
===========================================*/
.table-cb-BOX2, .table-cb-BOX3{
	margin: 5px 0px 20px 0px;
}
.table-cb-BOX3{
	background-color: #fff;
}
.table-cb-BOX2 td, .table-cb-BOX3 td{
  text-align: center;
  vertical-align: middle;
}
.td-FFE6F2{ background: #FFE6F2; }	/* 背景 ピンク */
.td-FFF7FA{ background: #FFF7FA; }	/* 背景 薄いピンク */
.td-EDE3FD{ background: #EDE3FD; }	/* 背景 紫 */
/* span */
.tableSPAN_11, .tableSPAN_11B{ color: #CC0000; }
.tableSPAN_21, .tableSPAN_21B{ color: #7F03D6; }
.tableSPAN_11B, .tableSPAN_21B{ font-weight: bold; }
.tableSPAN_50P{ font-size: 70%; }