@charset "UTF-8";:root{--noto-sans: "Noto Sans JP", sans-serif;--shippori: "Shippori Mincho", serif;--marcellus: "Marcellus", serif;--gradient1: linear-gradient(45deg, rgba(101, 77, 51, 1) 0%, rgba(185, 142, 96, 1) 100%);--gradient2: linear-gradient(45deg, rgba(247, 57, 0, 1) 0%, rgba(247, 125, 0, 1) 100%);--gradient3: linear-gradient(270deg, rgba(255, 98, 0, 1) 0%, rgba(255, 171, 87, 1) 100%);--orange: #F77D00;--black: #222}html.noscroll{overflow:clip;height:100vh}body.noscroll{overflow:hidden}body,html{font-family:var(--noto-sans);font-size:62.5%;font-style:normal;color:var(--black)}.-pc{display:block}.-sp{display:none}@media(max-width:768px){.-pc{display:none}.-sp{display:block}}.-wb{display:inline-block}section{position:relative;z-index:1}.text{text-align:justify;word-break:break-all;letter-spacing:.075em;line-height:1.6}@media(max-width:768px){.text{font-size:1.2rem}}main{container-type:inline-size}header{position:fixed;top:0;left:0;width:100%;height:min(60px,4.6875vw);display:flex;align-items:flex-end;z-index:10;transition:background-color .3s 0s ease;container-type:inline-size;@media(max-width:768px){height:70px;background-color:#fff}}header>.title-logo{position:relative;z-index:1;@media(max-width:768px){height:100%}}header>.title-logo>a{display:flex;align-items:center;margin-left:30px;padding-bottom:5px;transition:opacity ease .3s;@media(max-width:1280px){margin-left:2.34375cqw}@media(min-width:769px){&:hover{opacity:.7}}@media(max-width:768px){height:100%;margin-left:20px;padding-bottom:0;flex-direction:column;justify-content:center}.sitelogo{width:min(168px,13.125cqw);aspect-ratio:168/40;position:relative;@media(max-width:768px){width:118px}img{position:absolute;top:0;left:0;width:100%;transition:opacity ease .3s}.color{opacity:0}.white{opacity:1}@media(max-width:768px){.color{opacity:1}.white{opacity:0}}}.txt{margin:min(12px,.9375cqw) 0 0 min(30px,2.34375cqw);font-family:var(--marcellus);font-size:min(1.2rem,.9375cqw);font-weight:400;letter-spacing:.08em;line-height:1;color:#fff;@media(max-width:768px){display:grid;place-content:center;width:100%;height:14px;margin:4px auto 0;font-size:1rem;color:var(--black);background-color:#f0f0f0}}}header .navi{height:100%;margin:0 min(30px,2.34375cqw) 0 auto;@media(max-width:768px){position:fixed;top:70px;left:0;width:100%;height:calc(100dvh - 70px);z-index:20;background-color:#fff;display:none}.list{height:100%;display:flex;gap:min(2rem,1.5625cqw);@media(max-width:768px){flex-direction:column;gap:0;overflow-y:scroll}}.item{padding-bottom:min(5px,.390625cqw);display:flex;align-items:flex-end;@media(max-width:768px){padding-bottom:0}}.page_ttl{padding-bottom:min(5px,.390625cqw);font-family:var(--marcellus);font-size:min(1.2rem,.9375cqw);letter-spacing:.08em;line-height:1.5;color:#fff;cursor:pointer;position:relative;transition:color .3s 0s ease;@media(max-width:768px){display:none}&:before{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background-color:var(--orange);transform-origin:left center;scale:0 1;transition:scale .3s 0s ease}@media(min-width:769px){&:hover{color:var(--orange)!important;&:before{scale:1 1}}}}}header .navi .page_ttl.-megamenu{padding-right:min(12px,.9375cqw)}header .navi .page_ttl.-megamenu:after{content:"";position:absolute;top:min(6px,.46875cqw);right:0;width:0;height:0;border-style:solid;border-right:min(4px,.3125cqw) solid transparent;border-left:min(4px,.3125cqw) solid transparent;border-top:min(6px,.46875cqw) solid #ffffff;border-bottom:0;rotate:0;transition:all .3s 0s ease}header .navi .page_ttl.-megamenu:hover:after{border-top-color:var(--orange)!important;rotate:180deg}header .link-btn{width:min(240px,18.75cqw);aspect-ratio:240/60;display:flex;position:relative;@media(max-width:768px){width:140px;height:100%;margin-left:auto;aspect-ratio:auto}&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}a{width:50%;height:100%;padding:0 0 min(8px,.625cqw) min(7px,.546875cqw);display:flex;align-items:flex-end;justify-content:flex-start;font-family:var(--marcellus);font-size:min(16px,1.25cqw);line-height:1;color:#fff;position:relative;transition:all .3s 0s ease;@media(max-width:768px){padding:0;align-items:center;justify-content:center;font-size:12px}@media(min-width:769px){&:hover{opacity:.8}}}a.mypage{background:var(--gradient1)}a.entry{background:var(--gradient2)}}@media(min-width:769px){header.is-scroll,header:has(.navi:hover){background-color:#fff;mix-blend-mode:normal}header.is-scroll .sitelogo .color,header:has(.navi:hover) .sitelogo .color{opacity:1!important}header.is-scroll .sitelogo .white,header:has(.navi:hover) .sitelogo .white{opacity:0!important}header.is-scroll .navi .page_ttl,header.is-scroll>.title-logo>a .txt,header:has(.navi:hover) .navi .page_ttl,header:has(.navi:hover)>.title-logo>a .txt{color:#222}header.is-scroll .navi .page_ttl.-megamenu:after,header:has(.navi:hover) .navi .page_ttl.-megamenu:after{border-top-color:var(--black)}}header .megamenu_bg{position:fixed;top:min(60px,4.6875cqw);left:0;width:100%;aspect-ratio:1280/150;max-height:150px;padding:min(40px,3.125cqw) min(112px,8.75cqw) min(48px,3.75cqw);background-color:#fff;display:flex;translate:0 min(10px,.78125cqw);opacity:0;visibility:hidden;@media(max-width:768px){position:relative;top:unset;left:unset;opacity:1;visibility:visible;aspect-ratio:auto;padding:18px 20px;translate:0 0;flex-direction:column;border-bottom:1px solid #DDDDDD;max-height:unset}.megamenu_ttl{width:min(270px,21.09375cqw);border-right:2px solid #F0F0F0;@media(max-width:768px){width:100%;border-right:0}.en{position:relative;font-family:var(--marcellus);font-size:min(12px,.9375cqw);letter-spacing:.1em;line-height:1;color:var(--orange);@media(max-width:768px){font-size:12px}}.ttl{position:relative;margin-top:min(10px,.78125cqw);font-family:var(--shippori);font-size:min(24px,1.875cqw);font-weight:600;letter-spacing:.02em;line-height:1;@media(max-width:768px){margin-top:10px;font-size:20px}}}.megamenu_list{flex:1;align-self:flex-end;height:min(40px,3.125cqw);margin-left:min(32px,2.5cqw);display:flex;justify-content:space-between;gap:min(50px,3.90625cqw);@media(max-width:768px){display:none;width:100%;height:auto;margin-top:18px;margin-left:0;align-self:center;flex:unset}.megamenu_item{position:relative;height:100%;@media(max-width:768px){width:100%;height:auto}a{display:block;height:100%;font-family:var(--shippori);font-size:min(15px,1.171875cqw);font-weight:600;letter-spacing:.04em;line-height:1.3;border-bottom:1px solid #F0F0F0;position:relative;transition:color .3s 0s ease;@media(max-width:768px){height:44px;font-size:15px;border-bottom:none;display:flex;align-items:center}&:before{content:"";position:absolute;top:0;right:0;width:min(20px,1.5625cqw);aspect-ratio:1/1;background:url(/saiyo_joho/html/assets/img/common/megamenu-arrow.svg)no-repeat;background-size:min(20px,1.5625cqw) min(20px,1.5625cqw);transition:opacity .3s 0s ease;@media(max-width:768px){width:20px;top:50%;translate:0 -50%;background-size:20px 20px}}&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--orange);transform-origin:left center;scale:0 1;transition:scale .3s 0s ease}@media(min-width:769px){&:hover{color:#888;&:before{opacity:.6}&:after{scale:1 1}}}}a[target=_blank]:before{width:min(12px,.9375cqw);aspect-ratio:1/1;top:min(5px,.390625cqw);right:min(8px,.625cqw);background:url(/saiyo_joho/html/assets/img/common/icon-other-link.svg)no-repeat;background-size:min(12px,.9375cqw) min(12px,.9375cqw);@media(max-width:768px){width:12px;top:22px;right:3px;background-size:12px 12px}}}&.-split2{.megamenu_item{width:calc((100% - min(50px,3.90625cqw))/2);@media(max-width:768px){width:100%}}}&.-split3{.megamenu_item{width:calc((100% - min(100px,7.8125cqw)) /3);@media(max-width:768px){width:100%}}}&.-split4{.megamenu_item{width:calc((100% - min(150px,11.71875cqw))/4);@media(max-width:768px){width:100%}}}}}@media(max-width:768px){.megamenu_bg:after{content:"";position:absolute;top:36px;right:24px;width:0;height:0;border-style:solid;border-right:6px solid transparent;border-left:6px solid transparent;border-top:9px solid var(--orange);border-bottom:0;rotate:0;transition:all .3s 0s ease}}.megamenu_bg.-active:after{rotate:180deg}header .megamenu_bg_sp{display:none;@media(max-width:768px){display:flex;width:100%;padding:18px 20px;background-color:#fff;translate:0 min(10px,.78125cqw);opacity:1;visibility:visible;flex-direction:column;border-bottom:1px solid #DDDDDD;z-index:1}@media(max-width:768px){.megamenu_ttl{width:100%;.en{position:relative;font-family:var(--marcellus);font-size:12px;letter-spacing:.1em;line-height:1;color:var(--orange)}.ttl{position:relative;margin-top:10px;font-family:var(--shippori);font-size:20px;font-weight:600;letter-spacing:.02em;line-height:1}}}&:before{content:"";position:absolute;top:50%;right:20px;translate:0 -50%;width:20px;aspect-ratio:1 / 1;background:url(/saiyo_joho/html/assets/img/common/megamenu-arrow.svg) no-repeat}}header .menu-btn{display:none;width:70px;height:100%;background-color:#fff;border:0;position:relative;@media(max-width:768px){display:block}span{display:block;position:absolute;left:19px;height:1px;background-color:var(--orange);transform-origin:center;transition:all .3s 0s ease}span:nth-of-type(1){top:32px;width:32px}span:nth-of-type(2){top:39px;width:24px}}header .menu-btn.-active{span:nth-of-type(1){rotate:20deg;top:36px}span:nth-of-type(2){width:32px;rotate:-20deg;top:36px}}footer{position:relative;width:100%;z-index:1;background-color:#e8e8e8}footer .recruit-container{width:100%;display:flex;@media(max-width:768px){height:80px}.recruit-link{position:relative;height:min(150px,11.71875cqw);display:block;flex:1;@media(max-width:768px){height:100%}.recruit-txt{position:absolute;font-family:var(--marcellus);font-size:min(36px,2.8125cqw);line-height:1;color:#fff;transform:translate(-50%,-50%);top:50%;left:50%;z-index:1;transition:color .3s 0s ease;@media(max-width:768px){width:100%;height:100%;font-size:24px;display:grid;place-content:center}}&.mypage{position:relative;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient1);opacity:1;transition:opacity .3s ease}&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;transition:opacity .3s ease}.recruit-txt{letter-spacing:.05em}}&.entry{position:relative;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient2);opacity:1;transition:opacity .3s ease}&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;transition:opacity .3s ease}.recruit-txt{letter-spacing:.14em}}@media(min-width:769px){&:hover{&:before{scale:1 1}&.mypage{&:after{opacity:0}&:before{opacity:1}.recruit-txt{color:#654d33}}&.entry{&:after{opacity:0}&:before{opacity:1}.recruit-txt{color:var(--orange)}}}}}}.footer-navi{width:100%;padding:min(75px,5.859375cqw) min(112px,8.75cqw) min(56px,4.375cqw);background-color:#000;position:relative;@media(max-width:1000px){padding-left:50px;padding-right:0}@media(max-width:768px){height:230px;padding:48px 0 0}}.footer-navi .inner{max-width:1280px;margin:0 auto;display:flex}.footer-navi .logo-block{width:246px;margin-right:105px;@media(max-width:768px){width:209px;margin:0 auto}.logo{display:block;width:100%}.text{margin-top:24px;font-family:var(--marcellus);font-size:14px;letter-spacing:.08em;line-height:1;color:#fff;text-align:center;@media(max-width:768px){margin-top:15px}}.other-link{width:fit-content;margin:65px auto 0;padding-right:15px;font-family:var(--shippori);font-size:13px;letter-spacing:.04em;line-height:1;color:var(--orange);position:relative;display:block;@media(max-width:768px){margin:32px auto 0}&:before{content:"";position:absolute;top:50%;right:0;translate:0 -50%;width:10px;aspect-ratio:1/1;background:url(/saiyo_joho/html/assets/img/common/icon-other-link.svg)no-repeat;background-size:contain}&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--orange);transform-origin:left center;scale:0 1;transition:scale .3s 0s ease}&:hover{&:after{scale:1 1}}}}.footer-navi .navi-block{display:flex;@media(max-width:1000px){flex-wrap:wrap;flex:1}@media(max-width:768px){display:none}}.footer-navi .list-wrap+.list-wrap{margin-left:35px;@media(max-width:1000px){margin-left:0}}@media(max-width:1000px){.footer-navi .list-wrap{width:210px}.footer-navi .list-wrap:nth-of-type(3),.footer-navi .list-wrap:nth-of-type(4){margin-top:50px}}.footer-navi .pagetop{position:absolute;bottom:0;right:0;width:50px;height:120px;&:before{content:"";position:absolute;top:0;left:50%;width:1px;height:40px;background-color:#faefe2}p{position:absolute;left:50%;bottom:24px;translate:-50% 0;font-family:var(--marcellus);font-size:1.1rem;font-weight:400;letter-spacing:.04em;line-height:1;color:#faefe2;writing-mode:vertical-lr}}.list-wrap_head{display:block;width:fit-content;position:relative;@media(min-width:769px){a&:hover{.line{background-size:100% 100%}}}.en{font-family:var(--marcellus);font-size:10px;font-weight:400;letter-spacing:.01em;line-height:1;color:var(--orange)}.ttl{width:fit-content;margin-top:.3em;font-family:var(--shippori);font-size:13px;font-weight:500;letter-spacing:.04em;line-height:1;color:#fff}.line{padding-bottom:2px;background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px);background-size:0% 100%;background-repeat:no-repeat;transition:background-size .3s 0s ease}}.list-wrap_group{margin-top:20px;.item{margin-bottom:10px;font-family:var(--shippori);font-size:10px;font-weight:400;letter-spacing:0;line-height:1.6;color:#fff;a{position:relative;.line{padding-bottom:2px;background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px);background-size:0% 100%;background-repeat:no-repeat;transition:background-size .3s 0s ease}@media(min-width:769px){&:hover{.line{background-size:100% 100%}}}}a[target=_blank]{width:fit-content;position:relative;display:block;padding-right:14px}a[target=_blank]:after{content:"";position:absolute;translate:0 -50%;top:50%;right:0;width:8px;aspect-ratio:1/1;mask-image:url(/saiyo_joho/html/assets/img/common/icon-other-link.svg);mask-size:cover;background-color:#fff}}}.list-wrap_group+.list-wrap_head{margin-top:35px}footer .link-belt{width:100%;height:29px;font-family:var(--shippori);font-size:13px;font-weight:500;letter-spacing:.04em;line-height:1;color:#fff;display:grid;place-content:center;background-color:var(--orange);@media(max-width:768px){height:73px;padding-inline:20px;line-height:1.69;word-break:keep-all;text-align:center}}footer .link-group{padding-top:min(26px,2.6cqw);padding-bottom:min(30px,3cqw);display:grid;grid-template-columns:min(137px,13.7cqw) min(144px,14.399999999999999cqw) min(206px,20.599999999999998cqw) min(118px,11.799999999999999cqw) min(138px,13.8cqw);grid-template-rows:auto;grid-template-areas:"nagasakibank kyusyucard nctt cityascom k-lease";justify-content:center;align-items:baseline;gap:min(49px,4.9cqw);@media(max-width:768px){max-width:350px;margin:0 auto;padding-inline:20px;grid-template-columns:calc(50% - 14px) calc(50% - 14px);grid-template-rows:auto auto auto;grid-template-areas:"nagasakibank kyusyucard" "nctt cityascom" "k-lease .";align-items:flex-end;gap:28px;padding-top:32px;padding-bottom:32px;&:after{content:"";width:100px;height:1}}.link{height:min(64px,6.4cqw);display:grid;grid-template-columns:subgrid;grid-column:span 2;transition:opacity .3s 0s ease;@media(min-width:769px){&:hover{opacity:.7}}@media(max-width:768px){height:100%;min-height:64px}img{align-self:center}p{display:block;width:fit-content;margin:auto auto 0;padding-right:min(20px,2cqw);font-family:var(--shippori);font-size:min(1.2rem,1.2cqw);font-weight:500;letter-spacing:.04em;line-height:1;position:relative;@media(max-width:768px){margin-top:15px;padding-right:20px;font-size:1.2rem}&:before{content:"";position:absolute;top:2px;right:0;width:10px;aspect-ratio:1 / 1;mask-image:url(/saiyo_joho/html/assets/img/common/icon-other-link.svg);mask-size:cover;background-color:var(--black)}}}.nagasakibank{grid-area:nagasakibank}.kyusyucard{grid-area:kyusyucard}.nctt{grid-area:nctt}.cityascom{grid-area:cityascom}.k-lease{grid-area:k-lease}}footer small{width:100%;height:38px;display:grid;place-content:center;font-family:var(--marcellus);font-size:1rem;letter-spacing:.08em;line-height:1;color:#222;border-top:1px solid #CCCCCC}.-fadeIn{transform:translateZ(0);translate:0 50px;opacity:0}.pt_viewmore{width:min(156px,12.1875cqw);aspect-ratio:156/45;padding-left:min(10px,.78125cqw);font-family:var(--marcellus);font-size:min(1.4rem,1.09375cqw);font-weight:400;letter-spacing:.04em;line-height:1;color:var(--orange);display:flex;align-items:center;@media(max-width:768px){width:156px;margin-left:auto;font-size:1.4rem}&:before{content:"";position:absolute;top:50%;right:min(10px,.78125cqw);width:min(40px,3.125cqw);height:1px;background-color:var(--orange);@media(max-width:768px){right:10px;width:40px}}&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--orange);transform-origin:right center;transition:scale .3s 0s ease}@media(min-width:769px){&:hover{&:after{scale:0 1}}}}.sub-fv{width:100%;height:374px;background:url(/saiyo_joho/html/assets/img/common/subpage-bg_pc.jpg)no-repeat;background-size:cover;background-position:center;@media(max-width:768px){margin-top:70px;height:245px;padding:0 20px;background:url(/saiyo_joho/html/assets/img/common/subpage-bg_sp.jpg)no-repeat;background-size:cover;background-position:center}}.sub-fv-inner{width:min(1056px,82.5cqw);height:100%;margin:0 auto;position:relative;@media(max-width:768px){width:100%}}.pt_subpage-ttl{position:absolute;top:150px;left:0;@media(max-width:768px){top:64px}.caption{padding-right:90px;font-family:var(--marcellus);font-size:1.4rem;letter-spacing:.1em;line-height:1;color:#fff;position:relative;&:before{content:"";position:absolute;top:50%;right:0;width:80px;height:1px;background-color:#fff}}.mainttl{display:block;font-family:var(--shippori);font-size:4rem;font-weight:600;letter-spacing:.04em;line-height:1;color:#fff;margin-top:1em;@media(max-width:768px){font-size:2.8rem;margin-top:.7em}}}.pt_hero-image{width:100%;height:660px;@media(max-width:768px){height:193px}picture{display:block;width:100%;height:100%;img{width:100%;height:100%;object-fit:cover;object-position:center}}}
