@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@100..900&display=swap");.animate{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out}.fade-in{transform:translateY(50px)}.show{opacity:1;transform:translateY(0)}body{font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;background-color:#dfefe1;color:#222;margin:0;font-style:normal;font-weight:200}.container{width:100%;margin-left:auto;margin-right:auto}*{box-sizing:border-box}ul,ol,dl,li,dt,dd{list-style:none;margin:0;padding:0}img{max-width:100%}a,a:hover{text-decoration:none;color:inherit}.noto{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}header{position:absolute;width:100%}header .logo{width:250px;top:15px;left:0;background-color:#fff;border-top-right-radius:50px;border-bottom-right-radius:50px}@media screen and (min-width: 768px){header .logo{width:300px;top:20px}}header .logo img{padding:12px 30px 8px 10px}@media screen and (min-width: 768px){header .logo img{padding:15px 40px 10px 20px}}#overlay-button{position:fixed;right:10px;top:10px;padding:26px 11px;z-index:1002;cursor:pointer;user-select:none}#overlay-button span{height:4px;width:35px;border-radius:2px;background-color:#444;position:relative;display:block;transition:all 0.2s ease-in-out}#overlay-button span:before{top:-10px;visibility:visible}#overlay-button span:after{top:10px}#overlay-button span:before,#overlay-button span:after{height:4px;width:35px;border-radius:2px;background-color:#444;position:absolute;content:"";transition:all 0.2s ease-in-out}#overlay-button:hover span,#overlay-button:hover span:before,#overlay-button:hover span:after{background:#666}input[type=checkbox]{display:none}input[type=checkbox]:checked ~ #overlay{visibility:visible}input[type=checkbox]:checked ~ #overlay-button span,input[type=checkbox]:checked ~ #overlay-button span:before,input[type=checkbox]:checked ~ #overlay-button span:after{background:#ddd}input[type=checkbox]:checked ~ #overlay-button:hover span,input[type=checkbox]:checked ~ #overlay-button span{background:transparent}input[type=checkbox]:checked ~ #overlay-button span:before{transform:rotate(45deg) translate(7px, 7px)}input[type=checkbox]:checked ~ #overlay-button span:after{transform:rotate(-45deg) translate(7px, -7px)}#overlay{height:100vh;width:100vw;background:rgba(8,64,37,0.93);z-index:1001;visibility:hidden;position:fixed}#overlay ul{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;height:100vh;padding-left:0;list-style-type:none}#overlay ul li{padding:1em}#overlay ul li a{color:#fff;text-decoration:none;font-size:1.5em}#overlay ul li a:hover{color:#000 !important}.inner{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 15px 2em 15px}@media screen and (min-width: 768px){.inner{padding:0 20px 5em 20px}}.inner.full{max-width:100%;padding:0}.inner.bottom-none{padding-bottom:0}#voice .inner{padding:0 15px 5em 15px}@media screen and (min-width: 768px){#voice .inner{padding:0 20px 5em 20px}}.btn a{display:block;position:relative;width:100%;padding:10px 10px 8px 10px;background-color:#006161;border-radius:40px;text-align:center;color:#fff;text-decoration:none;font-size:.9em;letter-spacing:1px;line-height:1.2em;transition:all 0.3s}.btn a span{display:block}@media screen and (min-width: 768px){.btn a span{display:inline}}.btn a::before{border-right:2px solid #fff;border-top:2px solid #fff;bottom:0;content:"";height:7px;width:7px;margin:auto;position:absolute;right:30px;top:0;transform:rotate(45deg);transition:right 0.3s}.btn a:hover{background-color:#146767}.btn a:hover::before{right:25px}.btn.more{width:50%;min-width:230px}.btn.more-voice{width:30%;min-width:280px;margin:0 auto 1em auto;font-size:1.1em}@media screen and (min-width: 768px){.btn.more-voice{margin:0 0 1em auto}}.btn.more-sl{width:30%;min-width:280px;margin:0 auto 1em auto;font-size:1.1em}.hero{background-image:url("img/mainvs.webp");background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:-2;background-color:#ddd;transition:1s all}@media screen and (min-width: 768px){.hero{background-image:url("img/mainv.webp")}}.hero .hero--inner{display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:1400px;height:60vh;margin:0 auto;padding:0 10px}.hero .hero--inner .hero_header{width:100%;padding:0 20px;max-width:300px}@media screen and (min-width: 768px){.hero .hero--inner .hero_header{padding:0 20px;max-width:45%}}.hero .hero--inner .hero_header img{width:100%;filter:drop-shadow(0 0 5px rgba(111,123,121,0.35))}.hero-subphrase{position:relative;width:50%;padding-left:3%;transform:skewY(-4.5deg)}@media screen and (min-width: 768px){.hero-subphrase{width:55%;padding-left:3%;transform:skewY(-4.5deg)}}.hero-subphrase img{width:100%;margin-top:-45px}@media screen and (min-width: 768px){.hero-subphrase img{margin-top:-9%}}.intro{position:relative;z-index:10;margin-top:-80px}.intro::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:#dfefe1;transform:skewY(-4.5deg);z-index:-1}.intro .inner{padding-top:80px;padding-bottom:1em}.intro .inner .intro-photo{width:48%;position:absolute;top:-150px;right:0}@media screen and (min-width: 768px){.intro .inner .intro-photo{width:40%;top:-200px}}.intro .inner p{font-weight:500;font-size:1em;line-height:2.5em;letter-spacing:0}@media screen and (min-width: 768px){.intro .inner p{font-size:1.2em;letter-spacing:1px}}.intro .inner p span{display:block}@media screen and (min-width: 768px){.intro .inner p span{display:inline}}.intro .inner p br{display:none}@media screen and (min-width: 768px){.intro .inner p br{display:block}}.recommend .recommend-title{font-weight:700;font-size:2em;letter-spacing:2px;line-height:1.7em;margin-bottom:1em}@media screen and (min-width: 768px){.recommend .recommend-title{font-size:3em}}.recommend .recommend-title span{display:block}@media screen and (min-width: 768px){.recommend .recommend-title span{display:inline}}.recommend .recommend_action{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.recommend .recommend_action .ra__column{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;background-color:#fff;margin-bottom:2em}.recommend .recommend_action .ra__column .rc--photo{overflow:hidden}@media screen and (min-width: 768px){.recommend .recommend_action .ra__column .rc--photo{width:60%}}.recommend .recommend_action .ra__column .rc--photo img{transition:.5s all;width:100%;height:100%;object-fit:cover}.recommend .recommend_action .ra__column:hover .rc--photo img{transform:scale(1.05, 1.05)}.recommend .recommend_action .ra__column .rc--text{position:relative;padding:30px 30px 80px 30px}@media screen and (min-width: 768px){.recommend .recommend_action .ra__column .rc--text{padding:50px 30px 80px 30px;width:40%}}.recommend .recommend_action .ra__column .rc--text h3{position:relative;margin:-45px auto 0 auto;width:160px;z-index:100}@media screen and (min-width: 768px){.recommend .recommend_action .ra__column .rc--text h3{position:absolute;width:170px;margin:0;top:-15px;left:-15px}}.recommend .recommend_action .ra__column .rc--text p{line-height:1.6em;letter-spacing:0.5px}@media screen and (min-width: 768px){.recommend .recommend_action .ra__column .rc--text p{line-height:2em}}.recommend .recommend_action .ra__column .rc--text .btn{position:absolute;right:0;left:0;bottom:25px;padding:0 40px;margin:auto}@media screen and (min-width: 768px){.recommend .recommend_action .ra__column.full .rc--text{display:grid;place-items:center}}@media screen and (min-width: 768px){.recommend .recommend_action .ra__column.half{width:calc( 50% - 1em)}.recommend .recommend_action .ra__column.half .rc--photo{width:47%}.recommend .recommend_action .ra__column.half .rc--text{width:53%}.recommend .recommend_action .ra__column.half .rc--text p{line-height:1.8em}.recommend .recommend_action .ra__column.half .rc--text .btn{position:absolute;right:0;left:auto;bottom:25px;margin:auto}}@media screen and (min-width: 768px){.careerselect .rc--photo img{object-position:75% 50%}.ict .rc--photo img{object-position:55% 50%}.planning .rc--photo img{object-position:80% 50%}.relearning .rc--photo img{object-position:40% 50%}}@media screen and (min-width: 768px){.ra__column:nth-child(2) .rc--photo{order:2}.ra__column:nth-child(2) .rc--text{order:1}}.recommend_result{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.recommend_result .rr__column{width:100%}@media screen and (min-width: 768px){.recommend_result .rr__column{width:50%}}.recommend_result .rr__column h3{text-align:center;font-size:1.5em;letter-spacing:1px}@media screen and (min-width: 768px){.recommend_result .rr__column h3{font-size:1.6em}}.recommend_result .rr__column h3 span{display:block;width:fit-content;margin:0 auto;background:linear-gradient(transparent 80%, #fff700 80%)}.recommend_result .rr__column h3 br{display:none}@media screen and (min-width: 768px){.recommend_result .rr__column h3 span{display:inline}.recommend_result .rr__column h3 br{display:block}}.recommend_result .rr__column .ratio{padding:0 60px}@media screen and (min-width: 768px){.recommend_result .rr__column .ratio{padding:0 100px}}.section-title{position:relative;z-index:10;text-align:center;padding:1.5em 0;margin:0 0 1em 0;font-weight:500;font-size:1.5em;letter-spacing:1px;text-decoration:none}@media screen and (min-width: 768px){.section-title{letter-spacing:8px;font-size:2em}}.section-title span{display:block}@media screen and (min-width: 768px){.section-title span{display:inline}}.section-title.decoration{background-image:url("");background-size:contain;background-position:center;background-repeat:no-repeat;margin:-5px 0 1em 0;padding:1.2em 0}@media screen and (min-width: 768px){.section-title.decoration{padding:2.1em 0}}.course .decoration{background-image:url("img/ttl-course.svg")}.schoollife .decoration{background-image:url("img/ttl-schoollife.svg")}.future .decoration{background-image:url("img/ttl-future.svg")}.voice .decoration{background-image:url("img/ttl-voice.svg")}.course{background-color:#fff}.course .cc__column{background-color:#bbb;margin-bottom:1em}.course .cc__column.careerup{background-color:#56ba4d}.course .cc__column.careerassist{background-color:#58a6d6}.course .cc__column.careersports{background-color:#a8ce40}.course .cc__column.athlete{background-color:#fdd239}.course .cc__column.advanced{background-color:#f19c9d}.course .cc__column .cc_main{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;padding:5px 0}.course .cc__column .cc_main h3{width:100%}@media screen and (min-width: 768px){.course .cc__column .cc_main h3{width:34%}}.course .cc__column .cc_main p{font-weight:400;line-height:1.8em;text-align:justify;padding:0 25px 30px 25px;width:100%}@media screen and (min-width: 768px){.course .cc__column .cc_main p{padding:30px;width:66%}}.course .cc__column .cc_sub{position:relative;border:5px solid #fff;border-top:none}.course .cc__column .cc_sub .accordion__button{cursor:pointer;display:block;position:absolute;right:15px;top:-2.5em;width:30px;height:30px}.course .cc__column .cc_sub .accordion__button::before,.course .cc__column .cc_sub .accordion__button::after{transition:all 0.5s;content:'';position:absolute;top:50%;left:50%;width:3px;height:32px;background:#fff}.course .cc__column .cc_sub .accordion__button::before{transform:translate(-50%, -50%) rotate(90deg)}.course .cc__column .cc_sub .accordion__button::after{transform:translate(-50%, -50%) rotate(0deg)}.course .cc__column .cc_sub.open .accordion__button::before{transform:translate(-50%, -50%) rotate(45deg)}.course .cc__column .cc_sub.open .accordion__button::after{transform:translate(-50%, -50%) rotate(-45deg)}.course .cc__column.careerup .cc_sub{border-color:#56ba4d}.course .cc__column.careerassist .cc_sub{border-color:#58a6d6}.course .cc__column.careersports .cc_sub{border-color:#a8ce40}.course .cc__column.athlete .cc_sub{border-color:#fdd239}.course .cc__column.advanced .cc_sub{border-color:#f19c9d}.accordion__body{position:relative;height:0;overflow:hidden;transition:all 0.5s;background-color:#fff}.accordion__body .accordion__text{padding:50px 15px 25px 15px}@media screen and (min-width: 768px){.accordion__body .accordion__text{padding:50px 20px 20px 20px}}.accordion__body .accordion__text ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.accordion__body .accordion__text ul li{width:100%;margin-bottom:10px;padding:0 10px 10px 10px}@media screen and (min-width: 768px){.accordion__body .accordion__text ul li{width:50%}}@media screen and (min-width: 768px){.accordion__body .accordion__text ul li:first-child{margin-bottom:5px}}.accordion__body .accordion__text .cc_paths{background:#f5f5f5;padding:20px 20px 30px 20px;margin-top:10px;margin-bottom:0;display:block}@media screen and (min-width: 768px){.accordion__body .accordion__text .cc_paths{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.accordion__body .accordion__text .cc_paths h4,.accordion__body .accordion__text .cc_paths h5{font-family:"Noto Sans JP", sans-serif;font-weight:500;line-height:1.3em}.accordion__body .accordion__text .cc_paths h4{font-size:1.3em;margin:0 0 1em 0}@media screen and (min-width: 768px){.accordion__body .accordion__text .cc_paths h4{font-size:1.4em;letter-spacing:1px}}.accordion__body .accordion__text .cc_paths h5{font-size:1.1em;margin:0}@media screen and (min-width: 768px){.accordion__body .accordion__text .cc_paths h5{font-size:1.2em}}.accordion__body .accordion__text .cc_paths .cc_graph{width:100%;text-align:center;margin-bottom:1em}.accordion__body .accordion__text .cc_paths .cc_graph h4{text-align:left}.accordion__body .accordion__text .cc_paths .cc_graph img{width:70%}@media screen and (min-width: 768px){.accordion__body .accordion__text .cc_paths .cc_graph{width:23%;margin-bottom:0}.accordion__body .accordion__text .cc_paths .cc_graph img{width:100%}}.accordion__body .accordion__text .cc_paths .cc_text{width:100%}@media screen and (min-width: 768px){.accordion__body .accordion__text .cc_paths .cc_text{width:72%}}.accordion__body .accordion__text .cc_paths .cc_text.full{width:100%}@media screen and (min-width: 768px){.accordion__body .accordion__text .cc_paths .cc_text.full .column{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:stretch}.accordion__body .accordion__text .cc_paths .cc_text.full .column>div{width:48%}}.accordion__body .accordion__text .cc_paths .cc_text dl{font-size:1.1em;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.accordion__body .accordion__text .cc_paths .cc_text dl dt{align-content:center;width:17%;color:#fff;padding:5px;text-align:center;margin:0 0 8px 0}.accordion__body .accordion__text .cc_paths .cc_text dl dd{width:80%}.accordion__body .accordion__text .cc_paths .cc_text dl dd ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:10px 0}.accordion__body .accordion__text .cc_paths .cc_text dl dd ul li{padding:0;margin:0}@media screen and (min-width: 768px){.accordion__body .accordion__text .cc_paths .cc_text dl dd ul.col-2 li{width:50%}.accordion__body .accordion__text .cc_paths .cc_text dl dd ul.col-3 li{width:33%}.accordion__body .accordion__text .cc_paths .cc_text dl dd ul.col-3 li.combining{width:66%}.accordion__body .accordion__text .cc_paths .cc_text dl dd ul.col-4 li{width:25%}.accordion__body .accordion__text .cc_paths .cc_text dl dd ul.col-5 li{width:20%}}.etc{text-align:right;padding-right:10px;margin-bottom:1em}.careerup .cc_paths h4{color:#40a738}.careerassist .cc_paths h4{color:#58a5d5}.careersports .cc_paths h4{color:#1eaa39}.athlete .cc_paths h4{color:#f39937}.advanced .cc_paths h4{color:#ee827e}.careerup .cc_paths dl dt{background-color:#40a738}.careerassist .cc_paths dl dt{background-color:#58a5d5}.careersports .cc_paths dl dt{background-color:#1eaa39}.athlete .cc_paths dl dt{background-color:#f39937}.advanced .cc_paths dl dt{background-color:#ee827e}.cc_eyecatch{display:none;opacity:0}@keyframes fadein{0%{opacity:0}40%{opacity:0}100%{opacity:1}}.open .cc_eyecatch{display:block;opacity:0;animation-name:fadein;animation-duration:.6s;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;text-align:center;z-index:100;right:auto;left:15px;margin:-30px auto auto auto;width:75%;max-width:320px}@media screen and (min-width: 768px){.open .cc_eyecatch{right:0;left:0}}.cc_btn{position:absolute;z-index:200;bottom:0;width:100%;bottom:-17px}@media screen and (min-width: 768px){.cc_btn{right:0;display:inline-block;width:auto}}.cc_btn a{display:block;position:relative;width:100%;padding:10px 40px 12px 20px;background-color:#3380a0;text-align:center;color:#fff;text-decoration:none;font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;letter-spacing:1px;line-height:1.8em;transition:all 0.3s;background-color:#ccc}@media screen and (min-width: 768px){.cc_btn a{border-top-left-radius:20px}}.cc_btn a span{display:block}@media screen and (min-width: 768px){.cc_btn a span{display:inline}}.cc_btn a::before{border-right:2px solid #fff;border-top:2px solid #fff;bottom:0;content:"";height:7px;width:7px;margin:auto;position:absolute;right:30px;top:0;transform:rotate(45deg);transition:right 0.3s}.cc_btn a:hover{background-color:#ccc}.cc_btn a:hover::before{right:25px}.careerup .cc_btn a{background-color:#56ba4d}.careerassist .cc_btn a{background-color:#58a6d6}.careersports .cc_btn a{background-color:#a8ce40}.athlete .cc_btn a{background-color:#fdd239}.advanced .cc_btn a{background-color:#f19c9d}.caution{font-size:.9rem}.schoollife{text-align:center}.schoollife h3{font-weight:600;font-size:1.3em;line-height:1em;letter-spacing:5px;margin-bottom:0em;padding:13px;display:inline-block;border-bottom:2px solid #222}.schoollife P{position:relative;z-index:200;font-size:1em;line-height:1.4em;margin-bottom:10px;text-align:justify}@media screen and (min-width: 768px){.schoollife P{font-size:1.2em;line-height:1.8em;margin-bottom:-40px}}@media screen and (min-width: 768px){.schoollife P{font-size:1.2em;text-align:center}}@media screen and (min-width: 768px){.schoollife P>span{display:block;background-color:#006161;margin:0px auto 1em auto;padding:3px 15px 6px 25px;width:fit-content;color:#fff}}.schoollife P>span span{display:block;letter-spacing:1px;background-color:#006161;margin:0px auto 10px auto;padding:4px 8px 8px 8px;width:fit-content;color:#fff}@media screen and (min-width: 768px){.schoollife P>span span{display:inline;background-color:none;padding:0;margin:0}}.sl_club{max-width:1300px;margin:0 auto 2em auto;padding:0 15px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:10px}@media screen and (min-width: 768px){.sl_club{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto}}.sl_club li{overflow:hidden;margin:0;padding:0}.sl_club li img{width:100%;vertical-align:bottom;border-radius:10px}.sl_club li.li-1{grid-column:1 / 3;grid-row:1 / 3}.sl_club li.li-2{grid-column:2 / 4;grid-row:4 / 6}@media screen and (min-width: 768px){.sl_club li.li-2{grid-column:4 / 6;grid-row:2 / 4}}@media screen and (min-width: 768px){.sl_club li.li-3{grid-column:2 / 4;grid-row:3 / 5}}.sl_club li.li-ajst{display:block}@media screen and (min-width: 768px){.sl_club li.li-ajst{display:none}}.gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:2em}.gallery li{width:100%;margin-bottom:10px;line-height:0}@media screen and (min-width: 768px){.gallery li{width:33%}}.event{padding-bottom:2em}@keyframes infinity-scroll-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}.scroll-infinity{margin-bottom:1em}.scroll-infinity__wrap{position:relative;z-index:100;display:flex;overflow:hidden}.scroll-infinity__list{display:flex;list-style:none;padding:0}.scroll-infinity__list--left{animation:infinity-scroll-left 50s infinite linear 0.25s both}.scroll-infinity__item{width:calc(100vw / 3)}@media screen and (min-width: 768px){.scroll-infinity__item{width:calc(100vw / 4)}}.scroll-infinity__item>img{width:100%;vertical-align:bottom}.future{background-color:#fff}.future h3,.future h4{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:500;line-height:1.3em;font-size:1.2em;letter-spacing:1px;margin-bottom:0em}@media screen and (min-width: 768px){.future h3,.future h4{font-size:1.3em;letter-spacing:8px}}.future h3{display:inline-block;background-color:#006161;padding:15px 20px;color:#fff}@media screen and (min-width: 768px){.future h4 br{display:none}}.future_education{margin-bottom:3em}.future_education,.future_recruitment{text-align:center}.fe__cont{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch}.fe__cont .fe__column{text-align:center;width:100%}@media screen and (min-width: 768px){.fe__cont .fe__column{width:33%}}.fe__cont .fe__column h5{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:500;line-height:1.8em;font-size:1.3em;text-align:center}.fe__cont .fe__column h5 span{display:inline-block;padding:2px 20px;border-bottom:2px solid #222}.fe__cont .fe__column h5 span.box{border:2px solid #222}.fe__cont .fe__column img{width:80%}.voice_cont{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:0;place-content:center;margin-bottom:1em}.voice_cont .vc--photo{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:3;position:relative;align-content:end;text-align:center}.voice_cont .vc--photo img{position:relative;z-index:10;vertical-align:bottom;margin-top:-40px;width:65%}@media screen and (min-width: 768px){.voice_cont .vc--photo img{fmargin-top:-70px;width:100%}}.voice_cont .vc--info{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;align-content:end;padding:0 25px}@media screen and (min-width: 768px){.voice_cont .vc--info{padding:0 40px}}.voice_cont .vc--info h3{font-weight:500;font-size:1.5em}@media screen and (min-width: 768px){.voice_cont .vc--info h3{font-size:1.8em}}.voice_cont .vc--info h3 span{display:block}@media screen and (min-width: 768px){.voice_cont .vc--info h3 span.sbk_md{display:inline}}.voice_cont .vc--info p .vc_path_ttl{display:inline-block;font-size:0.9rem;margin:0 8px 0 0;padding:3px 8px 4px 8px}.voice_cont .vc--info p .vc_path{font-size:1.1rem}.voice_cont .vc--info p .vc_course{display:block}@media screen and (min-width: 768px){.voice_cont .vc--info p .vc_course{display:inline}}.voice_cont .vc--info p .vc_name{display:block;margin-right:8px;font-size:1.3rem}@media screen and (min-width: 768px){.voice_cont .vc--info p .vc_name{display:inline-block}}.voice_cont .vc--info p .vc_name .vc_neme_cld{font-size:1rem;display:block}@media screen and (min-width: 768px){.voice_cont .vc--info p .vc_name .vc_neme_cld{display:inline}}.voice_cont .vc--comment{padding:0 25px 25px 25px}@media screen and (min-width: 768px){.voice_cont .vc--comment{padding:0 40px 40px 40px}}.voice_cont .vc--comment p{padding:0;margin:0;text-align:justify;line-height:1.6rem}@media screen and (min-width: 768px){.voice_cont{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto}.voice_cont .vc--photo{grid-column:1 / 2;grid-row:1 / 2}.voice_cont .vc--comment{padding-top:20px;grid-column:1 / 3;grid-row:2 / 3}.voice_cont:nth-child(odd){grid-template-columns:2fr 1fr}.voice_cont:nth-child(odd) .vc--photo{grid-column:2 / 3}}@media screen and (min-width: 1024px){.voice_cont{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:auto auto}.voice_cont .vc--photo{grid-column:1 / 2;grid-row:1 / 3}.voice_cont .vc--comment{padding-top:0;grid-column:2 / 3;grid-row:2 / 3}.voice_cont:nth-child(odd){grid-template-columns:3fr 1fr}.voice_cont:nth-child(odd) .vc--photo{grid-column:2 / 3;grid-row:1 / 3}.voice_cont:nth-child(odd) .vc--comment{grid-column:1 / 2}}.student .vc--info p{border-left:4px solid #aaa;padding-left:11px}.student.careerup .vc--info p{border-color:#56ba4d}.student.careerassist .vc--info p{border-color:#58a6d6}.student.careersports .vc--info p{border-color:#a8ce40}.student.athlete .vc--info p{border-color:#fdd239}.student.advanced .vc--info p{border-color:#f19c9d}.student .vc_path_ttl{color:#fff}.student.careerup .vc_path_ttl{background-color:#56ba4d}.student.careerassist .vc_path_ttl{background-color:#58a6d6}.student.careersports .vc_path_ttl{background-color:#a8ce40}.student.athlete .vc_path_ttl{background-color:#fdd239}.student.advanced .vc_path_ttl{background-color:#f19c9d}.parent .vc--photo:after{content:'';display:block;position:absolute;top:15px;bottom:15px;left:15px;right:15px}.parent.careerup .vc--photo:after{background-color:#a0d39b}.parent.careerassist .vc--photo:after{background-color:#abd2ea}.parent.careersports .vc--photo:after{background-color:#d3e69f}.parent.athlete .vc--photo:after{background-color:#fee89c}.parent.advanced .vc--photo:after{background-color:#f8cdce}.parent .vc_course{margin-right:8px}.parent .vc_path_ttl{border:1px solid #222}.voice_cont.parent.careerup{background-color:#cfe9cd}.voice_cont.parent.careerassist{background-color:#d5e9f5}.voice_cont.parent.careersports{background-color:#e9f3cf}.voice_cont.parent.athlete{background-color:#fef4cd}.voice_cont.parent.advanced{background-color:#fbe6e6}.voice_cont.student{border:5px solid #fff;background-color:#fff}.voice_cont.student.careerup{border-color:#56ba4d}.voice_cont.student.careerassist{border-color:#58a6d6}.voice_cont.student.careersports{border-color:#a8ce40}.voice_cont.student.athlete{border-color:#fdd239}.voice_cont.student.advanced{border-color:#f19c9d}.voice_cont h3{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:1.4em;padding:0}@media screen and (min-width: 768px){.voice_cont h3{font-size:1.5em}}.voice_cont.student.careerup h3{color:#56ba4d}.voice_cont.student.careerassist h3{color:#58a6d6}.voice_cont.student.careersports h3{color:#a8ce40}.voice_cont.student.athlete h3{color:#fdd239}.voice_cont.student.advanced h3{color:#f19c9d}.voice_cont.parent h3{border-bottom:1px solid #000;font-size:1.3em;padding:0 0 10px 0}.tj{text-align:justify}.tr{text-align:right}.tc{text-align:center}.fb{font-size:1.2em;font-weight:600}.navi-set{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:2em}.navi-set li{width:100%;margin-bottom:10px}@media screen and (min-width: 768px){.navi-set li{width:49.5%;margin-bottom:0}}.navi-set a{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:center;position:relative;width:100%;padding:0px 10px 0px 30px;background-color:#a41038;border-radius:40px;text-align:center;color:#fff;font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:1.1em;text-decoration:none;letter-spacing:2px;line-height:1.2em;transition:all 0.3s}@media screen and (min-width: 768px){.navi-set a{font-size:1.4em}}.navi-set a::before{border-right:2px solid #fff;border-top:2px solid #fff;bottom:0;content:"";height:7px;width:7px;margin:auto;position:absolute;right:30px;top:0;transform:rotate(45deg);transition:right 0.3s}.navi-set a:hover{background-color:#222}.navi-set a:hover::before{right:25px}.navi-set a img{width:65px}@media screen and (min-width: 768px){.navi-set a img{width:80px}}.navi-set a>span{width:calc( 100% - 65px);padding-right:25px;padding-top:10px}@media screen and (min-width: 768px){.navi-set a>span{width:calc( 100% - 80px);padding-right:20px}}.navi-set a>span span{display:block;font-size:.8em}.stic{width:100%}@keyframes textanime{0%{opacity:0}90%{opacity:0}100%{opacity:1}}.school-info-b{display:none;position:sticky;top:80px;margin:0 0 0 auto;max-width:340px;z-index:10001;margin-top:-100px}@media screen and (min-width: 768px){.school-info-b{display:block}}.school-info-b li{margin:0 10px 5px auto}.school-info-b li a{transition:all 0.7s ease-in-out;display:flex;justify-content:center;margin:0 10px 5px auto;text-align:center;width:60px;height:60px;padding:0 10px;background-color:#fff24c;border-radius:30px;color:#222}.school-info-b li a span{display:none;opacity:0;vertical-align:middle}.school-info-b li a img{display:inline-block;width:60px;height:60px;vertical-align:middle}.school-info-b li a:hover{width:340px;margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.school-info-b li a:hover span{display:block;padding:18px 10px 10px 10px;animation-name:textanime;animation-duration:.9s;animation-fill-mode:forwards}.school-info-b li.request a{background-color:#006161;color:#fff}#footer{position:fixed;z-index:1000;bottom:0;width:100%;background-color:#006161;padding:0}@media screen and (min-width: 768px){#footer{position:relative;padding:15px}}#footer a{text-decoration:none}#footer .foot-inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0 auto}@media screen and (min-width: 768px){#footer .foot-inner{width:100%;max-width:1200px}}#footer .school-info,#footer .socialmedia{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:center;font-size:.5em;line-height:1.05em}@media screen and (min-width: 768px){#footer .school-info,#footer .socialmedia{font-size:1em}}#footer .school-info li a,#footer .socialmedia li a{display:block;text-align:center;width:100%;color:#fff}@media screen and (min-width: 768px){#footer .school-info li a,#footer .socialmedia li a{padding:0 10px;background-color:#fff;border-radius:30px;color:#222}}#footer .school-info li a span,#footer .socialmedia li a span{display:block;vertical-align:middle}@media screen and (min-width: 768px){#footer .school-info li a span,#footer .socialmedia li a span{display:inline-block}}#footer .school-info li a img,#footer .socialmedia li a img{display:inline-block;width:45px;height:45px;vertical-align:middle}@media screen and (min-width: 768px){#footer .school-info li a img,#footer .socialmedia li a img{width:50px;height:50px}}@media screen and (min-width: 768px){#footer .school-info li a br,#footer .socialmedia li a br{display:none}}#footer .school-info{width:calc(100% - 115px)}@media screen and (min-width: 768px){#footer .school-info{width:100%}}#footer .school-info li{width:33.3%;padding:5px 0 10px 0;border-right:1px solid #aaa}@media screen and (min-width: 768px){#footer .school-info li{width:33%;border:none}}#footer .socialmedia{width:115px;padding-right:10px;padding-left:10px;margin:0 auto}@media screen and (min-width: 768px){#footer .socialmedia{width:70%}}@media screen and (min-width: 768px){#footer .socialmedia{font-size:1.15em}}#footer .socialmedia li{width:45px;padding:0}@media screen and (min-width: 768px){#footer .socialmedia li{width:49%}}#footer .socialmedia li a{vertical-align:middle;width:100%;height:45px;border-radius:30px}@media screen and (min-width: 768px){#footer .socialmedia li a{height:auto}}#footer .socialmedia li a span{display:none}@media screen and (min-width: 768px){#footer .socialmedia li a span{display:inline}}#footer .socialmedia li.instagram a{background-color:#222;color:#fff}#footer .socialmedia li.line a{background-color:#4cc564;color:#fff}.copyright{display:none;text-align:center;font-size:.8em;color:#ccc;padding:40px 10px 10px 10px}@media screen and (min-width: 768px){.copyright{display:block}}.hidden{display:none}
