@charset "UTF-8";
/* Exact approved photographs, cropped in layout without altering the original */
.hlr-start .hlr-photo-paths .hlr-path-photo{position:relative;aspect-ratio:862/310}
.hlr-start .hlr-photo-paths .hlr-path-photo img{position:absolute;left:0;top:0;width:100%;height:auto!important;max-width:none;object-fit:unset;transform:translateY(-23.56164%)!important;transition:none}
.hlr-start .hlr-photo-paths .hlr-path-help .hlr-path-photo{aspect-ratio:862/310}
.hlr-start .hlr-photo-paths .hlr-path-help .hlr-path-photo img{transform:translateY(-61.69863%)!important}

.hlr-paths.hlr-photo-paths{border:0;background:none;gap:24px}
.hlr-start .hlr-photo-paths .hlr-path::before{display:none}
.hlr-start .hlr-photo-paths .hlr-path-label{color:#806535}
.hlr-start .hlr-photo-paths .hlr-path h3{color:#142d49;font-size:27px;line-height:1.6}
.hlr-start .hlr-photo-paths .hlr-path p{color:#596575}
.hlr-start .hlr-photo-paths .hlr-path-action{background:#142f47;border:0;padding:13px 16px}
.hlr-start .hlr-photo-paths .hlr-path-action>span{border:0;color:#d4b878;width:26px;height:26px}
@media(max-width:700px){.hlr-start .hlr-photo-paths .hlr-path h3{font-size:24px}}

.hlr-photo-paths .hlr-path{padding:0!important;min-height:0;background:#fff!important;border:1px solid #d9d9d0;overflow:hidden}
.hlr-photo-paths .hlr-path::before{display:none}
.hlr-path-photo{width:100%;aspect-ratio:2.15;overflow:hidden;background:#e7e5de}
.hlr-path-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.hlr-path:hover .hlr-path-photo img{transform:scale(1.025)}
.hlr-path-copy{padding:26px 28px;display:flex;flex-direction:column;flex:1}
.hlr-photo-paths .hlr-path-label{color:#806535}
.hlr-photo-paths .hlr-path h3{color:#142d49;font-size:27px;line-height:1.6}
.hlr-photo-paths .hlr-path p{color:#596575}
.hlr-photo-paths .hlr-path-action{background:#142f47;color:#fff!important;border:0;padding:13px 16px;gap:12px;font-size:14px}
.hlr-photo-paths .hlr-path-action>span{border:0;color:#d4b878!important;width:26px;height:26px}
.hlr-photo-credit{display:block;text-align:right;font-size:10px;color:#66717c;max-width:1080px;margin:0 auto}
.hlr-route-guide{background:#f8f7f2;border-top:2px solid #ac8c4d;padding:22px 24px;margin:0 0 28px}
.hlr-route-guide h2{font-size:20px!important;background:none!important;padding:0!important;margin:0 0 10px!important;border:0!important;color:#142d49}
.hlr-route-guide p{font-size:14px;line-height:1.8}
.hlr-route-guide ol{padding-left:22px;margin-bottom:0}
.hlr-route-guide li{padding:10px 0;border-top:1px solid #ddd9ce;font-size:15px;line-height:1.6}
.hlr-route-guide a{color:#163c5d;text-underline-offset:4px}
@media(max-width:700px){
.hlr-paths.hlr-photo-paths{gap:22px}
.hlr-path-copy{padding:22px}
.hlr-photo-paths .hlr-path h3{font-size:24px}
.hlr-path-photo{aspect-ratio:2.2}
.hlr-photo-paths .hlr-path-action{font-size:13px}
.hlr-route-guide{padding:18px}
}
@media(prefers-reduced-motion:reduce){.hlr-path-photo img{transition:none;transform:none!important}}


/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* HLR editorial refresh — 2026-10-27 */
.hlr-topic-nav{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin:24px auto 0;max-width:640px;border-top:1px solid #ffffff26;padding-top:16px}
.hlr-topic-nav a{color:#f7f4ec;font-size:14px;text-decoration:none;padding:10px 22px;min-height:44px}
.hlr-topic-nav a:hover{color:#e5cc91;background:#ffffff0a}
.hlr-start{padding:40px 24px 0;box-sizing:border-box}
.hlr-start-intro{text-align:center;margin-bottom:26px}
.hlr-eyebrow{color:#89672b;font-size:12px;font-weight:700;letter-spacing:.15em}
.hlr-start-intro h2{background:none;border:0;color:#142d49;font-size:30px;line-height:1.6;padding:0;margin:10px 0}
.hlr-start-intro p{font-size:15px;line-height:1.9;color:#5d6b7b;margin:12px 0}
.hlr-mobile-break{display:none}
.hlr-paths{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1080px;margin:auto;border:1px solid #c8c3b5;background:#faf8f3}
.hlr-start{padding-top:34px}
.hlr-start-intro{max-width:1080px;margin:0 auto 26px;text-align:left;display:grid;grid-template-columns:1.2fr 1fr;column-gap:32px;align-items:end}
.hlr-start-intro .hlr-eyebrow{grid-column:1/-1;letter-spacing:.12em;font-size:11px}
.hlr-start-intro h2{font-size:27px;line-height:1.55;margin:10px 0 0}
.hlr-start-intro p{font-size:14px;margin:0;line-height:1.9}
.hlr-paths .hlr-path{position:relative;display:flex;flex-direction:column;min-width:0;min-height:310px;padding:30px 34px 28px;border:0;border-radius:0;background:#122f47;color:#fff;box-shadow:none;overflow:hidden;transition:background .2s}
.hlr-paths .hlr-path::before{content:"COMPARE & CHOOSE";display:block;font:11px Georgia,serif;letter-spacing:.18em;color:#cfb77e;margin-bottom:16px}
.hlr-paths .hlr-path-label{font-size:12px;letter-spacing:.06em;color:#d0dce4}
.hlr-paths .hlr-path h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:29px;font-weight:600;line-height:1.65;letter-spacing:.02em;color:#fff;margin:14px 0 12px}
.hlr-paths .hlr-path p{font-size:14px;line-height:1.85;color:#d0dce4;margin:0 0 24px;max-width:36em}
.hlr-paths .hlr-path-action{margin-top:auto;align-items:center;border-top:1px solid #ffffff30;padding-top:18px;font-size:14px;color:#fff}
.hlr-paths .hlr-path-action>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid #cbb47b;border-radius:50%;font-size:19px;color:#d9c38b}
.hlr-paths .hlr-path-help{background:#faf8f3;color:#18324c}
.hlr-paths .hlr-path-help::before{content:"REPAYMENT & LIVING";color:#8a6d36}
.hlr-paths .hlr-path-help .hlr-path-label{color:#66717b}
.hlr-paths .hlr-path-help h3{color:#18324c}
.hlr-paths .hlr-path-help p{color:#596575}
.hlr-paths .hlr-path-help .hlr-path-action{color:#18324c;border-color:#d9d3c6}
.hlr-paths .hlr-path-help .hlr-path-action>span{color:#18324c}
.hlr-paths .hlr-path:hover{background:#193c55;box-shadow:none}
.hlr-paths .hlr-path-help:hover{background:#f1ede3}
.hlr-trust{max-width:1080px;margin:0 auto;justify-content:flex-end;font-size:11px;padding:16px 0 10px}
@media(max-width:700px){
.hlr-start-intro{display:block;margin-bottom:22px}
.hlr-start-intro h2{font-size:24px;line-height:1.6;margin:9px 0 12px}
.hlr-start-intro p{font-size:13px}
.hlr-paths{grid-template-columns:1fr;gap:0}
.hlr-paths .hlr-path{min-height:0;padding:24px}
.hlr-paths .hlr-path::before{font-size:10px;margin-bottom:12px}
.hlr-paths .hlr-path h3{font-size:25px;line-height:1.6;margin:10px 0 12px}
.hlr-paths .hlr-path h3 br{display:none}
.hlr-paths .hlr-path p{font-size:13px;margin-bottom:20px}
.hlr-paths .hlr-path-action{font-size:13px;padding-top:14px}
.hlr-trust{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.hlr-paths .hlr-path{transition:none}}
.hlr-path{display:block;padding:28px 30px;background:#fff;border:1px solid #d5dee8;border-top:4px solid #244660;border-radius:10px;text-decoration:none;color:#18324c;box-shadow:0 4px 16px #162d4610}
.hlr-path-help{border-top-color:#b79a58;background:#fffdf8}
.hlr-path-label{font-size:12px;letter-spacing:.12em;color:#67788a}
.hlr-path h3{font-size:25px;line-height:1.5;background:none;border:0;margin:10px 0;padding:0;color:#18324c}
.hlr-path p{font-size:15px;line-height:1.8;margin:10px 0 20px}
.hlr-path-action{display:flex;justify-content:space-between;font-size:15px;font-weight:700;border-top:1px solid #dfe4e9;padding-top:16px}
.hlr-path:hover{border-color:#b79a58;box-shadow:0 7px 20px #162d461a}
.hlr-trust{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:22px 0;font-size:12px;color:#697786}
.hlr-trust a{color:#354b61;text-underline-offset:4px}
@media(max-width:600px){
.hlr-topic-nav{margin-top:16px;padding-top:8px;flex-wrap:nowrap}
.hlr-topic-nav a{padding:10px 8px;font-size:12px;flex:1;white-space:nowrap}
.hlr-start{padding:26px 16px 0}
.hlr-start-intro{text-align:left;margin-bottom:20px}
.hlr-start-intro h2{font-size:24px;line-height:1.6}
.hlr-mobile-break{display:block}
.hlr-start-intro p{font-size:14px}
.hlr-paths{grid-template-columns:1fr;gap:14px}
.hlr-path{padding:20px 22px}
.hlr-path h3{font-size:22px}
.hlr-path h3 br{display:none}
.hlr-path p{font-size:14px;margin-bottom:14px}
.hlr-trust{justify-content:flex-start;gap:12px}
.hlr-trust>span{width:100%}
}

body{background:#f1f3f6;color:#223044}
#header-container{background:#102c46;border-bottom:3px solid #b79a58}
#header-container #header{background:transparent}
#header-container #header-in{min-height:0;padding:34px 24px 30px;text-align:center}
#header-container .logo-header{margin:0;padding:0;line-height:1.5}
#header-container .site-name-text-link{display:block;padding:0;color:#fff}
#header-container .site-name-text{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(22px,3vw,34px);font-weight:700;letter-spacing:.06em}
#header-container .logo-header:before{content:"HOUSING LOAN RESEARCH";display:block;color:#d8c18b;font-family:Georgia,serif;font-size:11px;letter-spacing:.25em;margin-bottom:12px}
#header-container .logo-header:after{content:"金利・借り換え・返済の悩みを、わかりやすく。";display:block;color:#d4dde7;font-size:13px;font-weight:400;letter-spacing:.06em;margin-top:14px;line-height:1.7}
#header-container .tagline:empty,#navi-in:empty{display:none}
#content{margin-top:24px}
.archive #main,.home #main{background:transparent;padding:24px}
.hlr-list-heading{padding:0 0 20px;margin:0 0 24px;border-bottom:1px solid #cdd5df}
.hlr-list-heading .hlr-eyebrow{display:block;color:#8b6b2d;font-size:11px;font-weight:700;letter-spacing:.18em;margin-bottom:8px}
.hlr-list-heading #archive-title{background:none;border:0;padding:0;margin:0;font-size:26px;line-height:1.5;color:#142d49}
.hlr-list-heading p{font-size:14px;color:#596879;line-height:1.8;margin:8px 0 0}
.archive .entry-card-wrap,.home .entry-card-wrap{background:#fff;border:1px solid #e0e5eb;border-radius:10px;box-shadow:0 3px 12px rgba(16,44,70,.04);padding:16px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s}
.archive .entry-card-wrap:hover,.home .entry-card-wrap:hover{background:#fff;border-color:#b79a58;box-shadow:0 5px 16px rgba(16,44,70,.09)}
.archive .entry-card-thumb img,.home .entry-card-thumb img{border-radius:5px}
.archive .entry-card-title,.home .entry-card-title{color:#18324c;line-height:1.65;font-weight:700}
.archive .entry-card-snippet,.home .entry-card-snippet{color:#637182}
.archive .entry-card-meta,.home .entry-card-meta{color:#6b7888;font-size:12px}
.mobile-footer-menu-buttons{border-top:1px solid #d7c59d;box-shadow:0 -3px 15px rgba(16,44,70,.06)}
.mobile-footer-menu-buttons .menu-button{color:#18324c}
a:focus-visible{outline:2px solid #a87e31;outline-offset:3px}
@media(max-width:834px){
 #header-container #header-in{padding:26px 20px 24px}
 #header-container .site-name-text{font-size:23px;line-height:1.65;letter-spacing:.035em}
 #header-container .logo-header:before{font-size:10px;margin-bottom:10px}
 #header-container .logo-header:after{font-size:12px;margin-top:10px}
 #content{margin-top:12px}
 .archive #main,.home #main{padding:20px 14px}
 .hlr-list-heading{margin-bottom:18px;padding-bottom:16px}
 .hlr-list-heading #archive-title{font-size:24px}
 .archive .entry-card-wrap,.home .entry-card-wrap{padding:12px;margin-bottom:12px}
 .archive .entry-card-title,.home .entry-card-title{font-size:16px;line-height:1.55}
}
@media(prefers-reduced-motion:reduce){.entry-card-wrap{transition:none!important}}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}