﻿@import"//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import"//fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";.pc{display:block}.sp{display:none}@media only screen and (max-width: 767px){.pc{display:none}.sp{display:block}}.main .container-fluid{padding:0}@media screen and (max-width: 767px){.main .container-fluid.pt0{padding:0}}.main .container-inner{width:auto;max-width:100%;margin-left:auto;margin-right:auto;background-color:#fff;color:#000}.main .l-section{position:relative;max-width:100rem;margin:0 auto;font-family:"a-otf-gothic-mb101-pr6n","Noto Sans JP",sans-serif;overflow:hidden}.main .l-section .inner{max-width:80rem;margin:0 auto}@media screen and (max-width: 767px){.main .l-section .inner{max-width:calc(100% - 3rem);margin:0 1.5rem}}.spread{animation:bgSpread 5s cubic-bezier(0.8, 0, 0.4, 1)}.fade-in{opacity:0;transform:translateY(2rem);transition:opacity .5s,transform .5s}.fade-in-show{opacity:1;transform:translateY(0)}h2{position:relative;margin-bottom:6rem;text-align:center}h2 span{position:relative;display:inline-block;line-height:1.5;font-size:3rem;font-weight:700;letter-spacing:.02em}h2 span::after{content:"";position:absolute;display:block;width:100%;height:3px;background-color:#003a87;bottom:0;left:0;transform:translateY(5px)}@media screen and (max-width: 979px){h2 span{font-size:2.8rem}}@media screen and (max-width: 767px){h2{margin-bottom:3rem}h2 span{font-size:2rem}}.c-button{position:relative;display:flex;justify-content:center;align-items:center;margin-right:auto;margin-left:auto;background-color:#fff;border:3px solid #003a87;border-radius:10px;padding:1rem 2rem}.c-button span{display:inline-block;font-size:min(2.2vw,2.25rem);position:relative}@media screen and (max-width: 979px){.c-button span{font-size:2.25rem}}@media screen and (max-width: 767px){.c-button span{font-size:1.6rem}}.c-button i{position:relative;display:inline-block;width:26px;height:3px;margin-left:1rem;border-radius:9999px;background-color:#003a87;top:2px;transform:translateX(0);transition:transform .3s}.c-button i::before,.c-button i::after{content:"";position:absolute;top:calc(50% - 1.5px);right:0;width:16px;height:3px;border-radius:9999px;background-color:#003a87;transform-origin:calc(100% - 1.5px) 50%}.c-button i::before{transform:rotate(45deg)}.c-button i::after{transform:rotate(-45deg)}@media screen and (max-width: 767px){.c-button i{width:20px}.c-button i::before,.c-button i::after{width:12px}}.c-button:hover{text-decoration:none;color:#000}.c-button:hover i{transform:translateX(5px)}.c-flex{display:flex}.c-notice{font-size:85%}.c-notice>*{text-indent:-1em;padding-left:1em}picture{display:block}.p-hero{position:relative}.p-hero__mv{position:relative}.p-hero__inner{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.p-hero__lead{margin-bottom:1.5rem !important;font-size:min(2.25vw,3.2rem);font-weight:600;letter-spacing:.075em;color:#fff100}@media screen and (max-width: 979px){.p-hero__lead{margin-bottom:0 !important;font-size:3.2rem}}@media screen and (max-width: 767px){.p-hero__lead{margin-bottom:0 !important;font-size:1.5rem}}.p-hero__subtitle{margin:1.5rem 0 !important;width:70%;letter-spacing:.075em;position:relative;text-align:center;font-size:min(3.1vw,4.5rem);font-weight:700;color:#fff}.p-hero__subtitle::before,.p-hero__subtitle::after{content:"";display:block;position:absolute;top:50%;width:9vw;height:2px;transform:translateY(-50%);background-color:#fff}.p-hero__subtitle::before{left:0}.p-hero__subtitle::after{right:0}@media screen and (max-width: 979px){.p-hero__subtitle{margin:0 !important;width:70vw;font-size:4.5rem}.p-hero__subtitle::before,.p-hero__subtitle::after{width:16vw}}@media screen and (max-width: 767px){.p-hero__subtitle{margin:0 !important;width:90vw;font-size:2.25rem}.p-hero__subtitle::before,.p-hero__subtitle::after{width:20vw}}.p-hero__title{margin-bottom:0;font-size:min(3.1vw,4.5rem);font-weight:700;letter-spacing:.075em;color:#fff}@media screen and (max-width: 979px){.p-hero__title{font-size:4.5rem}}@media screen and (max-width: 767px){.p-hero__title{font-size:2rem}}.p-lead{padding:4% 0;color:#003a87}@media screen and (max-width: 767px){.p-lead{padding:4% 1.5rem}}.p-lead>h2{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif}.p-lead p{margin-bottom:0 !important;line-height:2;font-size:2rem;font-weight:500;letter-spacing:.06em}@media screen and (max-width: 767px){.p-lead p{font-size:1.6rem}}.p-lead__rule{margin:5% auto;padding:3% 4%;background-color:rgba(0,58,135,.2);border-radius:50vh;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (max-width: 767px){.p-lead__rule{border-radius:15px}}.p-lead__rule dl dt{margin-bottom:3%;font-size:min(1.75vw,2.5rem);font-weight:700;text-align:center}@media screen and (max-width: 979px){.p-lead__rule dl dt{font-size:2.5rem}}@media screen and (max-width: 767px){.p-lead__rule dl dt{font-size:2rem}}.p-lead__rule dl dd{line-height:1.625;font-size:min(1.3vw,2rem);font-weight:600;letter-spacing:.01em}@media screen and (max-width: 979px){.p-lead__rule dl dd{font-size:2rem}}@media screen and (max-width: 767px){.p-lead__rule dl dd{font-size:1.4rem}}.p-lead__rule figure{max-width:64.25%;margin:3% auto 0}@media screen and (max-width: 767px){.p-lead__rule figure{max-width:80%}}.p-lead__movie{aspect-ratio:16/9;width:100%;margin-top:3%}@media screen and (max-width: 767px){.p-lead__movie{margin-top:2%;padding:0}}.p-finalist{padding:4% 0}.p-finalist__head{padding:4% 0;background:#003a87;background:linear-gradient(0deg, rgb(10, 60, 145) 0%, rgb(15, 105, 180) 25%, rgb(38, 143, 198) 50%, rgb(123, 178, 213) 100%);color:#fff}.p-finalist__head p{max-width:58%;margin:0 auto;line-height:1.78;letter-spacing:.1em;font-size:min(2.2vw,2.25rem)}@media screen and (max-width: 979px){.p-finalist p{max-width:75%;font-size:2.25rem}}@media screen and (max-width: 767px){.p-finalist{padding:4% 0}.p-finalist p{max-width:90%;font-size:1.6rem}}.p-finalist__list{position:relative}.p-finalist__list--item{margin:7.5% 0 5%;display:flex;justify-content:center;align-items:center;background:url(/wp/wp-content/uploads/feature/customer_service_roleplaying_2025/finalist_bg.webp) no-repeat center/cover;position:relative;overflow:hidden}.p-finalist__list--item .l-photo{position:relative;flex:1;z-index:1}.p-finalist__list--item .l-photo figcaption{position:absolute;top:2rem;left:4rem;display:flex;align-items:center;flex-direction:column;line-height:1.2;font-family:"Oswald",sans-serif;font-weight:700;color:#fff}.p-finalist__list--item .l-photo figcaption em{font-size:min(9.4vw,9.6rem)}.p-finalist__list--item .l-photo figcaption span{font-size:min(1.6vw,1.6rem)}@media screen and (max-width: 979px){.p-finalist__list--item .l-photo figcaption{left:2rem}}@media screen and (max-width: 767px){.p-finalist__list--item .l-photo figcaption{top:1rem;left:1rem}.p-finalist__list--item .l-photo figcaption span{font-size:.8rem}}.p-finalist__list--item .r-photo{position:relative;padding:2rem 2rem 2rem 0;width:56%;z-index:0}.p-finalist__list--item:nth-of-type(1) .l-photo{margin-right:-5%}.p-finalist__list--item:nth-of-type(8) .l-photo{margin-right:1%}.p-finalist__list--item:nth-of-type(n+2){margin-top:5%}.p-message{padding:4% 0;background-color:#dcdddd;color:#003a87}.p-message h2{line-height:2;font-size:min(2.2vw,2.5rem);letter-spacing:.02em}@media screen and (max-width: 979px){.p-message h2{font-size:2.5rem}}@media screen and (max-width: 767px){.p-message h2{font-size:1.6rem;text-align:left}.p-message h2 br{display:none}}.p-message figure{max-width:9vw;margin:-3rem auto 0}@media screen and (max-width: 767px){.p-message figure{margin:-2rem auto 0;max-width:12vw}}.p-ayumi{margin:2% auto !important;padding:0;background-color:#c8e6ff}@media screen and (max-width: 979px){.p-ayumi{margin:4% auto !important;padding:1rem}}@media screen and (max-width: 767px){.p-ayumi{margin:4% auto !important;padding:1rem}}.p-ayumi .inner{display:flex;justify-content:center;align-items:center;gap:4rem}.p-ayumi .inner figure{max-width:19.1vw}@media screen and (max-width: 767px){.p-ayumi .inner{gap:2rem}.p-ayumi .inner figure{max-width:35vw}}.p-ayumi h2{margin-bottom:2rem;font-size:min(2.2vw,2.25rem);font-weight:500}@media screen and (max-width: 979px){.p-ayumi h2{margin-bottom:1rem;font-size:2.25rem}}@media screen and (max-width: 767px){.p-ayumi h2{margin-bottom:1rem;font-size:1.8rem}}.p-ayumi .c-button{color:#003a87}.p-search{padding:2% 0 6%}.p-search__list li:nth-child(n+2){margin-top:5rem}.p-search__list li .c-button i{margin-left:2rem}.p-search__list li .c-button--prev{background-color:#003a87;padding:2rem;color:#fff}.p-search__list li .c-button--prev i{background-color:#fff}.p-search__list li .c-button--prev i::before,.p-search__list li .c-button--prev i::after{background-color:#fff}.p-search__list li .c-button--shop{color:#003a87}@media screen and (max-width: 979px){.p-search{padding:6rem 0}.p-search__list li .c-button{white-space:nowrap}.p-search__list li .c-button-shop{width:90%;height:auto;color:#fff}.p-search__list li .c-button-online{width:90%;height:auto}}@media screen and (max-width: 767px){.p-search{padding:2rem 1.5rem 6rem !important}.p-search__list{flex-direction:column}.p-search__list li{width:100%;margin:0 auto}.p-search__list li:nth-child(n+2){margin-top:2rem}}@keyframes bgSpread{0%{clip-path:circle(0 at 50% 50%);-webkit-clip-path:circle(0 at 50% 50%)}100%{clip-path:circle(100% at 50% 50%);-webkit-clip-path:circle(100% at 50% 50%)}}@keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes scale{0%{scale:1}50%{scale:1.2}100%{scale:1}}