:root{--main-color: #0D0C0B;--sub-color: #6087BF;--sub-color2: #A3B9D9;--sub-color3: #6087BF;--accent-color: #F2D479;--accent-color2: #F2B6D4;--accent-color3: #8c8b8b;--bg-color: #E6EBF2}body{font-family:"Helvetica Neue", Arial, "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;margin:0;padding:0;background-color:var(--bg-color);color:var(--main-color);overflow-x:hidden;max-width:100vw}.nowrap{white-space:nowrap;display:inline-block}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{box-shadow:0 2px 4px rgba(0,0,0,0.1);position:fixed;top:0;width:100%;z-index:1;background-color:white;box-shadow:none;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}nav{display:flex;justify-content:space-around;align-items:center;background-color:#FFFFFF}.logo{transition:all 0.3s ease;height:100%}.logo img{width:220px;height:auto;transition:all 0.3s ease;margin-bottom:-0.4em;margin-left:1em}img.scrolled{width:140px;margin-bottom:-0.3em}.nav-links{display:flex;justify-content:space-around;align-items:center;margin-left:auto;font-size:85%;white-space:nowrap;height:100%}.nav-links li{list-style:none}.nav-links a{margin-left:1rem;font-size:110%;font-weight:bold;color:var(--main-color);text-decoration:none;vertical-align:middle;position:relative}.nav-animation a{color:#000;font-size:16px;font-weight:bold;padding-bottom:10px;text-decoration:none;position:relative}.nav-animation a::after{content:"";display:block;height:2px;width:90%;background-color:#6087BF;position:absolute;left:5%;bottom:0;transform:scaleX(0);transform-origin:center;transition:0.5s ease}.nav-animation a:hover{color:#6087BF}.nav-animation a:hover::after{transform:scaleX(1)}@media only screen and (max-width: 600px){.nav-links a{display:none}.login-button{display:block !important}}.login-button{display:inline-flex;align-items:center;color:var(--main-color) !important;background-color:var(--accent-color);padding:0.3rem 0.5rem;border-radius:5px;vertical-align:middle;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:background-color 0.3s ease}.login-button:hover{background-color:var(--sub-color)}.hero{background-color:var(--bg-color);background-image:url(/assets/hero-6fd0a64bb5be5e6ebe9bbff1862d5da9b1cf78ccb88bf0662698e9d4d010168d.png);background-repeat:no-repeat;background-position:right center;background-size:cover;color:var(--main-color);text-align:left;padding:7rem 0rem 5rem 8rem;max-width:1200px;margin:0 auto}@media (min-width: 1400px){.hero{background-size:1400px}}@media (max-width: 768px){.hero{background-size:contain;background-position:bottom}}.release{width:100px;text-align:center;border:solid 1px var(--main-color);border-radius:3px;padding:5px 10px;font-size:100%;font-weight:300;color:var(--main-color)}.hero h1{font-size:2.3rem;margin:1.5rem 0 0 0;color:var(--main-color);line-height:1.8}@media (max-width: 920px){.hero{padding:7rem 0rem 5rem 4rem}}@media (max-width: 600px){.hero{padding:5rem 0rem 5rem 1rem}.hero h1{font-size:2rem}.hero-buttons{flex-direction:column;gap:0.8rem;align-items:flex-start}.hero .cta-button{font-size:1.1rem;min-width:154px;width:154px}}.hero p{width:250px;margin-left:-1.5rem}.hero-buttons{display:flex;gap:1rem;margin-top:2rem;align-items:center}.hero .cta-button{font-size:1.2rem;min-width:154px;width:154px;padding:0.5rem 1rem;box-sizing:border-box}.mark{background:linear-gradient(transparent 70%, #f6ff5f 70%);display:inline;background-repeat:no-repeat;background-size:0% 100%;transition:background-size 2.5s}.mark.on{background-size:100% 100%}.appeal-banner{background-color:var(--sub-color);color:white;padding:0.8rem 0;text-align:center;font-weight:bold}.appeal-banner p{margin:0;font-size:1.3rem}.appeal-banner a{text-decoration:none;color:inherit}.appeal-banner .highlight{background-color:rgba(255,255,255,0.2);padding:0.2rem 0.5rem;border-radius:4px;margin-right:0.5rem}@media (max-width: 600px){.appeal-banner p{font-size:1.1rem}}.seminar-banner{margin-top:2rem;margin-bottom:2rem;text-align:center}.seminar-banner .seminar-link{display:inline-block}.seminar-banner .seminar-banner-image{width:850px;max-width:100%;height:auto;display:block;margin:0 auto}.kadai-area{font-size:1.3rem;margin-top:2rem}#kadai{text-align:center;padding-top:1.5rem;padding-bottom:1rem;font-size:125%}.features{display:flex;flex-wrap:nowrap;justify-content:center;gap:2rem;max-width:1200px;margin:1rem auto 5rem auto}.feature-card{flex:1;background-color:white;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);padding:1rem 3rem;display:flex;flex-direction:column;font-size:100%;border:1.5px solid black;box-sizing:border-box}.problem-section{text-align:center;padding:1.5rem 0}.problem-image{width:auto;height:130px;margin:0 auto}.problem-text{font-size:1.25rem;line-height:1.8;margin-top:1.5rem;font-weight:600;text-align:left}.arrow-divider{width:77px;height:auto;margin:0rem auto;display:block}.solution-section{padding:1.5rem 0;display:flex;flex-direction:column;align-items:center}.solution-icon{width:auto;height:84px;margin-bottom:1.5rem}.solution-text{font-size:1.25rem;line-height:1.8;font-weight:600;text-align:left;margin:0}@media (max-width: 1200px){.features{flex-wrap:wrap}.feature-card{flex:0 1 calc(50% - 1rem)}}@media (max-width: 768px){.features{flex-direction:column;flex-wrap:nowrap;gap:1.5rem;margin:1rem auto 3rem auto;padding:0 1rem}.feature-card{flex:1;width:100%;max-width:400px;margin:0 auto;padding:1rem 1.5rem;box-sizing:border-box}.problem-text{font-size:1.2rem}.solution-text{font-size:1.2rem}.problem-image{width:auto;height:100px}.solution-icon{width:auto;height:60px}}.details{background-color:white;padding:2rem 4rem}.detail-row{display:flex;flex-direction:column;gap:0.5rem}.detail-row-top{display:flex;justify-content:space-between;gap:3rem}.detail-row-bottom{display:flex;justify-content:center}.detail-row-bottom .detail-item{max-width:calc(50% - 1.5rem)}.detail-item{flex:1;margin-bottom:1rem}.detail-item h3{margin-bottom:0rem;font-size:150%}.detail-content{display:flex;flex-direction:column;align-items:flex-start}.detail-text{width:100%;margin-bottom:0.5rem;font-size:110%}.detail-image{width:170%;max-width:370px;align-self:center}.detail-image img{width:100%;height:auto;display:block}.detail-image2{width:150%;max-width:440px;align-self:center}.detail-image2 img{width:100%;height:auto;display:block}.detail-image3{width:200%;max-width:550px;align-self:center}.detail-image3 img{width:100%;height:auto;display:block}@media (max-width: 920px){.detail-image{width:140%;max-width:320px}.detail-image2{width:120%;max-width:350px}.detail-image3{width:160%;max-width:420px}}@media (max-width: 768px){.detail-row-top{flex-direction:column;gap:2rem}.detail-row-bottom{flex-direction:column;gap:2rem;align-items:center}.detail-row-bottom .detail-item{max-width:100%;display:flex;flex-direction:column;align-items:center}.detail-item{width:100%;margin-bottom:2rem}.detail-content{align-items:center;text-align:center}.detail-text{font-size:95%}.detail-image{max-width:350px}.detail-image2{max-width:380px}.detail-image3{max-width:380px}}#packages{padding:2rem 4rem}#packages h2{text-align:center;margin-bottom:2rem;font-size:170%}.packages{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1rem;margin:2rem auto;max-width:1200px;font-size:100%}.package{background-color:#FFFFFF;padding:0 1rem;border-radius:5px;text-align:center;font-weight:600;color:var(--main-color);transition:all 0.3s ease;place-content:center;place-items:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);min-height:80px;min-width:auto;line-height:1.8}.package a{text-decoration:none;color:var(--main-color)}.package:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.under_c{font-weight:normal;background-color:rgba(243,243,243,0.890196);color:var(--main);font-size:90%}.under_c:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.jittai_k{background-color:var(--sub-color);color:#FFFFFF;border-radius:7px;padding:3px;font-size:70%;font-weight:normal}.test_k{background-color:var(--accent-color2);color:#FFFFFF;border-radius:7px;padding:3px;font-size:70%;font-weight:normal}.ai_k{background-color:var(--accent-color);color:#FFFFFF;border-radius:7px;padding:3px;font-size:70%;font-weight:normal}.jizen_k{background-color:var(--accent-color3);color:#FFFFFF;border-radius:7px;padding:3px;font-size:70%;font-weight:normal}#packages .notice{font-size:80%;text-align:left}.cta-section{padding:0;color:white;width:100%;max-width:100vw;overflow-x:hidden}.cta-container{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto}.cta-top{background-color:var(--sub-color);background-image:radial-gradient(var(--sub-color2) 1px, transparent 1px),radial-gradient(var(--sub-color2) 1px, transparent 1px);background-size:30px 30px;background-position:0 0, 15px 15px;padding:3rem 2rem;text-align:center;color:white;width:100%;box-sizing:border-box;overflow-x:hidden}.cta-top p{font-size:1.5rem;margin-bottom:2rem;line-height:1.5;font-weight:bold}.cta-bottom{display:flex;min-height:300px;width:100%}.left-column,.right-column{flex:1;position:relative}.left-column{background-color:#FFFFFF;color:var(--main-color)}.right-column{background-color:var(--sub-color2);color:var(--main-color)}.left-column::before,.right-column::before{content:"";position:absolute;top:0;bottom:0;width:50vw;z-index:-1;max-width:50vw}.left-column::before{right:0;background-color:#FFFFFF}.right-column::before{left:0;background-color:var(--sub-color2)}.cta-inner{display:flex;justify-content:center;align-items:center;height:100%}.cta-column{padding:2rem;text-align:center}.cta-column h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--main-color);font-weight:bold}.column-content{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;text-align:left}.icon-container{flex-shrink:0;width:120px;height:120px;background-color:white;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:4px}.cta-icon{width:112px;height:112px;object-fit:contain;border-radius:8px}.siryo-icon{width:179px;height:132px;border-radius:0}.column-text{flex:1}.bullet-points{margin-bottom:1rem}.bullet-point{display:flex;align-items:center;margin-bottom:0.8rem;font-size:1.1rem;line-height:1.4}.check-mark{color:#0D0C0B;font-weight:bold;margin-right:0.8rem;font-size:1.2rem}.column-text p{font-size:1.1rem;margin:0;line-height:1.4;color:var(--main-color)}.cta-button{display:inline-flex;align-items:center;background-color:var(--accent-color);color:black;padding:0.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:bold;font-size:1.2rem;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s ease;min-width:200px;justify-content:center}.cta-button:hover{transform:scale(1.1);background-color:var(--bg-color)}.register-button{min-width:auto}.siryo-button{background-color:var(--sub-color2)}.cta-button svg{width:20px;height:20px;margin-right:0.5rem}@media (max-width: 768px){.cta-top{padding:2rem 1rem}.cta-top p{font-size:1.2rem;padding:0 1rem}.cta-bottom{flex-direction:column}.cta-column{padding:1.5rem}.cta-column h3{font-size:1.5rem}.column-content{flex-direction:column;align-items:center;text-align:center;gap:1rem}.icon-container{width:100px;height:100px}.cta-icon{width:60px;height:60px}.bullet-point{font-size:1rem}.column-text p{font-size:1rem}.cta-button{font-size:1.1rem;padding:0.7rem 1.2rem}.register-button{font-size:1.2rem}}.news{margin:2rem auto;max-width:800px}.news h2{text-align:center;margin-bottom:2rem}.news-list{list-style-type:none;padding:0}.news-item{background-color:white;padding:0.7rem;margin-bottom:1rem;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.news-date{font-weight:bold;color:var(--sub-color)}.rss-feed{margin:2rem auto;max-width:1200px}.rss-feed h2{text-align:center;margin-bottom:2rem}.rss-list{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(5, 1fr);gap:1rem;align-items:stretch}.rss-item{background-color:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;height:100%;display:flex;flex-direction:column}.rss-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.rss-item-header{padding:1rem 1rem 0 1rem}.rss-date{font-size:0.85rem;color:var(--sub-color);font-weight:500;background-color:var(--bg-color);padding:0.3rem 0.8rem;border-radius:12px;display:inline-block}.rss-title{margin:0.8rem 0 1rem 0;font-size:0.9rem;line-height:1.4;padding:0 1rem;flex:1}.rss-title a{color:var(--main-color);text-decoration:none;transition:color 0.3s ease;display:block}.rss-title a:hover{color:var(--sub-color)}.rss-item-content{display:flex;flex-direction:column;flex:1}.rss-image{width:100%;height:140px;overflow:hidden;flex-shrink:0}.rss-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.rss-item:hover .rss-image img{transform:scale(1.05)}.rss-text-content{flex:1;display:flex;flex-direction:column}@media (max-width: 1200px){.rss-list{grid-template-columns:repeat(4, 1fr)}}@media (max-width: 968px){.rss-list{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 768px){.rss-list{grid-template-columns:repeat(2, 1fr);gap:0.8rem}.rss-image{height:120px}.rss-title{font-size:0.85rem;margin:0.6rem 0 0.8rem 0}.rss-date{font-size:0.8rem}}@media (max-width: 480px){.rss-feed{margin:1.5rem auto}.rss-list{grid-template-columns:1fr;gap:1rem}.rss-image{height:160px}.rss-title{font-size:0.9rem}}.rss-loading{text-align:center;padding:2rem;color:var(--sub-color)}.rss-error{background-color:#f8f8f8;padding:1rem;border-radius:5px;color:#666;text-align:center}footer{background-color:var(--sub-color);color:white;border-top:#666 1px solid;text-align:center;padding:1rem 0;font-size:80%}.footer-nav{background-color:var(--sub-color) !important;display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:0.6rem}.footer-nav a{color:white;text-decoration:none;margin:5px 10px}.footer-nav a:hover{text-decoration:underline}footer p{margin:0}footer p a{color:white;text-decoration:none}footer p a:hover{text-decoration:underline}@media (max-width: 600px){.features{flex-direction:column;align-items:center}.feature{flex-basis:100%;max-width:300px}}section{opacity:0;transform:translateY(8px);transition:opacity 0.6s ease-out, transform 0.6s ease-out}section.animate{opacity:1;transform:translateY(0)}#faq{background-color:white;padding:1rem 0 3rem 0}.faq{max-width:700px;text-align:center}.accordion{margin-bottom:1rem}.accordion-item{margin-bottom:1rem;border:1px solid var(--sub-color2);border-radius:5px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.accordion-button{width:100%;text-align:left;padding:1rem;font-size:0.9rem;font-weight:bold;background-color:var(--bg-color);border:none;cursor:pointer;transition:background-color 0.3s ease}.accordion-button:hover{background-color:white}.accordion-button::after{content:"+";float:right;font-weight:bold}.accordion-button.active::after{content:"-"}.accordion-content{display:none;text-align:left;padding:0 1.5rem 0rem 1.5rem;background-color:white;font-size:90%}.seemore{font-size:90%}.copyright{text-align:center;margin-top:1.25rem;font-size:0.75rem;line-height:1rem;color:#fff}.carousel-container{position:relative;max-width:1200px;margin:0 auto;overflow:hidden;padding:20px 0}.carousel-content{display:flex;transition:transform 0.5s ease-in-out;gap:40px}.item{flex:0 0 calc((100% - 80px) / 3);min-width:calc((100% - 80px) / 3);background-color:#fff;border-radius:1rem;box-shadow:0 2px 4px rgba(0,0,0,0.1);display:flex;flex-direction:column;padding:20px;aspect-ratio:3/4;transition:transform 0.3s ease;box-sizing:border-box;border:1.5px solid black}.item:hover{transform:scale(1.03)}.item-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.image-area{display:flex;flex-direction:column;gap:15px;margin-bottom:15px;align-items:center}.image-container{width:100%;border-radius:0.6rem;overflow:hidden;text-align:center}.image-container img{width:100%;height:auto;display:block;object-fit:cover}.image-container.mark-container img{width:80%;height:70px;object-fit:cover;object-position:center;margin:0 auto;display:inline-block}.title-container{width:100%;text-align:center}.title-container h3{margin:0 0 8px 0;font-size:1.2rem;line-height:1.3;font-weight:600}.title-container p{margin:0;font-size:0.9rem;line-height:1.5;color:#666;text-align:left}.text-area{display:flex;flex-direction:column;gap:15px}.text-container{width:100%}.text-container h3{margin:0 0 8px 0;font-size:1.4rem;line-height:1.3;text-align:center}.text-container p{margin:0;font-size:0.9rem;line-height:1.5;color:#666;text-align:left}.nav-buttons{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:10}.nav-buttons button{background:rgba(0,0,0,0.5);color:#fff;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.nav-buttons .prev{margin-left:10px}.nav-buttons .next{margin-right:10px}.dots-container{display:flex;justify-content:center;margin-top:20px}.dot{width:12px;height:12px;background-color:#ccc;border-radius:50%;margin:0 5px;cursor:pointer;transition:background-color 0.3s ease}.dot.active{background-color:#333}.item-link{display:block;text-decoration:none;color:inherit}.item-link:hover{opacity:0.9;transition:opacity 0.3s}@media (max-width: 768px){.carousel-container{display:none}.carousel-content{gap:30px}.item{flex:0 0 calc((100% - 30px) / 2);min-width:calc((100% - 30px) / 2)}.title-container h3,.text-container h3{font-size:1.3rem}}@media (max-width: 480px){.carousel-content{gap:25px}.item{flex:0 0 100%;min-width:100%;aspect-ratio:3/4}.title-container h3,.text-container h3{font-size:1.2rem}}.riyou-nagare{background-color:white;padding:3rem 0 6rem 0;text-align:center}.riyou-nagare h2{font-size:2rem;margin-bottom:1rem;color:var(--main-color)}.riyou-nagare p{font-size:1.1rem;margin-bottom:2rem;color:#666}.flow-container{max-width:800px;margin:0 auto}.flow-image{width:100%;max-width:900px;height:auto;display:block;margin:0 auto}@media (max-width: 768px){.riyou-nagare{padding:2rem 0}.riyou-nagare h2{font-size:1.8rem}.riyou-nagare p{font-size:1rem}.flow-image{max-width:650px}}@media (max-width: 480px){.riyou-nagare h2{font-size:1.5rem}.riyou-nagare p{font-size:0.9rem}.flow-image{max-width:450px}}
