*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#091a41;font-family:Noto Sans JP,Yu Gothic,Meiryo,sans-serif;line-height:1.6}a{color:inherit}.preview{background:#fff2c9;color:#593c00;text-align:center;padding:10px;font-weight:700;font-size:14px}header{display:flex;align-items:center;gap:30px;padding:14px max(4vw,24px);background:#fff}header .brand{font-size:27px;font-weight:900;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:12px}header .brand img{width:50px;height:50px;object-fit:contain}nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1;font-weight:700;font-size:14px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:#0061eb;border:2px solid #0061eb;border-radius:10px;padding:13px 22px;font-weight:800;text-align:center;transition:background .2s}.button:hover{background:#0048b7}.button:focus-visible,a:focus-visible{outline:3px solid #ffba00;outline-offset:3px}.button.outline{background:#fff;color:#075ce5}.wrap{max-width:1280px;margin:auto;padding:60px 28px}.hero{background:#eaf6ff}.hero-inner{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:570px;padding:0}.hero-text{padding:42px 20px 42px 48px;z-index:1}.hero h1{font-size:clamp(38px,4vw,66px);line-height:1.18;letter-spacing:-.035em;margin:22px 0}.lead{font-size:clamp(20px,2vw,30px);font-weight:800;line-height:1.5}.lead span{color:#0068f5}.pill{display:inline-block;border-radius:999px;background:#d8ebff;color:#10234c;padding:7px 20px;font-weight:800}.hero-images{position:relative;height:100%;min-height:570px}.hero-main{width:100%;height:100%;position:absolute;object-fit:cover}.hero-detail{position:absolute;width:47%;right:6%;bottom:7%;border:6px solid white;border-radius:18px;box-shadow:0 8px 24px #154b863d}.heading{text-align:center;margin:0 auto 42px}.heading:not(:first-child){margin-top:70px}.heading h2{font-size:clamp(28px,3.1vw,44px);line-height:1.3;margin:0 0 6px}.heading h2:after{content:"";display:block;width:130px;height:4px;background:#5bc6f5;border-radius:4px;margin:12px auto}.heading p{margin:0}.soft{background:#f3faff}.blue{background:#e5f4ff}.grid{display:grid;gap:22px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid #b8d5ff;border-radius:16px;padding:28px}.card h3{font-size:20px;line-height:1.4;margin:0 0 14px}.card p{margin:0;line-height:1.7}.card p+p{margin-top:16px}.four .card{text-align:center;min-height:170px}.course{text-align:center;padding:48px 18px}.course h3{background:#d7eaff;border-radius:12px;margin:0;padding:12px}.tools{display:grid;gap:12px}.tool{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:20px}.tool h3{font-size:28px;margin:0}.teacher{margin-bottom:24px;padding:35px}.teacher h3{font-size:34px}.teacher small{font-size:18px}.teacher p{margin-top:14px}.satisfaction{text-align:center}.satisfaction strong{display:block;background:#0864ee;color:#fff;border-radius:8px;font-size:clamp(40px,5vw,70px);line-height:1.2}.satisfaction p{font-weight:700}.satisfaction p:last-child{color:#0068f5;margin-top:24px}blockquote{margin:0;text-align:center;font-weight:700;min-height:130px}.price{text-align:center;display:flex;flex-direction:column;align-items:stretch}.price .amount{font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.3}.price ul{text-align:left;flex:1;line-height:2}.price .button{border-radius:999px}.price.featured{border:2px solid #006bff}.orientation{text-align:center}.orientation .date{font-weight:900;font-size:clamp(26px,4vw,52px);border:2px solid #006dff;border-radius:16px;padding:14px;margin:26px 0}.orientation .button{margin-top:20px;width:min(500px,100%);border-radius:999px}.faqs{display:grid;gap:14px}.faq{padding:0;overflow:hidden}.faq h3{margin:0;background:#e1f2ff;padding:12px 18px}.faq p{padding:16px 18px}.faq .example{background:#e6f5ff;margin:0 20px 20px;text-align:center}.actions .button{border-radius:999px;min-height:70px}@media(max-width:850px){header{flex-wrap:wrap;gap:12px}header nav{order:3;width:100%;overflow:auto;justify-content:flex-start;gap:18px;padding-bottom:6px;white-space:nowrap}header .button{margin-left:auto}.hero-inner{grid-template-columns:1fr}.hero-text{padding:36px 24px}.hero-images{height:300px;min-height:300px}.hero-detail{width:40%;bottom:5%}.four,.three{grid-template-columns:repeat(2,1fr)}.wrap{padding:50px 20px}.hero-inner{padding:0}.tool{grid-template-columns:1fr}.heading:not(:first-child){margin-top:50px}}@media(max-width:550px){header .brand{font-size:21px}header .brand img{width:38px;height:38px}header .button{font-size:12px;padding:8px 12px}.hero h1{font-size:38px}.four,.three,.two{grid-template-columns:1fr}.four .card{min-height:auto}.card{padding:23px}.heading h2{font-size:27px}.teacher h3{font-size:28px}.orientation .date{font-size:25px}.hero-images{height:240px;min-height:240px}}.teacher:has(.teacher-photo){display:grid;grid-template-columns:minmax(180px,32%) 1fr;align-items:center;gap:36px}.teacher-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}@media(max-width:600px){.teacher:has(.teacher-photo){grid-template-columns:1fr}.teacher-photo{width:min(240px,75%);margin:auto}}.card-icon{display:block;margin:0 auto 20px;color:#112e61}.course .card-icon{margin-bottom:22px}@media(max-width:850px){header nav{flex:0 0 100%;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.hero-detail{transform:rotate(-3deg)}.view-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:#f7fbff;color:#182d50;font-size:13px}.view-controls button{border:1px solid #4a82c8;border-radius:6px;background:#fff;padding:7px 12px;color:#12325d;font-weight:700;cursor:pointer}.original{position:relative;width:min(100%,1440px);margin:0 auto}.original>img{width:100%;height:auto;display:block}.original-link{position:absolute;display:block;border:0;background:transparent}.original-link:focus-visible{outline:4px solid #ffab00;outline-offset:2px;background:#fff3}@media(max-width:550px){.view-controls{flex-wrap:wrap}.view-controls span{font-size:12px}}.original-section{position:absolute;left:0;width:1px;height:1px}.mobile-design{background:#f2faff}.mobile-hero{background:#eaf6ff;padding:14px 18px;display:grid;gap:8px}.mobile-section{padding:32px 20px}.mobile-section.white{background:#fff}.mobile-stack{display:grid;gap:14px;margin:20px auto 42px;max-width:440px}.clip{position:relative;width:100%;overflow:hidden;contain:layout paint}.clip img{position:absolute;height:auto;max-width:none;display:block}.clip-link{position:absolute;display:block;z-index:2}.clip-link:focus-visible{outline:4px solid #ffab00;outline-offset:2px}.mobile-tool{padding:20px}.mobile-tool .clip{max-width:280px;margin:auto}.mobile-tool h3{background:#d7eaff;padding:5px 12px;border-radius:999px}.orientation-mobile{text-align:center}.orientation-mobile .clip{max-width:260px;margin:10px auto 22px}.orientation-mobile p{font-weight:700}.orientation-date{border:2px solid #006dff;border-radius:12px;padding:12px;font-size:21px}.mobile-design .teacher h3{font-size:24px}.mobile-design .teacher small{font-size:14px}.mobile-design .faq h3{font-size:17px}.mobile-design .faq p{font-size:15px}.mobile-design .heading{margin:0 auto 22px}.mobile-design .heading h2{font-size:24px}.mobile-design .heading p{font-size:14px}.mobile-design .heading:not(:first-child){margin-top:38px}.mobile-service h3{background:#d7eaff;border-radius:999px;padding:6px 12px;font-size:17px}.mobile-service-content{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px}.mobile-service-content ul{margin:0;padding-left:1.2em;font-size:15px}.mobile-service-content li{margin:4px 0}.mobile-service p{font-size:14px;margin:12px 0 0}.mobile-design .price li{font-size:15px}.mobile-design .price .amount{font-size:30px}.sr-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:normal;border:0}