@charset "UTF-8";

.flex{
   display: -webkit-box;/*--- Androidブラウザ用 ---*/
   display: -webkit-flex;/*--- safari（PC）用 ---*/
   display: flex; 
}
section{
  margin: 20px 0 0;
}
.orange{
  color:#ff7726;
}
/*------------ アイコン --------------*/
.ico{
    position: relative;
    vertical-align: middle;
}
.ico:before,
.ico:after{
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.ico_1{
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 15px;
  display: inline-block;
}
.ico_1:before{
    left: 0;
    top: 34%;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 9px solid #ff7726;
}

.ico_2:before{
    top: 40%;
    right: 8px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #ff5205;
    border-right: 3px solid #ff5205;
    transform: rotate(45deg);
}
/*------------ header --------------*/

header{position: static;}

#crumbs{  padding: 0;}
#contents{ font-size:110%;}

/*------------ 見出し --------------*/
.maintitl{
  padding: 10px;
  background: url(/loan/column/images/img_mainttl.jpg) no-repeat 100%50%,#ffe0cc;
  background-size: contain;
} 
.maintitl small{
  background: #fff;
  color: #ff6900;
  display:  inline-block;
  padding: 4px 5px;
  margin-bottom: 5px;
}
.maintitl h1{
	width: 224px;
}
.maintitl h1,
.maintitl02 h1{
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: bold;
    color: #37170a;
}
.maintitl02{
  padding: 10px;
    background: #ffe0cc;
}
.maintitl02 small{
  font-size: 1.4rem;
  margin-bottom: 6px;
  display:  inline-block;
  color: #ff5205;
}
h2.columnTitle{
  background:#ffefdb;
  border-bottom:3px solid  #ff5205;
  font-weight: bold;
  font-size: 115%;
  padding: 14px 15px 12px;
}
.columnTitle span{
  font-weight:  normal;
  font-size: 1.3rem;
  margin-left:5px;
}
h2 a,h2 a:visited{
  display:block;
  color: #2d2d2d;
  padding: 14px 16px 12px 10px;
  margin-right: 5px;
  line-height: 1.3;
}

/*-----------コラム--------------*/
.loanTitle h2{
  padding: 14px 16px 12px 10px;
}
.loanTitle h2 span{
  font-weight:normal;
  display:inline-block;
  font-size: 77%;
  margin-top: 6px;
}
.columnList dl dt{
  padding: 10px 10px 5px;
  color: #4a4a4a;
}
.columnList dl dd{
  padding:0 10px 10px;
  line-height: 1.3;
  border-bottom: 1px solid #c3c3c3;
}
.newColumnBox .contentlink {padding:0;}

.contentlink a{
    border: 1px solid #c3c3c3;
    margin: 22px 15px;
    padding: 12px 20px 12px 10px;
    text-align: center;
    position: relative;
    display: block;
    line-height: 1.3;
}
.contentlink a:before{
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
    top: 40%;
    right: 3%;
    width: 10px;
    height: 10px;
    border-top: 3px solid #ff5205;
    border-right: 3px solid #ff5205;
    transform: rotate(45deg);
}
.newColumnList dt{
  padding: 0 0 5px;
  color: #4a4a4a;
}
.newColumnList dd{
  padding: 0 0 10px;
  line-height: 1.3;
  font-size: 1.6rem;
}
.newColumnList dd img {
	margin-left: 5px;
	vertical-align: middle;
}
.newColumnBox .inner{
  border-bottom: 1px solid #c3c3c3;
  padding: 14px;
}
.newColumnBox .inner:nth-last-of-type(1){ border:none}

.newColumnBox p{
  line-height: 1.5;
}
#loanInfoArea{
   margin: 20px 10px;
   line-height:1.3;
}

.bnArea {
  margin: 15px 0 25px;
}
.bnArea li a{
  display:block;
  border: 1px solid #c3c3c3;
  margin: 10px;
  padding: 12px 10px 12px 19px;
  position:relative;
  color: #503629;
  font-size: 1.6rem;
  font-weight: bold;
}
.bnArea li a:before{
    position:absolute;
    left: 5px;
    top: 43%;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 9px solid #ff7726;
    content: "";
    vertical-align: middle;
}
.bnArea li a small{
  display:inline-block;
  font-weight: normal;
  font-size: 1.4rem;
  margin-bottom:  5px;
}

.columnProfileBox{
  margin: 15px 10px;
  line-height: 1.3;
}
.columnProfileBox .contentFloatR{
  width: 100px;
  float: left;
  margin-right: 10px;
}
.columnProfileBox .columAuthorName{
  font-weight:bold;
  display: initial;
  font-size: 1.6rem;
}
.columnProfileBox .columnText{
   margin: 5px 0 0 110px;
}
#c-obi{
    margin: 15px 0;
    background: #ffefdb;
    padding:10px;
}
#c-obi h1{
    font-weight:bold;
    font-size: 1.6rem;
    line-height: 1.3;
}
.date{
	text-align:  right;
	margin: 10px;
}
.columnWrap{
  margin: 10px;
  padding-bottom: 20px;
  border-bottom: solid 1px #cacaca;
}
.columnWrap p{
  line-height: 1.5;
  margin-top: 10px;
}
.columnWrap .copy1{
  border-left: 3px solid #ff5205;
  font-weight:  bold;
  line-height:  1.4;
  padding-left: 10px;
  margin: 15px 0;
}
.contentBox{
	margin: 10px;
	line-height: 1.3;
	border-top: 1px solid #ccc;
}

/* 関連リンク */
.relatedLink {
	margin: 28px 10px;
	border:1px solid #B5B5B5;
}
.relatedLink h2 {
	background:#EEE;
	padding: 10px;
	font-weight: bold;
}
.relatedLink ul{
	margin:10px 8px 5px;
}
.relatedLink li{
	margin: 10px 0;
}
.relatedLink li.end{
	margin-bottom:0px;
	padding-bottom:0px;
	background:none;
}
.relatedLink li a{
	display:block;
	padding-left:13px;
	position:relative;
	line-height: 1.3;
}
.relatedLink li a:before{
    position:absolute;
    left: 0;
    top: 3px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 9px solid #ff7726;
    content: "";
    vertical-align: middle;
}
.loan_top a{
  padding-left: 25px;
  margin: 15px 0;
  display:inline-block;
}
.loan_top a{
   background: url(https://www.nomu.com/loan/images/ic_loantop.gif) no-repeat 2px 50%;
   background-size:18px;
}

table{
  border-collapse:collapse;
  margin:0 auto;
}
td,th{
  padding:10px;
border: 1px solid #ccc;
}
th{
  color:#fff;
  background:#005ab3;
}

th.sub1{
  color:#fff;
  background:#639ed8;
}