﻿@font-face{font-family:"A P-OTF A1Gothic Std";font-weight:100;src:url("../font/AP-OTF-A1GothicStd-Light.otf") format("opentype")}@font-face{font-family:"A P-OTF A1Gothic Std";font-weight:400;src:url("../font/AP-OTF-A1GothicStd-Regular.otf") format("opentype")}@font-face{font-family:"A P-OTF A1Gothic Std";font-weight:500;src:url("../font/AP-OTF-A1GothicStd-Medium.otf") format("opentype")}@font-face{font-family:"A P-OTF A1Gothic Std";font-weight:600;src:url("../font/AP-OTF-A1GothicStd-Bold.otf") format("opentype")}body{max-height:fit-content;width:100%;font-family:"A P-OTF A1Gothic Std", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-style:normal;font-weight:400;font-size:18px;line-height:160%;text-align:left;letter-spacing:0;color:#1C60AD;min-width:1280px;background:url("../images/bgPink.jpg") center center no-repeat fixed;background-size:cover;overflow-x:hidden}body .sp{display:none}body a,body p{font-family:"A P-OTF A1Gothic Std";font-style:normal;font-weight:500;font-size:32px;line-height:160%;text-align:center;letter-spacing:0.02em;color:#1C60AD}body a.notice,body p.notice{font-size:20px;font-weight:100;color:#9A9A9A}body section{display:block;width:88.89%;min-width:1280px;max-width:1440px;margin:0 auto 100px;padding:60px 0}body section.width-full{width:100%;max-width:100%}body section div.width-12{width:100%;margin:0 auto}body section div.width-10{width:82.89%;margin:0 auto}body section div.width-8{width:66.25%;margin:0 auto}body section div.width-6{width:49.375%;margin:0 auto}body img{width:100%;height:auto;vertical-align:bottom}body h2.sectionTitle{height:122px;width:fit-content;margin:0 auto 60px}body h2.sectionTitle img{height:100%;width:auto}body h2.sectionTitleJP{height:94px;width:fit-content;margin:0 auto 60px}body h2.sectionTitleJP img{height:100%;width:auto}body .hide{display:none !important}.flexRow{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.p-border{width:88.89%;min-width:1280px;max-width:1440px;border:20px solid #F689B8;border-image:url("../images/borderbg.jpg") 20;background:#fff;padding:60px 0}.y-bg{position:relative;background:#fff;border-radius:7px}.y-bg:after{content:"";position:absolute;height:100%;width:100%;background:#ff0;border-radius:7px;z-index:-1;right:-20px;bottom:-17px}body header{position:fixed;top:0;width:100%;z-index:10;background:#fff;height:44px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding-right:1.6%;-moz-box-shadow:-2px 3px 12px -9px rgba(0,0,0,0.73);-webkit-box-shadow:-2px 3px 12px -9px rgba(0,0,0,0.73);-ms-box-shadow:-2px 3px 12px -9px rgba(0,0,0,0.73);box-shadow:-2px 3px 12px -9px rgba(0,0,0,0.73)}body header .headerContent{display:inline-flex}body header .headerContent .icon{width:auto;height:32px;margin-right:24px}body header .headerContent .icon a{line-height:0}body header .headerContent .icon:hover{cursor:pointer}body section#heroSection{margin-bottom:0;margin-top:44px;padding:0}body section#heroSection div.logoSlide{background:#fff;padding:50px 0;display:inline-flex;flex-direction:row;width:100vw}body section#heroSection div.logoSlide ul{width:100%}body section#heroSection div.logoSlide ul li.logoSlideImg{list-style:none;width:180px}body section#heroSection div.logoSlide ul li.logoSlideImg img{width:180px}body section#aboutSection{background:#fff}body section#aboutSection div.aboutSectionLogo{height:48px;width:fit-content;margin:0 auto 30px;gap:24px}body section#aboutSection div.aboutSectionLogo img{height:100%;width:auto}body section#aboutSection div.aboutSectionContent p{text-align:center;margin-bottom:30px}body section#aboutSection div.aboutSectionContent p.yellowLine{position:relative;margin-top:-15px;font-size:20px;font-weight:400;color:#EF4C88}body section#aboutSection div.aboutSectionContent p.yellowLine::after{content:"";display:block;width:75%;height:14px;background:#ff0;margin:-14px auto 0}body section#vtrSection .vtrSectionContent{width:720px;max-width:720px;margin:30px auto 0}body section#timetableSection .timetableSectionContent{display:grid;grid-template-columns:20% 80%;grid-template-rows:auto;column-gap:16px;row-gap:16px;align-items:center}body section#timetableSection .timetableSectionContent .time{background:#1C60AD;border-radius:7px;height:100%;display:grid;place-items:center}body section#timetableSection .timetableSectionContent .time p{color:#fff;font-size:28px;letter-spacing:-0.03em}body section#timetableSection .timetableSectionContent .title{background:#1C60AD;border-radius:7px;text-align:center;padding:12px 6px}body section#timetableSection .timetableSectionContent .title p{color:#fff;font-size:28px;line-height:140%;letter-spacing:0;margin-bottom:6px}body section#timetableSection .timetableSectionContent .title img{width:120px;height:auto}body section#specialSection{padding:100px 0;background:#fff}body section#specialSection .specialSectionContent .specialContentRow{margin-bottom:50px;padding:50px 10px;box-shadow:3px 3px 20px #f1558f1a}body section#specialSection .specialSectionContent .specialContentRow:last-child{margin-bottom:0}body section#specialSection .specialSectionContent .specialContentRow p.title{width:100%;margin:0 auto 17px;font-weight:700;font-size:34px;line-height:140%}body section#specialSection .specialSectionContent .specialContentRow img{display:block;width:80%;height:auto;margin:0 auto}body section#peopleSection .peopleSectionIntro{margin-bottom:50px}body section#peopleSection .peopleSectionContent{flex-wrap:wrap;justify-content:space-between;column-gap:1.3%;row-gap:12px}body section#peopleSection .peopleSectionContent img{width:24%;height:auto}body section#companySection .companySectionContent{flex-wrap:wrap;justify-content:center}body section#companySection .companySectionContent img{width:200px;height:100%}body section#studioSection{padding:100px 0;background:#fff}body section#studioSection .studioSectionContent{margin-top:30px}body section#studioSection .studioSectionContent p{text-align:right}body section#eventSection .eventSectionContent .row{align-items:flex-start;justify-content:space-between}body section#eventSection .eventSectionContent .row div.title{width:25%}body section#eventSection .eventSectionContent .row div.title p{font-weight:600;font-size:24px;text-align:right}body section#eventSection .eventSectionContent .row div.content{width:73%}body section#eventSection .eventSectionContent .row div.content p{font-weight:400;font-size:24px;text-align:left;margin-bottom:24px}body section#eventSection .eventSectionContent .row div.content p.notice{font-size:18px;line-height:140%;font-weight:100;letter-spacing:0.02em;text-align:left}body section#eventSection .eventSectionContent .row div.content p.notice.m-18{margin-top:-18px}body section#eventSection .eventSectionContent .row div.content a.small{display:block;margin-top:-24px;margin-bottom:12px;font-size:18px;line-height:140%;font-weight:100;letter-spacing:0.02em;text-align:left}body section#conceptSection{background:rgba(28,96,173,0.9)}body section#conceptSection div.slogan h1{font-weight:600;font-size:60px;line-height:160%;text-align:center;letter-spacing:0.02em;position:relative;color:#fff;z-index:2}body section#conceptSection div.slogan h1:after{content:"withコロナ時代の「就活」を生き抜く";position:absolute;height:100%;width:100%;color:#333;right:-3px;bottom:-5px;z-index:-1}body section#conceptSection div.line{width:128px;height:2px;margin:50px auto;background:#fff}body section#conceptSection div.info p{font-size:44px;line-height:160%;text-align:center;letter-spacing:0.02em;color:#fff;margin-bottom:40px}body section#qaSection{background:#F689B8;margin-bottom:0;padding-bottom:100px}body section#qaSection .qaSectionContent{flex-wrap:wrap;align-items:flex-start;gap:1%}body section#qaSection .qaSectionContent div.line{width:10%;height:2px;margin:50px 45%;background:#fff}body section#qaSection .qaSectionContent p.qcontent,body section#qaSection .qaSectionContent p.qtitle{font-weight:600;font-size:24px;line-height:100%;letter-spacing:0.02em;color:#fff;margin-bottom:15px}body section#qaSection .qaSectionContent p.acontent,body section#qaSection .qaSectionContent p.atitle{font-weight:400;font-size:24px;line-height:160%;letter-spacing:0.02em;color:#fff}body section#qaSection .qaSectionContent p.atitle,body section#qaSection .qaSectionContent p.qtitle{width:14%;text-align:right}body section#qaSection .qaSectionContent p.acontent,body section#qaSection .qaSectionContent p.qcontent{width:85%;text-align:left}body footer{height:26px;width:100%;background:#fff}body footer p{text-align:center;color:#9A9A9A;font-size:16px;font-weight:400}#menuSection{background:rgba(246,137,184,0.9);background:linear-gradient(10deg, rgba(246,137,184,0.9) 0%, rgba(239,76,136,0.9) 20%, rgba(242,104,158,0.9) 80%, rgba(246,137,184,0.9) 100%);width:80%;height:100vh;position:fixed;top:0;right:-80%;z-index:20;display:none;flex-direction:column;justify-content:center;transition:right 3s;z-index:99}#menuSection.open{display:flex;right:0}#menuSection div.closeBtn{position:absolute;top:4%;right:4%}#menuSection div.closeBtn img{width:100%}#menuSection div.closeBtn img:hover{cursor:pointer}#menuSection .menuContent div{margin-bottom:24px}#menuSection .menuContent div:last-child{margin-bottom:0}#menuSection .menuContent div a{font-weight:500;font-size:5.5vh;line-height:100%;letter-spacing:0.02em;color:#fff;text-decoration:none;text-align:center;display:block}.batch{z-index:98;width:fit-content;height:auto;position:fixed;right:1%;bottom:1%}.batch a{text-decoration:none}.batch a img{width:100%}@media screen and (max-width: 768px){body{background:none;min-width:92%}body .pc{display:none}body .sp{display:block}body a,body p{font-family:"A P-OTF A1Gothic Std";font-style:normal;font-weight:500;font-size:20px;line-height:160%;text-align:center;letter-spacing:0.02em;color:#1C60AD}body a.notice,body p.notice{font-size:12px;font-weight:100;color:#9A9A9A}body section{display:block;width:90%;min-width:90%;max-width:100%;margin:0 auto 100px;padding:60px 0}body section::after{content:"";display:block;background:url("../images/bgPink.jpg") center center;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-99}body section.width-full{width:100%;max-width:100%}body section div.sp-width-12{width:93%;margin:0 auto}body section div.sp-width-10{width:82.89%;margin:0 auto}body section div.sp-width-8{width:66.25%;margin:0 auto}body section div.sp-width-6{width:49.375%;margin:0 auto}body img{width:100%;height:auto;vertical-align:bottom}body h2.sectionTitle{height:80px;width:fit-content;margin:0 auto 36px}body h2.sectionTitle img{height:100%;width:auto;max-width:283px}body h2.sectionTitleJP{height:50px;margin:0 auto 36px}.p-border{width:92%;min-width:92%;max-width:100%;border:12px solid #F689B8;border-image:url("../images/borderbg.jpg") 20;background:#fff;padding:60px 0}.y-bg{position:relative;background:#fff;border-radius:7px}.y-bg:after{display:none}.y-bg:before{content:"";display:block;position:absolute;height:100%;width:100%;background:#ff0;background-size:contain;border-radius:7px;z-index:-1;right:-10px;bottom:-9px}body{z-index:-99;overflow-x:hidden}body header{height:56px}body header .headerContent{display:inline-flex}body header .headerContent .icon{width:auto;height:32px;margin-right:24px}body header .headerContent .icon:hover{cursor:pointer}body section#heroSection{margin-top:56px}body section#heroSection div.logoSlide{display:inline-flex;flex-direction:row;background:#fff;padding:50px 0}body section#heroSection div.logoSlideImg{width:180px;margin-right:32px}body section#aboutSection{background:#fff}body section#aboutSection div.aboutSectionLogo{height:36px;width:fit-content;margin:0 auto 36px;gap:24px}body section#aboutSection div.aboutSectionLogo img{height:100%;width:auto}body section#aboutSection div.aboutSectionContent p{text-align:center;margin-bottom:30px}body section#aboutSection div.aboutSectionContent p.yellowLine{text-decoration:underline;text-decoration-style:solid;text-decoration-color:#ff0;text-decoration-thickness:3px}body section#aboutSection div.aboutSectionContent p.yellowLine::after{content:"";display:none}body section#vtrSection .vtrSectionContent{width:80%;max-width:80vw;margin:24px auto 0}body section#vtrSection .vtrSectionContent iframe{width:100%;height:auto}body section#timetableSection .timetableSectionContent{display:grid;grid-template-columns:34% 66%;grid-template-rows:auto;column-gap:6px;row-gap:6px}body section#timetableSection .timetableSectionContent .time p{font-size:14px}body section#timetableSection .timetableSectionContent .title p{font-size:14px;line-height:140%}body section#timetableSection .timetableSectionContent .title img{width:30%;margin-bottom:3px}body section#specialSection{padding:60px 0;background:#fff}body section#specialSection .specialSectionContent .specialContentRow{margin-bottom:25px;padding:40px 10px}body section#specialSection .specialSectionContent .specialContentRow p.title{font-size:24px}body section#specialSection .specialSectionContent .specialContentRow img{width:100%}body section#peopleSection .peopleSectionContent img{width:24%;height:auto;margin-bottom:6px}body section#companySection .companySectionContent img{width:32%;height:100%}body section#studioSection{padding:60px 0;background:#fff}body section#studioSection .studioSectionContent{margin-top:24px}body section#eventSection .eventSectionContent .row{align-items:flex-start;justify-content:space-between;flex-direction:column}body section#eventSection .eventSectionContent .row div.title{width:100%}body section#eventSection .eventSectionContent .row div.title p{font-weight:600;font-size:20px;text-align:center}body section#eventSection .eventSectionContent .row div.content{width:100%}body section#eventSection .eventSectionContent .row div.content p{font-weight:400;font-size:20px;text-align:center;margin-bottom:24px}body section#eventSection .eventSectionContent .row div.content p.notice{font-size:14px;line-height:140%;font-weight:100;letter-spacing:0.02em;text-align:center}body section#eventSection .eventSectionContent .row div.content a.small{margin-top:-24px;font-size:14px;line-height:140%;font-weight:100;letter-spacing:0.02em;text-align:center}body section#conceptSection{background:rgba(28,96,173,0.9)}body section#conceptSection div.slogan h1{font-weight:600;font-size:40px;line-height:160%;text-align:center;letter-spacing:0.02em;position:relative;color:#fff;z-index:2}body section#conceptSection div.slogan h1:after{content:"withコロナ時代の「就活」を生き抜く";position:absolute;height:100%;width:100%;color:#333;right:-3px;bottom:-5px;z-index:-1}body section#conceptSection div.info p{font-size:24px;margin-bottom:36px}body section#qaSection .qaSectionContent{align-items:flex-start}body section#qaSection .qaSectionContent div.line{width:10%;height:2px;margin:50px 45%;background:#fff}body section#qaSection .qaSectionContent p.qcontent,body section#qaSection .qaSectionContent p.qtitle{font-weight:600;font-size:24px;line-height:100%;letter-spacing:0.02em;color:#fff;margin-bottom:15px}body section#qaSection .qaSectionContent p.acontent,body section#qaSection .qaSectionContent p.atitle{font-weight:400;font-size:24px;line-height:160%;letter-spacing:0.02em;color:#fff}body section#qaSection .qaSectionContent p.atitle,body section#qaSection .qaSectionContent p.qtitle{width:15%;text-align:center}body section#qaSection .qaSectionContent p.acontent,body section#qaSection .qaSectionContent p.qcontent{width:80%;text-align:left}body footer p{font-size:12px}#menuSection .menuContent div a{font-size:3.5vh}.batch{z-index:98;width:35%;height:auto;position:fixed;right:1%;bottom:1%}.batch a{text-decoration:none}.batch a img{width:100%}}
