:root{--color-main:#32a1af;--color-sub:#c43722;--color-text:#333;--color-white:#fff;--font-base-size:clamp(14px, 1vw, 15px);--font-large:clamp(28px, 4vw, 48px);--font-medium:clamp(18px, 2vw, 22px);--container-width:1200px;--section-padding:clamp(60px, 8vw, 120px)}html{font-size:var(--font-base-size)}body{margin:0;color:var(--color-text);font-family:"Noto Sans JP",sans-serif;line-height:1.8;letter-spacing:.05em}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.btn-primary{display:inline-block;padding:18px 58px;font-family:'Lato',sans-serif;font-weight:700;font-size:1rem;color:#fff !important;background:linear-gradient(135deg,#32a1af,#1f8c99);border-radius:4px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 12px rgba(0,0,0,.2),0 2px 4px rgba(255,255,255,.1) inset;letter-spacing:2.5px}a{text-decoration:none !important}a:hover{text-decoration:none !important;opacity:1 !important;color:#27808c !important;text-decoration:none !important}.hero{position:relative;height:100vh;overflow:hidden;color:#fff}.hero-bg{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;animation-duration:14s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.hero-bg1{background-image:url('https://gransun.co.jp/wp-content/uploads/2025/12/pgg4-1-1.webp');animation-name:zoom1}.hero-bg2{background-image:url('https://gransun.co.jp/wp-content/uploads/2025/11/g4.webp');animation-name:zoom2}@keyframes zoom1{0%{opacity:1;transform:scale(1)}45%{opacity:1;transform:scale(1.08)}50%{opacity:0}100%{opacity:0}}@keyframes zoom2{0%{opacity:0;transform:scale(1.1)}50%{opacity:1}95%{opacity:1;transform:scale(1)}100%{opacity:0}}.hero-inner{position:absolute;bottom:20%;left:10%;z-index:2}.hero h1{font-size:48px;font-weight:300;line-height:1.6}.hero h1 span{display:block;font-size:20px;margin-top:15px;letter-spacing:3px}.mission-section{text-align:center;padding:80px 20px}.mission-section{width:100vw;margin-left:calc(50% - 50vw);text-align:center;padding:100px 20px;background-image:url('https://gransun.co.jp/wp-content/uploads/2025/11/gback22.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff;position:relative;top:-80px;overflow:hidden}.section-icon img{max-width:200px;opacity:.6}.mission-section .container{max-width:900px;margin:0 auto;padding:0 17px;text-align:center}.section-title{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:600;margin-bottom:10px;color:#333}.section-subtitle{font-family:'Lato',sans-serif;font-size:1rem;letter-spacing:2px;text-transform:uppercase;color:#32a1af;margin-bottom:20px}.section-divider{width:60px;height:3px;background:#c43722;margin:0 auto 30px;border-radius:2px}.container{ max-width:900px;margin:0 auto;padding:0 20px;text-align:center}.section-description{font-family:'Lato',sans-serif;font-size:1.1rem;line-height:2 !important;color:#333;margin:0 auto;max-width:1500px;text-align:center;word-break:keep-all;overflow-wrap:break-word}@media screen and (max-width:768px){.section-title{font-size:30px}.section-description{font-size:1rem}.PC{display:none}.mission-section{width:100vw;margin-left:calc(50% - 50vw);text-align:center;padding:50px 0;top:-15px}}.mission-btn{text-align:center;margin-top:40px}.PC{display:block}.btn-primary{display:inline-block;padding:18px 58px;font-family:'Lato',sans-serif;font-weight:700;font-size:1rem;color:#fff !important;background:linear-gradient(135deg,#32a1af,#1f8c99);border-radius:4px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 12px rgba(0,0,0,.2),0 2px 4px rgba(255,255,255,.1) inset;letter-spacing:2.5px}.btn-primary:hover{background:linear-gradient(135deg,#1f8c99,#32a1af);transform:translateY(-2px) scale(1.03);box-shadow:0 10px 16px rgba(0,0,0,.25),0 2px 6px rgba(255,255,255,.1) inset}.services-section{margin:50px 0;padding:80px 20px;background:linear-gradient(135deg,#e6f7f8,#f9f9f9);width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}.services-container{max-width:1200px;margin:0 auto;display:flex;gap:40px;align-items:center;padding-bottom:30px;flex-wrap:nowrap}.services-slider{flex:0 0 60%;position:relative}.services-slider img{width:100%;border-radius:8px;display:block}.slider-nav{text-align:center;margin-top:10px}.slider-nav .dot{display:inline-block;width:12px;height:12px;background:#ccc;border-radius:50%;margin:0 5px;cursor:pointer}.slider-nav .dot.active{background:#32a1af}.services-content{flex:0 0 40%;text-align:center}.services-content .section-title,.services-content .section-subtitle,.services-content .section-divider{text-align:center;margin-left:auto;margin-right:auto;display:block}.services-slider .slide{display:none}.services-slider .slide.active{display:block}.services-list{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0 10px}.service-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center;transition:transform .25s ease,box-shadow .25s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.service-card img{width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:14px}.service-card h4{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:8px}.service-card p{font-size:.85rem;color:#4b5563;line-height:1.6}@media (max-width:768px){.services-list{grid-template-columns:1fr;gap:20px}.service-card img{height:200px}.services-section{width:100% !important;max-width:100% !important;margin:0 !important;padding:60px 0;overflow-x:hidden}.services-container{width:100% !important;margin:0 !important;padding:0;flex-direction:column !important;align-items:center !important;gap:30px;padding-bottom:30px}.services-slider,.services-content{flex:1 1 100% !important;width:100% !important}.services-slider img{width:100% !important;max-width:100% !important;height:auto !important;display:block}}.news-section{background-image:url("https://gransun.co.jp/wp-content/uploads/2025/12/ro070.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;padding:75px 20px;position:relative;width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}.news-small-title{font-size:20px;font-weight:700;color:#666;text-align:center;letter-spacing:2px;margin-bottom:30px}.news-container{max-width:1200px;margin:0 auto;display:flex;gap:50px;align-items:flex-start}.news-item p{font-size:14.5px;line-height:1.6;color:#555;margin-bottom:0}.news-image{flex:1;position:sticky;top:120px}.news-image img{width:100%;height:auto;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:opacity .6s ease}.news-list{flex:1;display:flex;flex-direction:column;margin-bottom:25px}.news-item{cursor:pointer;padding-bottom:15px;border-bottom:1px solid #ddd;transition:color .3s}.news-item:hover{color:#32a1af}.news-date{font-size:12px!important;color:#999}.news-title{font-size:18px;font-weight:600;line-height:1.2 !important}.news-swiper-container{display:none}@media screen and (max-width:768px){.news-section{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:0 !important;padding-right:0 !important;padding-top:60px;padding-bottom:60px}.news-container{display:block;margin:0 10px}.news-small-title{margin-bottom:5px !important}.news-image,.news-list{display:none}.news-swiper-container{display:block}.news-swiper{width:100%}.news-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:10px;overflow:hidden}.news-card img{width:100%;max-width:100%;max-height:150px;object-fit:cover;margin-bottom:10px;display:block}.news-card .news-title{position:static !important;background:0 0 !important;width:100%;padding:10px 15px 5px;text-align:left;box-sizing:border-box;margin-bottom:5px;color:#333;margin-top:0}.news-card .news-date{position:absolute;top:10px;right:10px;font-size:13px;padding:4px 8px;border-radius:4px;z-index:3;color:#fff}.news-card .news-text{position:static !important;padding:0 15px 12px;text-align:left;color:#555;margin-top:0}}}.news-card{position:relative;display:flex;flex-direction:column;text-align:left;margin-bottom:15px;overflow:hidden}.news-card img{width:100%;max-height:240px;object-fit:cover;border-radius:8px;margin-bottom:10px}.news-card .news-title{font-size:16px;font-weight:600;color:#333;margin-bottom:5px}.news-card .news-text{font-size:14px;line-height:1.5;color:#555;margin-bottom:5px}.news-card .news-date{position:absolute;top:8px;right:10px;font-size:12px; color:#fff;padding:2px 6px;border-radius:4px;z-index:2;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.news-link{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:#32a1af;text-decoration:none;transition:color .3s}.news-link:hover{color:#1d7d88}.staff-section{background:#32a1af;padding:80px 20px;color:#fff;width:100vw;margin-left:calc(-50vw + 50%)}.section-subtitle--2,.section-title--2,.section-description--2{color:#fff}.staff-activities{display:flex;flex-direction:column;gap:30px;margin-top:50px}.activity-card.sub-activity{display:flex;align-items:center;gap:30px;background:#fff;color:#32a1af;padding:0;height:400px}.activity-card.sub-activity .activity-img img{max-width:600px}.activity-card.sub-activity h3{font-size:33px;letter-spacing:10px;text-align:left}.activity-card.sub-activity p{font-size:20px}.staff-gallery{display:flex;gap:20px;margin-bottom:40px;justify-content:center}.staff-gallery .gallery-slide{flex:1;max-width:300px;overflow:hidden;border-radius:12px}.staff-gallery img{width:100%;display:block;border-radius:12px;transition:opacity .5s ease}.recruit-box{display:flex;flex-direction:row;width:100%;max-width:1200px;margin:0 auto;gap:0;box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:12px;overflow:hidden}.recruit-box .recruit-content{width:40%;background:url('https://gransun.co.jp/wp-content/uploads/2025/11/gback22.webp') no-repeat center center;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 30px;text-align:center}.recruit-box .recruit-content h3{font-size:2.5rem;margin-bottom:20px;letter-spacing:2px}.recruit-box .recruit-content p{font-size:1.2rem;margin-bottom:30px;line-height:1.8}.recruit-box .recruit-content .btn-primary{padding:18px 50px;font-size:1.2rem;border-radius:30px;transition:transform .3s ease}.recruit-box .recruit-content .btn-primary:hover{transform:translateY(-3px)}.recruit-box .recruit-img{width:60%;position:relative;display:flex;justify-content:center;align-items:center;background:#f4e4e1}.recruit-box .recruit-img img{width:100%;height:100%;object-fit:cover;display:block}.recruit-img-overlay-text{position:absolute;bottom:20px;left:20px;background:rgba(0,0,0,.5);color:#fff;padding:20px;border-radius:10px;max-width:90%}.recruit-img-overlay-text ul{list-style:none;padding:0;margin:0}.recruit-img-overlay-text li{padding-left:25px;position:relative;margin-bottom:10px;font-size:16px}.recruit-img-overlay-text li:before{content:"\2714";position:absolute;left:0;color:#ffd966;font-size:16px}@media screen and (max-width:768px){.recruit-box{flex-direction:column;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}.recruit-box .recruit-content{width:100%;padding:20px 15px;text-align:center;box-sizing:border-box}.recruit-box .recruit-content h3{font-size:1.8rem;margin-bottom:10px}.recruit-box .recruit-content p{font-size:1rem;margin-bottom:15px;line-height:1.4}.recruit-box .recruit-content .btn-primary{padding:12px 30px;font-size:1rem}.recruit-box .recruit-img{width:100%;padding:0;margin:0;display:block;position:relative}.recruit-box .recruit-img img{width:100%;height:auto;object-fit:cover;border-radius:12px;display:block}.recruit-img-overlay-text{margin:0;padding:15px;width:auto;background:rgba(0,0,0,.6);color:#fff;border-radius:12px;text-align:left;box-sizing:border-box}.recruit-img-overlay-text ul{padding:0 10px;margin:0}.recruit-img-overlay-text li{font-size:14px;line-height:1.4;padding-left:20px;margin-bottom:8px}}@media screen and (max-width:768px){.staff-section{padding:20px 0}.staff-gallery .gallery-slide{max-width:100%;margin:0 auto;position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 1s ease}.staff-gallery .gallery-slide.active{opacity:1}.staff-gallery img{width:100%;height:100%;object-fit:cover}.activity-card.sub-activity,.activity-card.main-activity,.recruit-box{flex-direction:column;text-align:center;padding:10px;margin:0;width:100%;box-sizing:border-box}.activity-card.sub-activity{align-items:center;gap:15px;padding:15px 20px}.activity-card.sub-activity .activity-img img,.recruit-box .recruit-img img{max-width:100%;margin:0 auto}.activity-card.sub-activity .activity-content{width:100%}.activity-card.sub-activity h3{font-size:22px;margin:10px 0;text-align:center}.activity-card.sub-activity p{font-size:16px;margin:0;text-align:center}.staff-gallery{display:block;position:relative;height:200px;width:100%;max-width:400px;text-align:center}.staff-section .section-title{margin-top:100px}}.section-description.section-description--2{text-align:center !important;max-width:900px;margin-left:auto !important;margin-right:auto !important;display:block !important;width:100%}.banner-link{display:block;width:100%;text-decoration:none}.banner-photo{position:relative;background:url('https://gransun.co.jp/wp-content/uploads/2025/09/469A6018.webp') center/cover no-repeat;border-radius:12px;overflow:hidden;height:150px;display:flex;align-items:center}.banner-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;justify-content:space-between;align-items:center;padding:20px 30px;box-sizing:border-box}.banner-text h3{margin:0;font-size:1.4rem;color:#fff;font-weight:600}.banner-text p{margin:5px 0 0;font-size:.9rem;color:#fff;opacity:.9}.banner-arrow{font-size:1.6rem;color:#fff;transition:transform .3s ease}.banner-photo:hover .banner-arrow{transform:translateX(5px)}@media screen and (max-width:768px){.banner-overlay{flex-direction:column;align-items:flex-start;padding:15px 20px}.banner-arrow{margin-top:10px;font-size:1.2rem}.banner-photo{height:120px}}.mi1{position:relative;font-size:26px;text-align:center;border-bottom:5px solid #ddd}.mi1:after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:70px;height:5px;background-color:#387ccc}.mi2:first-letter {font-size:150%;color:#32a1af}.mi2{border-bottom:1.7px solid #789}.heading10{position:relative;padding-top:30px;font-size:26px;border-bottom:1px solid rgba(5,62,98,1)}.heading10 span{position:relative;z-index:2}.heading10:before{content:attr(data-en);position:absolute;top:0;left:0;color:rgba(5,62,98,.2);font-size:40px;text-transform:uppercase;z-index:1}.ceotop{font-size:20px;color:333333;position:relative;display:inline-block;margin:1rem 0 1rem -10px;padding:1rem 3rem;color:#fff;border-radius:0 100vh 100vh 0;background:#0075a9;-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.2);box-shadow:3px 3px 5px rgba(0,0,0,.2)}.ceotop:before{position:absolute;bottom:-10px;left:0;width:0;height:0;content:'';border-top:10px solid #32a1af;border-left:10px solid transparent}.boxx{padding:40px 12px 18px 71px;background:#f0fdff;border:solid 3px #f0fdff;border-radius:10px}.txtboss{margin-left:71px}.maru{border-radius:30px}.btn-book{position:relative;display:flex;justify-content:center;font-weight:700;padding:20px;align-items:center;text-decoration:none;color:#fff;background:#00bcd4;transition:.4s}.btn-book:hover{background:#1ec7bb}.btn-book2{margin-bottom:5px;position:relative;display:inline-block;justify-content:center;font-weight:700;padding:10px 8px;align-items:center;text-decoration:none;color:#fff;font-size:14px;background:tan;transition:.4s}.btn-book2:hover{background:#1ec7bb}:root{--accent-a:#32a1af;--muted-border:#789;--tag-blue:#387ccc;--tag-red:#c43722;--text:#2b2b2b;--bg:#fff;--radius-pill:9999px;--gap:1rem;--max-width:980px}.service{max-width:var(--max-width);margin:0 auto 2rem;padding:1rem;color:var(--text);background:var(--bg);line-height:1.65;font-family:"Noto Sans JP","Helvetica Neue",Arial,sans-serif}.mi3,.mi4{position:relative;display:inline-block;padding:.25rem 1rem .25rem 3rem;color:#fff;border-radius:var(--radius-pill) 0 0 var(--radius-pill);font-weight:700;margin-top:1.25rem;margin-bottom:.6rem;box-shadow:0 2px 8px rgba(30,30,30,.06);transition:transform .18s ease,box-shadow .18s ease}.mi3:before,.mi4:before{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:14px;height:14px;content:'';border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}.mi3{background:var(--tag-blue)}.mi4{background:var(--tag-red)}.mi3:hover,.mi4:hover,.mi3:focus,.mi4:focus{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.08);outline:none}.consultations,.services{list-style:none;padding:1.8rem;display:grid;gap:.8rem;background:#f3f5f7;border:1px solid #e0e6eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.consultations--2{background:#fdecec}.consultations li,.services li{position:relative;padding-left:1.5rem;line-height:1.6;color:#333}.consultations li:before,.services li:before{content:"•";position:absolute;left:0;top:.1rem;color:var(--accent-a);font-weight:900;font-size:1.25rem}.custom-section ul,.custom-section ol{list-style:none;padding-left:0;margin-left:0}.mi3,.mi4{position:relative;display:inline-block;padding:.4rem 1rem .4rem 2.8rem;color:#fff;border-radius:100vh 0 0 100vh;margin-top:40px}.mi3:before,.mi4:before{position:absolute;top:50%;left:1.2rem;transform:translateY(-50%);width:14px;height:14px;content:'';border-radius:50%;background:#fff}.imagenice{border-top-right-radius:200px;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;overflow:hidden;width:70%}@media (max-width:640px){.mi2{font-size:1rem;padding-bottom:.45rem}.mi2:before{left:6px}.mi2:first-letter {font-size:1.45em}.mi3,.mi4{padding-left:2.6rem;padding-right:.75rem;font-size:.95rem}.service{padding:.75rem}.imagenice{border-top-right-radius:50px;border-bottom-left-radius:50px;width:100%}}.activity-card{border-radius:18px;padding:28px 24px;background:#fff;transition:all .28s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.activity-card a{display:block;color:inherit;text-decoration:none}.activity-content h3{font-size:1.35rem;font-weight:700;margin-bottom:6px;transition:color .25s ease}.activity-content p{color:#4b5563;line-height:1.6}.activity-card:hover{transform:translateY(-3px);border-color:rgba(0,0,0,.08);box-shadow:0 6px 20px rgba(0,0,0,.06)}.activity-card:hover h3{color:#0f172a}.related-links-section{margin:120px auto 10px;padding:0 15px;max-width:1400px !important;text-align:center;overflow:visible}.related-links-section{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:0;padding-right:20px}.related-links-title{font-size:16px;font-weight:600;color:#333;text-align:center;margin-bottom:25px;position:relative;display:inline-block;padding:0 70px}.related-links-title:before,.related-links-title:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:#ccc;transform:translateY(-50%)}.related-links-title:before{left:0;transform:translate(-100%,-50%)}.related-links-title:after{right:0;transform:translate(100%,-50%)}.related-links-grid{display:grid;grid-template-columns:1fr;gap:20px}@media screen and (min-width:768px){.related-links-grid{grid-template-columns:repeat(4,1fr)}}.related-link-item{display:block;width:100%;transition:transform .3s ease,opacity .3s ease}.related-link-item img{width:100%;height:auto;border-radius:8px;display:block}.related-link-item:hover{transform:translateY(-3px);opacity:.9}@media screen and (max-width:768px){.related-links-section{padding-right:0}}.gallery-section{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:#000;padding:0;position:relative}.gallery-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;width:100%;pointer-events:none}.gallery-title h2{font-size:8vw;font-weight:800;color:rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.25em;font-family:'Lato',sans-serif;user-select:none;mix-blend-mode:overlay}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.gallery-item{overflow:hidden;position:relative}.gallery-item img{width:100%;height:300px;object-fit:cover;transition:transform 1.2s ease}@media (min-width:769px){.gallery-item:hover img{transform:scale(1.1)}}@media (max-width:1024px) and (min-width:769px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.gallery-grid{display:flex;overflow-x:auto;gap:10px;padding:10px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.gallery-item{flex:0 0 80%;scroll-snap-align:center;border-radius:8px}.gallery-item img{height:auto}}