@charset "utf-8";
/* Alice_20210219 */
/*Borrower Landing CSS*/

@import url("calculator.css");


/* --------------------------------
    CSS INDEX
-------------------------------- */
/*
1. COMMON
2. TYPE A
3. TYPE B
4. NAVIGATION
5. SLIDE LEFT MENU
6. MEDIA QUERY

*/


/* --------------------------------
    1. COMMON
-------------------------------- */
/*p { margin:0; }*/


/* --------------------------------
    2. TYPE A
-------------------------------- */
.landing-classic .landing-wrap { width: 100%; margin: 0 auto 0 auto; text-align: center; box-sizing: border-box; }
.landing-classic .landing-wrap .section01 { display: inline-block; position: relative; width: 100%; min-height: 350px; margin: 0; padding: 35px 0; background: #f2f2f2; /*background:rgba(242, 242, 242, 0.8);*/ font-size: 1.15rem; text-align: left; box-sizing: border-box; /*clip-path:polygon(0% 0%, 100% 0, 100% 86%, 50% 100%, 0 86%);*/ }
.landing-classic .landing-wrap .section02 { display: inline-block; width: 100%; max-width: 800px; min-height: 120px; margin: 0 auto; padding: 0; box-sizing: border-box; }
.landing-classic .landing-wrap .section01-group { width: 100%; max-width: 800px; min-height: 100px; margin: 0 auto; padding: 25px 0 15px 0; box-sizing: border-box; }
.landing-classic .landing-wrap .section01 .picture-wrap { display: inline-block; overflow: hidden; width: 240px; height: 240px; margin: 0 auto; border: 1px solid #b7b7b7; border-radius: 2px; background: #fff; text-align: center; line-height: 235px; vertical-align: top; box-sizing: border-box; }
.landing-classic .landing-wrap .section01 .picture-wrap img { max-width: 230px; max-height: 230px; width: 230px; height: 230px; margin: 0 auto; vertical-align: middle; }
.landing-classic .landing-wrap .section01 .landing-info { margin: 20px 0 0 0; }
.landing-classic .landing-wrap .section01 .lo_info { display: inline-block; width: 500px; margin-left: 20px; vertical-align: top; }
.landing-classic .landing-wrap .section01 .lo_info ul { min-height: 190px; margin: 0; padding: 0; }
.landing-classic .landing-wrap .section01 .lo_info ul li.title { display: block; width: 100%; padding: 5px 0; color: var(--defaultBlue); font-size: calc(2.1rem + .1vw); font-weight: 500; }
.landing-classic .landing-wrap .section01 .lo_info ul li.title h1 { display: block; width: 100%; padding: 0; color: var(--defaultBlue); font-size: calc(2.1rem + .1vw); font-weight: 500; margin:0; }
.landing-classic .landing-wrap .section01 .lo_info ul li { margin: 0 0 0 0; padding: 0 0 15px 0; color: var(--defaultText); line-height: initial; }
.landing-classic .landing-wrap .section01 .lo_info ul li i { width: 20px; margin-top: 3px; margin-right: 10px; color: var(--defaultText); font-family: 'Font Awesome 6 Pro' !important; opacity: .6; }
.landing-classic .landing-wrap .section01 .lo_info ul li.lo_title { width: 100%; max-height: 60px; box-sizing: border-box; }
.landing-classic .landing-wrap .section01 .lo_info ul li.lo_nmls { display: inline-flex; width: 94%; padding-bottom: 5px; }
.landing-classic .landing-wrap .section01 .lo_info ul li.lo_nmls i { margin-top: 2px; }
.landing-classic .landing-wrap .section01 .lo_info ul li.lo_num { display: inline-flex; width: 94%; padding-bottom: 5px; }
.landing-classic .landing-wrap .section01 .lo_info ul li.lo_email { display: inline-flex; width: 94%; padding-bottom: 5px; word-break: break-all; }
.landing-classic .landing-wrap .section01 .lo_info ul li.title + .lo_nmls { padding-top: 15px; }
.landing-classic .landing-wrap .section01 .lo_info ul li.title + .lo_num { padding-top: 15px; }


.landing-classic .landing-wrap .section01 .lo_info .landing-wrap { min-height: 190px; margin: 0; padding: 0; text-align:left; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.title { display: block; width: 100%; padding: 5px 0; color: var(--defaultBlue); font-size: calc(2.1rem + .1vw); font-weight: 500; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.title h1 { display: block; width: 100%; padding: 0; color: var(--defaultBlue); font-size: calc(2.1rem + .1vw); font-weight: 500; margin:0; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.title .name { display: block; width: 100%; padding: 0; color: var(--defaultBlue); font-size: calc(2.1rem + .1vw); font-weight: 500; margin:0; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div { margin: 0 0 0 0; padding: 0 0 15px 0; color: var(--defaultText); line-height: initial; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div i { width: 20px; margin-top: 3px; margin-right: 10px; color: var(--defaultText); font-family: 'Font Awesome 6 Pro' !important; opacity: .6; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.lo_title { width: 100%; max-height: 60px; box-sizing: border-box; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.lo_nmls { display: inline-flex; width: 94%; padding-bottom: 5px; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.lo_nmls i { margin-top: 2px; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.lo_num { display: inline-flex; width: 94%; padding-bottom: 5px; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.lo_email { display: inline-flex; width: 94%; padding-bottom: 5px; word-break: break-all; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.title + .lo_nmls { padding-top: 15px; }
.landing-classic .landing-wrap .section01 .lo_info .landing-wrap  div.title + .lo_num { padding-top: 15px; }

.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap { margin: 0; padding: 50px 0; text-align: initial; line-height: 1.2em; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro { line-height: inherit; word-break: break-word; font-size: inherit; text-align: initial; line-height: initial; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro p { font-family: inherit; font-size: inherit; text-align: initial; line-height: initial; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro span { font-family: inherit; font-size: inherit; line-height: initial; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro bold { font-family: inherit; font-size: inherit; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro strong { font-family: inherit; font-size: inherit; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro em { font-family: inherit; font-size: inherit; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro img { max-width: 760px; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap ul.linked_icons { margin-top: 0; padding: 0; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap ul.linked_icons li { display: inline-block; }
.landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap ul.linked_icons li img { width: 22px; margin-top: 15px; }

.landing-classic .landing-wrap .section02 .company_info { display: inline-block; width: 100%; max-width: 1000px; margin: 0 0 20px 0; padding: 30px 0; border-top: 1px solid #c5c5c5; color: var(--defaultText); font-size: 1.15rem; text-align: center; vertical-align: top; box-sizing: border-box; }
.landing-classic .landing-wrap .section02 .company_info dt { display: inline-block; margin-right: 1%; font-size: 1.25rem; font-weight: 500; vertical-align: middle; word-break: break-word; }
.landing-classic .landing-wrap .section02 .company_info dd { display: inline-block; text-align: left; vertical-align: middle; }
.landing-classic .landing-wrap .section02 .company_info dd div { display: inline-block; }
.landing-classic .landing-wrap .section02 .company_info dd div:nth-child(1) { margin-right: 40px; }
.landing-classic .landing-wrap .section02 .company_info dd div:last-of-type { display: block; margin-top: 7px; }
.landing-classic .landing-wrap .section02 .company_info dd span { margin-right: 10px; margin-bottom: 5px; }
.landing-classic .landing-wrap .section02 .company_info dd span:nth-child(2) { vertical-align: 1px; opacity: 0.6; }

.landing-classic .landing-wrap .section02 .company_info { display: inline-block; width: 100%; max-width: 1000px; margin: 0 0 20px 0; padding: 30px 0; border-top: 1px solid #c5c5c5; color: var(--defaultText); font-size: 1.15rem; text-align: center; vertical-align: top; box-sizing: border-box; }
.landing-classic .landing-wrap .section02 .company_info .ci_logo { display: inline-block; margin-right: 1%; font-size: 1.25rem; font-weight: 500; vertical-align: middle; word-break: break-word; }
.landing-classic .landing-wrap .section02 .company_info .ci_context { display: inline-block; text-align: left; vertical-align: middle; }
.landing-classic .landing-wrap .section02 .company_info .ci_context div { display: inline-block; }
.landing-classic .landing-wrap .section02 .company_info .ci_context div:nth-child(1) { margin-right: 40px; }
.landing-classic .landing-wrap .section02 .company_info .ci_context div:last-of-type { display: block; margin-top: 7px; }
.landing-classic .landing-wrap .section02 .company_info .ci_context span { margin-right: 10px; margin-bottom: 5px; }
.landing-classic .landing-wrap .section02 .company_info .ci_context span:nth-child(2) { vertical-align: 1px; opacity: 0.6; }


.landing-wrap .section02 .logo-container { text-align: right; }
.landing-wrap .section02 .logo-container .equalhousing-logo { display: inline-block; float: none; }
.landing-wrap .section02 .logo-container .equalhousing-logo img { max-width: 90px; max-height: 90px; margin-inline: 3px; }

footer { max-width: 800px; margin: 0 auto 20px; }
footer .logo-container { max-width:1000px; display:flex; justify-content:flex-end; margin: 3px 0 0 0; }
footer .logo-container img { visibility:visible; }
footer .logo-container img.equalhousing { max-width: 90px; height: inherit; margin-top: 0; }
.landing-classic .btn-landing { max-width: 500px; text-align: left; }

/*common*/
.btn-landing a.btn_comm { display: inline-block; width: 200px; padding: .72rem 2rem; border: 1px solid var(--colorSet1); border-radius: .382rem; background: var(--colorSet1); font-size: 1.15rem; color: #fff; text-align: center; box-sizing: border-box; box-shadow: none; }


/* --------------------------------
    3. TYPE B
-------------------------------- */
.landing-renewal .header_landing { height: 75px; background: #034875; }
.landing-renewal .header_landing h1 { margin-left: 5%; color: #fff; font-size: 2em; text-align: left; line-height: 73px; letter-spacing: -0.04em; }
.landing-renewal .picture-bg { position: absolute; top: -270px; left: 50%; z-index: -1; width: 600px; height: 400px; margin-left: -300px; border-radius: 100%; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(104, 163, 207, 1)), to(rgba(255, 255, 255, 1))); }
.landing-renewal .landing-wrap { width: 100%; max-width: 1000px; margin: 0 auto 0 auto; text-align: center; }
.landing-renewal .landing-wrap .section01 { display: inline-block; position: relative; width: 100%; min-height: 350px; margin: 0; padding: 55px 0; font-size: 1.15rem; text-align: center; box-sizing: border-box; }
.landing-renewal .landing-wrap .section02 { display: inline-block; width: 100%; max-width: 800px; min-height: 120px; margin: 0 auto; padding: 0; box-sizing: border-box; }
.landing-renewal .landing-wrap .section01-group { width: 100%; max-width: 800px; min-height: 100px; margin: 0 auto; padding: 0 0 15px 0; box-sizing: border-box; }
.landing-renewal .landing-wrap .section01 .picture-wrap { overflow: hidden; width: 172px; height: 172px; margin: 10px auto 0 auto; border-radius: 170px; background: #fff; text-align: center; line-height: 235px; vertical-align: top; box-sizing: border-box; box-shadow: inset #e8e8e8 -4px -4px 0 0; }
.landing-renewal .landing-wrap .section01 .picture-wrap img { max-width: 170px; max-height: 170px; width: 100%; height: 100%; margin: 0 auto; border: 6px solid #fff; border-radius: 100px; vertical-align: top; box-sizing: border-box; }
.landing-renewal .landing-wrap .section01 .landing-info { margin: 20px 0 0 0; }
.landing-renewal .landing-wrap .section01 .lo_info { display: inline-block; width: 100%; vertical-align: top; }
.landing-renewal .landing-wrap .section01 .lo_info ul { margin: 0; padding: 0; }
.landing-renewal .landing-wrap .section01 .lo_info ul li.title { padding: 12px 0 0 0; font-weight: 500; }
.landing-renewal .landing-wrap .section01 .lo_info ul li.title span:nth-child(1) { display: block; margin-bottom: 25px; color: var(--defaultBlue); font-size: calc(2.1rem + .1vw); }
.landing-renewal .landing-wrap .section01 .lo_info ul li.title span:nth-child(2) { display: inline-block; margin: 0 10px 0 0; padding: 5px 0; font-size: 1.15rem; }
/*.landing-renewal .landing-wrap .section01 .lo_info ul dt span { display:inline-block; }
.landing-renewal .landing-wrap .section01 .lo_info ul dt span.dsp_inb { min-width:50px; }
.landing-renewal .landing-wrap .section01 .lo_info ul dt a { display:inline; color:inherit; text-decoration:underline; cursor:pointer; word-break:break-word; white-space:normal; }*/
.landing-renewal .landing-wrap .section01 .lo_info ul li { margin: 0 0 0 0; padding: 0 0 5px 0; color: var(--defaultText); line-height: initial; }
.landing-renewal .landing-wrap .section01 .lo_info ul li i { margin-top: 3px; margin-right: 10px; color: var(--defaultText); font-family: 'Font Awesome 6 Pro' !important; opacity: .6; }
.landing-renewal .landing-wrap .section01 .lo_info ul li.lo_num { display: inline-flex; max-width: 94%; margin: 5px 20px 0 0; }

.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap { margin: 0; padding: 50px 20px; text-align: initial; line-height: 1.2em; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro { line-height: inherit; word-break: break-word; font-size: inherit; text-align: initial; line-height: initial; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro p { font-family: inherit; font-size: inherit; text-align: initial; line-height: initial; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro span { font-family: inherit; font-size: inherit; line-height: initial; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro bold { font-family: inherit; font-size: inherit; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro strong { font-family: inherit; font-size: inherit; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro em { font-family: inherit; font-size: inherit; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro img { max-width: 760px; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap ul.linked_icons { margin-top: 0; padding: 0; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap ul.linked_icons li { display: inline-block; }
.landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap ul.linked_icons li img { width: 22px; margin-top: 15px; }

.landing-renewal .landing-wrap .section02 .company_info { display: inline-block; width: 100%; max-width: 1000px; margin: 0 0 20px 0; padding: 30px 0; border-top: 1px solid #c5c5c5; color: var(--defaultText); font-size: 1.15rem; text-align: center; vertical-align: top; box-sizing: border-box; }
.landing-renewal .landing-wrap .section02 .company_info dt { display: inline-block; margin-right: 1%; font-size: 1.25rem; font-weight: 500; vertical-align: middle; word-break: break-word; }
.landing-renewal .landing-wrap .section02 .company_info dd { display: inline-block; text-align: left; vertical-align: middle; }
.landing-renewal .landing-wrap .section02 .company_info dd div { display: inline-block; min-height: 22px; }
.landing-renewal .landing-wrap .section02 .company_info dd div:nth-child(1) { margin-right: 40px; }
.landing-renewal .landing-wrap .section02 .company_info dd div:last-of-type { display: block; margin-top: 7px; }
.landing-renewal .landing-wrap .section02 .company_info dd span { margin-right: 10px; margin-bottom: 5px; }
.landing-renewal .landing-wrap .section02 .company_info dd span:nth-child(2) { vertical-align: 1px; opacity: 0.6; }

.landing-renewal .equalhousing-logo { margin: 3px 0 0 0; }
.landing-renewal .equalhousing-logo img.equalhousing { max-width: 90px; height: inherit; margin-top: 0; }


/* --------------------------------
    4. NAVIGATION
-------------------------------- */
.nav-landing { padding-bottom: 20px; text-align: right; }
.nav-landing dd { display: inline-block; height: 32px; font-size: 14px; text-align: right; vertical-align: middle; }
.nav-landing dd.name { font-size: 12px; }
.nav-landing dd.name span { color: var(--defaultBlue); font-size: 15px; font-weight: bold; }
.nav-landing dd.borderline { width: 10px; padding: 10px 5px; color: #6d6d71; font-weight: normal; cursor: default; }
.nav-landing dd a { display: inline-block; }
.nav-landing .ico-lang { position: absolute; top: 8px; left: 9px; font-size: 16px; }
.nav-landing .fa-caret-down { position: absolute; top: 7px; right: 10px; font-size: 16px; }
.nav-landing .nav-lang { display: inline-block; position: relative; min-width: 45px; height: 32px; padding: 0 2px; color: var(--defaultBlue); font-weight: normal; font-size: 13px; text-align: left; line-height: 1.5em; vertical-align: middle; cursor: pointer; }
.nav-landing .nav-lang .dropdown-box { height: 32px; padding-left: 30px; border-radius: .382rem; background: #6d6d71; color: #fff; line-height: 28px; cursor: pointer; box-sizing: border-box; }
.nav-landing .nav-lang .dropdown-list { position: absolute; top: 35px; right: 2px; z-index: 1004; width: 113px; border: 1px solid #afafaf; border-radius: .382rem; background: rgba(255, 255, 255, 0.96); color: var(--defaultText); }
.nav-landing .nav-lang .dropdown-list dd { width: 100%; padding: 4px 10px; border-radius: .382rem; font-size: 1.1em; text-align: right; cursor: pointer; box-sizing: border-box; }
.nav-landing .nav-lang .dropdown-list dd:hover { color: var(--defaultBlue); text-decoration: underline; }
/*.nav-landing button:hover { opacity:0.9; }*/
.btn-landing-menu-draw { display: block; margin: 10px -10px 0 0; padding: 8px; border: 1px solid var(--defaultBlue); border-radius: .65rem; background: var(--defaultBlue); font-size: 1.5em; cursor: pointer; }
.nav-landing .landing-slide-menu dd { height: inherit; }

/*new style menu*/
.landing-menu-type__2 { padding-bottom: 20px; text-align: right; }
.landing-menu-type__2 li { display: inline-block; height: 32px; margin: 0 8px; font-size: 16px; text-align: right; vertical-align: middle; }
.landing-menu-type__2 li.borderline { width: 10px; padding: 10px 5px; color: #6d6d71; font-weight: normal; cursor: default; }
.landing-menu-type__2 li:first-of-type { margin-left: 0; }
.landing-menu-type__2 li:last-of-type { margin-inline: 0; }
.landing-menu-type__2 li a,
.landing-menu-type__2 li button { width: 100%; min-width: initial; min-height: initial; padding: 0; border: none; background: none; color: inherit; font-size: inherit; text-align: center; box-sizing: border-box; box-shadow: none; }

.landing-menu-type__2 .ico-lang { position: absolute; top: 7px; left: 7px; font-size: 20px; color: var(--defaultText); }
.landing-menu-type__2 .fa-caret-down { position: absolute; top: 7px; right: 10px; font-size: 16px; }
.landing-menu-type__2 .nav-lang { display: inline-block; position: relative; width: 40px; min-width: inherit; height: 32px; padding: 0; border-radius: 100%; background: none; color: var(--defaultText); font-weight: normal; font-size: 13px; text-align: center; line-height: inherit; vertical-align: middle; cursor: pointer; box-sizing: border-box; }
.landing-menu-type__2 .nav-lang button:not(.dropdown-list button) { display: inline-block; position: relative; width: 40px; min-width: inherit; height: 30px; padding: 0; background: none; font-weight: 500; font-size: 30px; text-align: center; line-height: 30px; vertical-align: middle; cursor: pointer; box-sizing: border-box; }
.landing-menu-type__2 .nav-lang button:not(.dropdown-list button):is(:focus, :hover, :active) { color: var(--colorSet2); }
.landing-menu-type__2 .nav-lang .dropdown-box { height: 32px; padding-left: 30px; border-radius: .382rem; background: none; color: var(--defaultText); line-height: 28px; cursor: pointer; box-sizing: border-box; }
.landing-menu-type__2 .nav-lang .dropdown-list { position: absolute; top: 32px; right: 2px; z-index: 1004; width: inherit; min-width: 120px; padding: 0; border: none; border-radius: .382rem; background: rgba(255, 255, 255, 0.38); color: var(--defaultText); box-shadow: var(--default-shadow); box-sizing: border-box; }
.landing-menu-type__2 .nav-lang .dropdown-list li { width: 100%; height: inherit; margin: 0; padding: 0; border-radius: 0; font-size: 14px; text-align: center; cursor: pointer; box-sizing: border-box; }
.landing-menu-type__2 .nav-lang .dropdown-list li:hover { background: var(--defaultHover); color: var(--colorSet2); text-decoration: none; }
.landing-menu-type__2 .nav-lang .dropdown-list li:nth-child(1) { border-radius: .382rem .382rem 0 0; }
.landing-menu-type__2 .nav-lang .dropdown-list li:nth-child(2) { border-radius: 0 0 .382rem .382rem; }
.landing-menu-type__2 .nav-lang .dropdown-list button { height: 40px; line-height: 40px; }
.landing-menu-type__2 .nav-lang .dropdown-list button:is(:focus, :hover, :active) { color: var(--colorSet2); }
.nav-index .landing-menu-type__2 a { height: 32px; padding: 0 5px; border: 0; background: transparent; color: var(--defaultText); font-size: 16px; text-align: center; }
.nav-index .landing-menu-type__2 a:is(:focus, :hover, :active) { color: var(--colorSet2); text-decoration: underline; }
.nav-index .landing-menu-type__2 a.on { color: var(--colorSet2); font-weight: 400; text-decoration: underline; }

.new-nav-wrap{ padding: 10px 0; display:flex; justify-content:center; align-items:center; }
.nav-landing { padding-bottom: 0 !important; }

/* --------------------------------
    5. SLIDE LEFT MENU
-------------------------------- */
.landing-menu-container { padding-top: 30px; background: #fff; text-align: left; }
.landing-menu-container ul { padding-top: 10px; }
.landing-menu-container ul li { width: 100%; height: 44px; margin: 0; padding: 0; border-bottom: 1px solid #e7e7e7; font-weight: 500; box-sizing: border-box; cursor: pointer; }
.landing-menu-container ul li:hover { background: var(--defaultHover); color: var(--colorSet2); }
.landing-menu-container ul li:last-of-type { position: relative; }
.landing-menu-container ul li:last-of-type { border-bottom: none; }
.landing-menu-container ul li.bg-enabled { background: var(--defaultHardLightBlue); }
.landing-menu-container ul li.bg-enabled button:not(.dropdown-list button) { color: var(--colorSet2); }
.landing-menu-container ul li i { margin-left: 5px; font-size: 0.8em; vertical-align: 0; }
.landing-menu-container ul li .dropdown-list { position: absolute; top: 44px; right: 0; width: 100%; background: #fff; }
.landing-menu-container ul li .dropdown-list ul { padding: 0; }
.landing-menu-container ul li .dropdown-list ul li { border-bottom: none; opacity: 1; }
.landing-menu-container ul li .dropdown-list ul li:hover button { text-decoration: underline; }

.landing-menu-container ul li a,
.landing-menu-container ul li button { width: 100%; padding: 10px 5px 12px 1.2rem; border: none; border-radius: 0; background: none; color: inherit; font-size: inherit; text-align: left; box-sizing: border-box; }

/*.landing-menu-container dl dd .dropdown-list dl dd:hover { opacity:0.8; }*/
.left-slide-menu .menu-list-slide { width: 100%; max-width: 100%; height: fit-content; min-height: 142px; box-sizing: border-box; }
.drawer { display: flex; overflow: auto; z-index: 2002; position: fixed; top: 0; bottom: 0; background-color: #fff; transition: transform .3s ease-in-out; }
.drawer.drawer-end { left: 0; transform: translateY(-100%); }
.drawer.drawer-on { transform: none; transition: transform .3s ease-in-out; }
.left-slide-menu .menu-list-slide .left-menu-title span { left: inherit; right: 0; padding: 8px 1rem 0 2rem; }
.left-slide-menu .menu-list-slide.drawer { height: initial; background: transparent; }


/* --------------------------------
    6. MEDIA QUERY
-------------------------------- */

@media screen and (max-width:1269px) {
    /*classic*/
    .landing-classic .landing-wrap { max-width: 100%; width: 100% !important; }
    .landing-classic .landing-wrap .section01 { width: 100%; padding: 35px 5% 35px 5%; }
    .landing-classic .landing-wrap .section02 { width: 100%; min-height: inherit; margin: 0; padding: 0; }
    .landing-classic .landing-wrap .section01-group { width: 100%; }
    .landing-classic .landing-wrap .section01 .picture-wrap { width: 240px; height: 240px; margin: 0 auto; line-height: 234px; }
    .landing-classic .landing-wrap .section01 .picture-wrap img { max-width: 230px; max-height: 230px; }
    .landing-classic .landing-wrap .section01 .landing-info span.nmls_info { width: 100%; }
    .landing-classic .landing-wrap .section02 .lo_info .title { font-size: 1.2em; }
    .landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap { min-height: inherit; }
    .landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro { overflow-x: auto; overflow-y: auto; height: inherit; min-height: 100px; }
    .landing-classic .landing-wrap .section02 .lo_info .equalhousing-logo { text-align: right; }
    .landing-classic .landing-wrap .section02 .lo_info .equalhousing-logo img.equalhousing { width: 22%; min-width: 80px; }
    .landing-classic .lang_wrap { position: inherit; top: inherit; bottom: inherit; left: inherit; width: 230px; margin: 15px auto 0 auto; text-align: left; }
    .landing-classic .lang_wrap select.wth_150 { width: 80% !important; }
    .landing-classic .lang_wrap img.icon_lang { height: 28px; margin-top: 10px; vertical-align: top; }
    .btn-landing button.btn_wide { min-width: 250px; max-width: 250px; }

    /*renewal*/
    .landing-renewal .landing-wrap .section01 { padding: 55px 5%; }
    .landing-renewal .landing-wrap .section02 { padding: 0 2%; }
    .landing-renewal .landing-wrap .section02 .lo_info { padding: 0 3%; }

    .landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro img { max-width: 100% !important; }
    .landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro img { max-width: 100% !important; }
}

/*narrow screen*/
@media screen and (max-width:870px) {
    /*classic*/
    .landing-classic .landing-wrap .section01 { text-align: center; }
    .landing-classic .landing-wrap .section01 .lo_info { width: 100%; margin-left: 0; font-size: 1.15rem; }
    .landing-classic .landing-wrap .section01 .lo_info ul { min-height: inherit; }
    .landing-classic .landing-wrap .section01 .lo_info ul li.title { margin-bottom: 10px; padding-top: 10px; padding-bottom: 0; }
    .landing-classic .landing-wrap .section01 .lo_info ul li.lo_title { display: inline-block; max-width: 94%; text-align: center; }
    .landing-classic .landing-wrap .section01 .lo_info ul li.lo_nmls { display: inline-block; max-width: 94%; text-align: center; }
    .landing-classic .landing-wrap .section01 .lo_info ul li.lo_num { display: inline-block; max-width: 94%; text-align: center; }
    .landing-classic .landing-wrap .section01 .lo_info ul li.lo_email { display: inline-block; max-width: 94%; text-align: center; }
    .landing-classic .landing-wrap .section01 .lo_info ul li i { margin-top: 0 !important; vertical-align: -3px; }
    .landing-classic .landing-wrap .section01 .lo_info ul li.lo_nmls i { vertical-align: -2px; }

    .landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap { padding: 40px 0; }
    .landing-classic .landing-wrap .section02 .company_info { width: 100%; font-size: 1.15rem; }
    .landing-classic .landing-wrap .section02 .company_info dt { width: 100% !important; margin-bottom: 10px; font-size: 1.25rem; text-align: left; }
    .landing-classic .landing-wrap .section02 .company_info dd { width: 100% !important; text-align: left; }
    .landing-classic .btn-landing { text-align: center; }
    .landing-classic .equalhousing-logo { float: initial; }

    /*renewal*/
    .landing-renewal .landing-wrap .section01 .lo_info { width: 100%; font-size: 1.15rem; }
    .landing-renewal .landing-wrap .section02 .company_info { width: 100%; font-size: 1.15rem; }
    .landing-renewal .landing-wrap .section02 .company_info dt { width: 100% !important; margin-bottom: 10px; font-size: 1.25rem; text-align: left; }
    .landing-renewal .landing-wrap .section02 .company_info dd { width: 100% !important; text-align: left; }

    .landing-classic .landing-wrap .section02 .company_info dd span:first-of-type { display: inline-block; min-width: 77px; }
    .landing-classic .landing-wrap .section02 .company_info dd div { width: 100%; margin: 0; }
    .landing-classic .landing-wrap .section02 .company_info dd div:nth-child(1) { margin-top: 10px; }
    .landing-classic .landing-wrap .section02 .company_info dd div:last-of-type { margin-top: 0; }

    .landing-renewal .landing-wrap .section02 .company_info dd span:first-of-type { display: inline-block; min-width: 77px; }
    .landing-renewal .landing-wrap .section02 .company_info dd div { width: 100%; margin: 0; }
    .landing-renewal .landing-wrap .section02 .company_info dd div:nth-child(1) { margin-top: 10px; }
    .landing-renewal .landing-wrap .section02 .company_info dd div:last-of-type { margin-top: 0; }
}

@media screen and (max-width:835px) {
    /*common*/
    .content { overflow: hidden; margin-top: 0; }

    /*renewal*/
    .landing-renewal .landing-wrap .section01 .lo_info dl dd.lo_num { display: block; }
    .landing-renewal .landing-wrap .section01 .lo_info dl dd.lo_email { display: block; }

    .landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap { padding: 40px 0; }
    .landing-renewal .landing-wrap .section02 .company_info { width: 100%; padding: 30px 3% 0 3%; font-size: 1.15rem; }
    .landing-renewal .landing-wrap .section02 .company_info dt { width: 100% !important; margin-bottom: 10px; text-align: left; }
    .landing-renewal .landing-wrap .section02 .company_info dd { width: 100% !important; text-align: left; }
}

/*left menu*/
@media screen and (min-width:871px) {
    .landing-menu-type__2 { display: block; }
    .landing-slide-menu { display: none; }
    .left-menu { display: none; }
    .left-menu-container { display: none; }
    .menu-list-slide { display: none !important; }
    .drawer-overlay { display: none !important; }
    /*.landing-classic .landing-wrap .section01 { transform:translateY(-20px) }*/
}

@media screen and (max-width:870px) {
    .landing-menu-type__2 { display: none; }
    .landing-slide-menu { display: block; }
    .left-menu-container { top: 10px; left: inherit; right: 20px; width: 36px; height: 36px; min-width: inherit; padding: 0; border-radius: .5rem !important; background: none !important; text-align: center; box-sizing: border-box; }
    .left-menu-container button { width: 36px; height: 36px; padding: 8px; border-radius: .5rem; background: var(--colorSet2); text-align: center; }
    .left-menu-title-fold { display: none; }
    .landing-menu-container { font-size: 16px; }
    .btn-leftmenu { padding-left: 0; font-size: 1.6rem; }
    .landing-classic .landing-wrap .section02 { padding: 0 5%; }
    .landing-renewal .landing-wrap .section02 { padding: 0 2%; }
    .landing-renewal .landing-wrap .section02 .lo_info { padding: 0 3%; }
    .header:not(:has(a)) { display: none; }
}

/*A type Landing*/
@media screen and (min-width:600px) and (max-width:869px) {
    .landing-classic .landing-wrap .section01 .lo_info ul li.lo_nmls { display: inline-flex; width: inherit; margin-right: 20px; }
    .landing-classic .landing-wrap .section01 .lo_info ul li.lo_num { display: inline-flex; width: inherit; }
}

/*narrow screen*/
@media screen and (max-width:761px) {
    .landing-renewal .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro img { max-width: 100%; }
    .landing-classic .landing-wrap .section02 .lo_info .lo_intro_wrap .lo_intro img { max-width: 100%; }
}



/*mobile*/
@media screen and (max-width:430px) {
}


/*--- target only device ---*/
/* CSS specific to iOS devices */
@supports (-webkit-touch-callout: none) {
    .radio-button { top: 18%; }
}

/* CSS for other than iOS devices */
@supports not (-webkit-touch-callout: none) {
    .radio-button { top: 18%; }
}