@charset "UTF-8";

/* Figma 2493:1486 — shared by the home page and all inner pages. */
.site-footer.ys-footer{position:relative;font-weight:700;line-height:2;letter-spacing:.08em}
.site-footer.ys-footer .contact-box.container.narrow{position:relative;background:#fff;border:2px solid var(--lime);z-index:2}
.site-footer.ys-footer .contact-title h2{color:var(--ink);letter-spacing:.08em}
.site-footer.ys-footer .contact-title>span{color:#65de5a;opacity:.4;pointer-events:none;letter-spacing:.08em}
.site-footer.ys-footer .contact-phone{border:0;background:url('../images/37073.svg') center/100% 100% no-repeat}
.site-footer.ys-footer .footer-button{display:flex;align-items:center;justify-content:center;position:relative;line-height:1;text-align:center;letter-spacing:.08em}
.site-footer.ys-footer .footer-button:before{content:none}
.site-footer.ys-footer .footer-button-icon,.site-footer.ys-footer .footer-button-arrow{position:absolute;object-fit:contain}
.site-footer.ys-footer .footer-button>span{position:static;font-size:inherit;font-weight:700}
.site-footer.ys-footer .footer-button:hover .footer-button-icon,.site-footer.ys-footer .footer-button:hover .footer-button-arrow{filter:brightness(0) saturate(100%) invert(49%) sepia(85%) saturate(422%) hue-rotate(82deg)}
.site-footer.ys-footer .footer-body{position:relative;isolation:isolate;background:none;color:#fff}
.site-footer.ys-footer .footer-background{position:absolute;inset:0;z-index:-1;overflow:hidden;mask:url('../images/635a5.svg') center/100% 100% no-repeat;pointer-events:none}
.site-footer.ys-footer .footer-background:after{content:'';position:absolute;inset:0;background:#28a745;opacity:.7}
.site-footer.ys-footer .footer-photo{position:absolute;max-width:none;object-fit:cover}
.site-footer.ys-footer .footer-grid{position:relative}
.site-footer.ys-footer .footer-logo{max-width:none}
.site-footer.ys-footer .footer-youtube{display:block}
.site-footer.ys-footer .page-top{display:flex;align-items:center;line-height:1;white-space:nowrap}
.site-footer.ys-footer .footer-rule{display:block;position:absolute}
.site-footer.ys-footer .copyright{display:block;text-align:left;border:0;padding:0;line-height:1}

@media(min-width:1101px){
 .site-footer.ys-footer{--fu:calc(100vw / 1920);height:calc(1015 * var(--fu));font-size:calc(16 * var(--fu))}
 .site-footer.ys-footer .contact-box.container.narrow{width:calc(1440 * var(--fu));max-width:none;height:calc(425 * var(--fu));padding:0;margin:0 auto;border-width:calc(2 * var(--fu))}
 .site-footer.ys-footer .contact-title{height:calc(150 * var(--fu));padding:calc(54.8 * var(--fu)) 0 0;text-align:center}
 .site-footer.ys-footer .contact-title>span{position:absolute;top:0;left:0;right:0;font-size:calc(128 * var(--fu));line-height:1}
 .site-footer.ys-footer .contact-title h2{font-size:calc(64 * var(--fu));line-height:1;margin:0}
 .site-footer.ys-footer .contact-phone{width:calc(700 * var(--fu));max-width:none;height:calc(88 * var(--fu));display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:calc(10 * var(--fu));margin:calc(16 * var(--fu)) auto calc(28 * var(--fu));padding:0}
 .site-footer.ys-footer .contact-phone>span{font-size:calc(20 * var(--fu));line-height:1;white-space:nowrap}
 .site-footer.ys-footer .contact-phone>a{display:flex;align-items:center;gap:calc(10 * var(--fu));font-size:calc(48 * var(--fu));line-height:1;white-space:nowrap;letter-spacing:.08em}
 .site-footer.ys-footer .contact-phone img{width:calc(58 * var(--fu));height:auto}
 .site-footer.ys-footer .contact-buttons{display:flex;gap:calc(30 * var(--fu));width:calc(930 * var(--fu));margin:0 auto}
 .site-footer.ys-footer .contact-buttons .footer-button{width:calc(450 * var(--fu));max-width:none;height:calc(100 * var(--fu));min-height:0;margin:0;padding:0 calc(72 * var(--fu));font-size:calc(24 * var(--fu));border:0}
 .site-footer.ys-footer .footer-button-icon{width:calc(55 * var(--fu));height:auto;left:calc(25 * var(--fu));top:50%;transform:translateY(-50%)}
 .site-footer.ys-footer .button-yellow .footer-button-icon{width:calc(39 * var(--fu));left:calc(47 * var(--fu))}
 .site-footer.ys-footer .button-yellow>span{transform:translateX(calc(7 * var(--fu)))}
 .site-footer.ys-footer .footer-button-arrow{right:calc(21 * var(--fu));width:calc(51.4878 * var(--fu));height:auto;max-height:none}
 .site-footer.ys-footer .footer-body{margin-top:calc(-225 * var(--fu));height:calc(815 * var(--fu));padding:calc(303 * var(--fu)) 0 0}
 .site-footer.ys-footer .footer-photo{width:100%;height:calc(3412 * var(--fu));left:0;top:calc(-891 * var(--fu))}
 .site-footer.ys-footer .footer-grid.container.narrow{width:calc(1100 * var(--fu));max-width:none;height:calc(450 * var(--fu));display:grid;grid-template-columns:calc(650 * var(--fu)) calc(352 * var(--fu));gap:0 calc(98 * var(--fu));margin:0 auto}
 .site-footer.ys-footer .footer-company{padding-top:calc(8 * var(--fu))}
 .site-footer.ys-footer .footer-logo{width:calc(228 * var(--fu));height:auto;margin-bottom:calc(39 * var(--fu))}
 .site-footer.ys-footer .footer-grid p{font-size:calc(16 * var(--fu));line-height:2;margin:0}
 .site-footer.ys-footer .footer-grid nav{display:grid;grid-template-columns:calc(135 * var(--fu)) calc(210 * var(--fu));grid-template-rows:repeat(5,calc(16 * var(--fu)));gap:calc(20 * var(--fu)) calc(45 * var(--fu));font-size:calc(16 * var(--fu));line-height:1;align-content:start}
 .site-footer.ys-footer .footer-grid nav a:nth-child(-n+4){grid-column:1}
 .site-footer.ys-footer .footer-grid nav a:nth-child(n+5){grid-column:2}
 .site-footer.ys-footer .footer-grid nav a:nth-child(1),.site-footer.ys-footer .footer-grid nav a:nth-child(5){grid-row:1}
 .site-footer.ys-footer .footer-grid nav a:nth-child(2),.site-footer.ys-footer .footer-grid nav a:nth-child(6){grid-row:2}
 .site-footer.ys-footer .footer-grid nav a:nth-child(3),.site-footer.ys-footer .footer-grid nav a:nth-child(7){grid-row:3}
 .site-footer.ys-footer .footer-grid nav a:nth-child(4),.site-footer.ys-footer .footer-grid nav a:nth-child(8){grid-row:4}
 .site-footer.ys-footer .footer-grid nav a:nth-child(9){grid-row:5}
 .site-footer.ys-footer .footer-youtube{width:calc(35 * var(--fu));margin-top:calc(124 * var(--fu))}
 .site-footer.ys-footer .footer-youtube img{width:calc(35 * var(--fu));height:auto}
 .site-footer.ys-footer .page-top{position:absolute;grid-column:1/-1;grid-row:1;justify-self:start;left:calc(928 * var(--fu));right:auto;top:calc(298 * var(--fu));gap:calc(13 * var(--fu));font-size:calc(16 * var(--fu));justify-content:flex-start}
 .site-footer.ys-footer .page-top-icon{width:calc(28.1213 * var(--fu));height:auto}
 .site-footer.ys-footer .footer-rule{left:0;top:calc(384.5 * var(--fu));width:calc(1100 * var(--fu));height:auto}
 .site-footer.ys-footer .copyright{position:absolute;left:0;top:calc(406 * var(--fu));width:auto;font-size:calc(16 * var(--fu))}
}

@media(max-width:1100px){
 .site-footer.ys-footer{height:auto;font-size:14px}
 .site-footer.ys-footer .contact-box.container.narrow{width:calc(100% - 48px);max-width:900px;height:auto;padding:25px 35px 35px;margin:0 auto}
 .site-footer.ys-footer .contact-title{height:100px;padding:35px 0 0}
 .site-footer.ys-footer .contact-title>span{font-size:86px;top:0;line-height:1}
 .site-footer.ys-footer .contact-title h2{font-size:38px;line-height:1;margin:0}
 .site-footer.ys-footer .contact-phone{width:100%;max-width:620px;margin:20px auto 25px;padding:15px 0;gap:10px;flex-wrap:wrap}
 .site-footer.ys-footer .contact-phone>span{font-size:16px}
 .site-footer.ys-footer .contact-phone>a{font-size:34px;gap:10px;line-height:1;white-space:nowrap}
 .site-footer.ys-footer .contact-phone img{width:42px;height:auto}
 .site-footer.ys-footer .contact-buttons{display:flex;gap:20px;width:100%;margin:0}
 .site-footer.ys-footer .contact-buttons .footer-button{width:50%;max-width:none;margin:0;min-height:75px;padding:20px 48px;font-size:16px;border:0}
 .site-footer.ys-footer .footer-button-icon{width:30px;height:auto;left:15px;top:50%;transform:translateY(-50%)}
 .site-footer.ys-footer .button-yellow .footer-button-icon{width:24px;left:18px}
 .site-footer.ys-footer .footer-button-arrow{width:30px;height:auto;right:12px}
 .site-footer.ys-footer .footer-body{margin-top:-120px;padding:190px 0 45px;height:auto}
 .site-footer.ys-footer .footer-photo{inset:0;width:100%;height:100%;object-position:center}
 .site-footer.ys-footer .footer-grid.container.narrow{width:calc(100% - 80px);max-width:800px;display:grid;grid-template-columns:1fr 1fr;gap:40px 30px;height:auto}
 .site-footer.ys-footer .footer-logo{width:200px;height:auto;margin:0 0 30px}
 .site-footer.ys-footer .footer-grid p{font-size:12px;line-height:2;margin:0}
 .site-footer.ys-footer .footer-grid nav{display:grid;grid-template-columns:1fr 1fr;font-size:12px;line-height:1.5;gap:15px;align-content:start}
 .site-footer.ys-footer .footer-youtube{width:30px;margin-top:45px}
 .site-footer.ys-footer .footer-youtube img{width:30px;height:auto}
 .site-footer.ys-footer .page-top{position:static;grid-column:2;justify-content:flex-end;gap:10px;font-size:12px}
 .site-footer.ys-footer .page-top-icon{width:24px;height:auto}
 .site-footer.ys-footer .footer-rule{position:static;grid-column:1/-1;width:100%;height:auto}
 .site-footer.ys-footer .copyright{position:static;grid-column:1/-1;margin-top:-25px;font-size:12px;width:auto}
}
@media(max-width:767px){
 .site-footer.ys-footer .contact-box.container.narrow{width:calc(100% - 40px);padding:20px 20px 28px}
 .site-footer.ys-footer .contact-title{height:80px;padding:28px 0 0}
 .site-footer.ys-footer .contact-title>span{font-size:clamp(48px,16vw,64px)}
 .site-footer.ys-footer .contact-title h2{font-size:clamp(24px,7.2vw,30px)}
 .site-footer.ys-footer .contact-phone{flex-direction:column;gap:10px;margin:10px auto 20px;padding:15px 0 18px}
 .site-footer.ys-footer .contact-phone>span{font-size:12px;line-height:1.5}
 .site-footer.ys-footer .contact-phone>a{font-size:clamp(20px,6.4vw,25px);gap:8px}
 .site-footer.ys-footer .contact-phone img{width:28px}
 .site-footer.ys-footer .contact-buttons{flex-direction:column;gap:12px}
 .site-footer.ys-footer .contact-buttons .footer-button{width:100%;min-height:64px;padding:20px 42px;font-size:clamp(12px,3.8vw,16px)}
 .site-footer.ys-footer .footer-button-icon{left:15px;width:30px}
 .site-footer.ys-footer .button-yellow .footer-button-icon{left:20px;width:23px}
 .site-footer.ys-footer .footer-button-arrow{right:12px;width:27px}
 .site-footer.ys-footer .footer-body{padding-top:180px;padding-bottom:35px}
 .site-footer.ys-footer .footer-grid.container.narrow{width:calc(100% - 40px);grid-template-columns:1fr;gap:35px}
 .site-footer.ys-footer .footer-logo{width:190px;margin-bottom:25px}
 .site-footer.ys-footer .footer-grid p{font-size:clamp(10px,3.1vw,12px)}
 .site-footer.ys-footer .footer-grid nav{font-size:12px;gap:18px 15px}
 .site-footer.ys-footer .footer-grid nav a{grid-column:auto;grid-row:auto}
 .site-footer.ys-footer .footer-youtube{margin-top:35px}
 .site-footer.ys-footer .page-top{grid-column:1;margin-top:10px}
 .site-footer.ys-footer .footer-rule{grid-column:1}
 .site-footer.ys-footer .copyright{grid-column:1;margin-top:-15px;font-size:11px}
}
