@charset "utf-8";

/*
コロナここから
-------------------------------------------------------------------*/


.text_area{
	
	margin-bottom: -10px;
}



      .c-nap{width: 97.5%;}
      .c-nap h3 {border: 3px solid #E3E3E3 !important;font-size: 15px !important; width: 94%; line-height: 1.4 !important; padding: 3px 10px;}
      .c-table {margin-bottom: 50px ;width: 98%; border: 3px #E3E3E3 solid; line-height:20px;}
      .c-table th {background: #f7f7f7;border: 1px solid #ddd;text-align: left;vertical-align: middle;width: 25%;}
      .c-table td {
        padding: 5px 8px;
        color: #808080;
        border: 1px #E3E3E3 solid;}
      .u-m0 {margin: 0 !important;}
      .u-mt10 {margin-top: 10px !important;}
      .u-mt15 {margin-top: 15px !important;}
      .u-mt20 {margin-top: 20px !important;}
      .u-mt30 {margin-top: 30px !important;}
      .u-mt40 {margin-top: 40px !important;}
      .u-mt50 {margin-top: 50px !important;}
      .u-mt60 {margin-top: 60px !important;}
      .u-mt1em {margin-top: 1em !important;}
      .u-mb10 {margin-bottom: 10px !important;}
      .u-mb15 {margin-bottom: 15px !important;}
      .u-mb20 {margin-bottom: 20px !important;}
      .u-mb30 {margin-bottom: 30px !important;}
      .u-mb40 {margin-bottom: 40px !important;}
      .u-mb50 {margin-bottom: 50px !important;}
      .u-mb60 {margin-bottom: 60px !important;}
      .u-mb1em {margin-bottom: 1em !important;}
      .u-p0 {padding: 0 !important;}
      .u-p10 {padding: 10px !important;}
      .u-p15 {padding: 15px !important;}
      .u-p20 {padding: 20px !important;}
      .u-pt10 {padding-top: 10px !important;}
      .u-pt20 {padding-top: 20px !important;}
      .u-pt30 {padding-top: 30px !important;}
      .u-pt1em {padding-top: 1em !important;}
      .u-pb10 {padding-bottom: 10px !important;}
      .u-pb20 {padding-bottom: 20px !important;}
      .u-pb30 {padding-bottom: 30px !important;}
      .u-pb1em {padding-bottom: 1em !important;}
      .text_area {margin: 45px 0 60px;padding: 15px;border: 1px solid #CCC; width: 90%;}
      .text_area h2,.nap_info h2 {font-size: 20px;font-weight: bold;margin: 0 0 10px;border-bottom: 1px solid #CCC;color:#5daeeb;}
      .text_area p {margin: 0 0 1em;font-size: 14px;}
      .text_area p:first-child {text-align: right;margin: 0;}
      .text_area p:last-child {text-align: right;margin: 0;}
      .text_area a {background-color:#ff6800;text-decoration: none;padding: 5px;color: #ffffff;font-weight: bold;border-radius: 7px;}
      .text_area a:hover {color: #fff;background: #ddd;opacity: 0.7;text-decoration: none;}
      @media only screen and (max-width: 768px) {
      .text_area p:last-child {text-align: left;}
      }

/*
コロナここまで
-------------------------------------------------------------------*/

/*
今のあなたの状況は　ボックス
-------------------------------------------------------------------*/

.rightbox1{
background-image:url(../images/main_image01-1.png);
background-repeat:no-repeat;
line-height: 1.8;
width:600px;
height:280px;
padding:20px 0 5px 20px;
}

.rightbox1 h3{
background: url(../images/title_info_ico.png) no-repeat left center;
padding-top: 5px;
padding-left: 35px;
font-size: 18px;
height: 30px;
font-weight:bold;
}


ul.check{
    list-style:none;
    padding:0;
    margin-left:10px;
	font-size: 16px;
	font-weight:bold;
}

ul.check li{
   padding-left:1.6em;
   position:relative;
   margin-top:0.8em;
   margin-bottom:0.5em;
}

ul.check li:before{
    position:absolute;
    top:0.5em;
    left:0;
    content:"";
    list-style:none;
    display:block;
    height:0.3em;
    width:0.8em;
    border-color:#D14446;
    border-width:0.2em;
    border-style:none none solid solid;
    transform: rotate(-45deg);
}


/*
任意売却のメリットはたくさん！　ボックス
-------------------------------------------------------------------*/

.rightbox2{
background-image:url(../images/main_image01-0000.png);
background-repeat:no-repeat;
line-height: 1.8;
width:600px;
height:280px;
padding:20px 0 5px 20px;
}

.rightbox2 h3{
background: url(../images/title_info_ico.png) no-repeat left center;
padding-top: 5px;
padding-left: 35px;
font-size: 18px;
height: 30px;
font-weight:bold;
margin-bottom:10px;
}

.sayuuBox02 p{
font-size: 16px;
font-weight:bold;
color:#D14446;	
padding-left:1.6em;
margin-top:0.8em;
margin-bottom:0.5em;
display:inline-block;
vertical-align:middle;
margin:18px 30px 20px;

}



/*
任意売却と競売はこれだけ違います！　ボックス
-------------------------------------------------------------------*/

.rightbox3{
background-image:url(../images/main_image01-01-03.png);
background-repeat:no-repeat;
line-height: 1.8;
width:600px;
height:440px;
padding:20px 0 5px 20px;
}

.rightbox3 h3{
background: url(../images/title_info_ico.png) no-repeat left center;
padding-top: 5px;
padding-left: 35px;
font-size: 18px;
height: 30px;
font-weight:bold;
}

.table_05{
width: 560px;
padding-left:1.6em;
margin-top:1.2em;
margin-bottom:0.5em;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 14px;
}
.table_05 th{
width:25%;
padding: 6px; 
vertical-align: top;
color: #666666;
font-weight:bold;
background: #eee;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_05 td{
width: 25%;
padding: 6px;
background: #fff;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}

.maru {
font-size: 20px;
color: #B20000;
font-weight: bold;
margin:18px 6px 20px;
padding-left: 16px;
background:url(../images/maru.png) no-repeat left ;
}

.batsu {
font-size: 20px;
color: #B20000;
font-weight: bold;
margin:18px 6px 20px;
padding-left: 16px;
background:url(../images/batsu.png) no-repeat left ;
}

.txt-new-red {
font-size: 18px;
color: #B20000;
font-weight: bold;
margin:15px auto 20px;
padding-left: 30px;
background:url(../images/column-new2.png) no-repeat left ;
}




/*
住宅ローンの滞納～競売のながれ　ボックス
-------------------------------------------------------------------*/

.rightbox4{
background-image:url(../images/main_image01-02.png);
background-repeat:no-repeat;
line-height: 1.8;
width:600px;
height:430px;
padding:20px 0 5px 20px;
}

.rightbox4 h3{
background: url(../images/title_info_ico.png) no-repeat left center;
padding-top: 5px;
padding-left: 35px;
font-size: 18px;
height: 30px;
font-weight:bold;
}

/*
解決事例のご紹介　ボックス
-------------------------------------------------------------------*/

.rightbox5{
background-image:url(../images/main_image01-03.png);
background-repeat:no-repeat;
line-height: 1.8;
width:600px;
height:460px;
padding:20px 0 5px 20px;
}

.rightbox5 h3{
background: url(../images/title_info_ico.png) no-repeat left center;
padding-top: 5px;
padding-left: 35px;
font-size: 18px;
height: 26px;
font-weight:bold;
}




ul.kaiketsu1{
    list-style:none;
    padding:0;
    margin-left:140px;
	font-size: 16px;
	font-weight:bold;
}

ul.kaiketsu1 li{
 margin-top:0.1em;
   margin-bottom:0.2em;	
   padding-left:2.6em;
   position:relative;
  
}

.box501 p{
 margin-left:160px;
 padding-left: 20px;
 
 
   position:relative;
  
}




ul.kaiketsu2{
    list-style:none;
    padding:0;
    margin-left:140px;
	font-size: 16px;
	font-weight:bold;
}

ul.kaiketsu2 li{
 margin-top:0.1em;
   margin-bottom:0.2em;	
   padding-left:2.6em;
   position:relative;
  
}

.box502 p{
 margin-left:160px;
 padding-left: 20px;
 
 
   position:relative;
  
}









/*
Ｑ＆Ａトピックス～よくあるご質問をピックアップ～
-------------------------------------------------------------------*/

.rightbox6{
background-image:url(../images/main_image01-01.png);
background-repeat:no-repeat;
line-height: 1.8;
width:600px;
height:440px;
padding:20px 0 5px 20px;
font-size:14px;
}

.rightbox6 h3{
background: url(../images/title_question_ico.png) no-repeat left center;
padding-top: 5px;
padding-left: 35px;
font-size: 18px;
height: 30px;
font-weight:bold;
margin-bottom:10px;
}


.sayuuBox03 p{
font-size: 15px;
font-weight:bold;
color:#333;	
padding-left:1.6em;
margin-top:0.4em;
margin-bottom:0.5em;
display:inline-block;
vertical-align:middle;
margin:15px auto 10px 10px;
padding-left: 24px;
background:url(../images/qa.png) no-repeat left ;
}

.txt-16-bl {
font-size: 16px;
color: #000;
font-weight: bold;
margin:15px auto 20px 20px;

}







/*
リースバックのご案内～
-------------------------------------------------------------------*/
.rightbox7{
background-image:url(../images/main_image01-05.png);
background-repeat:no-repeat;
line-height: 1.8;
width:600px;
height:310px;
padding:20px 0 5px 20px;font-size:14px;
}

.rightbox7 h3{
background: url(../images/title_info_ico.png) no-repeat left center;
padding-top: 5px;
padding-left: 35px;
font-size: 18px;
height: 30px;
font-weight:bold;
}

.txtBox01 p{
font-size: 15px;
font-weight:bold;
color:#333;	
padding-left:1.6em;
margin-top:0.8em;
margin-bottom:0.5em;
display:inline-block;
vertical-align:middle;
}

.txtBox02 p{
font-size: 15px;
font-weight:bold;
color:#333;	
padding-left:1.6em;

margin-bottom:0.5em;
display:inline-block;
vertical-align:middle;
}

.txt-20-red {
font-size: 20px;
color: #B20000;
font-weight: bold;
margin:15px auto 20px;

}

.txt-26-red {
font-size: 26px;
color: #B20000;
font-weight: bold;
margin:15px auto 20px;

}

/*
新着情報～
-------------------------------------------------------------------*/
.rightbox8{
background-image:url(../images/main_image01-07.png);
background-repeat:no-repeat;
line-height: 1.8;
width:600px;
height:250px;
padding:20px 0 5px 20px;
}

.rightbox8 h3{
background: url(../images/title_info_ico.png) no-repeat left center;
padding-top: 5px;
padding-left: 35px;
font-size: 18px;
height: 30px;
font-weight:bold;
}


.txtBox03{
font-size: 14px;
padding-left:1.6em;
margin-top:0.8em;
margin-bottom:0.5em;
display:inline-block;
vertical-align:middle;
}

#main dl.new {
	width: 560px;			/*What's Newボックスの幅*/
	height: 310px;		/*What's Newボックスの高さ*/
	overflow: auto;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}
#main dl.new dt {
	font-weight: bold;	/*日付の色を太字にする*/
}

#main dl.new dd {
	border-bottom: 1px solid #bfbfbf;	/*日付ごとの下線*/
}

.txt-14b {
	font-size: 14px;
	line-height:  180%;
	font-weight: bold;
}