@charset "utf-8";
 html,body {min-width: 1440px; overflow: auto!important;}
.container {width: 1400px; margin: 0 auto;}
.tb,.sp {display: none!important;}
.pc.tb, .pc.sp {display: block;}
.breadcrumbs {margin: 36px 0 4px 20px;} .vspace-0 {margin: 0!important;}
.vspace-05 {margin: .5rem 0!important;}
.vspace-10 {margin: 1rem 0!important;}
.vspace-15 {margin: 1.5rem 0!important;}
.vspace-20 {margin: 2rem 0!important;}
.vspace-30 {margin: 3rem 0!important;}
.vspace-40 {margin: 4rem 0!important;}
.vspace-t05 {margin-top: .5rem!important;}
.vspace-t10 {margin-top: 1rem!important;}
.vspace-t15 {margin-top: 1.5rem!important;}
.vspace-t20 {margin-top: 2rem!important;}
.vspace-t30 {margin-top: 3rem!important;}
.vspace-t40 {margin-top: 4rem!important;}
.vspace-b05 {margin-bottom: .5rem!important;}
.vspace-b10 {margin-bottom: 1rem!important;}
.vspace-b15 {margin-bottom: 1.5rem!important;}
.vspace-b20 {margin-bottom: 2rem!important;}
.vspace-b30 {margin-bottom: 3rem!important;}
.vspace-b40 {margin-bottom: 4rem!important;} .indent {padding: 0 2rem!important;}
.indent-2 {padding: 0 4rem!important;}
@media screen and (max-width: 1440px) {
html,body {font-size: 16px; min-width: 1240px;}
.container {width: 1200px; margin: 0 auto;}
} .two-col {justify-content: space-between; align-items: flex-start;}
main {width: 1120px;}
.s-navi {width: 254px;}
header .title {padding: 7px 0; background: rgba(255,255,255, .25);}
header .h-navi ul {justify-content: center; padding: 20px 0;}
header .h-navi li {padding: 4px 30px; border-left: 2px solid #fff;}
header .h-navi li:last-child {border-right: 2px solid #fff;}
header .h-navi a {line-height: 1.25; text-align: center; vertical-align: middle;}
footer {margin-top: 110px;}
footer .logo {margin-top: 70px;}
footer .logo span.small {font-size: 1.4rem; letter-spacing: 1px;}
footer .logo span.big {font-size: 3.9rem; letter-spacing: 6px;}
footer .f-navi {justify-content: center; margin: 50px auto;}
footer .f-navi ul {margin: 0 100px;}
footer .f-navi li {margin-bottom: 15px; padding-left: 30px;}
footer .copyright {font-size: 1.025rem; padding-bottom: 55px;}
.s-navi .list {margin-bottom: 110px;}
@media screen and (max-width: 1440px) {
main {width: 920px;}
header .h-navi li {padding: 4px 24px;}
} .main-head {margin-bottom: 44px;}
.main-head a {left: 58px; bottom: 38px; font-size: 1.6rem; padding: 16px 72px 16px 36px;}
.main-head a:after {right: 35px; border-width: 15px 0 15px 22px;}
#front {margin-bottom: -100px; padding: 56px 75px;}
#front .intro {margin: 0 5px;}
#front .intro h2,
#front .intro h2 span {line-height: 1.2;}
#front .intro h2 {font-size: 3.025rem; letter-spacing: 1.5px; margin: -10px 0 40px;}
#front .intro p {font-size: 1.15rem; margin-bottom: 40px;}
#front .hikaku h2 {font-size: 1.8rem; letter-spacing: 1.5px; margin: 70px 0 50px; padding: 14px 0;}
#front .hikaku article .date {display: flex;}
#front .hikaku article .date div {border-right: 1px solid #cbcbcb;}
#front .hikaku article .date div:last-child {border-right: none;}
#front .hikaku article .date div:first-child {width: 382px;}
#front .hikaku article .date div:nth-of-type(2) {width: 224px;}
#front .hikaku article .date div:nth-of-type(3) {width: 189px;}
#front .hikaku article .date div:nth-of-type(4) {width: 170px;}
#front .hikaku article .date dt {height: 48px; padding: 10px 0;}
#front .hikaku article .date dd {height: 103px;}
#front .hikaku article .date div:first-child dt {font-size: .975rem;}
#front .hikaku article .date div:first-child dd a.to-details {margin: 0 0 5px;}
#front .hikaku article .date div:not(:first-child) dt {font-size: 1.05rem;} #front .hikaku article .valu {padding: 4px 0 4px 25px;}
#front .hikaku article .valu div {margin-right: 36px;}
#front .hikaku article .valu div:first-child {margin-right: 68px;}
#front .hikaku article .valu div:first-child dt {margin-right: 20px;}
#front .hikaku article .txt {padding: 18px 30px 4px;}
#front .hikaku article .txt .state {justify-content: space-between; margin-bottom: 15px; padding-bottom: 20px;}
#front .hikaku article .txt .state dl {display: flex;}
@media screen and (max-width: 1440px) {
#front {padding: 36px 48px;}
#front .intro h2 {font-size: 2.8rem;}
#front .hikaku h2 {font-size: 1.7rem;}
#front .hikaku article .date div:first-child {width: 336px;}
#front .hikaku article .date div:nth-of-type(2) {width: 214px;}
#front .hikaku article .date div:nth-of-type(3) {width: 179px;}
#front .hikaku article .date div:nth-of-type(4) {width: 160px;}
#front .hikaku article .valu div {display: flex; align-items: center; margin-right: 24px;}
#front .hikaku article .valu div:first-child {margin-right: 54px;}
#front .hikaku article .txt {padding: 18px 24px 4px;}
} #knowledge {margin-bottom: 36px; padding: 0 14px 14px; border-radius: 16px;}
#knowledge .inner {padding: 40px 52px; border-radius: 12px;}
#knowledge h1 img,
#knowledge h1 svg {width: 24px; height: 24px; margin: 0 20px;}
#knowledge h1 span {font-size: 2.125rem;} #knowledge p,
#knowledge ul {margin-bottom: 2rem;}
#knowledge ul.ls-05 li {margin-bottom: .5rem;}
#knowledge ul.ls-10 li {margin-bottom: 1rem;}
#knowledge h2 {margin: 2rem 0;}
#knowledge h3 {margin: 2rem 0 1.25rem;}
#knowledge h4 {margin: .8rem 0;}
#knowledge h2.g-h2 {font-size: 2.1rem; margin: 3.5rem -14px 2rem; padding: 12px 20px 12px 30px; border-left: 10px solid #3a5886;}
#knowledge h3.g-h3-01 {font-size: 1.75rem; margin: 3.5rem 0 2rem; padding: 0 18px; border-left: 7px solid #e84994;}
#knowledge h3.g-h3-02 {font-size: 1.7rem; margin: 3.5rem 0 2rem; padding: 12px 1rem 12px 2.5rem; border-radius: 36px;}
#knowledge .g-hl {margin: 30px 0 60px;}
#knowledge .g-hl img {margin: 0 auto 20px;}
#knowledge .g-hl span {font-size: 2.15rem;}
#knowledge.meritdemerit .g-hl img {width: 63px;}
#knowledge.risk .g-hl img {width: 75px;}
#knowledge .note-01 {padding: 1.7rem .5rem;}
#knowledge .note-02 {margin: 2rem 0 4rem; padding: 1.5rem 2rem; border-radius: 26px;}
#knowledge .link-btn {font-size: 1.275rem; margin: 0 1rem; padding: 10px 40px 10px 25px; border-radius: 14px;}
#knowledge .link-btn:after {right: 13px; border-width: 10px 0 10px 15px;} #knowledge.rate .kinri-explan {margin: 56px 40px; padding: 22px 44px 32px;}
#knowledge.rate .kinri-explan h3 {left: -62px; display: flex; align-items: center; margin: 0 0 25px;}
#knowledge.rate .kinri-explan h3 span {white-space: nowrap;}
#knowledge.rate .kinri-explan h3 span.label {font-size: 1.3rem; padding: 3px 20px;}
#knowledge.rate .kinri-explan h3 span.main {font-size: 1.25rem; margin-left: 32px;}
#knowledge.rate .kinri-explan dl {display: flex;}
#knowledge.rate .loan-explan {margin: 56px 40px; padding-left: 30px; border-left: 12px solid #b4b2b2;}
#knowledge.rate .loan-explan h3 {font-size: 1.6rem;}
#knowledge.rate .loan-explan .becomes {margin: 28px 4.5rem 28px 3.5rem;}
#knowledge.rate .loan-explan .becomes dl {display: flex; justify-content: space-between; font-size: 1.45rem;}
#knowledge.select .sp-big {font-size: 4.25rem;}
#knowledge.meritdemerit .reference {width: 535px; margin: auto 0 0 auto; padding-left: 2.5rem; text-indent: -2.5rem;}
#knowledge.risk .example dt {padding: 4px 24px;}
#knowledge.risk .not-collateral {margin: 2rem 0;}
#knowledge.risk .not-collateral dt {width: 338px; font-size: 1.3rem; margin-bottom: 16px;}
#knowledge.risk .not-collateral dd {color: #595757; line-height: 1.85; margin-left: 15px; padding: 2px 15px 2px 30px;}
#knowledge.example .utilize {font-size: 1.35rem; margin-bottom: -2.9rem;}
#knowledge.example .example-case {align-items: flex-end; margin: 2.5rem 0;}
#knowledge.example .example-case ul {font-size: 1.3rem; margin: 0 0 -.25rem 45px;}
#knowledge.example .example-case.case01 img {width: 200px;}
#knowledge.example .example-case.case02 img {width: 189px;}
#knowledge.example .example-case.case03 img {width: 195px;}
#knowledge.example section {margin-bottom: 8rem;}
#knowledge.qanda .notice {align-items: center; margin-top: 22px;}
#knowledge.qanda .notice p {margin: 0 0 0 40px;}
#knowledge.qanda .qanda {margin: 3rem 0;}
#knowledge.qanda .qanda dt,
#knowledge.qanda .qanda dd {min-height: 49px; padding-left: 92px;}
#knowledge.qanda .qanda dt:before,
#knowledge.qanda .qanda dd:before {width: 56px; height: 49px; background-size: 56px 49px;}
#knowledge.qanda .qanda dt {font-size: 1.575rem; margin-bottom: 16px;}
#knowledge.qanda .qanda dd {font-size: 1.025rem; line-height: 1.38;}
#knowledge.qanda section {margin-bottom: 7.5rem;}
#knowledge.matome .becomes-list dl {display: flex; justify-content: space-between; margin-bottom: 7px;}
#knowledge.matome .becomes-list dl * {font-size: 1.5rem;}
#knowledge.matome .becomes-list dl dd {width: 325px;}
@media screen and (max-width: 1440px) {
#knowledge .inner {padding: 36px 46px;}
#knowledge h1 img,
#knowledge h1 svg {width: 22px; height: 22px; margin: 0 18px;}
#knowledge h1 span {font-size: 2rem;}
#knowledge h2.g-h2 {font-size: 1.9rem; padding: 12px 20px 12px 26px;}
#knowledge.rate .kinri-explan {margin: 48px 24px; padding: 20px 32px 30px;}
#knowledge.rate .kinri-explan h3 {left: -56px; margin: 0 0 20px;}
#knowledge.rate .kinri-explan h3 span.label {font-size: 1.25rem; padding: 3px 18px;}
#knowledge.rate .kinri-explan h3 span.main {font-size: 1.2rem; margin-left: 24px;}
#knowledge.rate .kinri-explan dl dt {width: 130px;}
#knowledge.rate .loan-explan {margin: 48px 36px; padding-left: 25px;}
#knowledge.rate .loan-explan h3 {font-size: 1.55rem;}
#knowledge.rate .loan-explan .becomes {margin: 24px 3.5rem 24px 2.5rem;}
#knowledge.rate .loan-explan .becomes dl {font-size: 1.35rem;}
#knowledge.meritdemerit .reference {width: 385px;}
#knowledge.matome .becomes-list dl * {font-size: 1.4rem;}
#knowledge.matome .becomes-list dl dd {width: 220px;}
} #list {margin-bottom: 36px; padding: 0 14px 14px; border-radius: 16px;}
#list .inner {padding: 40px 52px; border-radius: 12px;}
#list .disc {padding: 16px 0 16px 54px;}
#list .disc span.big {font-size: 1.325rem; line-height: 1.4;}
#list .disc span.small {font-size: .8rem; line-height: 2;}
#list .about .headline {justify-content: space-between; margin-bottom: 30px;}
#list .about .headline h1 {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; min-width: 785px;}
#list .about .headline h1.row {justify-content: space-between; align-items: flex-end; flex-direction: row;}
#list .about .headline h1 span.big {font-size: 2.45rem; text-align: right;}
#list .about .headline h1 span.small {font-size: 1.075rem; margin-top: 12px;}
#list .about .headline .link a {width: 88px; font-size: 1.2rem; padding: 2px 48px 2px 22px; border: 2px solid; border-radius: 8px;}
#list .about .headline .link a:after {right: 20px; border-width: 9px 0 9px 18px;}
#list .about .valu {padding: 4px 25px;}
#list .about .valu div {margin: 0 36px 0 auto;}
#list .about .valu div:first-child {margin-right: 68px;}
#list .about .state dl {display: flex; font-size: .9125rem;} #list .main section {margin-bottom: 3rem;}
#list .main p,
#list .main ul {margin-bottom: 1.5rem;}
#list .main .summary {margin: 2.5rem 0 4rem;} #list .main .chara {display: flex; align-items: center;} #list .main .attention {margin: 3.5rem 0; border-radius: 14px;}
#list .main .attention h2 {font-size: 1.3rem; padding: 8px 25px; border-radius: 14px 14px 0 0;}
#list .main .attention .inner {padding: 30px 32px 35px;}
#list .main .attention p {font-size: 1.1rem;}
#list .main .attention h3 {font-size: 1.45rem; margin: 2.125rem 0 .8rem; padding: 0 5px 2px;}
#list .main .attention h3 span {font-size: 1rem; margin-left: 18px;}
#list .main .attention h3:after {width: 416px;}
#list .main .attention .access {display: flex; justify-content: flex-end; align-items: flex-start; margin-left: auto;}
#list .main .attention .access dt {width: 240px; text-align: center; margin-right: 30px;}
#list .main .attention .access dd {width: 490px;}
#list .main .attention .access.tel {margin-bottom: 28px;}
#list .main .attention .access.tel dt {margin-top: .6rem;}
#list .main .attention .access.tel a {font-size: 3.1rem;}
#list .main .attention .access.tel a img {width: 79px; margin-right: 20px;}
#list .main .attention .access.tel span {font-size: 1.15rem;}
#list .main .attention .access.web dt {margin-top: .35rem;}
#list .main .attention .access.web a {font-size: 1.4rem; padding: 9px 60px 9px 24px;}
#list .main .attention .access.web a:after {right: 26px; border-width: 12px 0 12px 22px;}
#list .main .attention .access.web span {margin-top: 12px;} #list .main .table-box {margin: 2.5rem 0;}
#list .main .table-box .headline {align-items: center; margin: 0 0 -10px;}
#list .main .table-box h2 {min-width: 390px; font-size: 1.675rem; padding: 10px 36px; border-radius: 10px 10px 0 0;}
#list .main .table-box .sub {font-size: .95rem; line-height: 1.5; margin: 0 20px 10px;}
#list .main .table-box .box {padding: 10px; border-radius: 0 10px 10px 10px;}
#list .main .table-box .inner {justify-content: space-between; padding: 25px 30px;}
#list .main .table-box .table dl {margin-bottom: 12px;}
#list .main .table-box .table dt,
#list .main .table-box .table dd {display: inline-block; font-size: .95rem; line-height: 1.45;}
#list .main .table-box .table dt {min-width: 197px; padding: 4px 14px;}
#list .main .table-box .table dd {padding: 4px 0 4px 20px;}
#list .main .table-box .table dd small {font-size: .775rem;  margin: auto 0 auto 1rem; text-indent: -.8rem; padding-left: .8rem;}
#list .main .table-box .notice {min-width: 266px; max-width: 266px; margin-left: 30px; padding-left: 30px; border-left: 2px dotted #595757;} #list .main dl.notice {margin: 2.5rem 0 0;}
#list .main .table-scroll {margin: 2rem 0 3rem;}
@media screen and (max-width: 1440px) {
#list .inner {padding: 36px 46px;}
#list .disc {padding: 16px 46px;}
#list .disc span.small {font-size: .8rem; line-height: 1.4; margin-top: 4px;} #list .about .headline h1 {display: block; min-width: auto;}
#list .about .headline h1 span.big {text-align: left; margin-right: 30px;}
#list .about .headline h1.row span.small br {display: none;}
#list .about .valu {padding: 4px 20px;}
#list .about .valu div {margin: 0 20px 0 auto;}
#list .about .valu div:first-child {margin-right: 54px;}
#list .about .state {display: block;} #list .main .attention .access dd {width: 480px;} #list .main .table-box h2 {min-width: 375px; font-size: 1.6rem; padding: 10px 28px;}
#list .main .table-box .sub br {display: none;}
#list .main .table-box .inner {display: block; padding: 20px 25px;}
#list .main .table-box .table dl {display: flex; align-items: flex-start;}
#list .main .table-box .table dt {min-width: 170px;}
#list .main .table-box .notice {min-width: 100%; max-width: 100%; margin: 20px 0 0; padding: 15px 0 0; border-top: 2px dotted #595757; border-left: none;} #list .main table.compari thead th {width: 21%;}
#list .main table.compari thead td {width: 33%;}
}