@charset "utf-8";

@import url(/products/homeloan/css/style.css);
@import url(/campaign/css/campaign-detail.css);
@import url(/guidance/homeloan/refinance/css/important-alert.css);


.jbk-category-guidance #jbk-footer-area {
	margin-bottom: 100px;
}
@media screen and (max-width: 640px){
	.jbk-category-guidance #jbk-footer-area {
		margin-bottom: 78px;
  }
}

/* ========== toc ========== */
.guidance-toc-01 {
	margin: .625em 0 0;
	padding: 0;
	letter-spacing: -.40em;
}

.guidance-toc-01 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.guidance-toc-01 li a {
	display: block;
	-webkit-box-shadow: 2px 2px 2px #e1e1e1;
	box-shadow: 2px 2px 2px #e1e1e1;
}

.guidance-toc-01 li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* ----- for pc ----- */
.guidance-toc-01.pc {
	margin-top: 1.25em;
	margin-bottom: -.75em;
}

.guidance-toc-01.pc li {
	display: inline-block;
	margin-left: 0.920245399%;
	width: 32.41308793%;
	letter-spacing: normal;
}

.guidance-toc-01.pc > li:first-child { margin-left: 0; }

/* ----- for sp ----- */
.guidance-toc-01.sp img { width: 100%; }

.guidance-toc-01.sp li {
	margin-top: 15px;
}


/* ========== heading ========== */
.guidance-heading-01 {
	margin-bottom: 1.875em;
}

.guidance-heading-01 h2 {
	color: #fff;
	font-size: 225%;
	padding: 12px;
	text-align: center;
}

.guidance-heading-03 {
	margin: -24px -24px 0 -24px;
}

.guidance-heading-03 h3 {
	color: #fff;
	font-size: 135%;
	font-weight:bold;
	margin: 0;
	padding: 12px;
	text-align: center;
}

@media only screen and (max-width: 640px) {
.guidance-heading-01 h2 {
	font-size: 150%;
}

.guidance-heading-03 {
	margin: -10px -10px 0 -10px;
}
}

.c-heading5-01.c-heading5-demerit h5 {
  color: #ed1562;
  border-left: solid 8px #ed1562;
  padding-left: 8px;
}



/* ========== infoBlock ========== */
.guidance-infoBlock-01 {
	border: 0;
	border-radius: 5px;
}

.guidance-infoBlock-02 {
	margin-top: 1.4em;
	padding: 24px;
}
@media only screen and (max-width: 640px) {
.guidance-infoBlock-02 {
	margin-top: .7em;
    padding: 10px;
}
}

#flg-merit .guidance-infoBlock-03 {
  border: solid 4px #ffdfe6;
	margin-top: 1.4em;
	padding: 36px 24px;
}
@media only screen and (max-width: 640px) {
#flg-merit .guidance-infoBlock-03 {
  border: solid 3px #ffdfe6;
	padding: 18px 12px;
}
}

#flg-merit .guidance-infoBlock-03 .guidance-infoBlock-02 {
  border-radius: 8px;
}

#flg-merit .guidance-infoBlock-03 .guidance-heading-02 {
	margin-left: -24px;
}
@media only screen and (max-width: 640px) {
#flg-merit .guidance-infoBlock-03 .guidance-heading-02 {
	margin-left: -12px;
}
}

#flg-merit .guidance-infoBlock-03 .guidance-heading-02 h3 {
  position: relative;
  padding-left: 2.5em;
}

#flg-merit .guidance-infoBlock-03 .guidance-heading-02.clause-02 {
  margin-top: 3em;
}
@media only screen and (max-width: 640px) {
#flg-merit .guidance-infoBlock-03 .guidance-heading-02.clause-02 {
  margin-top: 2em;
}
}

#flg-merit .guidance-infoBlock-03 .guidance-heading-02.clause-01 h3::before {
  content: "1";
  padding: 0.25em 0.5em;
  background-color: #ffdfe6;
  font-size: 125%;
  position: absolute;
  left: 0;
  top: 50%;
	transform: translateY(-50%);
}

#flg-merit .guidance-infoBlock-03 .guidance-heading-02.clause-02 h3::before {
  content: "2";
  padding: 0.25em 0.5em;
  background-color: #ffdfe6;
  font-size: 125%;
  position: absolute;
  left: 0;
  top: 50%;
	transform: translateY(-50%);
}


/* ========== color ========== */
#flg-about .guidance-heading-01 h2 { background-color: #92D050; }
#flg-merit .guidance-heading-01 h2 { background-color: #35a667; }
#flg-caution .guidance-heading-01 h2 { background-color: #16a9ae; }
#flg-timing .guidance-heading-01 h2 { background-color: #0895e6; }
#flg-flow  .guidance-heading-01 h2 { background-color: #2770de; }
#flg-drama .guidance-heading-01 h2 { background-color: #eb7000; }

#flg-about .guidance-heading-02 h3 { color: #92D050; }
#flg-merit .guidance-heading-02 h3,
#flg-merit .guidance-heading-02 h4 { color: #35a667; }
#flg-caution  .guidance-heading-02 h3 { color: #16a9ae; }
#flg-timing  .guidance-heading-02 h3 { color: #0895e6; }
#flg-flow  .guidance-heading-02 h3 { color: #2770de; }
#flg-drama .guidance-heading-02 h3 { color: #eb7000; }

#flg-about .guidance-heading-03 h4 { background-color: #92D050; }
#flg-merit .guidance-heading-03 h3 { background-color: #35a667; }
#flg-caution .guidance-heading-03 h3 { background-color: #16a9ae; }
#flg-timing .guidance-heading-03 h3 { background-color: #0895e6; }
#flg-flow  .guidance-heading-03 h4 { background-color: #2770de; }
#flg-drama .guidance-heading-03 h4 { background-color: #eb7000; }

#flg-about .guidance-heading-02 h5 { color: #92D050; }
#flg-merit .guidance-heading-02 h5 { color: #35a667; }
#flg-caution .guidance-heading-02 h5 { color: #16a9ae; }
#flg-timing .guidance-heading-02 h5 { color: #0895e6; }
#flg-flow  .guidance-heading-02 h5 { color: #2770de; }
#flg-drama .guidance-heading-02 h5 { color: #eb7000; }

#flg-merit .guidance-heading-02 h5 {
  display: inline;
  border-bottom: solid 1px #ed1562;
}

#flg-flow .guidance-heading-01 h2 span {
	background-color: #2770de;
	box-shadow: 12px 0 0 #2770de,-12px 0 0 #2770de;
}

#flg-flow .c-list-02 li:before {
	color: #2770de;
}

#flg-flow .homeloan-steps-01 > .step {
  padding-top: 80px;
  margin-top: 40px;
	border-top-color: #8cd6ff;
}
@media only screen and (max-width: 640px) {
#flg-flow .homeloan-steps-01 > .step {
  padding-top: 60px;
  margin-top: 20px;
}
}

#flg-flow .homeloan-steps-01 > .step:first-child {
  padding-top: 20px;
}

#flg-flow .homeloan-steps-01 > .step:before {
	width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 28px solid #8cd6ff;
}



#flg-about .guidance-infoBlock-01 { background-color: #e3f3ea; }
#flg-merit .guidance-infoBlock-01 { background-color: #ffdfe6; }
#flg-flow  .guidance-infoBlock-01 { background-color: #def2fe; }

#flg-merit .guidance-infoBlock-02 { background-color: #e3f3ea; }
#flg-merit .guidance-infoBlock-02 { background-color: #ffdfe6; }
#flg-flow .guidance-infoBlock-02 { background-color: #def2fe; }


/* ========== c-accordion-demerit ========== */
.c-accordion-01.c-accordion-demerit>.item>.head {
  font-size: 100%;
}

.c-accordion-demerit>.item>.head {
    background-image: url(/guidance/homeloan/refinance/img/icon-chevron-down-black.png);
    background-repeat: no-repeat;
    -webkit-background-size: auto 1.125em;
    -moz-background-size: auto 1.125em;
    background-size: auto 1.125em;
    background-position: right 0.5em center;
}

.c-accordion-demerit>.item>.head.opened {
    background-image: url(/guidance/homeloan/refinance/img/icon-chevron-up-black.png);
    background-repeat: no-repeat;
}

.c-accordion-demerit>.item>.head:before {
    content: none;
}

.c-accordion-demerit>.item>.head:after {
    content: none;
}


/* ========== bg-org ========== */
.bg-org {
  background-color: #fcf3e7;
  padding: 16px 24px;
  margin-top: 1em;
}
.bg-org .c-copy-01 p {
  color: #eb7000;
}


/* ========== balloon ========== */
.balloon-01 {
	display: block;
	margin-bottom: 20px;
}
@media only screen and (max-width: 640px) {
.balloon-01 {
	margin-bottom: 5px;
}
}


.guidance-toc-01-4col.guidance-toc-01.pc li{
width: 24.30981595075%;
}

/* ========== column-02-left-only ========== */
.c-noticeBlock-01.column-02 .col.column-02-left-only{
width: 100%;
}
.c-noticeBlock-01.column-02 .col.column-02-left-only figure{
width: 14%;
}
.c-noticeBlock-01.column-02 .col.column-02-left-only .content {
width: 80%;
}
@media only screen and (max-width: 640px) {
.c-noticeBlock-01.column-02 .col.column-02-left-only{
width: 100%;
}
.c-noticeBlock-01.column-02 .col.column-02-left-only figure{
width: 30%;
}
.c-noticeBlock-01.column-02 .col.column-02-left-only .content {
width: 65%;
}
}



/* ========== button ========== */
.guidance-btnGroup-01 {
	text-align: center;
	margin: 0;
	padding: 0;
}

.guidance-btnGroup-01 li {
	display: inline-block;
	margin:5px;
}

.guidance-btn-01 {
    border: 1px solid #d4d5d5;
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f3f3f3));
    background: -webkit-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -o-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: -ms-linear-gradient(top,#fff 0,#f3f3f3 100%);
    background: linear-gradient(to bottom,#fff 0,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
    border-radius: 6px;
    padding: 15px 25px;
    color: #535252;
    text-decoration: none;
    display: inline-block;
    position: relative;
	font-weight: bold;
	font-size: 150%;
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}

.guidance-btn-01:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    color: #535252;
    text-decoration: none;
}

a.guidance-btn-02 {
	border-radius: 10px;
    box-shadow: 0 4px 0 rgba(168,80,0,1);
	border-bottom: 0;
}

a.guidance-btn-03 {
	border-radius: 10px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	font-size: 112.5%;
	font-weight: bold;
	padding: 16px 38px 16px 60px;
}

a.guidance-btn-03:before {
	background-image: url(/assets/img/icon_10.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 18px 21px;
	left: 36px;
}

@media screen and (max-width:640px) {
	.guidance-btn-01 {
		padding: 10px 15px;
		font-size: 125%;
	}
	
	.guidance-btnGroup-01 li {
		margin:1px;
	}
	
	a.guidance-btn-02 {
		padding: 10px 10px 10px 10px;
	}
	
	a.guidance-btn-03 {
		padding: 10px 10px 10px 30px;
	}
	
	a.guidance-btn-03:before {
		left: 10px;
	}
	
}



/* ========== fixed ========== */
.fixed {
	width: 100%;  
    position: fixed;
	background-color: #ffffff;
	border-top: solid 4px #eb7000;
	bottom: 0px;
	opacity: 0;
	z-index: 101;
}

/* fixed(PC) */
.fixed_inner {
	max-width: 978px;
	margin: 0 auto;
	padding: 15px 0;
	position: relative;
}

.fixed-topLink {
	position: absolute;
	right: 0;
	bottom: 20px;
}

@media screen and (max-width:640px) {
	.fixed_inner {
		margin: 0 auto;
		padding: 10px;
	}
	
	.fixed-topLink {
		display: none;
	}
}

/* ========== header　class ========== */
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a {
	background: #ed7b00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+DQogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+DQogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4NCjwvc3ZnPg==);
		background: -moz-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
		background: -webkit-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
		background: -o-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
		background: -ms-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
	background: linear-gradient(to bottom,#ffffff 0,#f3f3f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',GradientType=0);
	border: #d4d5d5 solid 1px;
	padding: 16px 26px 10px 54px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a:before {
	background: url(/assets/img/icon_btn_09.png) left top no-repeat;
	background-size: 100% auto;
	height: 22px;
		top: 13px;
		left: 24px;
	width: 22px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a > span {
	color: #535252;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.icn-simu a:before {
    background: url(/assets/img/icon_24.png) left top no-repeat;
    background-size: 100% auto;
    height: 22px;
    top: 14px;
    left: 26px;
    width: 19px;
}

@media only screen and (max-width: 1111px) {
.homeloan-hidden-sp {
	display: none !important;
}
}

@media only screen and (max-width: 830px) {
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-01           { right: 12px; }
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-02           { right: 10px; }
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top { right: 64px; }

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top {
	height: 40px;
	position: absolute;
		top: 10px;
	width: 35px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a {
	height: 40px;
    padding: 0 !important;
    position: static;
	width: 42px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a:before {
	background: url(/assets/img/icon_24_02.png) left top no-repeat;
	background-size: 100% auto;
	display: inline-block;
	height: 26px;
		top: 7px;
		left: 7px;
	width: 30px;
}
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.icn-simu a:before {
	background: url(/assets/img/icon_24_02.png) left top no-repeat;
	background-size: 100% auto;
	display: inline-block;
	height: 26px;
		top: 7px;
		left: 7px;
	width: 30px;
}
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.r159 a:before {
	background: url(/assets/img/icon_btn_10.png) left top no-repeat;
	background-size: 100% auto;
	display: inline-block;
	height: 26px;
		top: 7px;
		left: 7px;
	width: 27px;
}
}

@media screen and (max-width: 830px){
#jbk-header-area .frame-content {
    padding: 10px;
}
#jbk-header-area h1 {
    width: 111px;
    height: auto;
}
#jbk-header-area #header-accessary .btn-banking li a span {
    width: 40px;
    display: block;
    font-weight: normal;
    position: absolute;
    bottom: -15px;
    left: 0;
    color: #535252;
    font-size: 9px;
    letter-spacing: -0.5px;
    text-align: center;
    white-space: nowrap;
}
#jbk-header-area #header-accessary .btn-banking li a {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    width: 40px;
    display: block;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
    right: 158px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
    position: absolute;
    top: 10px;
    right: 108px;
    width: 39px;
    height: 40px;
    margin: 0;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 a.c-btn-account {
    border: solid 1px #ec7000;
    padding: 0;
    position: static;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 a.c-btn-account.icon-pen-01:before {
    background-image: url(/assets/img/icon_01_@2x.png);
    background-position: left top;
    background-size: auto 33px;
    height: 27px;
    top: 6px;
    left: 12px;
    width: 17px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 {
    right: 108px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 a.c-btn-login:before {
    background-position: -18px 0;
    background-size: auto 32px;
    top: 5px;
    left: 11px;
    height: 27px;
    width: 19px;
}
.r159{right:117px !important;}
#jbk-header-area #header-accessary .btn-banking li a span {
    width: 47px;
    display: block;
    font-weight: normal;
    position: absolute;
    bottom: -15px;
    left: -4px;
    color: #535252;
    font-size: 9px;
    letter-spacing: -0.5px;
    text-align: center;
    white-space: nowrap;
}
}
@media screen and (max-width: 830px){
#jbk-header-area #header-accessary .btn-banking li.btn-02 a.c-btn-login {
    border: solid 1px #5e5d5d;
    padding: 0;
    position: static;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 {
    position: absolute;
    top: 10px;
    right: 58px;
    width: 42px;
    height: 40px;
    margin: 0;
}
.btn-homeloan-top.r159{width: 30px !important;}
.homeloan-hidden-mb {
    display: none !important;
}
}
/*-------------- フォント調整 --------------*/
.c-heading1-01 h1 {
    margin: 0;
    padding: 0;
    color: #656565;
    font-size: 250%;
}
@media only screen and (max-width: 768px) {
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-01           { right: 10px; }
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-02           { right: 10px; }
#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top { right: 58px; }

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top {
	height: 40px;
	position: absolute;
		top: 10px;
	width: 40px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a {
	height: 40px;
    padding: 0 !important;
    position: static;
	width: 42px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top a:before {
	background: url(/assets/img/icon_24_02.png) left top no-repeat;
	background-size: 100% auto;
	display: inline-block;
	height: 26px;
		top: 6px;
		left: 6px;
	width: 31px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.icn-simu a:before {
    background: url(/assets/img/icon_24_02.png) left top no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 26px;
    top: 6px;
    left: 6px;
    width: 31px;
}

#jbk-header-area.homeloan-header-area-02 #header-accessary .btn-banking li.btn-homeloan-top.r159 a:before {
	background: url(/assets/img/icon_btn_10.png) left top no-repeat;
	background-size: 100% auto;
	display: inline-block;
	height: 26px;
		top: 7px;
		left: 7px;
	width: 27px;
}
}

@media screen and (max-width: 768px){
#jbk-header-area .frame-content {
    padding: 10px;
}
#jbk-header-area h1 {
    width: 111px;
    height: auto;
}
#jbk-header-area #header-accessary .btn-banking li a span {
    width: 40px;
    display: block;
    font-weight: normal;
    position: absolute;
    bottom: -15px;
    left: 0;
    color: #535252;
    font-size: 9px;
    letter-spacing: -0.5px;
    text-align: center;
    white-space: nowrap;
}
#jbk-header-area #header-accessary .btn-banking li a {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    width: 40px;
    display: block;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
    right: 158px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 {
    position: absolute;
    top: 10px;
    right: 108px;
    width: 40px;
    height: 40px;
    margin: 0;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 a.c-btn-account {
    border: solid 1px #ec7000;
    padding: 0;
    position: static;
}
#jbk-header-area #header-accessary .btn-banking li.btn-01 a.c-btn-account.icon-pen-01:before {
    background-image: url(/assets/img/icon_01_@2x.png);
    background-position: left top;
    background-size: auto 33px;
    height: 27px;
    top: 6px;
    left: 12px;
    width: 17px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 {
    right: 108px;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 a.c-btn-login:before {
    background-position: -18px 0;
    background-size: auto 32px;
    top: 5px;
    left: 11px;
    height: 27px;
    width: 19px;
}
.r159{right:107px !important;}
#jbk-header-area #header-accessary .btn-banking li a span {
    width: 47px;
    display: block;
    font-weight: normal;
    position: absolute;
    bottom: -15px;
    left: -4px;
    color: #535252;
    font-size: 9px;
    letter-spacing: -0.5px;
    text-align: center;
    white-space: nowrap;
}
}
@media screen and (max-width: 768px){
#jbk-header-area #header-accessary .btn-banking li.btn-02 a.c-btn-login {
    border: solid 1px #5e5d5d;
    padding: 0;
    position: static;
}
#jbk-header-area #header-accessary .btn-banking li.btn-02 {
    position: absolute;
    top: 10px;
    right: 58px;
    width: 40px;
    height: 40px;
    margin: 0;
}
.btn-homeloan-top.r159{width: 40px !important;}
}
/*-------------- フォント調整 --------------*/
.c-heading1-01 h1 {
    margin: 0;
    padding: 0;
    color: #656565;
    font-size: 250%;
}

@media only screen and (max-width: 640px){
.c-heading1-01 h1
{ font-size: 110%; }
}

/* ========== section-faq ========== */
#section-faq{
  background-color: #fff;
}
#section-faq .question,#section-faq .answer-wrap{
margin-bottom: 0!important;
border: 1px solid #bcbcbc;
border-top: 0;
}
#section-faq ul.questions > li + li{
margin-top: 0!important;
}
#section-faq ul.questions > li:first-child {
border-top: 1px solid #bcbcbc;
}
@media screen and (max-width: 767px) {
  #section-faq ul.questions {
    padding: 0;
  }
}
#section-faq ul.questions{
padding: 0;
}
#section-faq ul.questions > li{
  list-style: none;
}
#section-faq ul.questions > li + li {
  margin-top: 1em;
}
#section-faq .question,
#section-faq .answer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
#section-faq .answer .label {
  color: #f0920c;
}
#section-faq .label {
  color: #888;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 30px;
  font-size: 1em;
  font-weight: bold;
}
#section-faq .answer .label{
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  #section-faq .label {
    width: 15%;
    padding: 0;
    font-size: 1.5em;
  }
}
#section-faq .text {
  padding: 1.5em 2.5em 1.5em 0.5em;
  font-weight: bold;
  font-size: 1em;
}
#section-faq .text .em {
  font-weight: bold;
}
  
@media screen and (max-width: 767px) {
  #section-faq .text {
    width: 85%;
  }
}
#section-faq .question {
  background-color: #fff;
  cursor: pointer;
  margin-bottom: 0.25em;
}
#section-faq .question:hover {
  background-color: #eee;
}
#section-faq .question.opened .text {
  background-image: url("/guidance/homeloan/refinance/img/icon-chevron-up-black.png");
  background-repeat: no-repeat;
}
#section-faq .question .label {
  margin-bottom: 0;
}
#section-faq .question .text {
  margin-bottom: 0;
  color: #222;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-image: url("/guidance/homeloan/refinance/img/icon-chevron-down-black.png");
  background-repeat: no-repeat;
  -webkit-background-size: auto 1.125em;
  -moz-background-size: auto 1.125em;
  background-size: auto 1.125em;
  background-position: right 1em center;
}
#section-faq .answer-wrap {
  display: none;
}
#section-faq .answer {
  background-color: #ffede3;
}
#section-faq .answer:hover {
  background-color: #ffede3;
}
#section-faq .answer .label {
  background-color: #ffede3;
  margin-bottom: 0;
}
#section-faq .answer .text {
  color: #222;
  margin-bottom: 0;
}

/* ========== youtube ========== */
#flg-movie {
  height: 0;
  margin-top: 1.25em;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
#flg-movie iframe {
  border: #000 solid 1px;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
    top: 0;
    left: 0;
  width: 100%;
}

/* ========== c-globalNav-area ========== */
.c-globalNav-area{
  padding: 0 10px;
  width: 100%;
  max-width: 978px;
  margin: 2em auto 0;
}
.c-globalNav-area .c-heading3-01 h3{
  color: #535252;
}
.c-globalNav-area ul.c-linkList-01 li{
  float: left;
  margin-right: 1em;
}
.c-globalNav-area ul.c-linkList-01 li:last-child{
  margin-right: 0;
}
.c-globalNav-area ul.c-linkList-01:after{
  content: "";
  display: block;
  clear: both;
}
.c-globalNav-area .c-linkList-01 a{
  font-size: 75%;
  padding-left: 13px;
}
.c-globalNav-area .c-linkList-01 a:before{
  background-image: url(/assets/img/icon_arrow_right.png);
  background-size: contain;
  height: 15px;
  top: 1px;
  width: 10px;
}



#key-visual header.sty-header-white {
  background: #fff;
}
#key-visual.sty-ground-pt30 {
  padding-top: 30px;
}
#key-visual.sty-ground-mb30 {
margin-bottom: 30px;
}

.sty-h1-title {
  font-size: 44px;
  font-weight: bold;
  color: #eb7000;
}
.sty-anc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
}
.sty-anc::after{
  content: "";
  display: block;
  width: 32%;
}

.sty-anc--top::after{
  width: 33%;
}

.sty-anc__item {
  position: relative;
  width: 32%;
  border-radius: 6px;
  list-style: none;
}
.sty-anc--top .sty-anc__item {
  width: 33%;
}
.sty-anc--top .sty-anc__item:nth-child(n+4){
  margin-top: calc(2% / 3);
}
.sty-anc__item a {
  display: block;
  height: 100%;
  font-size: 18px;
  color: #535252;
  text-decoration:none;
}
.sty-anc--top .sty-anc__item a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 16px 10px 16px 38px;
  text-decoration:none;
  background-color: #fff;
  color: #92D050;
  border: 2px solid #92D050;
  border-radius: 6px;
}
.sty-anc--top .sty-anc__item a::before {
  content: "▼";
  position: absolute;
  font-size: 18px;
  line-height: 1;
  width: 18px;
  height: 18px;
  left: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #92D050;
}
.sty-anc--top .sty-anc__item:nth-child(2) a {
  color: #35a667;
  border: 2px solid #35a667;
}
.sty-anc--top .sty-anc__item:nth-child(2) a::before {
  color: #35a667;
}
.sty-anc--top .sty-anc__item:nth-child(3) a {
  color: #16a9ae;
  border: 2px solid #16a9ae;
}
.sty-anc--top .sty-anc__item:nth-child(3) a::before {
  color: #16a9ae;
}
.sty-anc--top .sty-anc__item:nth-child(4) a {
  color: #0895e6;
  border: 2px solid #0895e6;
}
.sty-anc--top .sty-anc__item:nth-child(4) a::before {
  color: #0895e6;
}
.sty-anc--top .sty-anc__item:nth-child(5) a {
  color: #2770de;
  border: 2px solid #2770de;
}
.sty-anc--top .sty-anc__item:nth-child(5) a::before {
  color: #2770de;
}
.sty-guidance {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.sty-guidance__title--or h4 {
  color: #eb7000;
  font-weight: bold;
  font-size: 24px;
  padding-bottom: 5px;
  border-bottom: 2px solid #eb7000;
}
.sty-guidance--col2 .sty-guidance__title  {
  width: 100%;
}
.sty-guidance__block {
  width: 100%;
}
.sty-guidance__block > figure {
  margin-bottom: 30px;
}
.sty-guidance__block > figure:last-child {
margin-bottom: 0;
}
.sty-guidance--col2 .sty-guidance__block  {
  width: 48%;
}
.c-heading3-01 .sty-guidance_num-icon {
  padding-bottom: 20px;
}
.c-heading3-01 .sty-guidance_num-icon span {
  display: block;
  position: relative;
  padding-left: 100px;
  line-height: 1.6;
  }
.c-heading3-01 .sty-guidance_num-icon span:before {
  content: "";
  background-image: url(/guidance/homeloan/refinance/img/num_icon_01.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 87px;
  height: 52.5px;
  }
  #flg-merit_02 .sty-guidance_num-icon span:before {
    background-image: url(/guidance/homeloan/refinance/img/num_icon_02.png);
  }
  #flg-merit_03 .sty-guidance_num-icon span:before {
    background-image: url(/guidance/homeloan/refinance/img/num_icon_03.png);
  }
  #flg-caution_01 .sty-guidance_num-icon span:before {
    background-image: url(/guidance/homeloan/refinance/img/num_icon_04.png);
  }
  #flg-caution_02 .sty-guidance_num-icon span:before {
    background-image: url(/guidance/homeloan/refinance/img/num_icon_05.png);
  }
  .sty-guidance__title--flame h5 {
    background-color: #E3F3EA;
    margin-bottom: 0;
    padding: 0.8em 0.8em 0.6em 0.8em;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    margin-top: 1em;
    font-size: 20px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
}
.sty-guidance__title--clm h5 {
  background-color: #fdeecb;
}
.sty-guidance__title--flame h5 span {
color: #35a667;
}
.sty-guidance__flame {
    border: 4px solid #E3F3EA;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
    padding: 1.5em;
}
.sty-guidance__flame--clm {
  border: 4px solid #fdeecb;
}

.sty-guidance__text {
  margin-top: 30px;
}
.sty-heading4-01--or h4 {
  color: #eb7000;
}

.c-btn-01.homeloan-simulatorBtn--or {
  color: #fff;
  background: linear-gradient(to bottom,#eb7000 0,#eb7000 100%);
  margin-bottom: 15px;
}
.c-btn-01.homeloan-simulatorBtn--or.size-01 > span:before {
  background-image: url(/guidance/homeloan/refinance/img/icon_09.svg);
  height: 36px;
  width: 36px;
  top: 0;
  bottom: 0;
  left: -36px;
  margin: auto;
}




@media screen and (max-width: 767px) {
  .guidance-heading-01 h2 {
    font-size: 5.33vw;
  }
  .sty-h1-title {
    font-size: 7.46vw;
  }
  .sty-anc {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0;
  }
  .sty-anc li {
    margin-bottom: 4vw;
  } 
  .sty-anc li:last-child {
    margin-bottom: 0;
  }
  .sty-anc__item {
    width: 100%;
  }
  .sty-anc--top .sty-anc__item {
    width: 100%;
  }
  .sty-anc--top .sty-anc__item:nth-child(n+4){
    margin-top: 0;
  }
  .sty-anc__item a {
    font-size: 4.8vw;
  }
  .sty-anc--top .sty-anc__item a {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    font-size: 4.8vw;
    padding: 4vw 2.67vw 4vw 12vw;
  }
  .sty-anc--top .sty-anc__item a::before {
    font-size: 4.8vw;
    line-height: 1;
    width: 4.8vw;
    height: 4.8vw;
    left: 3.73vw;
  }
  .sty-guidance {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
  
  .sty-guidance__block > figure {
    margin-bottom: 4vw;
  }
  .sty-guidance__block > figure:last-child {
  margin-bottom: 0;
  }
  .sty-guidance--col2 .sty-guidance__block  {
    width: 100%;
  }
  .c-heading3-01 .sty-guidance_num-icon {
    padding-bottom: 0px;
  }
  .c-heading3-01 .sty-guidance_num-icon span {
  position: relative;
  padding-left: 22.4vw;
  line-height: 1.6;
  }
  .c-heading3-01 .sty-guidance_num-icon span:before {
    width: 20vw;
    height: 12vw;
    margin: auto;
    }
    .sty-guidance__title--flame h5 {
      font-size: 5.33vw;
  }
  .sty-guidance__flame {
      border: 4px solid #E3F3EA;
  }
  .sty-guidance__flame--clm {
    border: 4px solid #fdeecb;
  }

  .sty-guidance__text {
    margin-top: 8vw;
  }
  .c-btn-01.homeloan-simulatorBtn--or {
    margin-bottom: 4vw;
  }
  
}