:root{--headerH:6vw;--contentW:28vw}@media screen and (max-width:1024px) and (orientation:portrait){:root{--headerH:80px;--contentW:12vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){:root{--headerH:80px;--contentW:16vw}}.mainvisual{position:relative;background-color:#fcf9d2;justify-content:center;align-items:center}.mainvisual::after{content:"";position:absolute;top:45%;transform:translateY(-50%);width:70%;height:70%;background:url(../images/pilot-world/pilot-world-mv-bg.webp) center center no-repeat;background-size:contain;z-index:0}.mainvisual .pilot-world-comment-img{width:22.5%;max-width:250px;position:relative;bottom:-1vw;position:relative;z-index:5;clip-path:inset(0 100% 0 0);transition:clip-path .7s ease 1.4s}.mainvisual .pilot-world-comment-img img{width:100%;object-fit:contain}.mainvisual h1.page-title{display:block;text-align:center;position:relative;width:100%;margin-bottom:12.5vw;z-index:10;padding-top:unset;padding-left:unset}.mainvisual h1.page-title span.jp{display:block;color:#000;font-size:clamp(3.56rem,3.47vw,6.67rem);font-weight:700;line-height:1.15;position:relative;z-index:5;letter-spacing:.07em;opacity:0}.mainvisual h1.page-title span.en{display:block;font-size:clamp(3.56rem,3.47vw,6.67rem);color:#6ff;font-family:Jost,sans-serif;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;line-height:1.6;letter-spacing:.1em;opacity:0}.mainvisual dl.pilot-world-mv-content{position:absolute;display:flex;z-index:2}.mainvisual dl.pilot-world-mv-content dt figure{width:12vw;height:15vw;max-width:180px;max-height:220px;border-radius:2vw;overflow:hidden}.mainvisual dl.pilot-world-mv-content dt figure img{width:100%;height:100%;background-color:gray;object-fit:cover}.mainvisual dl.pilot-world-mv-content dd{z-index:5}.mainvisual dl.pilot-world-mv-content dd p.comment{display:flex;font-size:clamp(1.1rem,.9vw,1.73rem);font-weight:600;color:#000;width:11vw;height:11vw;max-width:180px;max-height:180px;min-width:135px;min-height:135px;border-radius:50%;background-color:#ffef00;align-items:center;justify-content:center;text-align:center;padding:1vw;line-height:1.5;position:relative;transform:scale(0);transition:transform .4s ease-in-out}.mainvisual dl.pilot-world-mv-content dd p.comment::before{content:"";width:1vw;height:12.5vw;min-height:150px;max-height:200px;background-image:linear-gradient(transparent,transparent 20%,#ffef00 70%,#ffef00);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-40deg);z-index:-3;transform-origin:center}.mainvisual dl.pilot-world-mv-content:nth-child(1) dd p.comment{transition-delay:0s}.mainvisual dl.pilot-world-mv-content:nth-child(2) dd p.comment{transition-delay:.1s}.mainvisual dl.pilot-world-mv-content:nth-child(3) dd p.comment{transition-delay:.2s}.mainvisual dl.pilot-world-mv-content:nth-child(4) dd p.comment{transition-delay:.3s}.mainvisual dl.pilot-world-mv-content:nth-child(5) dd p.comment{transition-delay:.4s}.mainvisual dl.pilot-world-mv-content:nth-child(6) dd p.comment{transition-delay:.5s}.mainvisual dl.pilot-world-mv-content:nth-child(7) dd p.comment{transition-delay:.6s}.mainvisual dl.pilot-world-mv-content:nth-child(8) dd p.comment{transition-delay:.7s}.mainvisual dl.pilot-world-mv-content:nth-child(9) dd p.comment{transition-delay:.8s}.mainvisual dl.pilot-world-mv-content:nth-child(10) dd p.comment{transition-delay:.9s}.mainvisual dl.pilot-world-mv-content.comment01{top:5%;left:5%;flex-direction:row-reverse}.mainvisual dl.pilot-world-mv-content.comment01 dd p.comment{right:-1vw}.mainvisual dl.pilot-world-mv-content.comment01 dd p.comment::before{transform:translate(-50%,-50%) rotate(-40deg)}.mainvisual dl.pilot-world-mv-content.comment02{bottom:15%;left:5%}.mainvisual dl.pilot-world-mv-content.comment02 dd p.comment{left:-3vw;top:-5vw}.mainvisual dl.pilot-world-mv-content.comment02 dd p.comment::before{transform:translate(-50%,-50%) rotate(40deg)}.mainvisual dl.pilot-world-mv-content.comment03{bottom:2%;left:35%;flex-direction:row-reverse}.mainvisual dl.pilot-world-mv-content.comment03 dd p.comment{right:-1vw}.mainvisual dl.pilot-world-mv-content.comment03 dd p.comment::before{transform:translate(-50%,-50%) rotate(-40deg)}.mainvisual dl.pilot-world-mv-content.comment04{bottom:15%;right:5%}.mainvisual dl.pilot-world-mv-content.comment04 dd p.comment{left:-3vw;top:-5vw}.mainvisual dl.pilot-world-mv-content.comment04 dd p.comment::before{transform:translate(-50%,-50%) rotate(40deg)}.mainvisual dl.pilot-world-mv-content.comment05{top:5%;right:5%}.mainvisual dl.pilot-world-mv-content.comment05 dd p.comment{left:-3vw;top:-2vw}.mainvisual dl.pilot-world-mv-content.comment05 dd p.comment::before{transform:translate(-50%,-50%) rotate(40deg)}.mainvisual.is-show .pilot-world-comment-img{clip-path:inset(0 0 0 0)}.mainvisual.is-show h1.page-title span.jp{animation:pilot_world_title .9s ease-in-out .9s forwards}.mainvisual.is-show h1.page-title span.en{animation:pilot_world_title .9s ease-in-out .9s forwards}.mainvisual.is-show dl.pilot-world-mv-content dd p.comment{transform:scale(1)}@keyframes pilot_world_title{0%{opacity:0;letter-spacing:.15em;filter:blur(6px)}100%{opacity:1;filter:blur(0);letter-spacing:.1em}}.content-inner.pilot-world{background-color:rgba(221,221,221,.3);padding-bottom:7vw;padding-inline:1vw;margin-bottom:0}.content-inner.pilot-world:first-of-type{padding-top:4vw}h2.pilot-world-title{width:100%;text-align:center;font-size:clamp(1.78rem,1.74vw,3.33rem);margin-bottom:2.5vw;font-weight:600;font-family:Jost,sans-serif;line-height:1.3;opacity:0;letter-spacing:.1em;z-index:0;color:#fff;position:relative}h2.pilot-world-title span.en{font-size:clamp(2.13rem,2.08vw,4rem);font-weight:600}h2.pilot-world-title.is-show{animation:section_fade_in .4s ease-in-out}h2.pilot-world-title::after{content:"";position:absolute;background:url(../images/pilot-world/pilot-world-title.webp) center center no-repeat;z-index:-1;background-size:contain;width:50%;height:11vw;transform:translateY(-50%);left:25%}h3.pilot-world-qa-title{width:calc((100% - 2vw)/ 3);display:flex;flex-direction:column;margin-inline:auto;gap:.5em}h3.pilot-world-qa-title span.q-icon{font-size:clamp(1.92rem,1.88vw,3.6rem);font-weight:600;line-height:1}h3.pilot-world-qa-title span.text{font-size:clamp(1.17rem,1.15vw,2.2rem);font-weight:600;line-height:1.6}ul.pilot-world-card-wrap{width:100%;display:flex;gap:1vw;flex-wrap:wrap;margin-bottom:4vw}ul.pilot-world-card-wrap li{width:calc((100% - 2vw)/ 3)}ul.pilot-world-card-wrap li button.card{width:100%;height:25vw;display:flex;border:unset;padding:0;position:relative;background-color:var(--card-color);cursor:pointer}ul.pilot-world-card-wrap li button.card .img-box{width:100%}ul.pilot-world-card-wrap li button.card .img-box figure img{transform:scale(1);transition:all .25s ease-in-out}ul.pilot-world-card-wrap li button.card .preview-icon{position:absolute;width:3.5vw;height:3.5vw;border-radius:50%;background-color:rgba(255,255,255,.9);bottom:4vw;right:1vw;transform:scale(1);transition:all .25s ease-out}ul.pilot-world-card-wrap li button.card .preview-icon::before{content:"";display:inline-block;width:1.3vw;height:1.5vw;background:var(--card-color);clip-path:polygon(0 0,0 100%,100% 50%);position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}ul.pilot-world-card-wrap li button.card .preview-icon::after{content:"";position:absolute;width:3.5vw;height:3.5vw;border-radius:50%;border:1px solid #fff;opacity:.9;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition:all .25s ease-out}ul.pilot-world-card-wrap li button.card:hover .img-box figure img{transform:scale(1.05)}ul.pilot-world-card-wrap li button.card:hover .preview-icon{transform:scale(1.2)}ul.pilot-world-card-wrap li button.card:hover .preview-icon::after{transform:translate(-50%,-50%) scale(1.2)}ul.pilot-world-card-wrap li.voice{height:30vw}ul.pilot-world-card-wrap li.voice button.card .img-box figure{width:95%;height:75%;overflow:hidden;margin:2vw 0 auto auto}ul.pilot-world-card-wrap li.voice button.card .img-box figure img{width:100%;height:100%;object-fit:cover;background-color:gray}ul.pilot-world-card-wrap li.voice .preview-icon{bottom:4vw}ul.pilot-world-card-wrap li.question{height:auto}ul.pilot-world-card-wrap li.question button.card .img-box{position:relative}ul.pilot-world-card-wrap li.question button.card .img-box figure{width:70%;height:75%;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg)}ul.pilot-world-card-wrap li.question button.card .img-box figure img{width:100%;height:100%;object-fit:cover;background-color:gray}ul.pilot-world-card-wrap li.question button.card .preview-icon{bottom:2vw}ul.pilot-world-card-wrap li.question:nth-of-type(2n) button.card .img-box figure{transform:translate(-50%,-50%) rotate(10deg)}.color01{--card-color:#c1b583}.color02{--card-color:#82d0c6}.color03{--card-color:#c5d06a}.color04{--card-color:#f09199}.color05{--card-color:#fff8a3}.color06{--card-color:#ffa885}.color07{--card-color:#d9e471}.color08{--card-color:#ff9400}.color09{--card-color:#71d1d1}.color10{--card-color:#d9e471}.color11{--card-color:#dddddd}.color12{--card-color:#437a8f}.color13{--card-color:#d8e694}.pilot-world-column-box{width:100%;display:flex;gap:1vw;flex-wrap:wrap}.pilot-world-column-box .column{width:calc((100% - 2vw)/ 3)}.pilot-world-column-box .column h3.pilot-world-qa-title{width:70%}.pilot-world-column-box .column ul.pilot-world-card-wrap li{width:100%}.pilot-world-movie-wrap{width:100%;display:flex;justify-content:space-between;align-items:end}.pilot-world-movie-wrap figure{width:47%;height:22.5vw;overflow:hidden}.pilot-world-movie-wrap figure img{width:100%;height:100%;object-fit:cover;background-color:gray}.pilot-world-movie-wrap .text-box{width:50%}.pilot-world-movie-wrap .text-box p.movie-title{font-size:clamp(1.28rem,1.25vw,2.4rem);margin-bottom:1vw}.modal{display:none;position:fixed;inset:0;z-index:999}.modal.is-open{display:block}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem;z-index:1;width:25%;height:auto;aspect-ratio:9/16}.modal-content .movie-frame{width:100%;height:100%}.modal-content .movie-frame iframe{width:100%;height:100%}.modal-content .close-modal{width:4vw;height:4vw;border-radius:50%;position:relative;border:unset;background-color:#00146e;top:2vw;left:-2vw}.modal-content .close-modal::after,.modal-content .close-modal::before{content:"";width:1px;height:2.2vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#fff}.modal-content .close-modal::after{transform:translate(-50%,-50%) rotate(135deg)}@media screen and (max-width:1024px) and (orientation:portrait){.pilot-world .mainvisual{height:calc(100dvh - var(--headerH));width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;align-items:center;row-gap:4vw}.pilot-world .mainvisual::after{top:50%;transform:translateY(-50%);width:95%;background-size:100%}.pilot-world .mainvisual .pilot-world-comment-img{width:52%;max-width:100%}.pilot-world .mainvisual h1.page-title span.jp{font-size:clamp(3.4rem,9.07vw,3.9rem);line-height:1.1;letter-spacing:.05em}.pilot-world .mainvisual h1.page-title span.en{font-size:clamp(3.6rem,9.6vw,4.13rem);width:100%}.pilot-world .mainvisual dl.pilot-world-mv-content dt figure{width:24vw;height:30vw;max-width:180px;max-height:220px}.pilot-world .mainvisual dl.pilot-world-mv-content dd p.comment{font-size:clamp(1.1rem,2.93vw,1.26rem);min-width:110px;min-height:110px}.pilot-world .mainvisual dl.pilot-world-mv-content dd p.comment::before{width:2.5vw;min-height:125px;transform:translate(-50%,-50%) rotate(0)}.pilot-world .mainvisual dl.pilot-world-mv-content.comment01{top:8%;left:1%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment02{bottom:3%;left:16%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment02 dd p.comment{left:-9vw;top:-1vw}.pilot-world .mainvisual dl.pilot-world-mv-content.comment03{bottom:unset;top:1%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment04{bottom:3%;right:16%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment04 dd p.comment{left:8vw;top:-1vw}.pilot-world .mainvisual dl.pilot-world-mv-content.comment05{top:8%;right:1%;flex-direction:column-reverse;align-items:center}.content-inner.pilot-world{background-color:#fff;padding-inline:0}h2.pilot-world-title{font-size:clamp(2.2rem,5.87vw,2.52rem);margin:4vh 0}h2.pilot-world-title span.en{font-size:clamp(3rem,8vw,3.44rem)}h2.pilot-world-title::after{width:100%;height:19vh;left:0}h3.pilot-world-qa-title{width:85%}h3.pilot-world-qa-title span.q-icon{font-size:clamp(3.2rem,8.53vw,3.67rem);font-weight:500}h3.pilot-world-qa-title span.text{font-size:clamp(1.5rem,4vw,1.72rem)}ul.pilot-world-card-wrap{margin-bottom:4vw}ul.pilot-world-card-wrap li{width:100%}ul.pilot-world-card-wrap li button.card{height:45vh}ul.pilot-world-card-wrap li button.card .text-box p{padding:3vw .5vw 3vw}ul.pilot-world-card-wrap li button.card .text-box p.name span.en{font-size:clamp(1.2rem,3.2vw,1.38rem)}ul.pilot-world-card-wrap li button.card .text-box p.name span.jp{font-size:clamp(1.3rem,3.47vw,1.49rem)}ul.pilot-world-card-wrap li button.card .text-box p.date{font-size:clamp(1.2rem,3.2vw,1.38rem)}ul.pilot-world-card-wrap li button.card .preview-icon{width:12vw;height:12vw;right:5vw}ul.pilot-world-card-wrap li button.card .preview-icon::before{width:3.9vw;height:4.5vw}ul.pilot-world-card-wrap li button.card .preview-icon::after{width:12vw;height:12vw}ul.pilot-world-card-wrap li.voice{height:80vw}ul.pilot-world-card-wrap li.voice button.card .img-box figure{width:90%;height:72%;margin:8vw 0 auto auto}ul.pilot-world-card-wrap li.voice .preview-icon{bottom:5vw}ul.pilot-world-card-wrap li.question button.card .img-box figure{width:60%}ul.pilot-world-card-wrap li.question button.card .preview-icon{bottom:5vw}ul.pilot-world-card-wrap li+li{margin-top:4vw}.color01{--card-color:#c1b583}.color02{--card-color:#82d0c6}.color03{--card-color:#c5d06a}.color04{--card-color:#f09199}.color05{--card-color:#fff8a3}.color06{--card-color:#ffa885}.color07{--card-color:#d9e471}.color08{--card-color:#ff9400}.color09{--card-color:#71d1d1}.color10{--card-color:#d9e471}.color11{--card-color:#dddddd}.color12{--card-color:#437a8f}.color13{--card-color:#d8e694}.pilot-world-column-box .column{width:100%}.pilot-world-column-box .column h3.pilot-world-qa-title{width:85%}.pilot-world-movie-wrap .text-box p.movie-title{font-size:clamp(1.8rem,4.8vw,2.06rem)}.modal-content{width:80%}.modal-content .close-modal{width:10vw;height:10vw;top:4vw;left:-4vw}.modal-content .close-modal::after,.modal-content .close-modal::before{height:6vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.pilot-world .mainvisual{height:calc(100dvh - var(--headerH))}.pilot-world .mainvisual::after{width:90%;background-size:contain}.pilot-world .mainvisual .pilot-world-comment-img{width:30%;max-width:unset}.pilot-world .mainvisual h1.page-title{margin-bottom:12.5vw}.pilot-world .mainvisual h1.page-title span.jp{font-size:clamp(3.4rem,4.43vw,4.53rem)}.pilot-world .mainvisual h1.page-title span.en{font-size:clamp(3.6rem,4.69vw,4.8rem)}.pilot-world .mainvisual dl.pilot-world-mv-content dt figure{width:24vw;height:30vw;max-width:250px;max-height:300px}.pilot-world .mainvisual dl.pilot-world-mv-content dd p.comment{font-size:clamp(1.1rem,1.43vw,1.47rem);min-width:120px;min-height:120px}.pilot-world .mainvisual dl.pilot-world-mv-content dd p.comment::before{width:1vw;min-height:135px}.pilot-world .mainvisual dl.pilot-world-mv-content.comment01{top:8%;left:1%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment02{bottom:8%;left:16%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment02 dd p.comment{left:-9vw;top:-1vw}.pilot-world .mainvisual dl.pilot-world-mv-content.comment03{bottom:unset;top:1%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment04{bottom:8%;right:16%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment04 dd p.comment{left:8vw;top:-1vw}.pilot-world .mainvisual dl.pilot-world-mv-content.comment05{top:8%;right:1%;flex-direction:column-reverse;align-items:center}.pilot-world .mainvisual dl.pilot-world-mv-content.comment05 dd p.comment{top:-1vw}.content-inner.pilot-world:first-of-type{padding-top:0}h2.pilot-world-title{font-size:clamp(2.2rem,2.86vw,2.93rem);margin-bottom:9vh}h2.pilot-world-title span.en{font-size:clamp(3rem,3.91vw,4rem)}h2.pilot-world-title::after{height:16vh}h3.pilot-world-qa-title{width:85%}h3.pilot-world-qa-title span.q-icon{font-size:clamp(3.2rem,4.17vw,4.27rem);font-weight:500}h3.pilot-world-qa-title span.text{font-size:clamp(1.5rem,1.95vw,2rem)}ul.pilot-world-card-wrap{margin-bottom:4vw}ul.pilot-world-card-wrap li{width:100%}ul.pilot-world-card-wrap li button.card{height:40vw}ul.pilot-world-card-wrap li button.card .text-box p.name span.en{font-size:clamp(1.2rem,1.56vw,1.6rem)}ul.pilot-world-card-wrap li button.card .text-box p.name span.jp{font-size:clamp(1.3rem,1.69vw,1.73rem)}ul.pilot-world-card-wrap li button.card .text-box p.date{font-size:clamp(1.2rem,1.56vw,1.6rem)}ul.pilot-world-card-wrap li button.card .preview-icon{width:7vw;height:7vw;bottom:2vw;right:2vw}ul.pilot-world-card-wrap li button.card .preview-icon::before{width:2.9vw;height:3.5vw}ul.pilot-world-card-wrap li button.card .preview-icon::after{width:7vw;height:7vw}ul.pilot-world-card-wrap li.voice{height:80vw}ul.pilot-world-card-wrap li.voice button.card .img-box figure{width:90%;height:72%;margin:8vw 0 auto auto}ul.pilot-world-card-wrap li.voice .preview-icon{bottom:5vw}ul.pilot-world-card-wrap li.question button.card .img-box figure{width:60%}ul.pilot-world-card-wrap li.question button.card .preview-icon{bottom:5vw}ul.pilot-world-card-wrap li+li{margin-top:4vw}.pilot-world-column-box{gap:2vw}.pilot-world-column-box .column{width:calc((100% - 2vw)/ 2)}.pilot-world-column-box .column h3.pilot-world-qa-title{width:85%}.pilot-world-movie-wrap .text-box p.movie-title{font-size:clamp(1.8rem,2.34vw,2.4rem)}.modal-content{width:50%}.modal-content .close-modal{width:8vw;height:8vw;top:4vw;left:-4vw}.modal-content .close-modal::after,.modal-content .close-modal::before{height:5vw}}