.case-component{padding:120px 0 120px;background-color:#efefef}.case-component__bg{max-width:1250px;margin-inline:auto;background-image:url(../../images/bg-case.png);background-repeat:no-repeat;background-position:center top;background-size:100%}.case-component__inner{max-width:1040px;padding:0 40px;margin-inline:auto}@media screen and (min-width: 768px)and (max-width: 1024px){.case-component__inner{max-width:820px}}.case-component__inner .text{font-weight:400;font-size:0.875rem;color:#215f82;letter-spacing:-0.05rem;text-align:center}.case-component__inner .ttl{display:flex;gap:14px;flex-direction:column;align-items:center;margin:60px 0 90px}.case-component__inner .ttl__small-text{font-weight:700;font-size:1.125rem;color:#218ba4}.case-component__inner .ttl__large-text{font-weight:900;font-size:2.5rem;color:#215f82}.case-component__wrapper{display:grid;gap:80px 115px;grid-template-columns:repeat(3, 1fr)}@media screen and (min-width: 768px)and (max-width: 1024px){.case-component__wrapper{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 767px){.case-component__wrapper{grid-template-columns:1fr}}.case-component__wrapper .case-item__link{display:flex;gap:28px;flex-direction:column}.case-component__wrapper .case-item__link .photo{position:relative;width:100%;aspect-ratio:1;padding:5px 5px 4px 4px;margin:0}.case-component__wrapper .case-item__link .photo::before,.case-component__wrapper .case-item__link .photo::after{position:absolute;display:block;width:126px;aspect-ratio:1;content:""}.case-component__wrapper .case-item__link .photo::before{top:-8px;right:-8px;border-top:solid 4px #91bfca;border-right:solid 4px #91bfca}.case-component__wrapper .case-item__link .photo::after{bottom:-8px;left:-8px;border-bottom:solid 6px #62a9c8;border-left:solid 6px #62a9c8}.case-component__wrapper .case-item__link .photo img{width:100%;height:100%;object-fit:cover}.case-component__wrapper .case-item__link .photo-ttl{font-weight:900;font-size:1.125rem;color:#215f82;text-align:center}.plan-component{padding:140px 0 120px;text-align:center;background-color:#fff}.plan-component__ttl{font-weight:700;font-size:2.125rem;color:#215f82}@media screen and (max-width: 767px){.plan-component__ttl{font-size:1.25rem}}.plan-component__txt{display:flex;gap:10px;flex-direction:column;align-items:center;color:#218ba4;margin:20px 0 0}.plan-component__txt .bold{font-weight:700;font-size:1.125rem}@media screen and (max-width: 767px){.plan-component__txt .bold{font-size:0.9375rem}}.plan-component__txt .note{font-size:0.875rem}.plan-component__form{margin:40px 0 0}.plan-component__form .btn{background-color:#215f82;border-radius:33px;line-height:66px;text-align:center;width:300px;height:auto;color:#fff;cursor:pointer}@media screen and (max-width: 425px){.plan-component__form .btn{width:86%}}.plan-component__form .btn:hover{background-color:#fff;color:#215f82;font-weight:700;box-shadow:0 0 0 2px #215f82;opacity:1;filter:alpha(opacity=100)}.plan-component__form .btn{margin-inline:auto;transition:1s}.plan-component__form .body{display:none;width:100%;height:100%;margin:50px auto 0}.plan-component__form .iframe-wrapper{width:100%;max-width:640px;aspect-ratio:16/49;margin-inline:auto}.plan-component__form .iframe-wrapper iframe{width:100%;height:100%}.plan-component__form .red-text{color:#f33;margin:0 0 50px}.interview-banner-component{display:flex;flex-direction:column;align-items:center;width:100%;min-height:292px;color:#fff;padding:28px 0;margin:0 auto;border:5px solid #e1cb9f;background-color:#8fc1cc;background-image:url("../../images/bg-bnr.png");background-repeat:no-repeat;background-size:contain;background-position:center bottom}@media screen and (min-width: 768px)and (max-width: 1024px){.interview-banner-component{min-height:initial;aspect-ratio:379/146}}@media screen and (max-width: 767px){.interview-banner-component{min-height:initial;aspect-ratio:425/211}}.interview-banner-component .logo{width:100%;height:auto;max-width:60px}.interview-banner-component .small-text,.interview-banner-component .large-text{font-weight:700}.interview-banner-component .small-text{font-size:1.375rem}@media screen and (max-width: 767px){.interview-banner-component .small-text{font-size:0.9375rem}}.interview-banner-component .large-text{font-size:2.5rem}@media screen and (max-width: 767px){.interview-banner-component .large-text{font-size:1.125rem}}.interview-banner-component .arrow{width:50px;height:auto;margin:60px 0 0}@media screen and (min-width: 768px)and (max-width: 1024px){.interview-banner-component .arrow{margin:20px 0 0}}@media screen and (max-width: 767px){.interview-banner-component .arrow{margin:20px 0 0}}.interview-component{padding:40px 0;background-color:#e4edef}.interview-component__wrapper{display:grid;gap:28px;grid-template-columns:repeat(3, 1fr);align-items:stretch;max-width:1030px;padding:0 40px;margin-inline:auto}@media screen and (min-width: 768px)and (max-width: 1024px){.interview-component__wrapper{gap:40px;grid-template-columns:1fr;max-width:360px;padding:0}}@media screen and (max-width: 767px){.interview-component__wrapper{gap:40px;grid-template-columns:1fr;max-width:360px;padding:0}}.interview-component__wrapper .interview-item__link{position:relative;display:grid;grid-template-rows:auto repeat(2, 1fr);height:100%;padding:16px 18px;background-color:#fff;background-image:url(../../images/group-arrow.png);background-repeat:no-repeat;background-size:50px 17px;background-position:center bottom 32px}.interview-component__wrapper .interview-item__link .photo{width:100%;aspect-ratio:262/147;margin:0}.interview-component__wrapper .interview-item__link .photo img{width:100%;height:100%;object-fit:cover}.interview-component__wrapper .interview-item__link .text{font-weight:700;font-size:1.125rem;color:#215f82;line-height:1.5;margin:14px 0 26px}.interview-component__wrapper .interview-item__link .group{display:flex;gap:4px;font-weight:100;font-size:1.375rem;color:#215f82;padding:24px 0 4px;border-top:1px solid #215f82}
