@charset "utf-8";

.hpb-js-hidden { display:none; }
.serif { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", serif; }
.container { padding-left: 16px; padding-right: 16px; position: relative; max-width: 1400px; margin-left:auto; margin-right:auto; }

.c-row{ display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; }
.c-row [class*="c-col-"] { width: 100%; padding: 16px; margin-bottom: 0; box-sizing: border-box; }
.c-row [class*="c-col-"] img { max-width: 100%; height: auto; }

@media (min-width: 768px){ 
	.c-row * { box-sizing: border-box; }
	.c-row .c-col-1 { width: 8.33%; }
	.c-row .c-col-2 { width: 16.66%; }
	.c-row .c-col-3 { width: 25%; }
	.c-row .c-col-4 { width: 33.33%; }
	.c-row .c-col-5 { width: 41.66%; }
	.c-row .c-col-6 { width: 50%; }
	.c-row .c-col-7 { width: 58.33%; }
	.c-row .c-col-8 { width: 66.66%; }
	.c-row .c-col-9 { width: 75%; }
	.c-row .c-col-10 { width: 83.33%; }
	.c-row .c-col-11 { width: 91.66%; }
	.c-row .c-col-12 { width: 100%; } 
}

/* ヘッダー */
.l-main { padding-top:72px; }

.header { background:#fff; border-bottom:1px solid #f6f6f6; height:72px; }
.header ul { list-style:none; }
.header a:hover { text-decoration:none; }
.header .container { display:flex; align-items:center; height:72px; padding:0 0 0 12px; max-width:100%; }
.header .logo img { width:154px; }
.header .code { font-size:10px; margin-top:4px; }
.header .pc-nav { display:none; }

@media (min-width: 1200px){
	.l-main { padding-top:110px; }

	.header { height:110px; }
	.header.is-pc-fixed { position: fixed; top: 0; }
	.header .container{ justify-content: space-between; height:110px; }
	.header .logo img { width:220px; }
	.header .code { font-size:12px; margin-top:6px;  }
	.header .pc-nav { display:block; }
	.header .pc-nav .upper-menu { height:54px; padding:8px 32px 8px 0 ; }
	.header .pc-nav .upper-menu ul { font-size: 14px; display: flex; align-items: center; justify-content: flex-end; height:36px; }
	.header .pc-nav .upper-menu li { display:flex; margin-left:24px; position:relative; }
	.header .pc-nav .upper-menu li.add-line { margin-right:24px; }
	.header .pc-nav .upper-menu li.add-line:after { content:""; background-color: #c2d4e2; display:inline-block; width: 2px; height: 60%; position:absolute; top:50%; right:-24px; transform:translateY(-50%); }
	.header .pc-nav .upper-menu a { color:#0068b7; text-decoration:none; display:flex; align-items:center; }
	.header .pc-nav .upper-menu .icon-info { background:url("cmn/imgs/icon_information.svg") no-repeat center center; display:inline-block; width:24px; height:24px; margin-right:4px; }
	.header .pc-nav .upper-menu .icon-faq { background:url("cmn/imgs/icon_faq.svg") no-repeat center center; display:inline-block; width:24px; height:24px; margin-right:4px; }
	.header .pc-nav .upper-menu .icon-spot { background:url("cmn/imgs/icon_spot.svg") no-repeat center center; display:inline-block; width:24px; height:24px; margin-right:4px; }
}

@media (min-width: 1440px){ 
	.header .container{ padding-left:56px; }
}

/* ヘッダー > Google検索ボックス */
.google-custom-search-box { margin-bottom:16px; }
.google-custom-search-box .gsc-control { margin:0 auto; }
.google-custom-search-box form.gsc-search-box { margin:0 !important; }
.google-custom-search-box table.gsc-search-box { margin:0 !important; }
.google-custom-search-box table.gsc-search-box td { padding-left:4px; }
.google-custom-search-box td.gsc-input { padding-left:0; padding-right:0; }
.google-custom-search-box .gsc-input-box { border:2px solid #c2d4e2; border-radius:0; padding:0; height:36px; }
.google-custom-search-box .gsib_a { padding:4px 8px; }
.google-custom-search-box input.gsc-input { font-size:16px; font-weight:400; }
.google-custom-search-box input.gsc-input:focus-visible { border:0; outline:none; }
.google-custom-search-box td.gsc-clear-button { display:none; }
.google-custom-search-box .gsc-search-button-v2 { border-width:2px; border-radius:0; cursor:pointer; padding:10px 16px; height:36px; }

.sp-main-menu .google-custom-search-box .gsc-control { margin:0 auto 16px; }
.sp-main-menu #___gcse_0 { display:none; }

@media (min-width:1200px){
	.google-custom-search-box { margin:0; min-width:300px; }
}

/* モバイルメニュー */
.spnav ul { list-style:none; padding-left:0; }

/* モバイルメニュー > ボタン */
.spnav-menu-btn{ appearance: none; background-color: transparent; border:0; cursor: pointer; margin:0; padding:0; width:44px; height:44px; position:absolute; right:8px; top:8px; z-index:1000; }
.spnav-menu-btn .spnav-menu-btn-inner { border-radius:4px; display:block; width:44px; height:44px; position:relative; }

.spnav-menu-btn-main .spnav-menu-btn-inner { background:#0068b7; padding:14px 12px 12px; }
.spnav-menu-btn-main .spnav-menu-btn-name { color:#0068b7; font-size:10px; font-weight:bold; white-space:nowrap; display:inline-block; position:absolute; bottom:-16px; left:50%; transform:translateX(-50%); }
.spnav-menu-btn-main .menu-trigger,
.spnav-menu-btn-main .menu-trigger span { box-sizing: border-box; display: inline-block; transition: all .4s; }
.spnav-menu-btn-main .menu-trigger { position: relative; width: 100%; height: 24px; }
.spnav-menu-btn-main .menu-trigger span { background-color:#fff; border-radius: 4px; position: absolute; left: 0; width: 100%; height: 2px; }
.spnav-menu-btn-main .menu-trigger span:nth-of-type(1) { top: 0; }
.spnav-menu-btn-main .menu-trigger span:nth-of-type(2) { top: 6px; }
.spnav-menu-btn-main .menu-trigger span:nth-of-type(3) { top: 12px; }
.spnav-menu-btn-main.active .menu-trigger span:nth-of-type(1) { transform: translateY(10px) rotate(-45deg); top:-2px; }
.spnav-menu-btn-main.active .menu-trigger span:nth-of-type(2) { transform: translateY(0px) rotate(45deg); top: 8px; }
.spnav-menu-btn-main.active .menu-trigger span:nth-of-type(3) { background-color:rgba(255, 255, 255, 0); }

.spmenu-tenpo { position:absolute; top:8px; right:62px; }
.spmenu-tenpo a { background:#0068b7; border-radius:4px; display:block; width:44px; height:44px; }
.spmenu-tenpo .spnav-menu-btn-name { color:#0068b7; font-size:10px; font-weight:bold; white-space:nowrap; display:inline-block; position:absolute; bottom:-16px; left:50%; transform:translateX(-50%); }
.spmenu-tenpo { display:block; }
.spmenu-tenpo .icon-spot { background:url("cmn/imgs/icon_spot-white.svg") no-repeat center center; content:""; display:inline-block; width:44px; height:44px; }

.spnav-menu-btn-login { right:116px; }
.spnav-menu-btn-login .spnav-menu-btn-inner { background:#c9971a; }
.spnav-menu-btn-login .spnav-menu-btn-inner:before { background:url("cmn/imgs/icon_key.svg") no-repeat center center; content:""; display:inline-block; width:44px; height:44px; }
.spnav-menu-btn-login .spnav-menu-btn-name { color:#c9971a; font-size:10px; font-weight:bold; white-space:nowrap; display:inline-block; position:absolute; bottom:-16px; left:50%; transform:translateX(-50%); }

.spnav-menu-btn-main.active:before,
.spnav-menu-btn-login.active:before { background-color:#c8e9fb; content:""; clip-path:polygon(50% 0, 0 100%, 100% 100%); position:absolute; top:64px; left:50%; width:14px; height:7px; transform:translateX(-50%) translateY(-100%); }

@media (min-width: 1200px){ 
	.spnav-menu-btn-login,
	.spmenu-tenpo,
	.spnav-menu-btn-main { display:none; }
}

/* モバイルメニュー > メインメニュー */
.sp-main-menu { margin-left:auto; margin-right:0; max-width:480px; padding:0; }
.sp-main-menu.show-menu { background:#c8e9fb; }
.sp-main-menu .spnav-container { padding:24px 0; }
.sp-main-menu .spnav-container .sp-gnav { margin-bottom:24px;}
.sp-main-menu div.nav a { color:#222; font-size:16px; line-height:1; border-bottom:2px solid #fff; padding:20px; }

.sp-main-menu .nav-list-item { border-bottom:2px solid #fff; }
.sp-main-menu .nav-list-item h3 { font-size:16px; margin-bottom:16px; }
.sp-main-menu .nav-list-item-link { font-size:20px; font-weight:bold; display:block; position:relative; padding:16px; }
.sp-main-menu .nav-list-item-aboutus .nav-list-item-link:after,
.sp-main-menu .nav-list-item-recruit .nav-list-item-link:after { border-top: 2px solid #242424; border-right: 2px solid #242424; content: ""; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; transform: translateY(-50%) rotate(45deg); }

@media (min-width:1200px){
	.sp-main-menu { display:none; }
}

/* モバイルメニュー > メインメニュー > トグル展開アイコン */
.sp-main-menu .js-acordion { position:relative; cursor:pointer; }
.sp-main-menu .js-acordion:before, 
.sp-main-menu .js-acordion:after { background-color: #000; content: ""; position: absolute; top: 50%; right: 16px; width: 14px; height: 2px; transition: transform .5s; }
.sp-main-menu .js-acordion:after { transform: rotate(90deg); }
.sp-main-menu .js-acordion.is-open:before { transform: rotate(180deg); }
.sp-main-menu .js-acordion.is-open:after { transform: rotate(-180deg); }
.sp-main-menu .js-acordion-target { display: none; padding:0 16px 16px 16px;  }

/* モバイルメニュー > メインメニュー > リンクアイコン */
.sp-main-menu .has-arrow-icon a { padding-left: 16px; position: relative; }
.sp-main-menu .has-arrow-icon a:before { border-top:1px solid #0068b7; border-right:1px solid #0068b7; content: ""; position: absolute; top: .7em; left: 0; width: 6px; height: 6px; transform: rotate(45deg); }
.sp-main-menu .has-arrow-icon a:hover { text-decoration: none; }
.sp-main-menu .nav-list-item-business .has-arrow-icon a:before { border-top-color: #eb6d0d; border-right-color: #eb6d0d; }

/* モバイルメニュー > メインメニュー > 各トップページリンク */
.sp-main-menu .top-link { color:#0068b7; font-size:18px; font-weight:700; display:inline-block; margin-bottom:8px; padding-left:24px; position: relative; }
.sp-main-menu .top-link:before { content: ""; border-top: 2px solid #0068b7; border-right: 2px solid #0068b7; position: absolute; top: .7em; left: 0; width: 8px; height: 8px; transform: rotate(45deg); }
.sp-main-menu .nav-list-item-business .top-link { color:#eb6d0d; }
.sp-main-menu .nav-list-item-business .top-link:before  { border-color:#eb6d0d; }

/* モバイルメニュー > メインメニュー > 上部リンクボタン */
.sp-main-menu .header-link { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 8px; margin-bottom:8px; }
.sp-main-menu .header-link a { font-size:16px; text-align:center; background:#fff; border-radius:4px; box-shadow: 0 0px 8px 0px rgb(87 87 87 / 15%); display:grid; align-items:center; padding:8px 8px; }
.sp-main-menu .ib-link { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 8px; margin-bottom:16px; }
.sp-main-menu .ib-link .login { color:#fff; font-size:16px; text-align:center; line-height:1.2; background: #c41521; border-radius:6px; display:block; transition: opacity .5s; padding:12px 6px 12px 24px; position:relative; width:100%; }
.sp-main-menu .ib-link .login .icon-key { background:url("cmn/imgs/icon_key.svg") no-repeat center center; display:inline-block; width:16px; height:21px;  position:absolute; top:50%; transform:translateY(-50%); left:6%; }
.sp-main-menu .ib-link .signup { color:#c41521; font-size:16px; text-align:center; line-height:1.2; background: #fff; border:1px solid #c41521; border-radius:6px; display:block; transition: opacity .5s; padding:8px 6px; position:relative; width:100%; }

.sp-main-menu .nav-list-item-business .ib-link { margin-bottom:8px; }
.sp-main-menu .nav-list-item-business .ib-link .login { background:#eb6d0d }
.sp-main-menu .nav-list-item-business .ib-link .signup { color:#eb6d0d; border:1px solid #eb6d0d; }
.sp-main-menu .nav-list-item-business .big-advance { margin-bottom:16px; }
.sp-main-menu .nav-list-item-business .big-advance a { color:#fff; font-size:16px; text-align:center; line-height:1.2; background: #eb6d0d; border-radius:6px; display:block; transition: opacity .5s; padding:12px 6px 12px 24px; position:relative; width:100%; }
.sp-main-menu .nav-list-item-business .big-advance .icon-key { background:url("cmn/imgs/icon_key.svg") no-repeat center center; display:inline-block; width:16px; height:21px;  position:absolute; top:50%; transform:translateY(-50%); left:6%; }

@media (min-width: 768px){ 
	.sp-main-menu .ib-link .login .icon-key { left:16px; }
}

/* モバイルメニュー > メインメニュー > 個人、法人・事業主 > サービスから探す */
.sp-main-menu .service-list .has-submenu { box-shadow: 0 0px 8px 0px rgb(87 87 87 / 15%); margin-bottom:8px; }
.sp-main-menu .service-list .submenu-title { cursor:pointer; font-weight:700; background:#fff; border-radius:6px; display:block; opacity:1; padding:8px 16px; }
.sp-main-menu .service-list .js-acordion.is-open { border-radius:6px 6px 0 0; }
.sp-main-menu .service-list .submenu { background:#fff; border-top:1px solid #c2d4e2; border-radius: 0 0 8px 8px; padding-top:16px;}
.sp-main-menu .service-list .submenu li { margin-bottom:8px; }
.sp-main-menu .service-list .submenu a { font-size:14px; }

.sp-main-menu .service-list .button-link a { color:#fff; font-size:16px !important; font-weight:700; text-align:center; background:#0068b7;  border-radius:24px; display:block; padding:8px 48px 8px 16px; position:relative; }
.sp-main-menu .service-list .button-link a:before { display:none; }
.sp-main-menu .service-list .button-link a:after { background-image: url("cmn/imgs/icon_arrow-whiteblue.svg"); background-size: contain; content: ""; position: absolute; top: 50%; right: 9px; width: 30px; height: 30px; transform: translateY(-50%); }
.sp-main-menu .nav-list-item-business .button-link a{ background:#eb6d0d; }
.sp-main-menu .nav-list-item-business .button-link a:after { background-image: url("cmn/imgs/icon_arrow-whiteorange-xs.svg") }

/* モバイルメニュー > メインメニュー > 個人のお客さま > ライフイベントから探す */
.sp-main-menu .life-event .submenu-title { cursor:pointer; font-weight:700; display:block; opacity:1; padding:8px 16px; }
.sp-main-menu .life-event .submenu { background:#fff; border-radius:8px; margin-bottom:16px; padding-top:16px; }
.sp-main-menu .life-event .submenu li { margin-bottom:8px; }
.sp-main-menu .life-event .submenu a { font-size:14px; }

/* モバイルメニュー > メインメニュー > 個人のお客さま > その他  */
.sp-main-menu .other { border-top: 1px solid #fff; margin-top:8px; padding:16px 8px; } 
.sp-main-menu .other li { margin-bottom:8px; }
.sp-main-menu .other a { font-size:14px; }
.sp-main-menu .nav-list-item-business .other { margin-top:24px; }

/* モバイルメニュー > メインメニュー > 下部リンク */
.sp-main-menu .lower-menu { padding:16px; margin-top:16px; }
.sp-main-menu .lower-menu ul { font-size:16px; }
.sp-main-menu .lower-menu li { margin-bottom:16px; }
.sp-main-menu .lower-menu a { color:#0068b7; text-decoration:none; display:flex; align-items:center; }
.sp-main-menu .lower-menu .icon-info { background:url("cmn/imgs/icon_information.svg") no-repeat center center; content:""; display:inline-block; width:24px; height:24px; margin-right:8px; }
.sp-main-menu .lower-menu .icon-faq { background:url("cmn/imgs/icon_faq.svg") no-repeat center center; content:""; display:inline-block; width:24px; height:24px; margin-right:8px; }

/* モバイルメニュー > ログインメニュー */
.sp-login-menu { margin-left: auto; margin-right: 0; max-width: 480px; padding:0; }
.sp-login-menu.show-menu { background:#c8e9fb; }
.sp-login-menu .spnav-container { padding:16px; }
.sp-login-menu .sp-login-menu-inner { background:#fff; border-radius:8px; padding:16px; }
.sp-login-menu .login-business { margin-top:16px; }
.sp-login-menu h2 { font-size:18px; text-align:center; margin-bottom:16px; }
.sp-login-menu h2 .emphasis { font-size:21px; }
.sp-login-menu ul li + li { margin-top:16px; }

.sp-login-menu .login { color:#fff; font-size:14px; font-weight:700; text-align:center; line-height:1.4; background: #c41521; border-radius:6px; display:block; transition: opacity .5s; padding:16px 8px 16px 24px; position:relative; }
.sp-login-menu .login .icon-key { background:url("cmn/imgs/icon_key.svg") no-repeat center center; display:inline-block; width:16px; height:21px; position:absolute; top:50%; transform:translateY(-50%); left:6%; }
.sp-login-menu .signup { color:#c41521; font-size:14px; font-weight:700; text-align:center; line-height:1.4; background: #fff; border:1px solid #c41521; border-radius:6px; display:block; transition: opacity .5s; padding:16px 8px; position:relative; width:80%; margin-left:auto; margin-right:auto; }

.sp-login-menu .login-business .login { background:#eb6d0d }
.sp-login-menu .login-business .signup { color:#eb6d0d; border:1px solid #eb6d0d; }
.sp-login-menu .login-business .big-advance { color:#fff; font-size:14px; font-weight:700; text-align:center; line-height:1.4; background: #eb6d0d; border-radius:6px; display:block; transition: opacity .5s; padding:16px 6px 16px 24px; position:relative; width:100%; }
.sp-login-menu .login-business .big-advance .icon-key { background:url("cmn/imgs/icon_key.svg") no-repeat center center; display:inline-block; width:16px; height:21px; position:absolute; top:50%; transform:translateY(-50%); left:6%; }

@media (min-width: 768px){ 
	.sp-login-menu .login,
	.sp-login-menu .signup,
	.sp-login-menu .login-business .big-advance { font-size:16px; }
	.sp-login-menu .login .icon-key,
	.sp-login-menu .login-business .big-advance .icon-key { left:12%; }
}

/* グローバルナビ */
.global-nav button { appearance: none; background-color: transparent; border:0; cursor: pointer; margin:0; padding:0; }

@media (min-width: 1200px){ 
	.global-nav ul { list-style: none; display: flex; align-items:center; padding: 0; margin: 0; }
	.global-nav .menu-btn,
	.global-nav .btn-aboutus { color:#0068b7; font-size:18px; cursor:pointer; text-decoration: none; display: flex; align-items:center; justify-content:center; height:54px; transition:.2s; padding:0 16px; white-space:nowrap; }
	.global-nav .menu-btn { position:relative; padding-right:40px; }
	.global-nav .menu-btn:before { background-color: #fff; content: ""; position: absolute; top: 50%; right: 15px; width: 14px; height: 2px; transition: transform .5s; transform: translateY(-50%); }
	.global-nav .menu-btn:after { background-color: #fff; content: ""; position: absolute; top: 50%; right: 15px; width: 14px; height: 2px; transition: transform .5s; transform: translateY(-50%) rotate(90deg); }
	.global-nav .menu-btn.is-open:before { transform: translateY(-50%) rotate(180deg); }
	.global-nav .menu-btn.is-open:after { transform: translateY(-50%) rotate(-180deg); }
	.global-nav .menu-btn-personal,
	.global-nav .menu-btn-business { color:#fff; width:auto; white-space:nowrap; }
	.global-nav .menu-btn-personal { background:#0068b7; }
	.global-nav .menu-btn-business { background:#eb6d0d; }
	.global-nav .menu-btn-personal .emphasis,
	.global-nav .menu-btn-business .emphasis { font-size:24px; }
	.global-nav .btn-aboutus { text-align:center; line-height:1.2; position:relative; }
	.global-nav .btn-aboutus:after {  background-color: #c2d4e2; display:block; content: ""; position: absolute; top: 50%; right: 0; width: 1px; height:40px; transform: translateY(-50%) }
	.global-nav .btn-aboutus,
	.global-nav .menu-btn-recruit { border-top:1px solid #c2d4e2; }
	.global-nav .menu-btn-recruit:before,
	.global-nav .menu-btn-recruit:after { background-color:#0068b7; }
	.global-nav .menu-btn-login { color:#fff; background:#c9971c; }
	.global-nav .menu-btn-login .icon-key { background:url("cmn/imgs/icon_key.svg") no-repeat center center; display:inline-block; width:24px; height:24px; margin-right:4px; }
}

@media (min-width: 1440px){ 
	.global-nav .btn-aboutus { padding:0 24px; width:180px; }
	.global-nav .menu-btn { padding:0 32px; padding-right:48px; }
	.global-nav .menu-btn-personal { padding:0 48px; padding-right:64px; }
}

@media (min-width: 1540px){ 
	.global-nav .btn-aboutus { width:200px; }
	.global-nav .btn-aboutus br { display:none; }
	.global-nav .menu-btn { padding:0 32px; padding-right:48px; }
	.global-nav .menu-btn-personal { padding:0 48px; padding-right:64px; }
	.global-nav .menu-btn-personal,
	.global-nav .menu-btn-business { width:320px; }
}

/* グローバルナビ > メガメニュー */
.mega-menu { display:none; }
.mega-menu-container { display:none; }

@media (min-width: 1200px){ 
	.mega-menu { position: fixed; top: 110px; left: 0; width: 100%; height:auto; background:#f4f8fb; display: none; max-height:90vh; overflow-y: auto;  z-index: 1000; }
	.mega-menu-container { display:flex; padding:32px 16px; }
	.mega-menu .sub-heading { font-size:14px; font-weight:700; display:block; margin-bottom:16px; }
	.mega-menu h2 { font-size:24px; font-weight:700; margin-bottom:16px; }
	.mega-menu ul { padding-left:0; }

	/* メガメニュー > 左カラム */
	.mega-menu .menu-header { width:370px; padding-right:40px; border-right:1px solid #c2d4e2; }
	.mega-menu .menu-header-link { margin-bottom:24px; }
	.mega-menu .menu-header-link li { margin-bottom:8px; }

	/* メガメニュー > 英字サブタイトル */
	.mega-menu-personal .sub-heading { color: #0068b7; }
	.mega-menu-business .sub-heading { color: #eb6d0d; }
	.mega-menu-recruit .sub-heading { color: #e08d10; }
	.mega-menu-ib .sub-heading { color: #c9971c; }

	/* メガメニュー  > リンクアイコン */
	.mega-menu .has-arrow-icon a { font-weight: 600; display: block; padding-left: 16px; position: relative; }
	.mega-menu .has-arrow-icon a:before { content: ""; border-top:1px solid #0068b7; border-right:1px solid #0068b7;  position: absolute; top: .7em; left: 0; width: 6px; height: 6px; transform: rotate(45deg); }
	.mega-menu .has-arrow-icon a:hover { text-decoration: none; }

	.mega-menu-personal .has-arrow-icon a:before { border-top-color: #0068b7; border-right-color: #0068b7; }
	.mega-menu-business .has-arrow-icon a:before { border-top-color: #eb6d0d; border-right-color: #eb6d0d; }
	.mega-menu-recruit .has-arrow-icon a:before { border-top-color: #e08d10; border-right-color: #e08d10; }

	/* メガメニュー > インターネットバンキング */
	.mega-menu .ib-link li { margin-bottom:16px; }
	.mega-menu .ib-link .login { color:#fff; font-size:18px; text-align:center; line-height:1.2; background: #c41521; border-radius:6px; display:block; transition: opacity .5s; padding:8px 48px 8px 16px; position:relative; width:100%; }
	.mega-menu .ib-link .login .icon-key { display:inline-block; width:16px; height:21px; background:url("cmn/imgs/icon_key.svg") no-repeat center center; position:relative; top:4px; margin-right:8px; }
	.mega-menu .ib-link .login:after{ position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image: url("cmn/imgs/icon_arrow-whitered.svg"); transform: translateY(-50%); }
	.mega-menu .ib-link .signup { color:#c41521; font-size:18px; text-align:center; line-height:1.2; background: #fff; border:1px solid #c41521; border-radius:6px; display:block; transition: opacity .5s; padding:8px 48px 8px 16px; position:relative; width:100%; }
	.mega-menu .ib-link .signup:after{ position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image: url("cmn/imgs/icon_arrow-redwhite.svg"); transform: translateY(-50%); }
	.mega-menu .ib-link .big-advance { color:#fff; font-size:18px; text-align:center; line-height:1.2; background: #eb6d0d; border-radius:6px; display:block; transition: opacity .5s; padding:8px 48px 8px 16px; position:relative; width:100%; }
	.mega-menu .ib-link .big-advance .icon-key { display:inline-block; width:16px; height:21px; background:url("cmn/imgs/icon_key.svg") no-repeat center center; position:relative; top:4px; margin-right:8px; }
	.mega-menu .ib-link .big-advance:after{ position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image: url("cmn/imgs/icon_arrow-whitered.svg"); transform: translateY(-50%); }
	.mega-menu-business .ib-link .login { background:#eb6d0d }
	.mega-menu-business .ib-link .login:after { background-image:url("cmn/imgs/icon_arrow-whiteorange-xs.svg"); }
	.mega-menu-business .ib-link .signup { color:#eb6d0d; border-color:#eb6d0d }
	.mega-menu-business .ib-link .signup:after{ position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image: url("cmn/imgs/icon_arrow-orangewhite.svg"); transform: translateY(-50%); }
	.mega-menu-business .ib-link .big-advance:after { background-image:url("cmn/imgs/icon_arrow-whiteorange-xs.svg"); }

	/* メガメニュー > 各トップページへ */
	.mega-menu .menu-body { width:calc(100% - 370px); padding-left:40px; }
	.mega-menu .top-link { color:#0068b7; font-size:24px; font-weight:700; display:inline-block; margin-bottom:16px; padding-left:24px; position: relative; }
	.mega-menu .top-link:before { content: ""; border-top:2px solid #0068b7; border-right:2px solid #0068b7; position: absolute; top: .7em; left: 0; width: 8px; height: 8px; transform: rotate(45deg); }

	.mega-menu-business .top-link { color:#eb6d0d; }
	.mega-menu-business .top-link:before { border-color:#eb6d0d; }
	.mega-menu-recruit .top-link { color:#e08d10; }
	.mega-menu-recruit .top-link:before { border-color:#e08d10; }

	/* 	メガメニュー > 商品・サービスから探す / 支援・サービスから探す */
	.mega-menu .service-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 20px; margin-bottom:24px; }
	.mega-menu .service-list-item { background:#fff; border-radius:6px; box-shadow: 0 0px 8px 0px rgb(87 87 87 / 15%); padding:16px 24px; }
	.mega-menu .service-list-item li { margin-bottom:8px; }
	.mega-menu .service-list-item li a { font-size:16px; font-weight:500; }
	.mega-menu .service-list-item .service-category { font-size:20px; border-bottom:1px solid #c2d4e2; padding-bottom:8px; margin-bottom:8px; }
	.mega-menu .service-list-item .button-link { margin-top:12px; }
	.mega-menu .service-list-item .button-link a { color:#fff; font-size:16px; font-weight:700; text-align:center; background:#0068b7; border-radius:24px; display:block; padding:8px 48px 8px 16px; position:relative;  }
	.mega-menu .service-list-item .button-link a:before { display:none; }
	.mega-menu .service-list-item .button-link a:after { background-image: url("cmn/imgs/icon_arrow-whiteblue.svg"); position: absolute; top: 50%; right: 9px; width: 30px; height: 30px; content: ""; background-size: contain; transform: translateY(-50%); }

	.mega-menu-business .service-list { grid-template-columns: repeat(3, 1fr); margin-bottom:8px; }
	.mega-menu-business .service-list-item  .button-link a{ background:#eb6d0d; }
	.mega-menu-business .service-list-item  .button-link a:after { background-image: url("cmn/imgs/icon_arrow-whiteorange-xs.svg") }

	/* メガメニュー > ライフイベントから探す */
	.mega-menu .life-event-list { font-size:16px; background:#fff; border-radius:6px; box-shadow: 0 0px 8px 0px rgb(87 87 87 / 15%); padding:16px 24px; margin-bottom:8px; }
	.mega-menu .life-event-list ul { display:grid; grid-template-columns: repeat(4, 1fr); gap: 8px 16px; }

	/* メガメニュー > その他のリンク */
	.mega-menu .other-link { font-size:16px; padding:16px 24px; }
	.mega-menu .other-link ul { display:grid; grid-template-columns: repeat(4, 1fr); gap: 8px 16px; }
	.mega-menu-business .other-link ul { grid-template-columns: repeat(3, 1fr); }

	/* メガメニュー > 採用情報リンク */
	.mega-menu-recruit .recruit-link { font-size:16px; padding:16px 24px; }
	.mega-menu-recruit .recruit-link ul { display:grid; grid-template-columns: repeat(4, 1fr); gap: 8px 16px; }

	/* メガメニュー > ログイン */
	.mega-menu-ib .ib-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 16px; }
	.mega-menu-ib .ib-list-item h3 { font-size:21px; text-align:center; margin-bottom:24px; }
	.mega-menu-ib .ib-list-item h3 .emphasis { font-size:24px; }

	.mega-menu-ib .ib-list-item ul { max-width:500px; margin-left:auto; margin-right:auto; }
	.mega-menu-ib .ib-list-item li { margin-bottom:16px; }
	.mega-menu-ib .personal-login { color:#fff; font-size:18px; text-align:center; line-height:1.2; background: #c41521; border-radius:6px; display:block; transition: opacity .5s; padding:12px 48px 12px 16px; position:relative; width:100%; }
	.mega-menu-ib .personal-login .icon-key { display:inline-block; width:16px; height:21px; background:url("cmn/imgs/icon_key.svg") no-repeat center center; position:relative; top:4px; margin-right:8px; }
	.mega-menu-ib .personal-login:after{ position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image: url("cmn/imgs/icon_arrow-whitered.svg"); transform: translateY(-50%); }
	.mega-menu-ib .personal-signup { color:#c41521; font-size:18px; text-align:center; line-height:1.2; background: #fff; border:1px solid #c41521; border-radius:6px; display:block; transition: opacity .5s; padding:12px 48px 12px 16px; position:relative; width:100%; }
	.mega-menu-ib .personal-signup:after{ position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image: url("cmn/imgs/icon_arrow-redwhite.svg"); transform: translateY(-50%); }

	.mega-menu-ib .business-login { color:#fff; font-size:18px; text-align:center; line-height:1.2; background:#eb6d0d; border-radius:6px; display:block; transition: opacity .5s; padding:12px 48px 12px 16px; position:relative; width:100%;}
	.mega-menu-ib .business-login .icon-key { display:inline-block; width:16px; height:21px; background:url("cmn/imgs/icon_key.svg") no-repeat center center; position:relative; top:4px; margin-right:8px; }
	.mega-menu-ib .business-login:after { position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image:url("cmn/imgs/icon_arrow-whiteorange-xs.svg"); transform: translateY(-50%);}
	.mega-menu-ib .business-signup { color:#eb6d0d; font-size:18px; text-align:center; line-height:1.2; background: #fff; border:1px solid #eb6d0d; border-radius:6px; display:block; transition: opacity .5s; padding:12px 48px 12px 16px; position:relative; width:100%; }
	.mega-menu-ib .business-signup:after{ position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image: url("cmn/imgs/icon_arrow-orangewhite.svg"); transform: translateY(-50%); }
	.mega-menu-ib .business-big-advance { color:#fff; font-size:18px; text-align:center; line-height:1.2; background: #eb6d0d; border-radius:6px; display:block; transition: opacity .5s; padding:12px 48px 12px 16px; position:relative; width:100%; }
	.mega-menu-ib .business-big-advance .icon-key { display:inline-block; width:16px; height:21px; background:url("cmn/imgs/icon_key.svg") no-repeat center center; position:relative; top:4px; margin-right:8px; }
	.mega-menu-ib .business-big-advance:after{ position: absolute; top: 50%; right: 4%; width: 30px; height: 30px; content: ""; background-image: url("cmn/imgs/icon_arrow-whiteorange-xs.svg"); transform: translateY(-50%); }
}

@media (min-width: 1440px){ 
	.mega-menu-container { padding:32px 56px; }
}

@media (min-width: 1540px){ 
	.mega-menu-ib .menu-body { padding:0 56px; }
}

/* フッター */
.footer .has-arrow-icon a { padding-left: 24px; position: relative; }
.footer .has-arrow-icon a:before { content: ""; border-top:1px solid #0068b7; border-right:1px solid #0068b7; position: absolute; top: .7em; left: 0; width: 6px; height: 6px; transform: rotate(45deg); }
.footer .has-arrow-icon a:hover { text-decoration: none; }

/* フッター > CTAエリア */
.footer-cta { background:#c8e9fb; padding:64px 16px; }
.footer-cta a:hover { text-decoration:none; transition:.2s; }
.footer-cta-inner { max-width:1400px; margin-left:auto; margin-right:auto; }
.footer-cta ul { list-style:none; padding:0; margin:0; }
.footer-cta .sub-heading { color:#0068b7; font-size:14px; font-weight:700; text-align:center; margin-bottom:8px; }
.footer-cta h2 { font-size:27px; font-weight:700; text-align:center; margin-bottom:16px; }
.footer-cta p { text-align:center; }
.footer-cta p br { display:none; }
.footer-cta .cta-button { margin:16px 0 32px; }
.footer-cta .cta-button li + li { margin-top:16px; }
.footer-cta .cta-button a { color: #fff; font-weight: 700; background-color: #0068b7; border-radius: 50px; display: flex; align-items: center; justify-content: center; height:48px; max-width:560px; margin-left:auto; margin-right:auto; padding-right:24px; position:relative; }
.footer-cta .cta-button a:after { background-image: url("cmn/imgs/icon_arrow-whiteblue.svg"); background-size: contain; content: ""; position: absolute; top: 50%; right: 16px; width: 30px; height: 30px; transform: translateY(-50%); }
.footer-cta .cta-button .icon-spot { background:url("cmn/imgs/icon_spot-white.svg") no-repeat center center; background-size:contain; display:inline-block; width:24px; height:24px; margin-right:12px; position:relative;  }
.footer-cta .cta-button .icon-consultation { background:url("cmn/imgs/icon_consultation-wh.svg") no-repeat center center; background-size:contain; display:inline-block; width:24px; height:24px; position:relative; margin-right:12px; }
.footer-cta .reference { background:#fff; padding:24px; }
.footer-cta .reference h3 { font-size:18px; font-weight:700; text-align:center; margin-bottom:16px; }
.footer-cta .reference-button li + li { margin-top:16px; }
.footer-cta .reference-button a { color: #0068b7; font-weight: 700; border:1px solid #0068b7; border-radius: 50px; display: flex; align-items: center; justify-content: center; height:48px; max-width:560px; margin-left:auto; margin-right:auto; padding-right:24px; position:relative; }
.footer-cta .reference-button a:after { background-image: url("cmn/imgs/icon_arrow-bluewhite.svg"); background-size: contain; content: ""; position: absolute; top: 50%; right: 16px; width: 30px; height: 30px; transform: translateY(-50%); }

.footer-cta-business { background:#fce9df; }
.footer-cta-business .sub-heading { color:#eb6d0d; }
.footer-cta-business .cta-button a { background:#eb6d0d; }
.footer-cta-business .cta-button a:after { background-image: url("cmn/imgs/icon_arrow-whiteorange-xs.svg"); }
.footer-cta-business .reference-button a { color: #eb6d0d; border: 1px solid #eb6d0d; }
.footer-cta-business .reference-button a:after { background-image: url("cmn/imgs/icon_arrow-orangewhite.svg"); }

@media (min-width: 768px){ 
	.footer-cta .sub-heading { font-size:16px; }
	.footer-cta p br { display:block; }
	.footer-cta h2 { margin-bottom:24px; }
	.footer-cta .cta-button { margin:24px 0 32px; }
	.footer-cta .cta-button a { font-size:18px; height:56px; }
	.footer-cta .cta-button a:after { width: 40px; height: 40px; }

	.footer-cta .reference { padding:32px 24px;	}
}

@media (min-width: 1024px){ 
	.footer-cta .sub-heading { font-size:18px; }
	.footer-cta h2 { font-size:32px; }
	.footer-cta .cta-button { display:flex; margin:40px 0 32px; }
	.footer-cta .cta-button li { width:100%; }
	.footer-cta .cta-button li + li { margin-top:0; margin-left:24px; }
	.footer-cta .cta-button a { font-size:20px; height:72px; max-width:700px; }
	.footer-cta .cta-button .icon-spot,
	.footer-cta .cta-button .icon-consultation { width:32px; height:32px; }

	.footer-cta .reference { padding:48px 24px;	 }
	.footer-cta .reference-inner { display:flex; flex-wrap: wrap; align-items:center; }
	.footer-cta .reference-inner h3 { font-size:20px; width:30%; margin:0; }
	.footer-cta .reference-inner ul { width:70%; display:flex; gap:24px; }
	.footer-cta .reference-inner li { width:100%; }
	.footer-cta .reference-button li + li { margin-top:0; }
	.footer-cta .reference-button a { height:56px; }
}

/* フッター > バナーエリア */
.footer-banner .footer-banner-inner { max-width:1400px; margin-left:auto; margin-right:auto; padding:48px 0; }
.footer-banner .main-banner ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content: center; gap:16px; }

@media (min-width: 1024px){ 
	.footer-banner .footer-banner-inner { padding:56px 0; }
	.footer-banner .main-banner ul { gap:36px; }
}

@media (min-width: 1440px){ 
	.footer-banner .main-banner ul { gap:48px; }
}

/* フッター > スライドバナー */
.footer-banner .slide-banner { max-width:1280px; margin-top:36px; margin-left:auto; margin-right:auto; }
.footer-banner .slide-banner li { text-align:center; }
.footer-banner .slide-banner li img { margin-left:auto; margin-right:auto; }
.footer-banner .slide-banner .splide__track { overflow:hidden; position:relative; }
.footer-banner .slide-banner .splide__arrow { font-weight: 700; color: #fff; background-color: #00adec; }

@media (min-width: 1024px){ 
	.footer-banner .slide-banner { padding-left:64px; padding-right:64px; }
	.footer-banner .slide-banner .splide__arrow--prev { left:-48px; }
	.footer-banner .slide-banner .splide__arrow--next { right:-48px; }
}

@media (min-width: 1440px){ 
	.footer-banner .slide-banner { padding-left:0; padding-right:0; }
}

/* フッター > ローンのご相談予約 */
.footer-banner .loan-reservation { text-align:center; padding:0 16px; margin-top:36px; }
.footer-banner .loan-reservation a { color: #0068b7; font-weight: 700; background-color: #fff; border: 1px solid #0068b7; border-radius: 50px; display: flex; align-items: center; justify-content: center; height:56px; padding-right:24px; position:relative; max-width:600px; margin-left:auto; margin-right:auto; }
.footer-banner .loan-reservation a .icon-consultation { display:inline-block; width:26px; height:26px; background:url("cmn/imgs/icon_consultation.svg") no-repeat center center; background-size:contain; position:relative; margin-right:12px; }
.footer-banner .loan-reservation a:after { background-image: url("cmn/imgs/icon_arrow-bluewhite.svg"); position: absolute; top: 50%; right: 16px; width: 30px; height: 30px; content: ""; background-size: contain; transform: translateY(-50%); }
.footer-banner .loan-reservation a:hover { text-decoration:none; }

@media (min-width: 768px){ 
	.footer-banner .loan-reservation a { font-size:18px; height:56px; }
}

@media (min-width: 1024px){ 
	.footer-banner .loan-reservation a { font-size:24px; height:80px; }
	.footer-banner .loan-reservation a .icon-consultation { width:36px; height:36px; margin-right:16px; }
	.footer-banner .loan-reservation a:after { width: 40px; height: 40px; }
}

/* フッター > きょうえい公式SNS */
.footer-content { padding: 80px 15px 50%; background:#ebf6fc url("cmn/imgs/sp_footer_bk.jpg") bottom center no-repeat; background-size: contain; }
.footer-content-inner { max-width:1400px; margin-left:auto; margin-right:auto; }

.footer-top-info { position:relative; margin-bottom:48px;   }
.footer-top-info h3 { font-size:20px; }
.footer-top-info .text { font-size:16px; }

.footer-top { display:grid; gap:40px 24px; }
.footer-top-info { display:grid; gap:24px 24px; }
.footer-top-info h3 { grid-column: 1 / 3; }
.footer-top-info .text { grid-column: 1 / 3; }
.footer-top-info .sns-banner a { display:inline-block; }
.footer-top-info .sns-banner a + a { margin-top:8px; }
.footer-top-info .icon-kyoko { grid-column: 2 / 3; grid-row: 3 / 4; }

@media (min-width: 768px){ 
	.footer-content { padding:96px 16px 24%; background:#ebf6fc url("cmn/imgs/footer_bk.jpg") bottom center no-repeat; background-size: contain; }
	.footer-top { grid-template-columns: 220px 1fr; }
	.footer-top-info { gap:16px 24px;  }
	.footer-top-info .text { grid-column:auto; }
	.footer-top-info .sns-banner { display:flex; gap:8px 16px; }
	.footer-top-info .sns-banner a + a { margin-top:0px; }
	.footer-top-info .icon-kyoko { grid-row: 2 / 4; }
}

@media (min-width: 1024px){ 
	.footer-top { grid-template-columns: auto auto; }
	.footer-top-info { grid-template-columns: 500px 140px; }
	.footer-top-info h3 { font-size:24px; }
	.footer-top-info .text { font-size:18px; }
}

/* フッター > サイトマップ */
.footer-sitemap { border-top: 1px solid #c2d4e2; padding-top:48px; }
.footer-sitemap ul { list-style:none; padding:0; }
.footer-sitemap ul + ul { margin-top:24px; }
.footer-sitemap a { text-decoration:none; }
.footer-sitemap a:hover { opacity:1; }
.footer-sitemap .js-acordion.is-open:before { transform: rotate(180deg); }
.footer-sitemap .js-acordion.is-open:after { transform: rotate(-180deg); }
.footer-sitemap .js-acordion-target { display:none; }

.footer-sitemap .parent { color:#0068b7; cursor:pointer; font-size:20px; font-weight:700; display:block; position:relative; }
.footer-sitemap .parent:before, 
.footer-sitemap .parent:after { position: absolute; top: 50%; right: 16px; width: 14px; height: 2px; content: ""; background-color: #0068b7; transition: transform .5s; }
.footer-sitemap .parent:after { transform: rotate(90deg); }
.footer-sitemap .children { padding:8px 16px 16px 16px; }
.footer-sitemap .children li { margin-bottom:8px; }
.footer-sitemap .children li a { font-size:14px; font-weight:700; }

@media (min-width: 768px){ 
	.footer-sitemap { display:flex; flex-wrap:wrap; }
	.footer-sitemap > ul { width:50%; }
	.footer-sitemap ul + ul { margin-top:0; }
	.footer-sitemap .parent { color:#0068b7; font-size:20px; font-weight:700; padding-left: 32px; position: relative; }
	.footer-sitemap .parent:before { background:none; border-top:1px solid #0068b7; border-right:1px solid #0068b7; content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg); }
	.footer-sitemap .parent:after { display:none; }
	.footer-sitemap .js-acordion-target { display:block !important; }
	.footer-sitemap .only-sp { display:none; }
}

@media (min-width: 1024px){
	.footer-sitemap > ul { width:33.33%; }
	.footer-sitemap .parent { font-size:24px; }
	.footer-sitemap a:hover,
	.footer-sitemap .children li a:hover { text-decoration:underline; }
	.footer-sitemap .children li a { font-size:16px; }
}

/* フッター > 下部メニュー */
.footer-bottom { color:#fff; background-color: #0068b7; padding:40px 0; }
.footer-bottom-inner { max-width:1400px; margin-left:auto; margin-right:auto; padding:0 16px; }
.footer-bottom a:hover { color:#fff; }

.footer-menu-info { font-size:14px; border-bottom: 1px solid #c2d4e2; padding-bottom:24px; margin-bottom:24px; }
.footer-menu-info h2 { font-size:20px; margin-bottom:16px; }
.footer-menu-link { border-bottom: 1px solid #c2d4e2; padding-bottom:24px; margin-bottom:24px; }
.footer-menu-link li a { font-size:13px; }
.footer .copyright { color:#c2d4e2; font-size:14px; }

@media (min-width: 1024px){ 
	.footer-menu { display:flex; flex-wrap:wrap; justify-content: space-between; }
	.footer-menu-info { width:360px; border:0; }
	.footer-menu-link { width:calc(100% - 400px); border:0; }
	.footer-menu-link ul { display:grid; grid-template-columns: repeat(2, 1fr); grid-row: 1 / 3; grid-column: 2 / 3; gap: 8px 10px; padding: 32px 0 0; }
	.footer-menu-link .large { grid-column: 1 / 3 }
}

@media (min-width: 1200px){ 
	.footer-menu-info { font-size:16px; }
}

@media (min-width: 1440px){ 
	.footer-menu-link { width:calc(100% - 420px); }
	.footer-menu-link ul { grid-template-columns: repeat(3, 1fr);  }
}

/* ページ上部へ戻る */
.pagetop { position: fixed; right: 2%; bottom: 0; z-index: 500; filter: drop-shadow(0 3px 6px rgba(0, 173, 236, .2)); opacity: 0; transition: opacity .3s, bottom .5s;  }
.pagetop .icon-pagetop { background:url("cmn/imgs/icon_pagetop.svg") no-repeat center center; background-size:contain; display:inline-block; width:64px; height:53px; position:relative;  }
.scrolled .pagetop { bottom: 3%; opacity: 1; }

@media (min-width: 1200px){ 
	.pagetop .icon-pagetop { width:92px; height:76px; }
}

/* パンくずリスト */
.breadcrumbs { padding:16px; }
.breadcrumbs ol { list-style:none; line-height:1; margin:0 auto; max-width:1400px; padding:0;  }
.breadcrumbs ol li { color:#666; font-size:12px; display:inline; position:relative; }
.breadcrumbs ol li a { color:#666; margin-right:8px; }
.breadcrumbs ol li + li { margin-left:8px }
.breadcrumbs ol li:not(:last-child):after { border-top: 1px solid #666; border-right: 1px solid #666; content:""; display: inline-block; width: 6px; height: 6px; transform: rotate(45deg); position:relative; top:-1px; }

@media (min-width: 768px){
	.breadcrumbs ol li { font-size:14px; }
	.breadcrumbs ol li a { margin-right:16px; }
	.breadcrumbs ol li + li { margin-left:16px }
}

/* ****************************** 
   コーポレートサイト > ページ固有CSS
   ****************************** */

/* 幅指定 */
.page-container { max-width:1200px; margin-left:auto; margin-right:auto; }

/* ホーム > お知らせエリア */
.top-news-category-filter { display:flex; flex-wrap: wrap; justify-content: center; gap:8px; margin-bottom:32px; max-width:900px; margin-left:auto; margin-right:auto; }
.top-news-category-filter button { color: #959494; font-size:16px; line-height: 1; cursor: pointer; background-color: #fff; border: 1px solid #c2d4e2; border-radius: 8px; display:flex; align-items: center; justify-content: center; padding: 8px 16px; }
.top-news-category-filter button.is-active { color: #eb6d0d; background-color: #fce9df; border-color: #eb6d0d; }
.top-news .post-archive.is-hidden { display:none; }

@media (min-width: 768px){
	.top-news-category-filter { gap:16px; }
	.top-news-category-filter button { width:calc(33.33% - 16px); padding: 12px; }
}

@media (min-width: 1024px){
	.top-news-category-filter button { font-size:19px; }
}

/* ページ内アンカーリンク */
.page-anchor { margin-bottom:40px; }
.page-anchor ul { margin: 0 0 40px 0; padding:0; }
.page-anchor li { list-style: none; display: inline-block; margin-right: 32px;}
.page-anchor li a { color: #222; text-decoration: none; padding-left:24px; position:relative; }
.page-anchor li a:before { border-top: 1px solid #0068b7; border-right: 1px solid #0068b7; content:""; display: inline-block; width: 8px; height: 8px; transform: rotate(45deg) translateY(-50%); position:absolute; top:50%; left:0; margin-right:8px; }
.page-anchor a:hover { text-decoration:none; }

/* お知らせ */
.post-archive { list-style:none; margin-bottom:40px; padding:0; }
.post-archive li { border-bottom: 1px solid #c2d4e2; padding:12px 0; }

.post-archive li a { display:block; margin-top:8px; }
.post-archive li a:hover { text-decoration:none; }
.post-archive li a[href$=".pdf"]:after { background: url("cmn/imgs/icon_pdf.svg") no-repeat center center ; background-size: contain; content: ""; display: inline-block; width: 20px; height: 26px; margin-left: 10px; vertical-align: text-bottom; }

.post-archive li .date { color:#666; display:inline-block; margin-right:12px; width:130px; }
.post-archive li .category { font-size:12px; font-weight: 700; text-align: center; line-height: 1; border-radius: 4px; display:inline-block; padding: 4px; width: 110px; }

.post-archive li.cat-info  .category { color: #0068b7; background-color: #c8e9fb; }
.post-archive li.cat-important .category { color: #c41521; background-color: #fbe6eb; }
.post-archive li.cat-recruit .category { color: #eb6d0d; background-color: #fce9df; }
.post-archive li.is-hidden { display:none; }

@media (min-width: 768px){
	.post-archive li { padding:16px 0; }
	.post-archive li .category {  }
}

@media (min-width: 1024px){
	.post-archive li { display:flex; align-items:center; padding:24px 8px; }
	.post-archive li .date { width:140px; margin-right:24px; }
	.post-archive li .category { width:110px; margin-right:24px; }
	.post-archive li a { flex:1; margin-top:0; }
}

/* お知らせ > カテゴリーフィルター */
.category-filter-wrap .label { font-size:16px; font-weight:700; margin-bottom:16px; }
.category-filter { display:flex; flex-wrap: wrap; margin-bottom:24px; margin-left:-4px; margin-right:-4px; }
.category-filter-btn { color: #959494; font-size:14px; background:#fff; border:1px solid #c2d4e2; border-radius:8px; display:inline-block; padding:4px 12px; margin:4px 4px; cursor:pointer; --webkit-appearance:none; }
.category-filter-btn.active { color:#eb6d0d; background:#fce9df; border-color: #eb6d0d; }

@media (min-width: 768px){
	.category-filter { margin-left:-8px; margin-right:-8px; }
	.category-filter-btn { font-size:16px;  padding:4px 16px; margin:4px 8px;  }
}

@media (min-width: 1024px){
	.category-filter-btn { font-size:18px;  padding:8px 24px; margin:0px 8px;  }
}

.p-news .page-container .more { text-align:center; }
.p-news .page-container .more a { background: #c8e9fb; border: none; border-radius: 6px; cursor: pointer; display:inline-block; padding: 8px 32px 8px 8px; position: relative; width: 300px; height: 48px; }
.p-news .page-container .more a:hover { text-decoration:none; }
.p-news .page-container .more a:after { background-image: url("cmn/imgs/icon_arrow-bluewhite-sm.svg"); background-size: contain; content: ""; position: absolute; top: 50%; right: 16px; width: 27px; height: 27px; transform: translateY(-50%); }

/* お知らせ > 過去のお知らせ */
.p-news-more .page-container h2 { color:#0068b7; margin-bottom:16px; }

.p-news-more .page-container .more { text-align:center; }
.p-news-more .page-container .more a { background: #c8e9fb; border: none; border-radius: 6px; cursor: pointer; display:inline-block; padding: 8px 32px 8px 8px; position: relative; width: 300px; height: 48px; }
.p-news-more .page-container .more a:hover { text-decoration:none; }
.p-news-more .page-container .more a:after { background-image: url("cmn/imgs/icon_arrow-bluewhite-sm.svg"); background-size: contain; content: ""; position: absolute; top: 50%; right: 16px; width: 27px; height: 27px; transform: translateY(-50%); }

/* きょうこのこのまちスコープ */
.story-filter-wrap .label { font-size:16px; font-weight:700; margin-bottom:16px; }
.story-filter { display:flex; gap:0 16px; flex-wrap: wrap; margin-bottom:36px; }
.story-filter-btn { color:#0068b7; font-size:16px; font-weight:700; background:#fff; border:2px solid #0068b7; border-radius:50px; display:inline-block; padding:6px 24px; cursor:pointer; --webkit-appearance:none; }
.story-filter-btn.active { color:#fff; background:#0068b7; }

/* マルチQR決裁ソリューション */
.qr_payment-list-qrcode,
.qr_payment-list-creditcard,
.qr_payment-list-e-money { list-style:none; display:flex; flex-wrap:wrap; margin:0; padding:0; }
.qr_payment-list-qrcode li { width:50%; padding:8px; }
.qr_payment-list-creditcard li { width:33.33%; padding:8px; }
.qr_payment-list-e-money li { width:33.33%; padding:8px; }

@media (min-width: 768px){
	.qr_payment-list-qrcode li { width:25%;}
	.qr_payment-list-creditcard li { width:25%; }
	.qr_payment-list-e-money li { width:25%; }
}

@media (min-width: 1024px){
	.qr_payment-list-qrcode li { width:16.66%;}
	.qr_payment-list-creditcard li { width:12.5%; }
	.qr_payment-list-e-money li { width:11.11%; }
}

/* ****************************** 
   以下、採用サイト
   ****************************** */
.p-recruit main { padding-top:60px; }

@media (min-width: 1024px){
	.p-recruit main { padding-top:0; }
}

/* 採用サイト > ヘッダー */
.recruit-header { background: #fff; position: fixed; width: 100%; top: 0; }
.recruit-header,
.recruit-header-container { height:60px; }
.recruit-header .logo { display:inline-block; padding:10px 0 0 16px; }
.recruit-header .logo a { display:inline-block; }
.recruit-header .logo img { width:110px; height:auto; }

@media (min-width: 1024px){
	.recruit-header,
	.recruit-header-container { height:100%; }
	.recruit-header { width: 200px; border-right: 1px solid #ccc; position: fixed; top: 0; left: 0; z-index: 9999; display: block; background-color: #fff; }
	.recruit-header .logo { text-align:center; display:block; padding:32px 0; }
	.recruit-header .logo img { width:160px; height:auto;  }
}

/* 採用サイト > モバイルメニュー > ボタン */
.spnav-menu-btn-recruit { width:60px; height:60px; position:absolute; right:0; top:0; z-index:1000; }
.spnav-menu-btn-recruit .spnav-menu-btn-inner { border-radius:4px; display:block; width:60px; height:60px; position:relative; }
.spnav-menu-btn-recruit .spnav-menu-btn-inner { background:#fff; padding:20px 16px 12px 16px; }
.spnav-menu-btn-recruit .menu-trigger,
.spnav-menu-btn-recruit .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.spnav-menu-btn-recruit .menu-trigger { position: relative; width: 100%; height: 24px; }
.spnav-menu-btn-recruit .menu-trigger span { background-color:#0068b7; border-radius: 4px; position: absolute; left: 0; width: 100%; height: 2px; }
.spnav-menu-btn-recruit .menu-trigger span:nth-of-type(1) { top: 0; }
.spnav-menu-btn-recruit .menu-trigger span:nth-of-type(2) { top: 8px; }
.spnav-menu-btn-recruit .menu-trigger span:nth-of-type(3) { top: 16px; }
.spnav-menu-btn-recruit.active span:nth-of-type(1) { transform: translateY(10px) rotate(-45deg); top:-2px; }
.spnav-menu-btn-recruit.active span:nth-of-type(2) { transform: translateY(0px) rotate(45deg); top: 8px; }
.spnav-menu-btn-recruit.active span:nth-of-type(3) { background-color:rgba(255, 255, 255, 0); }

@media (min-width: 1024px){
	.spnav-menu-btn-recruit { display:none; }
}

/* 採用サイト > モバイルメニュー  > 新卒・中途ボタン */
.sp-recruit-entry-wrap { display:flex; position:absolute; top:0; right:60px; }
.sp-recruit-entry-new { background:#fe9000; }
.sp-recruit-entry-career { background:#f86b22; }
.sp-recruit-entry { }
.sp-recruit-entry a { color:#fff; font-size:12px; font-weight:700; text-align:center; display:flex; flex-direction: column; align-items:center; justify-content:center; width:80px; height:60px; }
.sp-recruit-entry .en { font-size:10px; font-weight:400; }

@media (min-width: 1024px){
	.sp-recruit-entry-wrap { display:none; }
}

/* 採用サイト > モバイルメニュー */
.sp-recruit-menu.hide-menu,
.sp-recruit-menu.show-menu { transition:opacity .4s ease-in-out; }
.sp-recruit-menu.show-menu { background-color: #0072b9; padding:16px 24px 40px 24px; }
.sp-recruit-menu ul { list-style:none; padding:0; }
.sp-recruit-menu { color:#fff; }
.sp-recruit-menu .nav-list-item-link { color:#fff; font-size:14px; padding:16px; border-bottom:1px solid #fff; display:block; position:relative; }
.sp-recruit-menu .nav-list-item-link:after { position: absolute; top: 50%; width: 8px; height: 8px; content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(45deg); margin-left:16px; }
.sp-recruit-menu .nav-list-item-title { font-size:14px; padding:16px 16px 8px 16px; }
.sp-recruit-menu .submenu { border-bottom:1px solid #fff; padding-bottom:16px;  }
.sp-recruit-menu .submenu a { color:#fff; font-size:14px; padding:8px 8px 8px 40px; display:block; position:relative; }
.sp-recruit-menu .submenu a:after { position: absolute; top: 50%; width: 8px; height: 8px; content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(45deg); margin-left:16px; }

@media (min-width: 1024px){
	.sp-recruit-menu { display:none; }
}

/* 採用サイト > PCメニュー */
.pc-recruit-menu { display:none; }

@media (min-width: 1024px){ 
	.pc-recruit-menu { display:block; }
	.pc-recruit-menu ul { list-style:none; padding:0; }
	.pc-recruit-menu .nav-list { list-style:none; border-bottom: 1px solid #ebebeb; padding:0;  }
	.pc-recruit-menu .nav-list-item { border-top: 1px solid #ebebeb;  position: relative; }
	.pc-recruit-menu .nav-list-item-link { color: #333; font-size:14px; background-color: #f9f9f9; display:block; padding: 24px 0 24px 16px; }
	.pc-recruit-menu .nav-list-item-link:hover { text-decoration:none; }
	.pc-recruit-menu .submenu { padding:24px 0px 32px 24px; position: absolute; left: 100%; top: 0; min-width: 240px; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; z-index: 50; }
	.pc-recruit-menu .submenu a { color:#fff; font-size:14px; }
	.pc-recruit-menu .submenu a:hover { text-decoration:none; }
	.pc-recruit-menu .submenu li + li { margin-top:8px; }
	.pc-recruit-menu .submenu.is-open { background:#0072b9;  opacity: 1; pointer-events: auto;  }
	.pc-recruit-menu .submenu.is-open:before { position: absolute; top: 27px; left: -10px; width: 0; height: 0; content: ""; border-top: 8px solid transparent; border-right: 10px solid #0072b9; border-bottom: 8px solid transparent;  }
	.pc-recruit-menu .js-recruit-menu-trigger { cursor: pointer; }
	.pc-recruit-entry-wrap { padding:24px 16px; }
	.pc-recruit-entry-new { background:#fe9000; margin-bottom:16px; }
	.pc-recruit-entry-career { background:#f86b22; }
	.pc-recruit-entry a { color:#fff; font-size:16px; font-weight:700; text-align:center; line-height:1.4; display:flex; flex-direction: column; align-items:center; justify-content:center; padding:16px 0; position:relative; }
	.pc-recruit-entry a:after { content: ""; border-top:2px solid #fff; border-right:2px solid #fff; position: absolute; top: 50%; right: 12px; width: 10px; height: 10px; transform: translateY(-50%) rotate(45deg); }
	.pc-recruit-entry a:hover { text-decoration:none; }
	.pc-recruit-entry .en { font-size:12px; font-weight:400; }
}

/* 採用サイト > PC本文領域 */
@media (min-width: 1024px){ 
	.recruit-body { padding:0; padding-left: 200px; }
	.recruit-footer { width: calc(100% - 200px); margin:80px 0 0 auto; }
}

/* 採用サイト > フッター */
.recruit-footer ul { list-style:none; padding:0; }

/* 採用サイト > フッター > この街とともに生きたい。 */
.recruit-footer-cta { text-align: center; background-image: url("cmn/imgs/recruit_footer-bg.webp"); background-repeat: no-repeat; background-size: cover; padding:48px 24px 72px 24px; }
.recruit-footer-cta .message { max-width:620px; margin:16px auto 24px auto; }
.recruit-footer-cta .recruit-entry-new { background:#fe9000; margin-bottom:16px; }
.recruit-footer-cta .recruit-entry-career { background:#f86b22; }
.recruit-footer-cta .recruit-entry a { color:#fff; font-size:19px; font-weight:700; text-align:center; line-height:1.4; display:flex; flex-direction: column; align-items:center; justify-content:center; padding:12px 0; position:relative; }
.recruit-footer-cta .recruit-entry a:after { content: ""; border-top:3px solid #fff; border-right:3px solid #fff; position: absolute; top: 50%; right: 16px; width: 12px; height: 12px; transform: translateY(-50%) rotate(45deg); }
.recruit-footer-cta .recruit-entry a:hover { text-decoration:none; }
.recruit-footer-cta .recruit-entry .en { font-size:14px; font-weight:400; }

@media (min-width: 1024px){ 
	.recruit-footer-cta { padding:96px 72px; }
	.recruit-footer-cta .message { margin: 16px auto 48px auto; }
	.recruit-footer-cta .recruit-entry-wrap { display:flex; justify-content: space-between; max-width:1200px; margin:0 auto; } 
	.recruit-footer-cta .recruit-entry { width:calc(50% - 16px); margin:0; }
	.recruit-footer-cta .recruit-entry a { font-size:26px; }
	.recruit-footer-cta .recruit-entry a:after { width:16px; height:16px; right:24px; }
	.recruit-footer-cta .recruit-entry .en { font-size:16px; }
}

/* 採用サイト > フッター > モバイルメニュー */
.sp-recruit-footer-menu { padding:40px 0 24px; }
.sp-recruit-footer-menu ul { text-align:center; }
.sp-recruit-footer-menu li + li { margin-top:8px; }
.sp-recruit-footer-menu a { font-size:14px; }

@media (min-width: 1024px){ 
	.sp-recruit-footer-menu { display:none; }
}

/* 採用サイト > フッター > コピーライト */
.recruit-footer .recruit-copyright { color:#0072b9; font-size:12px; padding:16px 0; }
.recruit-footer .recruit-copyright li { text-align:center; }
.recruit-footer .recruit-copyright li + li { margin-top:8px; }
.recruit-footer .recruit-copyright a { color:#0072b9; font-size:14px; }
.recruit-footer .recruit-copyright a:after { font-family:"FontAwesome"; content:"\f08e"; }

@media (min-width: 1024px){ 
	.recruit-footer .recruit-copyright { padding:16px; }
	.recruit-footer .recruit-copyright ul { display:flex; justify-content: space-between; align-items:center; }
	.recruit-footer .recruit-copyright li + li { margin:0; }
	.recruit-footer .recruit-copyright a { font-size:12px; }
}

/* ****************************** 
   旧インラインスタイル調整
   ****************************** */
/* 共通CSS */
.c-block--page p { margin-bottom: 1em; }
.c-block--page ol li, 
.c-block--page ul li { margin-bottom: 0.6em; }
.c-block-scroll { overflow: auto; height: 350px; width: 100%; border: 1px solid #C2D4E2; padding: 15px; }		

/* vk-blocks-build-css-inline-css */
@media (max-width: 575.98px) { :root,body { --vk-margin-xs:1.2rem; --vk-margin-sm:1.5rem; --vk-margin-md:2rem; --vk-margin-lg:3rem; --vk-margin-xl:4rem; } }
@media (min-width: 576px) and (max-width: 991.98px) { :root,body { --vk-margin-xs:2rem; --vk-margin-sm:3rem; --vk-margin-md:4rem; --vk-margin-lg:6rem; --vk-margin-xl:8rem; } }
@media (min-width: 992px) { :root,body { --vk-margin-xs:2rem; --vk-margin-sm:3rem; --vk-margin-md:4rem; --vk-margin-lg:6rem; --vk-margin-xl:8rem; } }
:root { --vk-size-text:16px; --vk-color-primary:#337ab7; }
:root { --vk-balloon-border-width:1px; --vk-balloon-speech-offset:-12px; }

/* ****************************** 
   main.css調整
   ****************************** */
.c-block__inner--12 { width: 100%; max-width: 1230px; }

/* bootstrap */
.text-center { text-align:center; }

/* fontawesome */
a[role=textlink][target=_blank]:after { font-family:"FontAwesome"; content:"\f08e"; }

/* トップページ > お知らせエリア */
.p-top-firstview__wrap { padding:0; }
.p-top-news-wrap { padding-bottom:130px; }
.p-top-news-wrap--biz { padding-bottom:0; }

@media screen and (min-width: 769px) {
	.p-top-firstview__wrap { padding:20px 0 0; }
	.p-top-news-wrap { padding-bottom:200px; }
	.p-top-news-wrap--biz { padding-bottom:40px; }
}

/* 固定ページ > タイトルエリア */
.p-page__eyecatch { max-width:640px; margin-left:auto; margin-right:auto; }


/* 法人・事業者のお客様トップ */
.p-top-story__wrap--biz { margin-top:40px; }

@media screen and (min-width: 769px) {
	.p-top-story__wrap--biz { margin-top:60px; }
}

/* 採用サイト */
.p-recruit__recruit-button:after { font-family:"FontAwesome"; content:"\f105"; }
.p-recruit__button:after { font-family:"FontAwesome"; content:"\f105"; }
.p-recruit-environment__anchor:after { font-size:19px; font-family:"FontAwesome"; font-weight:400; content:"\f105"; }
.p-recruit-environment__anchor.is-select:after { font-family:"FontAwesome"; content:"\f107"; }

@media (min-width: 768px){ 
	.p-recruit-environment__anchor:after { font-size:24px; }
}

.p-recruit .icon-plus{ display:inline-block; width:20px; height:20px; position:relative; vertical-align:middle}
.p-recruit .icon-plus::before,
.p-recruit .icon-plus::after{ content:""; position:absolute; left:50%; top:50%; background:#0072b9; transform:translate(-50%,-50%); border-radius:1px}
.p-recruit .icon-plus::before{ width:2px; height:20px}
.p-recruit .icon-plus::after{ width:20px; height:2px}

/* 採用サイト > 新卒採用 */
.p-recruit-entry__anchor:after { font-size:19px; font-family:"FontAwesome"; font-weight:400; content:"\f107"; }

@media (min-width: 768px){ 
	.p-recruit-entry__anchor:after { font-size:24px; }
}

/* ****************************** 
   HBP向け調整
   ****************************** */
/* グローバルナビ */
@media (min-width: 1200px){ 
	.header .pc-nav { min-width: 908px; margin-left:auto; }
	.header .pc-nav .upper-menu a { white-space:nowrap; }
}

/* ローン > アンカーリンク */
.is-page-loan .p-page-anchor__list { display:flex; flex-wrap:wrap; gap:0; }
.is-page-loan .p-page-anchor__item { width:50%; padding:5px; }

@media screen and (min-width: 769px) {
	.is-page-loan .p-page-anchor__item { width:33.33%; padding:5px; }
}

/* ローン > アイキャッチ */
.is-page-loan .p-loan__eyecatch { display:flex; flex-direction:column; }

@media screen and (min-width: 769px) {
	.is-page-loan .p-loan__eyecatch { flex-direction:row; }
	.is-page-loan .p-loan__eyecatch img { width:50%; }
}

/* ローン > ボタンラッパー */
.is-page-loan .p-loan__button-wrap { display:flex; flex-direction:column; align-items: center; }

@media screen and (min-width: 769px) {
	.is-page-loan .p-loan__button-wrap { flex-direction:row; }
	.is-page-loan .p-loan__button-inner { width:50%; }
	.is-page-loan .p-loan__button-wrap .c-button,
	.is-page-loan .p-loan__button-wrap .p-loan__button { padding: }

	.is-page-loan #myhome .p-loan__button-wrap .c-button:first-child,
	.is-page-loan #reform .p-loan__button-wrap .c-button:first-child,
	.is-page-loan #mycar .p-loan__button-wrap .c-button:first-child { padding-top:50px; }
}

/* ローン > 金利 */
@media screen and (min-width: 769px) {
	.is-page-loan .p-loan__rate-inner { padding-top:15px; }
}

/* ローン > 金利 > 住宅ローン */
.p-loan__rate--myhome { display:flex; flex-direction:column; gap:0; }
.p-loan__rate--myhome .p-loan__rate-item + .p-loan__rate-item { margin-top:10px; }

@media screen and (min-width: 769px) {
	.p-loan__rate--myhome { flex-direction:row; }
	.p-loan__rate--myhome .p-loan__rate-item { display:block; }
	.p-loan__rate--myhome .p-loan__rate-inner { display:block; }
	.p-loan__rate--myhome .p-loan__rate-most,
	.p-loan__rate--myhome .p-loan__rate-value--myhome,
	.p-loan__rate--myhome .p-loan__rate-base { display:block; white-space: nowrap; }

	.p-loan__rate--myhome .p-loan__rate-item + .p-loan__rate-item { margin-top:0; margin-left:10px; }
	.p-loan__rate--myhome .p-loan__rate-item:nth-child(1) { width:25%;}
	.p-loan__rate--myhome .p-loan__rate-item:nth-child(2) { width:75%;}

	.p-loan__rate--myhome .p-loan__rate-fixed { display:flex; }
	.p-loan__rate--myhome .p-loan__rate-fixed .p-loan__rate-inner--myhome { width:33.33%; }
}

/* ローン > 金利 > その他 */
.p-loan__rate { background:none; display:flex; flex-direction:column; gap:0; }
.p-loan__rate-item { background: #fff; }
.p-loan__rate .p-loan__rate-item + .p-loan__rate-item { margin-top:10px; }

@media screen and (min-width: 769px) {
	.p-loan__rate { flex-direction:row; justify-content:center; }
	.p-loan__rate .p-loan__rate-item + .p-loan__rate-item { margin-top:0; margin-left:10px; }
	.p-loan__rate .p-loan__rate-value,
	.p-loan__rate .p-loan__rate-comment { display:block; }
	.p-loan__rate-item { display:block; }
	.p-loan__rate-inner { display:block; }

	.p-loan__point-list { gap:0; }
	.p-loan__point-item { margin:15px 10px; }

	.is-page-loan #reform .p-loan__rate-item { width:33.33%; }
	.is-page-loan #mycar .p-loan__rate-item { width:33.33%; }
	.is-page-loan #education .p-loan__rate-item { width:50%; }
	.is-page-loan #free .p-loan__rate-item { width:50%; }
	.is-page-loan #card .p-loan__rate-item { width:33.33%; }
}

/* ローン > カード */
@media screen and (min-width: 769px) {
	.is-page-loan #card .p-loan__rate { flex-wrap:wrap; justify-content: left; }
	.is-page-loan #card .p-loan__rate-item { width:calc(33.33% - 10px); }
	.is-page-loan #card .p-loan__rate-item:nth-child(4) { margin-top:10px; margin-left:0; }
}

/* ローン > ローン相談のご案内 */
.p-loan__guide { display:flex; flex-direction: column-reverse; gap:0; }
.p-loan__guide-img { margin-bottom:24px; }

@media screen and (min-width: 769px) {
	.p-loan__guide { flex-direction: row; }
	.p-loan__guide .p-loan__guide-inner { margin-right:20px; }
	.p-loan__guide .p-loan__guide-img { width:450px; height:auto; align-self: flex-start; }
}

/* ローン > リフォームローン > きょうえいのリフォームローンはこんな人にオススメ！ */
.is-page-loan .p-loan__recommend { display:flex; flex-direction: column-reverse; gap:0; }
.is-page-loan .p-loan__recommend-img { margin-top:35px; }

@media screen and (min-width: 769px) {
	.is-page-loan .p-loan__recommend { flex-direction: row; }
	.is-page-loan .p-loan__recommend .p-loan__recommend-img { width:35%; margin-top:0; margin-right:40px; }
	.is-page-loan .p-loan__recommend .p-loan__recommend-inner { width:65%; }
}

/* ローン > 教育ローン */
	.is-page-loan #education .p-loan__button-inner { width:100%; }
	.is-page-loan #education .p-loan__button { margin-left:auto; margin-right:auto; }

/* WEB完結ローン */
@media screen and (min-width: 769px) {
	.is-page-web-completion .p-loan__rate-inner { padding-top:15px; }

	.is-page-web-completion #mycar .p-loan__rate-item { width:33.33%; }
	.is-page-web-completion #education .p-loan__rate-item { width:33.33%; }
	.is-page-web-completion #education .p-loan__rate-inner { padding-top:30px; }
	.is-page-web-completion #free .p-loan__rate-item { width:33.33%; }
	.is-page-web-completion #reform .p-loan__rate-item { width:33.33%; }
	.is-page-web-completion #card .p-loan__rate-item { width:50%; }
}