@charset "UTF-8";
/* CSS Document */

/*　ページタイトル
-----------------------*/

#blog-renewal2022 #news-subvisual,
#blog-renewal2022 #column-subvisual,
#blog-renewal2022 #loancolumn-subvisual{
margin: 0 auto;
width: 100%;
}

/*画像はcommonnに*/
#blog-renewal2022 #news-subvisual .bar,
#blog-renewal2022 #column-subvisual .bar,
#blog-renewal2022 #loancolumn-subvisual .bar{
margin: 0 auto;
padding-top: 100px;
width: 100%;
height: 600px;

background-size:cover;
background-repeat: no-repeat;
background-position:center;
}

#blog-renewal2022 #news-subvisual .bar h2,
#blog-renewal2022 #column-subvisual .bar h2,
#blog-renewal2022 #loancolumn-subvisual .bar h2{
text-align: center!important;
margin:0 auto;
width: 100%;
color: #fff;
font-size: 200px;
font-family: 'Bebas Neue', cursive;
opacity: .8;
position: relative;
}

#blog-renewal2022 #news-subvisual .bar h2::after,
#blog-renewal2022 #column-subvisual .bar h2::after,
#blog-renewal2022 #loancolumn-subvisual .bar h2::after{
content:"";
display:block;
width:300px;
height:10px;
background:#fff;
position:absolute;
bottom:-40px;
left:50%;
transform: translateX(-50%);
z-index: 50;
}

#blog-renewal2022 #news-subvisual .bar h3,
#blog-renewal2022 #column-subvisual .bar h3,
#blog-renewal2022 #loancolumn-subvisual .bar h3{
text-align: center!important;

margin:110px auto 0;
width: 100%;
font-size: 37px;
font-weight: 600;
color: #fff;
}

/* ******************************************* */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */
#blog-renewal2022 #news-subvisual .bar,
#blog-renewal2022 #column-subvisual .bar,
#blog-renewal2022 #loancolumn-subvisual .bar{height: 500px;}

#blog-renewal2022 #news-subvisual .bar h2,
#blog-renewal2022 #column-subvisual .bar h2,
#blog-renewal2022 #loancolumn-subvisual .bar h2{font-size: 150px;}

#blog-renewal2022 #news-subvisual .bar h2::after,
#blog-renewal2022 #column-subvisual .bar h2::after,
#blog-renewal2022 #loancolumn-subvisual .bar h2::after{width:200px;}

#blog-renewal2022 #news-subvisual .bar h3,
#blog-renewal2022 #column-subvisual .bar h3,
#blog-renewal2022 #loancolumn-subvisual .bar h3{font-size: 30px;}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#blog-renewal2022 #news-subvisual .bar,
#blog-renewal2022 #column-subvisual .bar,
#blog-renewal2022 #loancolumn-subvisual .bar{
height: 450px;
padding-top: 90px;
}

#blog-renewal2022 #news-subvisual .bar h2,
#blog-renewal2022 #column-subvisual .bar h2,
#blog-renewal2022 #loancolumn-subvisual .bar h2{font-size: 130px;}

#blog-renewal2022 #news-subvisual .bar h2::after,
#blog-renewal2022 #column-subvisual .bar h2::after,
#blog-renewal2022 #loancolumn-subvisual .bar h2::after{width:200px;}

#blog-renewal2022 #news-subvisual .bar h3,
#blog-renewal2022 #column-subvisual .bar h3,
#blog-renewal2022 #loancolumn-subvisual .bar h3{font-size: 25px;}
 /* ---------------------------------- */
}


/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#blog-renewal2022 #news-subvisual .bar,
#blog-renewal2022 #column-subvisual .bar,
#blog-renewal2022 #loancolumn-subvisual .bar{
height: 360px;
padding-top: 70px;
}

#blog-renewal2022 #news-subvisual .bar h2,
#blog-renewal2022 #column-subvisual .bar h2,
#blog-renewal2022 #loancolumn-subvisual .bar h2{font-size: 115px;}

#blog-renewal2022 #news-subvisual .bar h2::after,
#blog-renewal2022 #column-subvisual .bar h2::after,
#blog-renewal2022 #loancolumn-subvisual .bar h2::after{
width:150px;
height: 7px;
bottom: -30px;
}

#blog-renewal2022 #news-subvisual .bar h3,
#blog-renewal2022 #column-subvisual .bar h3,
#blog-renewal2022 #loancolumn-subvisual .bar h3{
margin:60px auto 0;
font-size: 23px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */
#blog-renewal2022 #news-subvisual .bar,
#blog-renewal2022 #column-subvisual .bar,
#blog-renewal2022 #loancolumn-subvisual .bar{
padding-top: 40px;
height: 270px;
}

#blog-renewal2022 #news-subvisual .bar h2,
#blog-renewal2022 #column-subvisual .bar h2,
#blog-renewal2022 #loancolumn-subvisual .bar h2{font-size: 90px;}

#blog-renewal2022 #news-subvisual .bar h2::after,
#blog-renewal2022 #column-subvisual .bar h2::after,
#blog-renewal2022 #loancolumn-subvisual .bar h2::after{
width:100px;
height: 5px;
}

#blog-renewal2022 #news-subvisual .bar h3,
#blog-renewal2022 #column-subvisual .bar h3,
#blog-renewal2022 #loancolumn-subvisual .bar h3{
margin-top: 65px;
font-size: 20px;
}
 /* ---------------------------------- */
}




/*　下層ページ共通
-----------------------*/
.breadcrumbs{
  max-width: 1100px;
  width: 90%;
  margin: 30px auto 77px;
}
.low_page .ttl_cont{
  background: url("../img/common/bg_low_tl.png") 0 0 repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center; 
}
.breadcrumbs, .breadcrumbs span a, .breadcrumbs span span{
  font-size: 0.93rem;
}
.low_page .ttl_cont .page_ttl{
  color: #fff;
}
.low_page .ttl_cont .page_ttl span{
  display: block;
  text-align: center;
}
.low_page .ttl_cont .page_ttl .tl{
  letter-spacing: 0.4rem;
  margin-top: 5px;
}
@media screen and (min-width: 901px){
  .low_page .ttl_cont{
    height: 150px;
  }
  .low_page .ttl_cont .page_ttl .tl{
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 900px){
  .breadcrumbs{
    margin: 20px auto 55px;
  }
  .breadcrumbs, .breadcrumbs span a, .breadcrumbs span span{
    font-size: 0.8rem;
  }
  .low_page .ttl_cont{
    height: 160px;
  }
  .low_page .ttl_cont .page_ttl .ic{
    width: 50px;
    margin: 0 auto 10px;
  }  
  .low_page .ttl_cont .page_ttl .tl{
    font-size: 1.6rem;
  }
  
}
@media screen and (max-width: 640px){
  .breadcrumbs{
    margin: 20px auto 45px;
  }  
  .low_page .ttl_cont{
    height: 120px;
  }
  .low_page .ttl_cont .page_ttl .tl{
    letter-spacing: 0.2rem;
  }
  .low_page .ttl_cont .page_ttl .ic{
    margin: 0 auto 5px;
  }  

}


/*--------------------------------------------

   投稿ページ

--------------------------------------------*/

/*　一覧ページ共通
-----------------------*/
.post_area .ct{
  color: #000;
  background-color: #ffe233;
  display: inline-block;
  font-size: 1.0rem;
  font-weight: normal;
  padding: 5px 10px;
}

.post_cont{
padding:100px 0 40px;
}

.post_list{
  width: 100%;
}
.post_list ul{
  margin-bottom: 54.5px;
}
.post_list ul li{
  border-bottom: 1.5px solid #ffe233;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.post_list ul li:last-child{
  margin-bottom: 0;
}
.post_list ul li a.flex{
  align-items: flex-start;
}
.post_list ul li a.flex .thumb{
  margin-right: 19px;
}
.post_list ul li a.flex .thumb img{
  width: 100%;
}
.post_list ul li a.flex .ns_txt{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.post_list ul li a:hover .ttl{
  color: #B51616;
  text-decoration: underline;
}
.post_list ul li .ctDate{
  margin-bottom: 10px;
}
.post_list ul li .ctDate span{
  font-size: 0.86rem;
}
.post_list ul li .ctDate .ct{
  margin-right: 15px;
}
.post_list ul li .ttl{
  line-height: 1.5;
  margin-bottom: 9px;
  font-size: 1.13rem;
}
.post_list ul li .post_txt{
  line-height: 1.53;
  font-size: 0.86rem;
  font-weight: lighter;
}

/*サイド*/
.info_nav_side{
  width: 100%;
}

.info_nav_side .side_tl{
    margin-bottom: 20px;
    background: #ffe233;
    padding: 10px 0;
  }

.info_nav_side .side_tl span{
  display: block;
  padding: 5px 0;
  text-align: center;
}
.info_nav_side ul{
  padding: 0 15px;
}
.info_nav_side ul li{
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;  
}
.info_nav_side ul .cat-item-none{
  display: none;
}
.info_nav_side ul li.no-post{
  font-size: 0.86rem;
  padding-left: 0;
  text-indent: 0;  
}
.info_nav_side ul li a{
  position: relative;
  font-size: 0.86rem;
}
.info_nav_side ul li a:hover{
  text-decoration: underline;
}
.info_nav_side ul li a::before{
  content: "";
  display: inline-block;
  background: url("../img/common/post_side_arw.svg") left center no-repeat;
  background-size: contain;
  width: 1em;
  height: 10px;
}
.side_category,.side_popular{
  margin-bottom: 50px;
}



@media screen and (min-width: 901px){
  .post_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .post_list{
    max-width: 760px;
    margin-right: 54.5px;
  }
  .post_list ul li a.flex .thumb{
    max-width: 265px;
    width: 95%;
  }
  /*サイド*/
  .info_nav_side{
    max-width: 285px;
  }

}


@media screen and (max-width: 900px){
.post_cont{
padding:40px 0;
}
  .post_list{
    margin-bottom: 50px;
    padding-top: 30px;
  }
  .post_list ul li{
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .post_list ul li a.flex{
    padding: 10px 0;
  }
  .post_list ul li a.flex .thumb{
    width: 35%;
  }
  .post_list ul li .ctDate{
    margin-bottom: 10px;
  }
  .post_list ul li .ctDate .ct{
    font-size: 0.85rem;
    margin-right: 10px;
  }
  .post_list ul li .ctDate .date{
    font-size: 0.86rem;
  }
  .post_list ul li .ttl{
    font-size: 1.0rem;
  }
  .post_list ul li .post_txt{
    font-size: 0.86rem;
  }

}


@media screen and (max-width: 640px){

.info_nav_side .side_tl{
    margin-bottom: 20px;
    padding: 5px 0;
  }

}



/*　お知らせ一覧
-----------------------*/
.news-list{
  background-position:  left top;
  background-repeat: repeat-x;
}
.news_side .side_tl{
  padding: 20px 0;
}
_::-webkit-full-page-media, _:future, :root .news-list {
  -webkit-filter:blur(0);
          filter:blur(0);
}
@media screen and (min-width: 901px){
}
@media screen and (max-width: 900px){
  .news-list{
    padding-top: 50px;
  }
  _::-webkit-full-page-media, _:future, :root .news-list .side_tl {
  }
  .news_side .side_tl{
    padding: 35px 0;
  }
  
}
@media screen and (max-width: 640px){
  .news-list{
    padding-top: 30px;
  }
  .news_side .side_tl{
    padding: 25px 0;
  }
}

/*　コラム一覧
-----------------------*/

.loan_side .side_tl{
background: #ffe233;
padding: 10px 0;
}

@media screen and (min-width: 901px){}
@media screen and (max-width: 900px){}
@media screen and (max-width: 640px){}

/*　ローンコラム一覧
-----------------------*/

.loan_side .side_tl{
background: #ffe233;
padding: 10px 0;
}

@media screen and (min-width: 901px){}
@media screen and (max-width: 900px){}
@media screen and (max-width: 640px){}


/*　実績一覧
-----------------------*/
.works-list{
  padding-top: 44px;
}
.works-list .flex{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.works-list .flex li{
  display: flex;
  background-color: #EFEFEC;
}
.works-list .flex li a{
  width: 100%;
  display: block;
}
.works-list .flex li .thumb{
  margin-bottom: 15px;
}
.works-list .flex li .thumb img{
  width: 100%;
}
.works-list .flex li .wk_txt{
  padding: 0 20px 20px;
}
.works-list .flex li .wk_txt .ct{
  margin-bottom: 11px;
}
.works-list .flex li .wk_txt .name{
  color: #076F9D;
  margin-bottom: 15px;
}
@media screen and (min-width: 901px){
  .works-list .flex li{
    width: 24.091%;
    margin-right: 1.21%;
    margin-bottom: 20px;
  }
  .works-list .flex li:nth-child(4n){
    margin-right: 0;
  }
  .works-list .flex li:nth-last-child(-n+4){
    margin-bottom: 0;
  }
}
@media screen and (max-width: 900px){
  .works-list{
    padding-top: 34px;
  }
  .works-list .flex li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
  }
  .works-list .flex li:nth-child(2n){
    margin-right: 0;
  }
  .works-list .flex li:nth-last-child(-n+2){
    margin-bottom: 0;
  }
  .works-list .flex li .wk_txt{
    padding: 0 5% 20px;
  }

  
}
@media screen and (max-width: 640px){
  .works-list .flex li .wk_txt .ct,.works-list .flex li .wk_txt .name{
    font-size: 0.8rem;
    margin-bottom: 5px;
  }
  .works-list .flex li .wk_txt .ttl{
    font-size: 0.86rem;
  }  
}



/*　詳細ページ共通
-----------------------*/
.post_detail{
  width: 100%;
}
.post_ttl_cont{
  margin-bottom: 30px;
}
.post_ttl_cont .ctDate{
  margin-bottom: 26px;
}
.post_ttl_cont .ctDate span{
  font-size: 0.86rem;
}
.post_ttl_cont .ctDate .ct{
  margin-right: 20px;
}
.post_ttl_cont .post_ttl{
  font-size: 1.8rem;
  background: url("../img/common/post_under_line.svg") left bottom repeat-x;
  padding-bottom: 20px;
}
.detail_wrapper .detail_cont .thumb{
  margin-bottom: 30px;
}
.detail_wrapper .detail_cont .thumb img{
  width: 100%;
}
.desc_deail{
  text-align: left;
}
.desc_deail h2{
  background-color: #AF9381;
  color: #fff;
  font-size: 1.33rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 30px;
  padding: 12px 0 14px 25px;
}
.desc_deail h3{
  margin-bottom: 30px;
  font-size: 1.33rem;
  position: relative;
  padding-bottom: 12px;
  padding-left: 17px;
  border-left: 8px solid #000;
  font-weight: normal;
}
.desc_deail h3::after{
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("../img/common/post_h3_line.svg");
  background-position: left -10px bottom;
  background-repeat: repeat-x;
}
.desc_deail h4{
  position: relative;
  font-size: 1.13rem;
  line-height: 1.76;
  padding: 5.57px 0 7.57px 25px;
  margin-bottom: 30px;
}
.desc_deail h4::before{
  content: "";
  width: 100%;
  height: 2.5px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/common/post_h4_line_top.svg");
  background-position: left top;
  background-repeat: repeat-x;
  background-size: cover;
}
.desc_deail h4::after{
  content: "";
  width: 100%;
  height: 3.5px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("../img/common/post_h4_line_top.svg");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: cover;  
}
.desc_deail h5{
  font-size: 1.13rem;
  line-height: 1.76;
  border-bottom: 1px solid #000;
  padding: 0 0 10px 25px;
  margin-bottom: 30px;
}
.desc_deail p{
  margin-bottom: 1.5em;
  text-align: left;
  font-size: 0.86rem;
  line-height: 1.53;
  font-weight: lighter;
}
.article_nav_pager{
  margin-top: 120px;
}
.article_nav_pager .go_list a:hover{
  background-color: #FFE232;
}
.article_nav_pager .go_list a:hover::after{
  background: url("../img/common/btn_arw_bk.svg") right center no-repeat;
}
.article_nav_pager .arw{
  width: 60px;
  line-height: 56px;
}
.article_nav_pager .arw a{
  position: relative;
  border: 2px solid #000;
  display: block;
  background-color: #fff;
}
.article_nav_pager .arw a:hover{
  background-color: #FFE232;  
}
@media screen and (min-width: 901px){
  .post_detail{
    max-width: 760px;
    margin-right: 54.5px;    
  }
  .post_ttl_cont .post_ttl{
    line-height: 1.3;
  }
  .detail_wrapper .detail_cont .thumb img{
    max-width: 760px;
  }
}
@media screen and (max-width: 900px){
  .post_detail{
    margin-bottom: 75px;
  }
  .post_ttl_cont .ctDate{
    margin-bottom: 17px;
  }
  .post_ttl_cont .ctDate span {
    font-size: 1.0rem;
  }
  .post_ttl_cont .ctDate .ct {
    margin-right: 10px;
  }
  .post_ttl_cont .post_ttl{
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .desc_deail h2{
    margin-bottom: 20px;
    font-size: 1.15rem;
    padding: 10px 0 12px 20px;
  }
  .desc_deail h3{
    font-size: 1.15rem;
    margin-bottom: 20px;
    padding-bottom: 9px;
    padding-left: 12px;  
  }
  .desc_deail h4{
    margin-bottom: 20px;
    font-size: 1.0rem;
    padding: 5.57px 0 7.57px 20px;
  }
  .desc_deail h5{
    margin-bottom: 20px;
    font-size: 1.0rem;
    padding: 0 0 7px 20px;
  }
  .desc_deail p{
    font-size: 0.86rem;
    line-height: 1.75;
  }
  .article_nav_pager{
    margin-top: 70px;
  }
}
@media screen and (max-width: 640px){
  .desc_deail h3::after{
    background-image: url("../img/common/post_h3_line.svg");
    background-size: cover;
  }
  .desc_deail h4::after{
    height: 3px;
  }
}

/*　お知らせ詳細
-----------------------*/
@media screen and (min-width: 901px){}
@media screen and (max-width: 900px){}
@media screen and (max-width: 640px){}

/*　コラム詳細
-----------------------*/
@media screen and (min-width: 901px){}
@media screen and (max-width: 900px){}
@media screen and (max-width: 640px){}

/*　実績詳細
-----------------------*/
.works_wrap{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
.works_wrap .thumb{
  max-width: 900px;
  width: 90%;
  margin: 0 auto 50px;
}
.works_wrap .thumb img{
  width: 100%;
}
.works_wrap .detail_cont .post_gallery .gall_ttl{
  background: url("../img/works/tl_gallery_bg.png") left top no-repeat;
  background-size: cover;
  text-align: center;
  padding: 9px 0;
  margin-bottom: 25px;
}
.works_wrap .detail_cont .post_gallery ul{
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.works_wrap .detail_cont .post_gallery ul li a{
  position: relative;
  display: block;
  width: 100%;
}
.works_wrap .detail_cont .post_gallery ul li a::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  background: url("../img/works/ic_modal_open.png") right bottom no-repeat;
  background-size: contain;
}
.works_wrap .detail_cont .post_gallery ul li img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;  
}
.works_wrap .detail_cont .article_nav_pager{
  position: relative;
  margin-top: 90px;
}
.works_wrap .detail_cont .article_nav_pager .w_pager{
  position:  absolute;
  top: 0;
  left: 0;
}
.works_wrap .article_nav_pager .w_pager p{
  position: relative;
}
.works_wrap .article_nav_pager .w_pager .prev::after{
  content: "|";
  padding: 0 0.5em;
}
.works_wrap .article_nav_pager .w_pager p a:hover{
  text-decoration: underline;
}
@media screen and (min-width: 901px){
  .works_wrap .post_ttl_cont .post_ttl{
    background: url("../img/works/post_under_line.svg") left bottom repeat-x;
  }
  .works_wrap .desc_deail{
    margin-bottom: 50px;
  }
  .works_wrap .detail_wrapper .detail_cont .thumb img{
    max-width: 900px;
  }
  .works_wrap .detail_cont .post_gallery ul li{
    width: 23.7%;
    margin-right: 1.7%;
    margin-bottom: 17px;
  }
  .works_wrap .detail_cont .post_gallery ul li:nth-child(4n){
    margin-right: 0;
  }
  .works_wrap .detail_cont .post_gallery ul li:nth-last-child(-n+4){
    margin-bottom: 0;
  }
  .works_wrap .detail_cont .post_gallery ul li a{
    height: 158px;
  }
  .works_wrap .article_nav_pager .w_pager p a{
    font-size: 0.93rem;
  }
}
@media screen and (max-width: 900px){
  .works_wrap .thumb{
    margin: 0 auto 35px;
  }
  .works_wrap .desc_deail{
    margin-bottom: 40px;
  }
  .works_wrap .detail_cont .post_gallery .gall_ttl img{
    width: 50%;
    margin: 0 auto;
    display: flex;
  }
  .works_wrap .detail_cont .post_gallery ul li{
    width: 32.5%;
    margin-right: 1%;
    margin-bottom: 1%;
  }
  .works_wrap .detail_cont .post_gallery ul li:nth-child(3n){
    margin-right: 0;
  }
  .works_wrap .detail_cont .post_gallery ul li:nth-last-child(-n+3){
    margin-bottom: 0;
  }
  .works_wrap .detail_cont .post_gallery ul li a{
    height: 135px;
  }
  .works_wrap .detail_cont .post_gallery ul li img{
    height: 100%;
  }  
  .works_wrap .detail_cont .article_nav_pager{
    margin-top: 70px;
  }
  .works_wrap .detail_cont .article_nav_pager .w_pager{
    position: inherit;
    margin-bottom: 30px;
  }
  .works_wrap .article_nav_pager .w_pager p a{
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 640px){
  .works_wrap .detail_cont .post_gallery ul li a{
    height: 75px;
  }
  .works_wrap .detail_cont .post_gallery .gall_ttl{
    padding: 12px 0;
    margin-bottom: 25px;
  }
  .works_wrap .detail_cont .post_gallery .gall_ttl img{
    width: 40%;
  }
}

/*　wp PageNavi
-----------------------*/
.wp-pagenavi{
  text-align: center;
}
.wp-pagenavi .pages{
  display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
  width: 40px;
  height: 40px;
  display: inline-block;
  box-sizing: border-box;
  padding: 0.8rem 0;
  line-height: 80%;
  border: 2px solid #000;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
  background-color: #fff;
  position: relative;
  text-indent: -9999em;
}
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover{
  background-color: #000;
  color: #fff;
}
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .previouspostslink::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 9px;
  height: 15px;  
}
.wp-pagenavi .previouspostslink::before{
  background: url("../img/common/pageNav_prev.svg") no-repeat center center;
  background-size: contain;
}
.wp-pagenavi .nextpostslink::before{
  background: url(../img/common/pageNav_next.svg) no-repeat center center;
  background-size: contain;
}
.wp-pagenavi .previouspostslink:hover::before{
  background: url("../img/common/pageNav_prev_wh.svg") no-repeat center center;
  background-size: contain;
}
.wp-pagenavi .nextpostslink:hover::before{
  background: url("../img/common/pageNav_next_wh.svg") no-repeat center center;
  background-size: contain;
}

.wp-pagenavi .page{
  background-color: #fff;
  color: #000;
}
.wp-pagenavi .current{
  color: #fff;
  background-color: #000; 
}
@media screen and (min-width: 901px){
  .wp-pagenavi{
    margin: 50px;
  }
}
@media screen and (max-width: 900px){
  .wp-pagenavi{
    margin-top: 30px;
  }
  .wp-pagenavi .page,
  .wp-pagenavi .current,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink{
    width: 30px;
    height: 30px;
    line-height: 15%;
    font-size: 0.8rem;
  }
  .wp-pagenavi .nextpostslink::before,
  .wp-pagenavi .previouspostslink::before{
    width: 6px;
    height: 12px;  
  }  
  
}

/*--------------------------------------------

   固定ページ：会社概要

--------------------------------------------*/

/*　会社概要
-----------------------*/
#comp_greeting{
  position: relative;
  padding: 0 0 80px;
}
#comp_greeting::before{
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url( "../img/lineup/bg_intro.png") left bottom repeat;
  z-index: -1;
}
#comp_greeting .greet_wrap{
  max-width: 1300px;
  width: 90%;
  margin: 0 auto;
}
#comp_greeting .page_ttl{
  text-align: center;
  margin-bottom: 60px;
}
#comp_greeting .grTxtBox{
  position: relative;
  background-color: #fff;
  border: 2px solid #000000;
  max-width: 1100px;
  width: 90%;
  margin: -56px auto 0;
  box-sizing: border-box;
  z-index: 50;
}
#comp_greeting .grTxtBox p{
  color: #212121;
}
#comp_greeting .grTxtBox .txt{
  margin-bottom: 35px;
}
#comp_greeting .grTxtBox .right_name{
  text-align: right;
}
#comp_greeting .grTxtBox .right_name span{
  font-size: 1.2rem;
}

#comp_reason{
  background-color: #212121;
  padding: 73px 0 80px;
}
#comp_reason .cont_ttl{
  margin-bottom: 60px;
}
#comp_reason .cont_ttl span{
  display: block;
  text-align: center;
}
#comp_reason .cont_ttl .ic{
  margin-bottom: 17px;
}
#comp_reason .cont_ttl .ja{
  margin-bottom: 15px;
}
#comp_reason .pointBox{
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
}
#comp_reason .pointBox + .pointBox{
  margin-top: 37px;
}
#comp_reason .pointBox .pt_icon{
  position: absolute;
  width: 95px;
  height: 117px;
  left: 25px;
  top: -7px;
}
#comp_reason .point02 .pt_icon{
  right: 25px;
  left: auto;
}
#comp_reason .pointBox .pt_inner .txtBox .pt_tl{
  position: relative;
  padding-bottom: 25px;
  background: url("../img/company/comp_reason_line.svg") left bottom repeat-x;
  font-size: 1.73rem;
  line-height: 1.54;
  margin-bottom: 15px;
}

#comp_overView{
  background-color: #E2D8BB;
  padding: 63px 0 75px;
}
#comp_overView .wrap{
  max-width: 1000px;
}
#comp_overView .ov_ttl{
  text-align: center;
  margin-bottom: 46px;
}
#comp_overView .over_table{
  width: 100%;
}
#comp_overView .over_table dl{
  width: 100%;
  background: url("../img/company/comp_ov_line01.svg") left bottom repeat-x;
  padding: 17px 0 17px 4px;
}
#comp_overView .over_table dl:nth-child(2n){
  background: url("../img/company/comp_ov_line02.svg") left bottom repeat-x;
}
#comp_overView .over_table dl:last-child{
  background: none;
}
#comp_overView .over_wrap .gmap{
  position: relative;
  overflow: hidden;
  height: 0;
}
#comp_overView .over_wrap .gmap iframe{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;  
}
@media screen and (min-width: 901px){
  #comp_greeting .grTxtBox{
    padding: 45px 50px 40px;
  }
  #comp_greeting .grTxtBox .txt{
    text-align: center;
  }
  
  #comp_reason .pointBox{
    padding: 34px 50px;
  }
  #comp_reason .pointBox .pt_inner{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #comp_reason .point02 .pt_inner{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #comp_reason .pointBox .pt_inner .txtBox{
    flex: 1;
    margin-left: 50px;
  }
  #comp_reason .point02 .pt_inner .txtBox{
    margin-left: 0;
    margin-right: 50px;
  }
  
  #comp_overView .over_wrap{
    align-items: flex-end;
  }
  #comp_overView .over_table{
    max-width: 460px;
    margin-right: 60px;
  }
  #comp_overView .over_table dl{
    align-items: flex-start;
  }
  #comp_overView .over_table dl dt{
    width: 10em;
  }  
  #comp_overView .over_wrap .gmap{
    max-width: 500px;
    width: 100%;
    padding-bottom: 500px;
  }
}
@media screen and (max-width: 900px){
  #comp_greeting{
    padding: 0 0 3.0rem;
  }
  #comp_greeting .page_ttl{
    margin-bottom: 35px;
    display: flex;
    justify-content: center;  
  }
  #comp_greeting .page_ttl img{
    width: 80%;
  }
  #comp_greeting .grTxtBox{
    padding: 35px 5%;
  }
  
  #comp_reason{
    padding: 3.0rem 0;
  }
  #comp_reason .pointBox{
    padding: 30px 3.5%;
  }
  #comp_reason .pointBox .pt_icon{
    width: 55px;
    
  }
  #comp_reason .pointBox .img{
    margin-bottom: 20px;
  }
  #comp_reason .pointBox .img img{
    width: 100%;
  }
  #comp_reason .pointBox .pt_inner{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #comp_reason .pointBox .pt_inner .txtBox .pt_tl{
    font-size: 1.5rem;
  }
  #comp_reason .pointBox .pt_inner .txtBox .txt{
    font-size: 0.86rem;
  }
  
  
  #comp_overView{
    padding: 3.0rem 0;
  }
  #comp_overView .over_wrap{
    flex-direction: column;
  }
  #comp_overView .over_table{
    margin-bottom: 35px;
  }
  #comp_overView .over_table dl{
    flex-direction: column;
  }
  #comp_overView .over_table dl dt{
    margin-bottom: 2px;
  }
  #comp_overView .over_table dl dt,
  #comp_overView .over_table dl dd{
    font-size: 0.86rem;
  }
  #comp_overView .over_wrap .gmap{
    padding-bottom: 75%;
    width: 100%;
  }
}
@media screen and (max-width: 640px){
  #comp_greeting .page_ttl{
    margin: 0 auto 30px;
    text-align: center;
  }
  #comp_greeting .page_ttl img{
    width: 90%;
  }
  #comp_greeting .grTxtBox{
    padding: 20px 5% 35px;
    margin: -20px auto 0;
  }
  #comp_greeting .grTxtBox .txt{
    font-size: 0.86rem;
    margin-bottom: 20px;
  }
  #comp_greeting .grTxtBox .right_name{
    font-size: 0.86rem;
  }
  #comp_greeting .grTxtBox .right_name span{
    font-size: 1.0rem;
  }
  #comp_reason .cont_ttl{
    margin-bottom: 45px;
  }
  #comp_reason .cont_ttl span{
    display: flex;
    justify-content: center;
  }
  #comp_reason .cont_ttl .ic,#comp_reason .cont_ttl .ja{
    margin-bottom: 10px;
  }
  #comp_reason .cont_ttl .ja img{
    width: 90%;
  }
  #comp_reason .cont_ttl .en img{
    width: 50%;
  }
  #comp_reason .pointBox{
    padding: 15px 3.5% 20px;
  }
  #comp_reason .pointBox .pt_icon{
    right: 15px;
    left: auto;
  }
  #comp_reason .pointBox .img{
    margin-bottom: 15px;
  }
  #comp_reason .pointBox .pt_inner .txtBox .pt_tl{
    font-size: 1.25rem;
    padding-bottom:20px;
  }
  
  #comp_overView .ov_ttl{
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
  }
  #comp_overView .ov_ttl img{
    width: 80%;
  }
}


/*--------------------------------------------

   固定ページ：住宅ローン・資金計画のご相談

--------------------------------------------*/

/*　sec01
-----------------------*/
#sec01 .page_ttl{
  text-align: center;
  margin-bottom: 50px;
}
#sec01 .anxietyBox{
  background:
    linear-gradient(45deg, transparent 20px, #000 22px, #FFE232 23px),
    linear-gradient(135deg, transparent 20px, #000 22px, #FFE232 23px),
    linear-gradient(225deg, transparent 20px, #000 22px, #FFE232 23px),
    linear-gradient(315deg, transparent 20px, #000 22px, #FFE232 23px);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
#sec01 .anxietyBox::before,
#sec01 .anxietyBox::after{
  display: block;
  content: "";
  width: auto;
  margin: 0 29px;  
}
#sec01 .anxietyBox::before{
  border-top: solid 2px #000;
}
#sec01 .anxietyBox::after{
  border-bottom: solid 2px #000;
}
#sec01 .anxietyBox > div{
  border-left: solid 2px #000;
  border-right: solid 2px #000;
  margin: 28px 0;
  padding: 0 50px;  
}
#sec01 .anxietyBox .box_ttl{
  position: absolute;  
  top: -7%;
  left: 50%;
  transform: translate(-50%,8%);
  max-width: 550px;
  width: 90%;
}
#sec01 .anxietyBox .box_ttl img{
  width: 100%;
}
#sec01 .anx_inner{
  padding: 26px 0 10px;
}
#sec01 .anx_inner dl{
  display: flex;
}
#sec01 .anx_inner dl dd .red_txt{
  color: #B51616;
  line-height: 1.5;
}
#sec01 .anx_inner dl dd .txt{
  margin-bottom: 10px;
}
@media screen and (min-width: 901px){
  #sec01{
    padding-bottom: 80px;
  }
  #sec01 .page_ttl{
    font-size: 1.8rem;
  }
  #sec01 .anx_inner ul{
    margin-bottom: 36px;
  }
  #sec01 .anx_inner dl dt img{
    position: absolute;
    bottom: -39px;
  }
  
  #sec01 .anx_inner dl dd .red_txt{
    font-size: 1.33rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 900px){
  #sec01{
    padding: 0 0 3.0rem;
  }
  #sec01 .page_ttl{
    margin-bottom: 50px;
    font-size: 1.33rem;
  }
  #sec01 .anxietyBox .box_ttl{
    width: 80%;
    position: relative;
    transform: none;
    top: -45px;
    left: auto;
    margin: 0 auto -25px;
  }
  #sec01 .anxietyBox > div{
    padding: 0 5%;
  }
  #sec01 .anx_inner{
    padding: 0;
  }
  #sec01 .anx_inner ul{
    margin-bottom: 15px;
  }
  #sec01 .anx_inner ul li img{
    width: 100%;
  }
  
  
}
@media screen and (min-width: 641px){
  #sec01 .anx_inner ul{
    align-items: flex-start;
    justify-content: space-between;
  }
  #sec01 .anx_inner ul li{
    width: 24.198%;
  }
  #sec01 .anx_inner ul li:nth-child(2n){
    margin-top: 30px;
  } 
  #sec01 .anx_inner dl dt{
    width: 26%;
    position: relative;
    margin-right: 15px;
  }
  #sec01 .anx_inner dl dd{
    flex: 1;
  }
  
}
@media screen and (max-width: 640px){
  .ttl_cont.consl_ttl{
    height: 140px;
  }
  #sec01 .anxietyBox .box_ttl{
    width: 90%;
  }
  #sec01 .anx_inner ul{
    flex-wrap: wrap;
  }
  #sec01 .anx_inner ul li{
    width: 48%;
    margin-right: 3%;
  }
  #sec01 .anx_inner ul li:nth-child(2n){
    margin-right: 0;
    margin-top: 20px;
  }
  #sec01 .anx_inner dl{
    flex-direction: column-reverse;
  }
  #sec01 .anx_inner dl dt {
    margin-top: -10px;
    position: relative;
    bottom: -29px;
    text-align: center;
  }
  #sec01 .anx_inner dl dd .txt{
    font-size: 0.86rem;
    line-height: 1.75;
  }
  
}

/*　sec02
-----------------------*/
#sec02{
  background-color: #E2D8BB;
}
#sec02 .ttl{
  text-align: center;
}
#sec02 .ttl span{
  position: relative;
  display: inline-block;
  padding: 0 40px;
}
#sec02 .ttl span::before,
#sec02 .ttl span::after{
  content: "";
  position: absolute;
  height: 87px;
  top: 0;
}
#sec02 .ttl span::before{
  background: url("../img/consultation/sec02_tl_before.svg") left center no-repeat;
  background-size: contain;
  left: 0;
  width: 40px;
}
#sec02 .ttl span::after{
  background: url("../img/consultation/sec02_tl_after.svg") right center no-repeat;
  background-size: contain;
  right: 0;
  width: 30px;
}
#sec02 .strengths_list{
  margin-bottom: 60px;
}
#sec02 .strengths_list ul li{
  position: relative;
  background-color: #fff;
  border: 2px solid #000;
  box-sizing: border-box;
}
#sec02 .strengths_list ul li::before{
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  top: -70px;
}
#sec02 .strengths_list ul li.st01::before{
  content: url("../img/consultation/sec02_ic01.png");  
}
#sec02 .strengths_list ul li.st02::before{
  content: url("../img/consultation/sec02_ic02.png");  
}
#sec02 .strengths_list ul li.st03::before{
  content: url("../img/consultation/sec02_ic03.png");  
}
#sec02 .strengths_list ul li .st_ttl{
  color: #B51616;
  line-height: 1.6;
  font-size: 1.33rem;
  text-align: center;
  margin-bottom: 20px;
  
}
#sec02 .go_loanBtn{
  max-width: 700px;
  width: 90%;
  margin: 0 auto;
}
#sec02 .go_loanBtn a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #AA0000
}
#sec02 .go_loanBtn a::after{
  content: "";
  position: absolute;
  background: url("../img/common/btn_arw_wh.svg") right center no-repeat;
  background-size: contain;
  width: 15px;
  height: 17px;
  top: 50%;
  transform: translate(0,-50%);
}
#sec02 .go_loanBtn a:hover{
  background-color: #000;
}

@media screen and (min-width: 901px){
  #sec02{
    padding: 73px 0 90px;
  }
  #sec02 .ttl{
    margin-bottom: 110px;
  }
  #sec02 .ttl span{
    font-size: 1.8rem;
    line-height: 1.85;
  }
  #sec02 .strengths_list ul{
    justify-content: space-between;
  }
  #sec02 .strengths_list ul li{
    padding: 40px 25px 50px;
    width: 31.819%;
  }
  #sec02 .go_loanBtn a{
    height: 80px;
    font-size: 1.53rem;
  }
  #sec02 .go_loanBtn a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 83px;
    transform: translate(0,-50%);
    background: url("../img/consultation/ic_home.svg") left center no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
  }
  #sec02 .go_loanBtn a::after{
    right: 73px;
  }
}
@media screen and (max-width: 900px){
  #sec02{
    padding: 3.0rem 0 3.5rem;
  }
  #sec02 .ttl{
    margin-bottom: 120px;
  }
  #sec02 .go_loanBtn a::after{
    right: 15px;
  }
  #sec02 .strengths_list ul{
    flex-direction: column;
  }
  #sec02 .strengths_list ul li{
    margin-bottom: 100px;
    padding: 40px 5% 35px;
  }
  #sec02 .strengths_list ul li:last-child{
    margin-bottom: 0;
  }
  #sec02 .go_loanBtn a{
    height: 60px;
    font-size: 0.86rem;
  }
  
}
@media screen and (max-width: 640px){
  #sec02 .ttl {
    margin-bottom: 100px;
  }  
  #sec02 .ttl span{
    padding: 0 30px;
  }
  #sec02 .ttl span::before,
  #sec02 .ttl span::after{
    height: 76px;
  }
  #sec02 .ttl span::before{
    width: 30px;
  }
  #sec02 .ttl span::after{
    width: 20px;
  }
  #sec02 .strengths_list{
    margin-bottom: 40px;
  }
  #sec02 .strengths_list ul li{
    margin-bottom: 85px;
  }
  #sec02 .strengths_list ul li .st_ttl{
    font-size: 1.13rem;
  }
  #sec02 .strengths_list ul li .txt{
    font-size: 0.86rem;
    line-height: 1.75;
  }
  #sec02 .go_loanBtn a::after{
    content: none;
  }
}

/*　consCase
-----------------------*/
#consCase .cont_ttl{
  margin-bottom: 30px;
}
#consCase .cont_ttl .en{
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;  
}
#consCase .cont_ttl .en::before,
#consCase .cont_ttl .en::after{
  content: "";
  flex-grow: 1;
  height: 10px;  
}
#consCase .cont_ttl .ja{
  text-align: center;
  display: block;
  margin-top: 11px;
}
#consCase .txt{
  text-align: center;
  margin-bottom: 10px;
}
#consCase .red_txt{
  text-align: center;
  color: #B51616;
  margin-bottom: 40px;
  font-size: 1.33rem;
}
#consCase .caseWrap .case_list{
  display: flex;
  flex-wrap: wrap;
}
#consCase .caseWrap .case_list li{
  max-width: 100%;
  margin-left: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 901px){
  #consCase{
    padding: 100px 0 80px;
  }
  #consCase .cont_ttl .en::before{
    margin: 0 1em 0 0;
    background: url("../img/consultation/case_tl_before.svg") left center no-repeat;
    background-size: contain;
  }
  #consCase .cont_ttl .en::after{
    background: url("../img/consultation/case_tl_after.svg") right center no-repeat;
    background-size: contain;
    margin: 0 0 0 1em;
  }
  #consCase .caseWrap .case_list li{
    width: 31.819%;
    margin-right: 2.27%;
    margin-bottom: 25px;
  }
  #consCase .caseWrap .case_list li:nth-child(3n){
    margin-right: 0;
  }
}
@media screen and (max-width: 900px){
  #consCase{
    padding: 3.0rem 0;
  }
  #consCase .cont_ttl .en::before{
    margin: 0 1em 0 0;
    background: url("../img/consultation/case_tl_before.svg") left center no-repeat;
  }
  #consCase .cont_ttl .en::after{
    background: url("../img/consultation/case_tl_after.svg") right center no-repeat;
    margin: 0 0 0 1em;
  }
  #consCase .cont_ttl .en img{
    width: 30%;
  }
  #consCase .cont_ttl .ja img{
    width: 30%;
  }
  #consCase .txt{
    font-size: 0.86rem;
    line-height: 1.75;
  }
  #consCase .red_txt{
    font-size: 1.06rem;
    margin-bottom: 30px;
  }
  #consCase .caseWrap .case_list{
    flex-direction: column;
  }
  #consCase .caseWrap .case_list li{
    width: 100%;
    margin-bottom: 15px;
  }
  #consCase .caseWrap .case_list li:nth-child(2n){
    margin-right: 0;
  }
}
@media screen and (max-width: 640px){
  #consCase .cont_ttl{
    margin-bottom: 25px;
  }
  #consCase .cont_ttl .en img{
    width: 40%;
  }
  #consCase .cont_ttl .ja img{
    width: 40%;
  }
  #consCase .cont_ttl .ja{
    display: flex;
    justify-content: center;
    margin-top: 0;
  }
  
}



/*　consChoose
-----------------------*/
#consChoose{
  background: url("../img/consultation/loan_bg.jpg") center top no-repeat;
  background-size: cover;
}
#consChoose .choose_box{
  background: url("../img/common/bg_noise01.png") left top repeat;
}
#consChoose .cont_ttl{
  margin-bottom: 30px;
}
#consChoose .cont_ttl span{
  text-align: center;
  display: block;
}
#consChoose .cont_ttl .ja{
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;  
}
#consChoose .cont_ttl .ja::before,
#consChoose .cont_ttl .ja::after{
  content: "";
  flex-grow: 1;
  height: 7px;  
}
#consChoose .ch_list li .img{
  margin-bottom: 12px;
}
#consChoose .ch_list li .img img{
  width: 100%;
}
#consChoose .ch_list li .bold{
  text-align: center;
  line-height: 1.6;
  margin-bottom: 10px;
}
#consChoose .under_mds{
  text-align: center;
}
#consChoose .under_mds span{
  position: relative;
  display: inline-block;
  line-height: 1.6;
}
@media screen and (min-width: 901px){
  #consChoose{
    padding: 80px 0;
  }
  #consChoose .choose_box{
    padding: 45px 50px 40px;
  }
  #consChoose .cont_ttl .ja{
    font-size: 1.8rem;
  }
  #consChoose .cont_ttl .ja::before{
    margin: 0 1em 0 0;
    background: url("../img/consultation/loan_tl_before.svg") left center no-repeat;
    background-size: contain;
  }
  #consChoose .cont_ttl .ja::after{
    margin: 0 0 0 1em;
    background: url("../img/consultation/loan_tl_after.svg") right center no-repeat;
    background-size: contain;
  }
  #consChoose .ch_list{
    justify-content: space-between;
    margin-bottom: 35px;
  }
  #consChoose .ch_list li{
    width: 31.9%;
  }
  #consChoose .ch_list li:last-child{
    margin-right: 0;
  }
  #consChoose .ch_list li .bold{
    font-size: 1.33rem;
  }
  #consChoose .under_mds span{
    padding: 0 70px;
    background: url("../img/consultation/loan_under_before.svg") left center no-repeat,url("../img/consultation/loan_under_after.svg") right center no-repeat;
    background-size: contain;
    font-size: 1.33rem;
  }
}
@media screen and (max-width: 900px){
  #consChoose{
    padding: 3.0rem 0 3.5rem;
  }
  #consChoose .choose_box{
    padding: 30px 5%;
  }
  #consChoose .cont_ttl .ja{
    font-size: 1.33rem;
  }
  #consChoose .cont_ttl .ja::before{
    margin: 0 1em 0 0;
    background: url("../img/consultation/loan_tl_before.svg") left center no-repeat;
  }
  #consChoose .cont_ttl .ja::after{
    margin: 0 0 0 1em;
    background: url("../img/consultation/loan_tl_after.svg") right center no-repeat;
  }
  #consChoose .cont_ttl .en img{
    width: 40%;
  }
  #consChoose .ch_list{
    flex-direction: column;
    margin-bottom: 40px;
  }
  #consChoose .ch_list li + li{
    margin-top: 25px;
  }
  #consChoose .ch_list li .txt{
    font-size: 0.86rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 640px){
  #consChoose .cont_ttl .ja{
    font-size: 1.2rem;
    margin: 0 auto 5px;
   }
  #consChoose .cont_ttl .en img{
    width: 60%;
  }
  
}


/*　aboutLoan
-----------------------*/
#aboutLoan{
  background: url("../img/common/bg_stripes.jpg") left top repeat;
}
#aboutLoan .cont_ttl{
  position: relative;
  background: url("../img/consultation/about_loan_tl_bd.svg") center top no-repeat,url("../img/consultation/about_loan_tl_bd.svg") center bottom no-repeat;
  text-align: center;
  line-height: 1.33;
}
#aboutLoan .cont_ttl .charm{
  position: absolute;
  width: 17%;
}
#aboutLoan .img_l .img_txt{
  text-align: center;
}  
#aboutLoan .txt_r .txt_tl{
  margin-bottom: 14px;
  text-align: left;
}

@media screen and (min-width: 901px){
  #aboutLoan{
    padding: 100px 0 80px;
  }
  #aboutLoan .cont_ttl{
    font-size: 2rem;
    padding: 13px 0 14px;
    margin-bottom: 18px;
  }
  #aboutLoan .cont_ttl .charm{
    left: 18%;
    bottom: 0;
  }
  #aboutLoan .about_box .flex{
    align-items: center;
  }
  #aboutLoan .img_l .img{
    position: relative;
    left: -20px;
    margin-bottom: 20px;
  }
  #aboutLoan .txt_r{
    flex: 1;
  }


}
@media screen and (max-width: 900px){
  #aboutLoan{
    padding: 3.0rem 0;
  }
  #aboutLoan .cont_ttl{
    font-size: 1.33rem;
    padding: 11px 0 12px;
  }
  #aboutLoan .cont_ttl .charm{
    left: 10%;
    bottom: 0;
  }
  #aboutLoan .about_box .flex{
    flex-direction: column;
  }
  #aboutLoan .img_l{
    margin-bottom: 25px;
  }
  #aboutLoan .img_l .img{
    margin-bottom: 15px;
  }
  #aboutLoan .txt_r .txt{
    font-size: 0.86rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 640px){
  #aboutLoan .cont_ttl{
    padding-left: 25%;
    text-align: left;
    font-size: 1.23rem;
    margin-bottom: 25px;
  }
  #aboutLoan .cont_ttl .charm{
    left: 3%;
    width: 20%;
  }
  #aboutLoan .txt_r .txt_tl img{
    width: 60%;
  }  
  
  
}

/*--------------------------------------------

  お問い合わせ

--------------------------------------------*/
#page_contact .form_wrap{
  background: linear-gradient(45deg, transparent 20px, #E2D8BB 20px), linear-gradient(135deg, transparent 20px, #E2D8BB 20px), linear-gradient(225deg, transparent 20px, #E2D8BB 20px), linear-gradient(315deg, transparent 20px, #E2D8BB 20px);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
#page_contact .form_wrap::before{
  content: "";
  background: url("../img/contact/charm_clip.png") center top no-repeat;
  background-size: contain;
  width: 226px;
  height: 153px;
  position: absolute;
  left: 50%;
  top: -66px;
  transform: translate(-50%, 0);  
}
#contact_form{
  background-color: #fff;
}
#contact_form .form_ttl{
  text-align: center;
  padding-bottom: 14px;
  background: url("../img/contact/tl_line.svg") center bottom no-repeat;
  margin-bottom: 30px;
}
#contact_form .form_table{
  margin-bottom: 30px;
}
#contact_form .form_table .must{
  color: #fff;
  background-color: #AA0000;
  border-radius: 2px;
  display: inline-block;
  padding: 0 7px;
}
#contact_form .form_table dl{
  border-bottom: 1px solid #DBDBDB;
}
#contact_form .form_table dl dd{
  width: 100%;
}
#contact_form .form_table dl dd input[type="text"],
#contact_form .form_table dl dd input[type="email"],
#contact_form .form_table dl dd textarea{
  border: 1px solid #000000;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;  
}
#contact_form .form_table dl dd input[type="text"],
#contact_form .form_table dl dd input[type="email"]{
  height: 46px;
}
#contact_form .form_table dl dd .add_table{
  width: 100%;
}
#contact_form .form_table dl dd .add_table th{
  font-weight: normal;
  text-align: left;
  width: 4.5em;
  padding-right: 20px;
}
#contact_form .form_table dl dd .add_table td{
  padding-bottom: 13px;
}
#contact_form .form_table dl dd .add_table td input[name="your-zip"]{
  width: 150px;
}
#contact_form .form_table dl dd .add_table td select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #000;
  border-radius: 4px;
  height: 30px;
  background: url( "../img/contact/icon_select.svg") right center no-repeat;
  width: 150px;
  box-sizing: border-box;
  padding-left: 10px;
}
#contact_form .form_table dl dd.radio > span,
#contact_form .form_table dl dd.check > span{
  display: block;
  margin-bottom: 10px;
}
#contact_form .form_table dl dd.radio input[type="radio"],
#contact_form .form_table dl dd.check input[type="checkbox"]{
  display: none;
}
#contact_form .form_table dl dd.radio label span,
#contact_form .form_table dl dd.check label span{
  position: relative;
  padding-left: 30px;
}
/*ラジオボタン*/
#contact_form .form_table dl dd.radio label span::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  transform: translate(0,-50%);  
}
#contact_form .form_table dl dd.radio input[type="radio"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 6px;
  width: 10px;
  height: 10px;
  background: #008DE5;
  border-radius: 50%;
  transform: translate(0,-50%);  
}
/*チェックボックス*/
#contact_form .form_table dl dd.check label span::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 2px;
  transform: translate(0,-50%);    
}
#contact_form .form_table dl dd.check input[type="checkbox"]:checked + span::before{
  background-color: #008DE5;
}
#contact_form .form_table dl dd.check input[type="checkbox"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 3px;  
  width: 6px;
  height: 10px;
  transform: rotate(45deg) translate(0,-50%);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;  
}
/*プライバシー*/
#contact_form .priv_box{
  background-color: #F0F0F0;
  margin: 0 auto 20px;
  width: 85%;
  padding: 16px 16px 15px;
}
#contact_form .priv_box .priv_inner{
  overflow-y: scroll;
  height: 100%;  
}
#contact_form .priv_box .priv_inner h3{
  margin-bottom: 1.0em;
}
/*送信ボタン*/
#contact_form .submit_btn button{
  display: block;
  position: relative;
  max-width: 340px;
  width: 80%;
  margin: 0 auto;
  box-sizing: border-box;
  border: 2px solid #000;
  color: #fff;
  text-align: center;
  background-color: #000;
  transition-duration: .3s;
  font-size: 1.06rem;
  font-weight: bold;
}
#contact_form .submit_btn button::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
  width: 11px;
  height: 12px;
  background: url(../img/common/btn_arw_wh.svg) right center no-repeat;
  background-size: contain;
  transition-duration: .3s;  
}
#contact_form .submit_btn button:hover{
  color: #000;
  background-color: #FFE232;
}
#contact_form .submit_btn button:hover::after{
  background: url("../img/common/btn_arw_bk.svg") right center no-repeat;
  background-size: contain; 
  right: 15px;
}
@media screen and (min-width: 901px){
  #page_contact .form_wrap{
    padding: 43px 50px;
  }
  #contact_form{
    padding: 50px 45px 180px;
  }
  #contact_form .form_ttl{
    font-size: 1.8rem;
  }
  #contact_form .form_table .must{
    margin-left: 13px;
  }
  #contact_form .form_table dl{
    display: flex;
    align-items: center;
    padding: 0 20px;
  }
  #contact_form .form_table dl dt{
    width: 221px;
  }
  #contact_form .form_table dl dd{
    flex: 1;
    padding: 30px 0 30px 30px; 
  }
  /*プライバシー*/
  #contact_form .priv_box{
    height: 203px;
    max-width: 685px;
  }
  /*送信ボタン*/
  #contact_form .submit_btn button{
    height: 60px;
  }  
}
@media screen and (max-width: 900px){
  #page_contact .form_wrap{
    padding: 35px 5%;
  }
  #page_contact .form_wrap::before{
    width: 126px;
    height: 85px;
    top: -25px;
  }  
  #contact_form{
    padding: 30px 4% 35px;
  }
  #contact_form .form_ttl{
    font-size: 1.33rem;
    margin-bottom: 15px;
  }
  #contact_form .form_table .must{
    font-size: 0.86rem;
    margin-left: 10px;
  }
  #contact_form .form_table dl{
    padding: 25px 0 30px;
  }
  #contact_form .form_table dl dt{
    width: 100%;
    margin-bottom: 15px;
  }
  /*プライバシー*/
  #contact_form .priv_box{
    height: 200px;
  }
  #contact_form .priv_box p{
    font-size: 0.86rem;
    line-height: 1.75;
  }
  /*送信ボタン*/
  #contact_form .submit_btn button{
    height: 50px;
    font-size: 1.0rem;
  }
}
@media screen and (max-width: 640px){
  #contact_form .form_ttl{
    font-size: 1.13rem;
  }
  #page_contact .form_wrap{
    padding: 30px 3.5%;
  }
  #contact_form .form_table dl{
    padding: 20px 2% 25px;
  }
  #contact_form .form_table dl dt .jp{
    font-size: 0.86rem;
  }
  #contact_form .form_table dl dd input[type="text"], 
  #contact_form .form_table dl dd input[type="email"]{
    height: 40px;
  }
  #contact_form .form_table dl dd .add_table th,
  #contact_form .form_table dl dd .add_table td{
    display: block;
    width: 100%;
  }
  #contact_form .form_table dl dd .add_table th{
    font-size: 0.86rem;
    padding-bottom: 5px;
  }
  #contact_form .form_table dl dd.radio label span, 
  #contact_form .form_table dl dd.check label span{
    font-size: 0.86rem;
  }
  /*プライバシー*/
  #contact_form .priv_box{
    height: 160px;
  }
}


/*　確認画面
-----------------------*/
#contact_form .mw_wp_form_confirm .second_btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;  
}
#contact_form .mw_wp_form_confirm .priv_box{
  display: none;
}
@media screen and (min-width: 901px){
  #contact_form .mw_wp_form_confirm .second_btn button{
    margin: 0;
  }
}
@media screen and (max-width: 900px){
  #contact_form .mw_wp_form_confirm .second_btn {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 640px){}

/*　完了画面
-----------------------*/
#contact_form .mw_wp_form_complete h3{
  text-align: center;
  margin-bottom: 25px;
  font-size: 1.33rem;
}
#contact_form .mw_wp_form_complete p{
  text-align: center;
}
#contact_form .mw_wp_form_complete .thksBtn{
  margin: 40px auto 0;
}
#contact_form .mw_wp_form_complete .thksBtn a:hover{
  background-color: #FFE232;
}
#contact_form .mw_wp_form_complete .thksBtn a:hover::after{
  background: url(../img/common/btn_arw_bk.svg) right center no-repeat;  
}
@media screen and (min-width: 901px){}
@media screen and (max-width: 900px){
  #contact_form .mw_wp_form_complete h3{
    font-size: 1.13rem;
  }
}
@media screen and (max-width: 640px){
  
  #contact_form .mw_wp_form_complete p{
    font-size: 0.86rem;
    line-height: 1.75;
    text-align: left;
  }
}


/*--------------------------------------------

  ラインナップページ

--------------------------------------------*/
/*　ラインナップページ
-----------------------*/
#page_lineup .breadcrumbs {
  margin: 30px auto;
}
#lineup_cont .lineup_wrap {
  max-width: 1230px;
  width: 90%;
  margin: 0 auto;
}
#lineup_cont .lineup_box {
  background: linear-gradient(45deg, transparent 20px, #E2D8BB 20px), linear-gradient(135deg, transparent 20px, #E2D8BB 20px), linear-gradient(225deg, transparent 20px, #E2D8BB 20px), linear-gradient(315deg, transparent 20px, #E2D8BB 20px);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  padding: 60px;
  position: relative;
}
#lineup_cont .lineup_sec {
  background: #fff;
  justify-content: space-between;
  padding: 65px 65px 40px;
  position: relative;
}
#lineup_cont .lineup_sec::before {
  content: url(../img/lineup/clip01.svg);
  position: absolute;
  right: 54px;
  top: -26px;
  width: 48px;
  height: 72px;
  z-index: 2;
}
#lineup_cont .lineup_sec + .lineup_sec {
  margin-top: 50px;
}
#lineup_cont .lineup_sec .name {
  margin-bottom: 20px;
}
#lineup_cont .lineup_sec .txt {
  margin-bottom: 10px;
}
#lineup_cont .lineup_sec .txt_list {
  color: #B51616;
  font-weight: 700;
  margin-bottom: 15px;
}
#lineup_cont .lineup_sec .txt_list li {
  padding-left: 1em;
  text-indent: -1em;
}
#lineup_main {
  background: url(../img/common/bg_stripes.jpg) left top repeat;
  padding: 140px 0 80px;
}
#lineup_main .wrap {
  max-width: 1230px;
}
#lineup_main .main_wrap {
  justify-content: space-between;
  position: relative;
}
#lineup_main .main_wrap::before {
  content: url(../img/lineup/clip02.png);
  position: absolute;
  left: 40px;
  top: -103px;
  width: 92px;
  height: 192px;
  z-index: 2;
}
#lineup_main .main_wrap h1 {
  margin-bottom: 30px;
}
#lineup_main .main_wrap span {
  display: block;
  text-align: center;
}
#lineup_main .main_wrap .en {
  margin-bottom: 12px;
}
#lineup_point {
  padding: 100px 0 70px;
}
#lineup_point .point_ttl {
  margin: 0 auto 40px;
  max-width: 1100px;
  width: 90%;
}
#lineup_point .point_ttl span {
  display: block;
  text-align: center;
}
#lineup_point .point_ttl .en {
  background-position: left center, right center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}
#lineup_point .point_ttl.st .en {
  background-image: url(../img/lineup/st_point_tl_line.svg), url(../img/lineup/st_point_tl_line.svg);
  margin-bottom: 5px;
}
#lineup_point .point_ttl.pr .en {
  background-image: url(../img/lineup/pr_point_tl_line.svg), url(../img/lineup/pr_point_tl_line.svg);
}
#lineup_point .point_ttl .ja {
  margin-bottom: 5px;
}
#lineup_point .point_ttl .txt {
  font-size: 27px;
  font-weight: bold;
}
#lineup_point .point_ttl.st .txt {
  color: #AA0000;
}
#lineup_point .point_ttl.pr .txt {
  color: #0069AA;
}
#lineup_point .point_box + .point_box {
  margin-top: 40px;
}
#lineup_point .point_box .txt_wrap .txt_top {
  color: #fff;
  margin-bottom: 16px;
  padding: 27px 0;
  position: relative;
}
#lineup_point .point_box .txt_wrap .txt_top::before {
  background: #000;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
#lineup_point .point_box h3 span {
  display: block;
}
#lineup_point .point_box h3 .txt {
  font-size: 27px;
  font-weight: bold;
  margin-top: 5px;
}
#lineup_recommended .rcmm_ttl span {
  display: block;
  text-align: center;
}
#counseling .cosel_ttl span{
  display: block;
  text-align: center;
}
#counseling .cosel_ttl .icon{
  margin-bottom: 15px;
}
#counseling .cosel_ttl .ja{
  margin-bottom: 20px;
}
#lineup_order {
  background: #EFEFEC;
}
#lineup_order .order_ttl span {
  display: block;
  text-align: center;
}
#lineup_order .plan_wrap {
  margin-top: 70px;
}
#lineup_order .plan_box .img img {
  width: 100%;
}
#lineup_order .plan_box .txt {
  margin-top: 15px;
}
#lineup_order .plan_box .txt dt {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#lineup_order .plan_box .txt dd {
  margin-top: 15px;
}
@media screen and (min-width: 901px){
  #lineup_cont .lineup_sec:nth-child(even) {
    flex-flow: row-reverse nowrap;
  }
  #lineup_cont .lineup_sec .img {
    width: 55.9%
  }
  #lineup_cont .lineup_sec .txt_wrap {
    width: 40%
  }
  #lineup_cont .lineup_sec .btn {
    margin-left: 0;
    margin-right: auto;
  }
  #lineup_main .main_wrap .img {
    width: 50%;
  }
  #lineup_main .main_wrap .txt_wrap {
    width: 45%;
  }
  #lineup_point .point_box:nth-child(even) {
    flex-flow: row-reverse nowrap;
  }
  #lineup_point .point_box .img, 
  #lineup_point .point_box .txt_wrap {
    width: 50%;
  }
  #lineup_point .point_box .img .inner {
    width: 85%;
  }
  #lineup_point .point_box .txt_wrap .inner {
    width: 65%;
  }
  #lineup_point .point_box .img img {
    display: block;
  }
  #lineup_point .point_box:nth-child(odd) .img .inner {
    margin-right: auto;
  }
  #lineup_point .point_box:nth-child(odd) .txt_wrap .inner {
    margin-left: auto;
    padding-right: 2.5%;
  }
  #lineup_point .point_box:nth-child(odd) .img img {
    margin-right: auto;
  }
  #lineup_point .point_box:nth-child(even) .img .inner {
    margin-left: auto;
  }
  #lineup_point .point_box:nth-child(even) .txt_wrap .inner {
    margin-right: auto;
    padding-left: 5%;
  }
  #lineup_point .point_box:nth-child(even) .img img {
    margin-left: auto;
  }
  #lineup_recommended {
    padding: 44px 0;
  }
  #counseling {
    padding: 60px 0 80px;
  }
  #counseling .cosel_ttl {
    margin-bottom: 33px;
  }
  #lineup_order {
    padding: 90px 0 80px;
  }
  #lineup_order .plan_wrap {
    flex-wrap: wrap;
  }
  #lineup_order .plan_box {
    margin-right: 7%;
    margin-top: 4%;
    width: 46.5%;
  }
  #lineup_order .plan_box:nth-child(2n) {
    margin-right: 0;
  }
  #lineup_order .plan_box:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 900px){
  #lineup_cont .lineup_box {
    background: linear-gradient(45deg, transparent 10px, #E2D8BB 10px), linear-gradient(135deg, transparent 10px, #E2D8BB 10px), linear-gradient(225deg, transparent 10px, #E2D8BB 10px), linear-gradient(315deg, transparent 10px, #E2D8BB 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 20px;
  }
  #lineup_cont .lineup_sec {
    display: block;
    padding: 20px;
  }
  #lineup_cont .lineup_sec + .lineup_sec {
    margin-top: 30px;
  }
  #lineup_cont .lineup_sec::before {
    background: url(../img/lineup/clip01.svg);
    background-size: 30px 45px;
    content: "";
    right: 20px;
    top: -10px;
    width: 30px;
    height: 45px;
  }
  #lineup_cont .lineup_sec .img {
    margin-bottom: 15px;
  }
  #lineup_main {
    padding: 6rem 0 4rem;
  }
  #lineup_main .main_wrap {
    display: block;
  }
  #lineup_main .main_wrap::before {
    background: url(../img/lineup/clip02.png);
    background-size: 46px 96px;
    content: "";
    left: 20px;
    top: -50px;
    width: 46px;
    height: 96px;
  }
  #lineup_main .main_wrap .img {
    margin-bottom: 20px;
  }
  #lineup_main .main_wrap .en {
    width: 50%;
    margin: 0 auto 10px
  }
  #lineup_point {
    padding: 4.5rem 0 3.0rem;
  }
  #lineup_point .point_ttl {
    margin: 0 auto 20px;
  }
  #lineup_point .point_ttl .en img {
    background: #fff;
    padding: 0 10px;
  }
  #lineup_point .point_ttl .txt {
    font-size: 18px;
  }
  #lineup_point .point_box {
    flex-flow: row-reverse nowrap;
    flex-wrap: wrap;
  }
  #lineup_point .point_box + .point_box {
    margin-top: 35px;
  }
  #lineup_point .point_box h3 .txt {
    font-size: 18px;
  }
  #lineup_point .point_box h3 .en {
    width: 40%;
  }
  #lineup_point .point_box .img, 
  #lineup_point .point_box .txt_wrap {
    width: 100%;
  }
  #lineup_point .point_box .img {
    margin-top: 20px;
  }
  #lineup_point .point_box .img img {
    width: 100%;
  }
  #lineup_point .point_box .txt_wrap .txt_top {
    margin-bottom: 12px;
    padding: 20px 0;
  }
  #lineup_point .point_box .txt_wrap .inner {
    padding: 0 5%;
  }
  #lineup_recommended {
    padding: 2.5rem 0;
  }
  #lineup_recommended .rcmm_ttl .ja{
    width: 70%;
    margin: 0 auto 10px;
  }
  #counseling {
    padding: 3.0rem 0;
  }
  #counseling .cosel_ttl{
    margin-bottom: 20px;
  }
  #counseling .cosel_ttl .icon{
    width: 60px;
    margin: 0 auto 15px;
  }
  #counseling .cosel_ttl .ja{
    width: 85%;
    margin: 0 auto 18px;
  }
  #lineup_order {
    padding: 3.0rem 0;
  }
  #lineup_order .order_ttl .ja{
    width: 85%;
    margin: 0 auto;
  }
  #lineup_order .plan_wrap {
    display: block;
    margin-top: 6%;
  }
  #lineup_order .plan_box + .plan_box {
    margin-top: 6%;
  }
}
@media screen and (max-width: 640px){
  #page_lineup .breadcrumbs {
    margin: 20px auto;
  }
  #counseling .cosel_ttl .icon{
    margin: 0 auto 8px;
  }
  #counseling .cosel_ttl .ja{
    margin: 0 auto 5px;
  }
  #lineup_point .point_ttl .en {
    background-size: contain;
  }
}
/*--------------------------------------------

   404 Not found

--------------------------------------------*/
.box_404{
  margin-top: 60px;
}
.box_404 p{
  text-align: center;
  margin-bottom: 35px;
}