﻿@keyframes zoomPC{0%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes zoomSD{0%{transform:scale(1.25)}100%{transform:scale(1)}}body#toppage .visual{display:flex;flex-direction:column;align-items:center;padding-bottom:8.3333333333vw;background:url(../images/mainvisual_bg.jpg) no-repeat 50% 0/cover}@media(min-width: 769px){body#toppage .visual{flex-direction:row-reverse;justify-content:center;gap:.5rem;padding:2.5rem;background-image:url(../images/mainvisual_bg_pc.jpg)}}@media(min-width: 769px){body#toppage .visual .pics{width:45rem}}body#toppage .visual .pics img{width:100%}body#toppage .visual .panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:5vw;width:91.6666666667vw;margin-top:-8.3333333333vw;padding:4.1666666667vw;border:1px solid var(--wh);border-radius:3.3333333333vw;background-color:var(--wh70);box-shadow:0 .8333333333vw 3.3333333333vw var(--key20);backdrop-filter:blur(3.3333333333vw)}@media(min-width: 769px){body#toppage .visual .panel{gap:2rem;width:32rem;margin-top:0;padding:0;border:0 none;background-color:rgba(0,0,0,0);box-shadow:none;backdrop-filter:none}}body#toppage .visual .panel .copy{position:relative;padding:2.0833333333vw 0 4.1666666667vw;color:var(--dark);font-family:"M PLUS Rounded 1c",sans-serif;font-size:7.5vw;font-weight:700;text-align:center}@media(min-width: 769px){body#toppage .visual .panel .copy{padding:1rem 0 1.5rem;font-size:2.5rem;text-align:left}}body#toppage .visual .panel .copy::before{display:none}@media(min-width: 769px){body#toppage .visual .panel .copy::before{content:"";position:absolute;right:0;bottom:0;display:block;width:4.5rem;aspect-ratio:1/1;background:url("../images/copy_fig.svg") no-repeat 50% 50%/contain}}body#toppage .visual .panel .copy::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.8333333333vw;border-radius:.4166666667vw;background-color:var(--key)}@media(min-width: 769px){body#toppage .visual .panel .copy::after{height:.25rem;border-radius:.125rem}}body#toppage .visual .panel .sub{color:var(--bk);font-size:4.1666666667vw;font-weight:700;text-align:center;line-height:1.75;transition-delay:.2s}@media(min-width: 769px){body#toppage .visual .panel .sub{font-size:1.5rem;text-align:left}}body#toppage .visual .panel .nav{display:flex;justify-content:center;gap:4.1666666667vw;transition-delay:.3s}@media(min-width: 769px){body#toppage .visual .panel .nav{gap:1.25rem}}body#toppage .visual .panel .nav .btn{display:flex;align-items:center;justify-content:center;gap:1.6666666667vw;width:39.5833333333vw;padding:1.6666666667vw;border:.4166666667vw solid var(--key);border-radius:1.6666666667vw;text-decoration:none}@media(min-width: 769px){body#toppage .visual .panel .nav .btn{gap:.5rem;width:15rem;padding:.5rem;border-width:.125rem;border-radius:.5rem}}@media(any-hover: hover){body#toppage .visual .panel .nav .btn:hover{transform:scale(1.1)}}body#toppage .visual .panel .nav .btn::before{content:"";width:6.6666666667vw;aspect-ratio:1/1}@media(min-width: 769px){body#toppage .visual .panel .nav .btn::before{width:2rem}}body#toppage .visual .panel .nav .btn::after{content:"";width:3.3333333333vw;aspect-ratio:1/1;mask:url("../images/icon_arrow.svg") no-repeat 50% 50%/contain}@media(min-width: 769px){body#toppage .visual .panel .nav .btn::after{width:1.25rem}}body#toppage .visual .panel .nav .btn .lebel{flex-grow:1;font-size:3.3333333333vw;font-weight:700;line-height:1.25}@media(min-width: 769px){body#toppage .visual .panel .nav .btn .lebel{font-size:1.125rem}}body#toppage .visual .panel .nav .btn.mail{color:var(--wh);background-color:var(--key)}body#toppage .visual .panel .nav .btn.mail::before{background-color:var(--wh);mask:url("../images/icon_write.svg") no-repeat 50% 50%/contain}body#toppage .visual .panel .nav .btn.mail::after{background-color:var(--yellow)}body#toppage .visual .panel .nav .btn.line{color:var(--line);background-color:var(--wh)}body#toppage .visual .panel .nav .btn.line::before{background:url("../images/sns_line.svg") no-repeat 50% 50%/contain}body#toppage .visual .panel .nav .btn.line::after{background-color:var(--key)}body#toppage .section{position:relative;padding:8.3333333333vw 0}@media(min-width: 769px){body#toppage .section{padding:5rem 0}}body#toppage .section .anchor{position:absolute;top:-12.5vw;left:0}@media(min-width: 769px){body#toppage .section .anchor{top:-5rem}}body#toppage .section .subject{display:flex;justify-content:center;gap:5vw;margin-bottom:6.6666666667vw}@media(min-width: 769px){body#toppage .section .subject{gap:2.5rem;margin-bottom:2.5rem}}body#toppage .section .subject::before,body#toppage .section .subject::after{content:"";width:3.3333333333vw;border-style:solid;border-color:var(--key);transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(min-width: 769px){body#toppage .section .subject::before,body#toppage .section .subject::after{width:1rem}}body#toppage .section .subject::before{border-width:.4166666667vw 0 .4166666667vw .4166666667vw;transform:translateX(6.6666666667vw);transition-delay:.2s}@media(min-width: 769px){body#toppage .section .subject::before{border-width:.125rem 0 .125rem .125rem;transform:translateX(2rem)}}body#toppage .section .subject::after{border-width:.4166666667vw .4166666667vw .4166666667vw 0;transform:translateX(-6.6666666667vw);transition-delay:.3s}@media(min-width: 769px){body#toppage .section .subject::after{border-width:.125rem .125rem .125rem 0;transform:translateX(-2rem)}}body#toppage .section .subject.inview::before,body#toppage .section .subject.inview::after{transform:translateX(0) !important}body#toppage .section .subject .inner{display:flex;flex-direction:column;align-items:center;gap:3.3333333333vw;padding:3.3333333333vw 0}@media(min-width: 769px){body#toppage .section .subject .inner{gap:1rem;padding:1rem 0}}body#toppage .section .subject h3{color:var(--dark);font-family:"M PLUS Rounded 1c",sans-serif;font-size:6.6666666667vw;font-weight:700;text-align:center;transition-delay:.4s}@media(min-width: 769px){body#toppage .section .subject h3{font-size:2.25rem}}body#toppage .section .subject p{color:var(--text);font-family:"Comfortaa",sans-serif;font-size:3.75vw;font-weight:700;letter-spacing:.1em;transition-delay:.5s}@media(min-width: 769px){body#toppage .section .subject p{font-size:1.125rem}}body#toppage .challenges{overflow:hidden}@media(min-width: 769px){body#toppage .challenges{padding-bottom:0}}body#toppage .challenges::before,body#toppage .challenges::after{content:"";position:absolute;width:66.6666666667vw;aspect-ratio:1/1;background-image:radial-gradient(closest-side, var(--key20) 0%, var(--key00) 100%)}@media(min-width: 769px){body#toppage .challenges::before,body#toppage .challenges::after{width:40rem}}body#toppage .challenges::before{top:-13.3333333333vw;left:-13.3333333333vw}@media(min-width: 769px){body#toppage .challenges::before{top:-8rem;left:calc(50% - 64rem)}}body#toppage .challenges::after{right:-26.6666666667vw;bottom:0}@media(min-width: 769px){body#toppage .challenges::after{right:calc(50% - 64rem)}}body#toppage .challenges .bubbles{position:relative;width:100%;height:64.5833333333vw}@media(min-width: 769px){body#toppage .challenges .bubbles{height:13.75rem}}body#toppage .challenges .bubbles li{position:absolute;display:flex;align-items:center;justify-content:center;width:29.1666666667vw;aspect-ratio:1/1;border-radius:50%;color:var(--text);font-size:3.75vw;font-weight:700;text-align:center;line-height:1.5;background-color:var(--wh)}@media(min-width: 769px){body#toppage .challenges .bubbles li{width:12.5rem;font-size:1.5rem}}body#toppage .challenges .bubbles li::after{content:"";position:absolute;bottom:0;left:50%;width:6.25vw;height:4.1666666667vw;background-color:var(--wh);transform:translate(-50%, 2.0833333333vw)}@media(min-width: 769px){body#toppage .challenges .bubbles li::after{width:2.5rem;height:1.875rem;transform:translate(-50%, 1.25rem)}}body#toppage .challenges .bubbles li:nth-child(1){top:0;left:23.9583333333vw;transition-delay:.1s}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(1){top:1.25rem;left:calc(50% - 37.5rem)}}body#toppage .challenges .bubbles li:nth-child(1)::after{clip-path:polygon(0 0, 100% 0, 30% 100%)}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(1)::after{clip-path:polygon(0 0, 100% 0, 100% 100%)}}body#toppage .challenges .bubbles li:nth-child(2){top:3.125vw;left:56.25vw;transition-delay:.2s}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(2){top:3.125rem;left:calc(50% - 21.625rem)}}body#toppage .challenges .bubbles li:nth-child(2)::after{clip-path:polygon(0 0, 100% 0, 0 100%)}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(2)::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}}body#toppage .challenges .bubbles li:nth-child(3){top:22.9166666667vw;left:3.3333333333vw;transition-delay:.3s}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(3){top:0;left:calc(50% - 4rem)}}body#toppage .challenges .bubbles li:nth-child(3)::after{clip-path:polygon(0 0, 100% 0, 100% 100%)}body#toppage .challenges .bubbles li:nth-child(4){top:30.4166666667vw;left:36.25vw;transition-delay:.4s}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(4){top:1.875rem;left:calc(50% + 10.375rem)}}body#toppage .challenges .bubbles li:nth-child(4)::after{clip-path:polygon(0 0, 100% 0, 70% 100%)}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(4)::after{clip-path:polygon(0 0, 100% 0, 50% 100%)}}body#toppage .challenges .bubbles li:nth-child(5){top:33.3333333333vw;left:67.5vw;transition-delay:.5s}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(5){top:1.25rem;left:calc(50% + 25rem)}}body#toppage .challenges .bubbles li:nth-child(5)::after{clip-path:polygon(0 0, 100% 0, 30% 100%)}@media(min-width: 769px){body#toppage .challenges .bubbles li:nth-child(5)::after{clip-path:polygon(0 0, 100% 0, 0 100%)}}body#toppage .challenges .fig{text-align:center}body#toppage .challenges .fig img{width:87.5vw}@media(min-width: 769px){body#toppage .challenges .fig img{width:68.75rem}}body#toppage .challenges .summary{margin-top:8.3333333333vw;color:var(--key);font-family:"M PLUS Rounded 1c",sans-serif;font-size:6.6666666667vw;font-weight:700;text-align:center;line-height:1.5}@media(min-width: 769px){body#toppage .challenges .summary{margin-top:4rem;font-size:3rem}}body#toppage .approach{padding-top:25vw;background:url("../images/approach_bg.jpg") no-repeat 50% 50%/cover}@media(min-width: 769px){body#toppage .approach{padding-top:12.5rem}}body#toppage .approach::before,body#toppage .approach::after{content:"";position:absolute;top:-1px;left:0;width:100%;clip-path:polygon(0 0, 100% 0, 50% 100%)}body#toppage .approach::before{height:16.6666666667vw;background-color:var(--key20)}@media(min-width: 769px){body#toppage .approach::before{height:7.5rem}}body#toppage .approach::after{height:13.3333333333vw;background-color:#dcfce7}@media(min-width: 769px){body#toppage .approach::after{height:6.25rem}}body#toppage .approach .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:3.3333333333vw}@media(min-width: 769px){body#toppage .approach .cards{gap:1.5rem}}body#toppage .approach .cards li{display:flex;flex-direction:column;align-items:center;gap:3.3333333333vw;width:43.3333333333vw;padding:4.1666666667vw 1.6666666667vw 3.3333333333vw;border:1px solid var(--wh);border-radius:3.3333333333vw;background-color:var(--wh50);backdrop-filter:blur(3.3333333333vw)}@media(min-width: 769px){body#toppage .approach .cards li{gap:1rem;width:17.625rem;padding:1.5rem .5rem 1.5rem;border-radius:1rem;backdrop-filter:blur(1rem)}}body#toppage .approach .cards li:nth-child(2){transition-delay:.2s}@media(min-width: 769px){body#toppage .approach .cards li:nth-child(3){transition-delay:.3s}}body#toppage .approach .cards li:nth-child(4){transition-delay:.2s}@media(min-width: 769px){body#toppage .approach .cards li:nth-child(4){transition-delay:.4s}}body#toppage .approach .cards li figure{width:25vw;aspect-ratio:1/1}@media(min-width: 769px){body#toppage .approach .cards li figure{width:10rem}}body#toppage .approach .cards li p{flex-grow:1;display:flex;align-items:center;color:var(--text);font-size:3.3333333333vw;font-weight:700;text-align:center;line-height:1.5}@media(min-width: 769px){body#toppage .approach .cards li p{font-size:1.5rem}}@media(min-width: 769px){body#toppage .classroom{padding-bottom:0}}body#toppage .classroom .lead{margin-bottom:8.3333333333vw;color:var(--key);font-family:"M PLUS Rounded 1c",sans-serif;font-size:6.6666666667vw;font-weight:700;text-align:center;line-height:1.5}@media(min-width: 769px){body#toppage .classroom .lead{margin-bottom:2.5rem;font-size:3rem}}body#toppage .classroom .tabnav{position:relative;display:flex;width:91.6666666667vw;margin:0 auto 6.6666666667vw;border-radius:13.3333333333vw;background-color:var(--bk10);padding:1.6666666667vw}@media(min-width: 769px){body#toppage .classroom .tabnav{display:none}}body#toppage .classroom .tabnav::before{content:"";position:absolute;top:1.6666666667vw;left:1.6666666667vw;width:calc(50% - 1.6666666667vw);height:calc(100% - 3.3333333333vw);border-radius:10.4166666667vw;background-color:var(--key);transition:transform .4s cubic-bezier(0.2, 1, 0.2, 1)}body#toppage .classroom .tabnav[data-active=tsunehisa]::before{transform:translateX(100%)}body#toppage .classroom .tabnav button{position:relative;z-index:1;flex:1;padding:2.5vw 0;border-radius:10.4166666667vw;color:var(--bk30);font-family:"M PLUS Rounded 1c",sans-serif;font-size:5vw;font-weight:700;background:none;transition:color .4s cubic-bezier(0.2, 1, 0.2, 1)}body#toppage .classroom .tabnav button.current{color:var(--wh)}body#toppage .classroom .rooms{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4.1666666667vw}body#toppage .classroom .rooms::-webkit-scrollbar{display:none}@media(min-width: 769px){body#toppage .classroom .rooms{justify-content:center;gap:2.5rem;overflow:visible;scroll-snap-type:none;padding-bottom:0}}body#toppage .classroom .rooms .room{flex:0 0 100%;scroll-snap-align:start;overflow:hidden;background-color:var(--wh);box-shadow:0 .8333333333vw 3.3333333333vw var(--key20)}@media(min-width: 769px){body#toppage .classroom .rooms .room{flex:none;width:36.25rem;border-radius:2rem;box-shadow:0 .25rem 1rem var(--key20)}body#toppage .classroom .rooms .room:nth-child(2){transition-delay:.2s}}body#toppage .classroom .rooms .room h3{display:none}@media(min-width: 769px){body#toppage .classroom .rooms .room h3{display:block;padding:1rem;color:var(--wh);font-family:"M PLUS Rounded 1c",sans-serif;font-size:2.25rem;font-weight:700;text-align:center;background-color:var(--key)}}body#toppage .classroom .rooms .room .copy{padding:3.3333333333vw;color:var(--wh);font-size:3.75vw;font-weight:700;text-align:center;line-height:1.5;background-color:var(--dark)}@media(min-width: 769px){body#toppage .classroom .rooms .room .copy{padding:1rem;font-size:1.5rem}}body#toppage .classroom .rooms .room .pic{margin-bottom:4.1666666667vw}@media(min-width: 769px){body#toppage .classroom .rooms .room .pic{margin-bottom:2rem}}body#toppage .classroom .rooms .room .pic img{width:100%}body#toppage .classroom .rooms .room .grade{display:flex;width:91.6666666667vw;margin:0 auto 4.1666666667vw;border:1px solid var(--key);font-size:3.75vw;text-align:center;line-height:1.5}@media(min-width: 769px){body#toppage .classroom .rooms .room .grade{width:32.375rem;margin-bottom:1.25rem;font-size:1.125rem}}body#toppage .classroom .rooms .room .grade .label{width:25vw;padding:1.6666666667vw;color:var(--wh);font-weight:700;background-color:var(--key)}@media(min-width: 769px){body#toppage .classroom .rooms .room .grade .label{width:10rem;padding:.5rem}}body#toppage .classroom .rooms .room .grade .target{flex-grow:1;padding:1.6666666667vw}@media(min-width: 769px){body#toppage .classroom .rooms .room .grade .target{padding:.5rem}}body#toppage .classroom .rooms .room .check{display:flex;flex-direction:column;gap:1.6666666667vw;width:91.6666666667vw;margin:0 auto 5vw}@media(min-width: 769px){body#toppage .classroom .rooms .room .check{gap:.5rem;width:32.375rem;margin-bottom:2rem}}body#toppage .classroom .rooms .room .check li{display:flex;align-items:center;gap:1.6666666667vw;font-size:3.75vw;line-height:1.5;font-weight:700}@media(min-width: 769px){body#toppage .classroom .rooms .room .check li{gap:.5rem;font-size:1.125rem}}body#toppage .classroom .rooms .room .check li::before{content:"";width:1em;aspect-ratio:1/1;background-color:var(--dark);mask:url("../images/icon_check.svg") no-repeat 50% 50%/contain}body#toppage .classroom .summary{margin-top:8.3333333333vw;color:var(--key);font-family:"M PLUS Rounded 1c",sans-serif;font-size:6.6666666667vw;font-weight:700;text-align:center;line-height:1.5}@media(min-width: 769px){body#toppage .classroom .summary{margin-top:4rem;font-size:3rem}}body#toppage .university{padding-top:25vw;background:url("../images/university_bg.jpg") no-repeat 50% 50%/cover}@media(min-width: 769px){body#toppage .university{padding-top:12.5rem}}body#toppage .university::before,body#toppage .university::after{content:"";position:absolute;top:-1px;left:0;width:100%;clip-path:polygon(0 0, 100% 0, 50% 100%)}body#toppage .university::before{height:16.6666666667vw;background-color:var(--key20)}@media(min-width: 769px){body#toppage .university::before{height:7.5rem}}body#toppage .university::after{height:13.3333333333vw;background-color:#dcfce7}@media(min-width: 769px){body#toppage .university::after{height:6.25rem}}body#toppage .university .panel{width:91.6666666667vw;margin:0 auto;padding:5vw 4.1666666667vw;border:1px solid var(--wh);border-radius:3.3333333333vw;background-color:var(--wh50);backdrop-filter:blur(3.3333333333vw)}@media(min-width: 769px){body#toppage .university .panel{max-width:75rem;padding:2.5rem;border-radius:1rem;backdrop-filter:blur(1rem)}}body#toppage .university .panel .main{margin-bottom:3.3333333333vw;color:var(--key);font-size:3.75vw;font-weight:700;text-align:center;line-height:1.75}@media(min-width: 769px){body#toppage .university .panel .main{margin-bottom:1.5rem;font-size:1.5rem}}body#toppage .university .panel .sub{padding-top:3.3333333333vw;border-top:1px solid var(--key40);font-size:3.3333333333vw;text-align:center;line-height:1.75}@media(min-width: 769px){body#toppage .university .panel .sub{padding-top:1.5rem;font-size:1rem}}body#toppage .success{background-color:var(--key05)}body#toppage .success .cards{display:grid;gap:3.3333333333vw;padding:0 4.1666666667vw}@media(min-width: 769px){body#toppage .success .cards{grid-template-columns:repeat(3, 1fr);gap:2rem;width:75rem;margin:0 auto;padding:0}}body#toppage .success .cards li{padding:3.3333333333vw;border-radius:3.3333333333vw;background-color:var(--wh);box-shadow:0 .8333333333vw 3.3333333333vw var(--key20)}@media(min-width: 769px){body#toppage .success .cards li{padding:1.5rem;border-radius:1rem;box-shadow:0 .25rem 1rem var(--key20)}body#toppage .success .cards li:nth-child(3n-1){transition-delay:.2s}body#toppage .success .cards li:nth-child(3n){transition-delay:.3s}}body#toppage .success .cards li .data{display:flex;flex-wrap:wrap;align-items:center;gap:3.3333333333vw;margin-bottom:5vw}@media(min-width: 769px){body#toppage .success .cards li .data{gap:1rem;margin-bottom:1.5rem}}body#toppage .success .cards li .data .label{display:inline-block;padding:1.6666666667vw 3.3333333333vw;border-radius:6.25vw;background-color:var(--key);color:var(--wh);font-size:3.3333333333vw;font-weight:700}@media(min-width: 769px){body#toppage .success .cards li .data .label{padding:.5rem 1rem;font-size:1rem}}body#toppage .success .cards li .data .test{font-size:5vw;font-weight:700;color:var(--dark)}@media(min-width: 769px){body#toppage .success .cards li .data .test{font-size:1.125rem}}body#toppage .success .cards li .data .score{flex-basis:100%;display:flex;justify-content:center;align-items:center;color:var(--key);font-size:10vw;font-weight:700}@media(min-width: 769px){body#toppage .success .cards li .data .score{font-size:2.5rem}}body#toppage .success .cards li .data .score .unit{align-self:flex-end;margin-bottom:.25em;font-size:.5em}body#toppage .success .cards li .data .score .arrow{margin:0 1.6666666667vw;color:var(--dark);font-size:.5em}@media(min-width: 769px){body#toppage .success .cards li .data .score .arrow{margin:0 .5rem}}body#toppage .success .cards li .data .score.sm{font-size:8.3333333333vw}@media(min-width: 769px){body#toppage .success .cards li .data .score.sm{font-size:2rem}}body#toppage .success .cards li .voice{display:flex;gap:2.5vw}@media(min-width: 769px){body#toppage .success .cards li .voice{gap:.875rem}}body#toppage .success .cards li .voice .pic{align-self:flex-start;flex-shrink:0;width:13.3333333333vw;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background-color:var(--key10)}@media(min-width: 769px){body#toppage .success .cards li .voice .pic{width:5rem}}body#toppage .success .cards li .voice .pic img{width:100%;height:100%;object-fit:contain}body#toppage .success .cards li .voice .message{flex-grow:1;display:flex;align-items:center;position:relative;padding:1.6666666667vw 3.3333333333vw;border-radius:1.6666666667vw;background-color:var(--yellow);font-size:2.9166666667vw;line-height:1.5}@media(min-width: 769px){body#toppage .success .cards li .voice .message{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem}}body#toppage .success .cards li .voice .message::before{content:"";position:absolute;top:5vw;left:-1.6666666667vw;width:1.6666666667vw;aspect-ratio:1/2;background-color:var(--yellow);clip-path:polygon(0 50%, 100% 0, 100% 100%)}@media(min-width: 769px){body#toppage .success .cards li .voice .message::before{top:2rem;left:-0.5rem;width:.5rem}}body#toppage .voices .cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:3.3333333333vw;padding:0 4.1666666667vw}@media(min-width: 769px){body#toppage .voices .cards{gap:2rem;width:75rem;margin:0 auto;padding:0}}body#toppage .voices .cards li{display:flex;flex-direction:column;align-items:center}body#toppage .voices .cards li:nth-child(2n){transition-delay:.2s}body#toppage .voices .cards li .message{flex-grow:1;position:relative;margin-bottom:4.1666666667vw;padding:3.3333333333vw;border-radius:1.6666666667vw;background-color:var(--wh)}@media(min-width: 769px){body#toppage .voices .cards li .message{margin-bottom:2rem;padding:2rem;border-radius:1rem}}body#toppage .voices .cards li .message::after{content:"";position:absolute;bottom:-1.6666666667vw;left:50%;transform:translateX(-50%);width:3.3333333333vw;aspect-ratio:2/1;background-color:var(--wh);clip-path:polygon(0 0, 100% 0, 50% 100%)}@media(min-width: 769px){body#toppage .voices .cards li .message::after{bottom:-1rem;width:2rem}}body#toppage .voices .cards li .message h3{margin-bottom:1.6666666667vw;color:var(--key);font-size:3.3333333333vw;font-weight:700;text-align:center}@media(min-width: 769px){body#toppage .voices .cards li .message h3{margin-bottom:.5rem;font-size:1.125rem}}body#toppage .voices .cards li .message p{font-size:2.9166666667vw;line-height:1.75}@media(min-width: 769px){body#toppage .voices .cards li .message p{font-size:1rem;line-height:2}}body#toppage .voices .cards li .pic{width:100%}@media(min-width: 769px){body#toppage .voices .cards li .pic{width:16rem}}body#toppage .voices .cards li .pic img{width:100%;display:block}body#toppage .contact{text-align:center;background:linear-gradient(150deg, var(--key), var(--dark));color:var(--wh)}body#toppage .contact .subject::before,body#toppage .contact .subject::after{border-color:var(--wh)}body#toppage .contact .subject h3{color:var(--wh)}body#toppage .contact .subject p{color:var(--wh70)}body#toppage .contact .lead{margin-bottom:3.3333333333vw;font-size:3.75vw;font-weight:700;line-height:1.75}@media(min-width: 769px){body#toppage .contact .lead{margin-bottom:2rem;font-size:1.5rem}}body#toppage .contact .contactform{position:relative;width:91.6666666667vw;margin:0 auto;padding:5vw 4.1666666667vw;border-radius:3.3333333333vw;background-color:var(--wh);text-align:left}@media(min-width: 769px){body#toppage .contact .contactform{max-width:45rem;padding:2.5rem 3rem;border-radius:1.25rem}}body#toppage .contact .contactform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}body#toppage .contact .contactform .step{display:none}body#toppage .contact .contactform .step.is-active{display:block}body#toppage .contact .contactform .send-error{margin-top:3.3333333333vw;padding:2.0833333333vw 2.9166666667vw;border-radius:1.6666666667vw;background-color:rgba(204,0,0,.08);color:var(--required);font-size:2.7083333333vw;text-align:center}body#toppage .contact .contactform .send-error[hidden]{display:none}@media(min-width: 769px){body#toppage .contact .contactform .send-error{margin-top:1.125rem;padding:.75rem 1rem;font-size:.875rem}}body#toppage .contact .contactform .fields .field{position:relative}body#toppage .contact .contactform .fields .field+.field{margin-top:3.3333333333vw}@media(min-width: 769px){body#toppage .contact .contactform .fields .field+.field{margin-top:1.25rem}}body#toppage .contact .contactform .fields .field label{position:relative;display:flex;align-items:center;gap:1.6666666667vw;margin-bottom:1.6666666667vw;font-size:3.3333333333vw;font-weight:700;color:var(--dark)}@media(min-width: 769px){body#toppage .contact .contactform .fields .field label{gap:.5rem;margin-bottom:.5rem;font-size:1rem}}body#toppage .contact .contactform .fields .field label.required::after{content:"必須";padding:.8333333333vw 1.6666666667vw;border-radius:2em;background-color:var(--required);color:var(--wh);font-size:2.9166666667vw;font-weight:700}@media(min-width: 769px){body#toppage .contact .contactform .fields .field label.required::after{padding:.25rem .5rem;font-size:.875rem}}body#toppage .contact .contactform .fields .field input[type=text],body#toppage .contact .contactform .fields .field input[type=tel],body#toppage .contact .contactform .fields .field input[type=email],body#toppage .contact .contactform .fields .field textarea{display:block;width:100%;padding:1.6666666667vw 3.3333333333vw;border:1px solid var(--bk20);border-radius:1.6666666667vw;font-family:inherit;font-size:max(16px,3.3333333333vw);color:var(--bk);background-color:var(--wh);transition:border-color .3s}@media(min-width: 769px){body#toppage .contact .contactform .fields .field input[type=text],body#toppage .contact .contactform .fields .field input[type=tel],body#toppage .contact .contactform .fields .field input[type=email],body#toppage .contact .contactform .fields .field textarea{padding:.5rem 1rem;border-radius:.5rem;font-size:1rem}}body#toppage .contact .contactform .fields .field input[type=text]:focus,body#toppage .contact .contactform .fields .field input[type=tel]:focus,body#toppage .contact .contactform .fields .field input[type=email]:focus,body#toppage .contact .contactform .fields .field textarea:focus{border-color:var(--key);outline:none}body#toppage .contact .contactform .fields .field input[type=text]::placeholder,body#toppage .contact .contactform .fields .field input[type=tel]::placeholder,body#toppage .contact .contactform .fields .field input[type=email]::placeholder,body#toppage .contact .contactform .fields .field textarea::placeholder{color:var(--bk30)}body#toppage .contact .contactform .fields .field textarea{resize:vertical;min-height:25vw}@media(min-width: 769px){body#toppage .contact .contactform .fields .field textarea{min-height:10rem}}body#toppage .contact .contactform .fields.confirm .field{padding-bottom:3.3333333333vw;border-bottom:1px solid var(--bk10)}@media(min-width: 769px){body#toppage .contact .contactform .fields.confirm .field{padding-bottom:1.125rem}}body#toppage .contact .contactform .fields.confirm .field+.field{margin-top:3.3333333333vw}@media(min-width: 769px){body#toppage .contact .contactform .fields.confirm .field+.field{margin-top:1.125rem}}body#toppage .contact .contactform .fields.confirm .field .label{display:block;margin-bottom:1.6666666667vw;font-size:3.3333333333vw;font-weight:700;color:var(--dark)}@media(min-width: 769px){body#toppage .contact .contactform .fields.confirm .field .label{margin-bottom:.5rem;font-size:1rem}}body#toppage .contact .contactform .fields.confirm .field p{color:var(--text);font-size:3.3333333333vw;line-height:1.75}@media(min-width: 769px){body#toppage .contact .contactform .fields.confirm .field p{font-size:1rem}}body#toppage .contact .contactform .fields.confirm .field p.pre{white-space:pre-wrap}body#toppage .contact .contactform .nav.submit{display:flex;justify-content:center;align-items:center;gap:2.0833333333vw;margin-top:5vw}@media(min-width: 769px){body#toppage .contact .contactform .nav.submit{gap:1rem;margin-top:2rem}}body#toppage .contact .contactform .nav.submit .btn{display:flex;align-items:center;justify-content:center;gap:1.6666666667vw;width:100%;max-width:66.6666666667vw;padding:3.3333333333vw;border:.4166666667vw solid var(--key);border-radius:1.6666666667vw;background:none;font-family:inherit;cursor:pointer;transition:transform .3s}@media(min-width: 769px){body#toppage .contact .contactform .nav.submit .btn{gap:.5rem;width:auto;max-width:none;padding:.75rem 1.75rem;border-width:.125rem;border-radius:.5rem}}@media(any-hover: hover){body#toppage .contact .contactform .nav.submit .btn:hover{transform:scale(1.1)}}body#toppage .contact .contactform .nav.submit .btn::after{content:"";width:3.3333333333vw;aspect-ratio:1/1;mask:url("../images/icon_arrow.svg") no-repeat 50% 50%/contain}@media(min-width: 769px){body#toppage .contact .contactform .nav.submit .btn::after{width:1.25rem}}body#toppage .contact .contactform .nav.submit .btn .lebel{font-size:3.75vw;font-weight:700;line-height:1.25;text-align:center}@media(min-width: 769px){body#toppage .contact .contactform .nav.submit .btn .lebel{margin-bottom:.2em;font-size:1.125rem}}body#toppage .contact .contactform .nav.submit .btn.primary{color:var(--wh);background-color:var(--key)}body#toppage .contact .contactform .nav.submit .btn.primary::after{background-color:var(--yellow)}body#toppage .contact .contactform .nav.submit .btn.ghost{flex-direction:row-reverse;border-color:var(--bk20);color:var(--bk50);background-color:var(--wh)}body#toppage .contact .contactform .nav.submit .btn.ghost::after{background-color:var(--bk40);transform:rotate(180deg)}body#toppage .contact .contactform .complete-message{padding:6.6666666667vw 0;color:var(--text);font-size:3.75vw;font-weight:700;text-align:center;line-height:1.75}@media(min-width: 769px){body#toppage .contact .contactform .complete-message{padding:2rem 0;font-size:1.125rem}}