@charset "utf-8";

.contentCnv_li03 {
  width: 100%;
}
.contentNavTopTtl {
  min-width: 205px;
}
.contentBack {
  margin: 7px 0 0;
}


/*==========================================
 汎用
===========================================*/
.pink {
  color: #d94b70;
}
.lineY {
  background: linear-gradient(transparent 50%, rgba(255,247,153,1) 50%);
}
.mb2em {
  margin-bottom: 2em;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb110 {
  margin-bottom: 110px;
}
.mt15 {
  margin-top: 15px;
}
.pd02 {
  padding-left: 2%;
  padding-right: 2%;
}
.pdl30{
  padding-left: 3.2%;
}
.pdl12{
  padding-left: 1.2%;
}
.ml1em{
  margin-left: 0.5em;
}
.tac {
  text-align: center;
}
.tar{
  text-align: right;
}
.tal{
  text-align:left;
}
.tar{
  text-align:right;
}
.fwb {
  font-weight: bold;
}
.fw500 {
  font-weight: 500;
}
.fs10 {
  font-size: 10px;
}
.fwbcp{
  font-weight: bold;
  color: #d94b70;
}
.ttlb{
  font-size: 24px;
  font-weight: bold;
}
.Lt03 {
  letter-spacing: -0.3px;
}
.Lt05 {
  letter-spacing: -0.5px;
}
.Lt08 {
  letter-spacing: -0.8px;
}
.Lt02em {
  letter-spacing: 0.2em;
}
.ovfh{
  overflow:hidden;
}
.pc_left767{
  float: left;
}
.pc_right767{
  float: right;
}
@media screen and (max-width:767px) {
.pc_left767{
  float: none;
}
.pc_right767{
  float: none;
}
}


/*==========================================
 SNSリンクボタン
 フッター上CMSバナー
===========================================*/

/*SNSリンクボタン*/

.snsBtn {
  margin-bottom: 30px;
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2%;
  padding-right: 2%;
}
.snsBtn_ul {
  text-align: center;
}
.snsBtn_li {
  display: inline-block;
  padding: 0 2%;
  vertical-align: middle;
  margin-bottom: 20px;
}
.snsBtn_li a {
  display: block;
}

/*フッター上CMSバナー*/

.cmsBnr {
  background-color: #F0F0F0;
  padding: 50px 0;
}
.cmsBnr_ul {
  margin-bottom: 30px;
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2%;
  padding-right: 2%;
  overflow: hidden;
}
.cmsBnr_li {
  display: inline-block;
  float: left;
  width: 25%;
  padding: 0 1%;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width:480px) {
.cmsBnr_li {
  width: 50%;
}
}
.cmsBnr_li a {
  display: block;
}


/*==========================================
 aside
===========================================*/
.asideInner{
/*  margin-top:80px; */
  background-color: #fafafa;
  padding: 50px 0;
}
.contentInner_link{
	display: inline-block;
	border-bottom: 1px solid #000;
}
.contentInner_link a:hover{
  opacity: 0.8;
}
.contentInner .h2{
  text-align: center;
  font-size: 36px;
  margin:30px auto;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/*========画像非表示用CSSここから========*/
.aside_txt{
  margin:50px auto 30px;
  line-height: 36px;
}
/*========画像非表示用CSSここまで========*/
/*.aside_txt{
  margin:100px auto;
  line-height: 36px;
}*/

@media screen and (max-width: 767px) {
.contentInner_link{
  display: block;
  border-bottom: 0; 
  text-align: center;
}
.contentInner_link a{
  border-bottom:1px solid #000;
  text-align: center;
}
}
/*==========================================
 見出し
===========================================*/

/*==h2==*/


.contentTtl_h2_cap {
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    line-height: 1;
}
.contentTtl_h2 {
text-align: center;
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 5px;
    font-weight: bold;
}

/*.contentTtl_h2_cap {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
  width: 100%;
  line-height: 1;
  margin-bottom: 15px;
}
.contentTtl_h2 {
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
}*/

/*==========================================
 content
===========================================*/

.contentArea{
  max-width:960px;
  margin:50px auto 30px;
  font-size: 16px;
  line-height:36px;
  font-weight: 500;
}
.contentArea .h2{
  font-size: 24px;
  position:relative;
  font-weight: bold;
    border-bottom:1px solid #1A1A1A;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 2px;
}
.contentArea .h2 span{
  font-weight: bold;
  margin-left:-30px;
  padding-left:30px;
  padding-bottom:5px;
  padding-right:30px;
}
/*.contentArea .h2 span:before{
  content:"";
  border-bottom: 1px solid #000;
  width:92px;
  position: absolute;
  bottom:-1px;
  left:-30px;
  display: block; 
}*/
.contentInner {
  max-width: 960px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
.contentArea .h2{
  font-size: 20px;
  border-bottom:0;
  position:relative;
  font-weight: bold;
  border-bottom:1px solid #1A1A1A;
}
.contentArea .h2 span{
/*  font-weight: bold;
  margin-left:-30px;
  padding-left:30px;
  padding-bottom:5px;
  padding-right:30px;
  border-bottom:0;*/
  padding: 0 2%;
  margin: 0;
}
/*.contentArea .h2 span:before{
  content:"";
  border-bottom: 1px solid #000;
  width:92px;
  position: absolute;
  bottom:-1px;
  left:-10px;
  display: block; 
}*/
.contentArea {
  margin-bottom: 0;
}


.contentInner {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.contentFigure{
  width: 95%;
  margin:auto;
}
}
.contentArea p{
  margin:30px auto;
}
.content_parts{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between; 
  justify-content:space-between;
  -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
 margin-bottom: 100px;
}
.content_parts_01,
.content_parts_02,
.content_parts_03{
  width: 33%;
  padding: 0 15px;
}
.content_parts .h3{
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  border-bottom:2px solid #ccc;
}
.content_parts .h4{
  font-size: 14px;
  text-align: center;
  height: 50px;
  margin-top: 15px;
  font-weight: 500;
  line-height: 22px;
}
.content_parts_02{
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  padding:0 15px;
  width: 34%;
}
@media screen and (max-width: 767px) {
  .content_parts{
display: block;
 margin-bottom: 50px;
}
.content_parts_01,
.content_parts_02,
.content_parts_03{
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
.content_parts h5{

  height: 30px;
}
.content_parts_02{
  border-right:0px;
  border-left:0px;
  padding:0 15px;
  width: 100%;
}
}
/*ナンバリング*/
.section{
  margin:50px auto 30px;
}
.section .h3{
  font-size: 18px;
  font-weight: bold;
}
.section .h3 span{
  font-weight: bold;
  font-size: 16px;
  padding:5px 10px;
  background-color: #625e5d;
  color:#fff;
  margin-right: 20px;
}
.section figure{
  margin:50px auto 0;
  text-align: center;
}
.section figcaption{
  font-size: 15px;
font-weight: 700;
line-height: 36px;
  margin:30px auto 0;
  text-align: center;
}
.loan_comparison{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between; 
  justify-content:space-between;
  -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
 margin: 50px auto;
}

.separate{
   display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between; 
  justify-content:space-between;
  -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
 margin: 50px auto;
}
.separate_left{
  width: 450px;
  margin-top: -30px;
}
.separate_left02{
  margin-top: 30px;
  width: 450px;
}
.separate_left02 a{
  display: block;
  max-width: 370px;
  width: 100%;
  padding:11px 0;
  background-color: #625e5d;
  color:#fff;
  margin:auto;
  text-align: center;
  border:1px solid #625e5d;
  transition:.5s all;
}

/*=======画像非表示のためのCSSここから======*/
.pb60 {
  padding-bottom: 60px;
}
.toiawase{
  display: block;
  max-width: 370px;
  width: 100%;
  padding:11px 0;
  background-color: #625e5d;
  color:#fff;
  margin:auto;
  text-align: center;
  border:1px solid #625e5d;
  transition:.5s all;
}
.toiawase i{
margin-right: 20px;
}
.toiawase:hover{
  background-color: #fff;
  color: #625e5d;
}
/*=======画像非表示のためのCSSここまで======*/

.separate_left02 a i{
margin-right: 20px;
}
.separate_left02 a:hover{
  background-color: #fff;
  color: #625e5d;
}
@media screen and (max-width: 767px) {
.section{
  margin:50px auto 30px;
  width: 95%;
}
.section figure{
  margin:50px auto 0;
  text-align: center;
  min-width: 95%;
}
.section figcaption{
  font-size: 15px;
font-weight: 700;
line-height: 36px;
  margin:30px auto 0;
  text-align: center;
}
.loan_comparison{
display: block;
}
.loan_comparison_left{
  margin-bottom: 20px;
}

.separate{
 display: block;
}
.separate_left{
  width: 95%;
  margin-top: 0px;
}
.separate_left02{
  width: 95%;
  margin: 30px auto 50px;
}
.separate_left02 a{
  display: block;
  max-width: 370px;
  width: 100%;
  padding:20px 0;
  background-color: #625e5d;
  color:#fff;
  margin:auto;
  text-align: center;
  border:1px solid #625e5d;
  transition:.5s all;
}
.separate_left02 a i{
margin-right: 20px;
}
.separate_left02 a:hover{
  background-color: #fff;
  color: #625e5d;
}
}
.fund {
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.fund span {
  font-size: 34px;
  letter-spacing: 1px;
}