.c-top-section-hero{margin:auto;max-width:1500px;min-width:1050px;padding:0 40px}.c-top-section-hero__ttl{align-items:flex-start;color:#222;display:flex;flex-direction:column;font-size:3.2rem;height:145px;justify-content:space-between;left:-40px;margin-left:40px;position:absolute;top:50%;transform:translateY(-50%)}.c-top-section-hero__ttl>span{background-color:#fff;padding:10px}.c-top-section-hero__inner{display:flex;justify-content:flex-end;position:relative}.c-top-section-hero__l-img{border-radius:40px;overflow:hidden;width:80%;z-index:-1}.c-top-section-hero__txt{bottom:2%;color:#222;font-size:1.2rem;left:2%;letter-spacing:.3em;padding:20px 8px;position:absolute;transform:rotate(-90deg);transform-origin:top center}.c-top-section-hero__txt:after,.c-top-section-hero__txt:before{bottom:0;content:"";position:absolute;transition:all .3s ease}.c-top-section-hero__txt:before{border-top:2px solid #222;margin-top:-1px;right:0;transition:all .3s ease;width:100%}.c-top-section-hero__txt:after{border-left:2px solid #222;height:6px;left:0;margin-top:-4px;transform:skewX(-45deg)}.c-top-section-hero__txt:hover:before{width:120%}.c-top-section-hero__txt:hover:after{left:-20%}.c-top-section-hero__img{align-items:center;background-color:#fafafa;display:flex;height:38vw;justify-content:center;max-height:500px;min-height:450px}.c-top-section-hero__img>video{height:auto;width:100%}.c-top-section-hero__img:before{background:50%/contain no-repeat url(/packed/images/pc/top/techo/fv_ttl-696ad075deeee3adf964437738606d78.png);bottom:0;content:"";display:inline-block;height:136px;left:15%;position:absolute;width:130px}.c-top-section-hero__badge{background-color:hsla(0,0%,100%,.95);border-radius:10px;padding:16px 24px}.c-top-section-hero__l-badge{bottom:3%;position:absolute;right:-3%}.c-top-section-hero__achievement{font-size:1.6rem;letter-spacing:.03em;margin-left:auto;margin-top:8px;position:relative;width:80%}.c-top-section-hero__achievement [class^=icon-]{width:26px;fill:#444;vertical-align:text-bottom}.c-top-section-hero__achievement [class^=icon-]:not(:first-of-type){margin-left:8px}.c-top-section-hero__achievement .icon-school-building{stroke:#444}.c-top-section-hero__achievement>em{color:#0073d1;font-size:2.2rem;font-weight:700;padding-left:2px;padding-right:2px}.c-top-section-hero__achievement>small{font-size:1.2rem}.c-top-section-hero__achievement-date{font-size:1rem}.news{background-color:#ff6f56}.interview{background-color:#ff925d}.report{background-color:#947bbc}.research{background-color:#b75c9d}.learning{background-color:#cedf39}.column{background-color:#6fd178}.guide{background-color:#6072ab}.other{background-color:#ccc}.c-adu-tag--hokkaido{background-color:#fef9d9;color:#000}.c-adu-tag--tohoku{background-color:#f6f9dc;color:#000}.c-adu-tag--kanto{background-color:#e7f2e6;color:#000}.c-adu-tag--hokushin{background-color:#e6f2f3;color:#000}.c-adu-tag--tokai{background-color:#e4ebf2;color:#000}.c-adu-tag--kinki{background-color:#ece9ef;color:#000}.c-adu-tag--chugoku{background-color:#f8eaf2;color:#000}.c-adu-tag--shikoku{background-color:#fceceb;color:#000}.c-adu-tag--kyusyu{background-color:#fcefe0;color:#000}.c-adu-tag--okinawa{background-color:#fdf6e0;color:#000}.p-category-tag--science{background-color:#ff6f56}.p-category-tag--technology{background-color:#ff925d}.p-category-tag--engineering{background-color:#947bbc}.p-category-tag--mathematics{background-color:#b75c9d}.p-category-tag--art{background-color:#cedf39}.p-category-tag--sports{background-color:#6fd178}.p-category-tag--other{background-color:#ccc}.c-online-all:after,.c-online-all:before{background:50%/contain repeat-x url(/packed/images/common/top/bg_wave-6f23786c095fd7e86b6652740c76cd36.png);content:"";height:12px;left:0;position:absolute;width:100%}.top-portal{position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-portal__overlay{background-color:hsla(0,0%,100%,.5);height:100%;left:0;position:absolute;top:0;width:100%}.top-portal__wrapper{bottom:0;left:0;margin:auto;position:absolute;right:0;top:24px}.top-portal__content{background-color:hsla(0,0%,100%,.94);border-radius:4px;height:100%;position:relative;width:100%}.top-portal__headline{margin:0 0 8px;position:relative}.top-portal__prefecture-list--line,.top-portal__prefecture-list--map{display:none}.top-portal__prefecture{background-image:url(/packed/images/top/japan-map-b739f19438e61f77a8ab348a6ce935ff.svg);background-size:710px 410px;float:left;height:410px;padding:20px;width:700px}.top-portal__ttl{color:#666;font-size:2.4rem;font-weight:700;position:relative}.top-portal__ttl--mini{font-size:2rem}.top-portal__sub-ttl{color:#888;font-size:1.2rem;position:relative}.top-portal__prefecture-list{position:absolute;width:60px}.top-portal__prefecture-list.area-hokkaido{left:584px;top:70px}.top-portal__prefecture-list.area-tohoku{left:510px;top:158px}.top-portal__prefecture-list.area-kanto{left:498px;top:264px}.top-portal__prefecture-list.area-hokushin{left:390px;top:86px}.top-portal__prefecture-list.area-tokai{left:350px;top:330px}.top-portal__prefecture-list.area-kinki{left:296px;top:112px}.top-portal__prefecture-list.area-chugoku{left:140px;top:168px}.top-portal__prefecture-list.area-shikoku{left:206px;top:336px}.top-portal__prefecture-list.area-kyusyu{left:36px;top:274px}.top-portal__prefecture-list.area-okinawa{left:48px;top:212px}.top-portal__prefecture-list-item{margin:0 0 6px}.top-portal__prefecture-list-item:nth-child(odd){float:left}.top-portal__prefecture-list-item:nth-child(2n){float:right}.top-portal__prefecture-list-item a{color:#666;display:block;font-size:1.2rem;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;border-radius:12px;box-shadow:0 2px 0 0 #ccc;box-sizing:border-box;cursor:pointer;height:24px;line-height:24px;text-align:center;transition:background-color .25s ease,color .25s ease;width:60px}.top-portal__prefecture-list-item a:hover{box-shadow:none;color:#fff}.top-portal__prefecture-list--2c{width:124px}.top-portal__side-cal{border-radius:4px;float:right;padding:16px 10px;width:330px}.top-portal__side-title{color:#444;font-size:1.4rem;font-weight:700;line-height:1;margin:0 0 10px}.top-portal__keyword-search{margin:0 0 20px}.top-portal__keyword-body{position:relative}.top-portal__keyword-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;height:50px;padding:0 16px;width:100%}.top-portal__keyword-input::-webkit-input-placeholder{color:#888}.top-portal__keyword-input::placeholder{color:#888}.top-portal__keyword-submit{align-items:center;background-color:#0073d1;border-radius:0 4px 4px 0;color:#fff;display:flex;font-size:1.6rem;height:50px;justify-content:center;position:absolute;right:0;top:0;width:80px}.top-portal__keyword-item{font-size:1.2em;padding:6px}.top-portal__brand-list-item{float:left}.top-portal__brand-list-item:not(:nth-child(3n)){padding:0 10px 10px 0}.top-portal__brand-list-item a{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;display:block;height:60px;position:relative;width:96px}.top-portal__brand-list-item a:hover{opacity:.6}.top-portal__brand-list-item img{bottom:0;left:0;margin:auto;max-height:55px;max-width:90px;position:absolute;right:0;top:0}.top-portal__brand-list-more{position:relative;width:100%}.top-portal__slider-item img{min-height:510px;min-width:1200px}.l-top-slider{height:510px;width:100%}.top-slider-wrap{display:none;position:relative;z-index:0}.top-slider-wrap.initialized{display:block}.c-section-online{position:relative}.c-section-online__l-head{margin-bottom:24px}.c-section-online__l-ttl{margin-bottom:8px}.c-section-online__ttl{color:#444;font-size:2.2rem}.c-section-online__head{position:relative}.c-section-online__ruby{color:#85c275;font-family:Montserrat,sans-serif;font-weight:700}.c-section-online__img{bottom:-8px;position:absolute;right:0;z-index:1}.c-section-online--bg{padding-bottom:60px;padding-top:40px}.c-section-online--bg:after{background-color:#fff3f3;border-radius:10px;content:"";height:250px;left:50%;min-width:1114px;position:absolute;top:50%;transform:translateX(-50%);z-index:-1}.c-online-all{background-color:#f1fcee;margin-top:70px;padding-bottom:40px;padding-top:60px;position:relative}.c-online-all__content{margin:auto;width:1050px}.c-online-all:before{top:-12px}.c-online-all:after{bottom:-12px;transform:scaleY(-1)}.c-about-section{background-color:#f4fafe;margin:auto;padding-bottom:158px;padding-top:40px;position:relative;text-align:center;width:1050px}.c-about-section:before{background:bottom/100% no-repeat url(/packed/images/pc/top/techo_happy_face-bf65abe20d15d4eb44567611a1bd5783.gif);bottom:0;content:"";height:158px;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;width:180px}.c-about-section__l-head{margin-bottom:24px}.c-about-section__head{color:#222;font-size:2.8rem;line-height:1.8}.c-about-section__desc{font-size:1.6rem;line-height:2}.c-about-section__l-body{margin:auto;width:500px}.c-about-section__l-content{margin-top:32px}.c-about-section__more{background-color:#0073d1;border-radius:4px;color:#fff;display:inline-block;padding:8px 16px}.c-alignment-section{margin:auto;position:relative;width:1050px}.c-alignment-section__l-content{align-items:center;background-color:#f4fafe;border-radius:10px;display:flex;overflow-x:scroll;padding:32px 24px 24px;-ms-overflow-style:none;scrollbar-width:none}.c-alignment-section__l-content::-webkit-scrollbar{display:none}.c-alignment-section__l-head{flex-shrink:0;margin:32px;text-align:center}.c-alignment-section__ttl{font-size:2.2rem}.c-alignment-section__l-body{padding:0 24px}.c-alignment-section:after,.c-alignment-section:before{content:"";position:absolute;top:16px;transition:all .3s ease;z-index:1}.c-alignment-section:before{border-top:2px solid #222;margin-top:-1px;right:-10px;transition:all .3s ease;width:80px}.c-alignment-section:after{border-left:2px solid #222;height:6px;margin-top:-5px;right:-9px;transform:skewX(45deg)}.c-content-alignment{display:flex}.c-content-alignment>*{flex-shrink:0;width:auto}.c-content-alignment>:not(:last-child){margin-right:16px}.c-guide-top{background:50%/120% repeat url(/packed/images/common/guide/bg_guide_top-20a0cb8a3a730b7ae71662def0aa9c97.svg);border-bottom:1px solid #ddd;border-top:1px solid #ddd;height:100%;padding:56px 0;width:100%}.c-guide-top__ttl{align-items:center;display:flex;padding-left:16px}.c-guide-top__head{align-items:flex-end;display:flex}.c-guide-top__l-link{margin-left:auto;padding:16px 0}.c-guide-card{background-color:#fff;border:2px solid #0073d1;border-radius:6px;height:100%;padding:24px;position:relative;transition:all .2s}.c-guide-card__l-img{height:100px;margin-bottom:16px}.c-guide-card__l-ttl{margin-bottom:16px}.c-guide-card__thumb{text-align:center}.c-guide-card__ttl{color:#222;font-size:1.6rem;font-weight:700;text-align:center}.c-guide-card__desc{color:#444;font-size:1.3rem}.c-guide-card:before{background-color:rgba(0,164,228,.2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.c-guide-card:hover{transform:translateY(-1%)}.c-guide-card:hover:before{opacity:1}.c-pickup-section{display:flex;justify-content:space-between}.c-pickup-section__col{width:500px}.c-pickup-media-list>li:not(:last-child){margin-bottom:24px}.c-article-comment{background-color:#f2f2f2;font-size:1.2rem;margin-top:16px;padding:8px;position:relative}.c-article-comment:before{border-color:transparent transparent #f2f2f2;border-style:solid;border-width:0 8px 12px;content:"";height:0;left:10px;position:absolute;top:-10px;width:0}.c-article-comment__author{align-items:center;color:#444;display:flex;font-weight:700;margin-bottom:4px}.c-article-comment__author-img{background-color:#f2f2f2;border-radius:50%;flex-shrink:0;height:30px;margin-right:4px;overflow:hidden;width:30px}.c-article-comment__txt{color:#666}.c-voice-section__l-content .swiper-button-next,.c-voice-section__l-content .swiper-button-prev{background-color:#fff;border:1px solid #f5f5f5;border-radius:50%;box-shadow:0 8px 16px rgba(0,0,0,.1);cursor:pointer;height:54px;margin-top:-48px;position:absolute;width:54px}.c-voice-section__l-content .swiper-button-next:after,.c-voice-section__l-content .swiper-button-next:before,.c-voice-section__l-content .swiper-button-prev:after,.c-voice-section__l-content .swiper-button-prev:before{font-size:0}.c-voice-section{overflow:hidden;padding-bottom:40px}.c-voice-section__l-content{position:relative}.c-voice-section__l-content .swiper-button-next{right:-80px}.c-voice-section__l-content .swiper-button-next:after{border-right:2px solid #444;border-top:2px solid #444;border-top-right-radius:2px;bottom:0;content:"";height:8px;left:0;margin:auto;position:absolute;right:4px;top:0;transform:rotate(45deg);width:8px}.c-voice-section__l-content .swiper-button-prev{left:-80px}.c-voice-section__l-content .swiper-button-prev:before{border-right:2px solid #444;border-top:2px solid #444;border-top-right-radius:2px;bottom:0;content:"";height:8px;left:4px;margin:auto;position:absolute;right:0;top:0;transform:rotate(-135deg);width:8px}.c-voice-section__l-content .swiper-pagination-bullet-active{background:#444}.c-magazine-section{min-width:1050px}.c-magazine-section__l-cover{background-color:#f4fafe;display:flex;height:490px;width:100%}.c-magazine-section__l-ttl{margin-bottom:24px}.c-magazine-section__l-desc{margin-bottom:40px}.c-magazine-section__content{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:50%}.c-magazine-section__ttl{color:#222;font-size:4.8rem;font-weight:700}.c-magazine-section__cover{background:50%/cover no-repeat url(/packed/images/pc/top/bg_magazin_link-a79c19d305539389f0d22d8bb3bdcb5b.jpg);height:100%;width:100%}.c-magazine-section__desc{font-size:1.8rem}.c-magazine-section__more{background-color:#0073d1;border-radius:64px;color:#fff;display:inline-block;overflow:hidden;padding:16px 32px;position:relative}.c-magazine-section__more:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;transition:all .2s;width:0}.c-magazine-section__more:hover:before{width:100%}.c-magazine-section__more:hover>span{color:#1d54a7;position:inherit;z-index:2}.c-nav-sticky-menu{align-items:center;background-color:#f4fafe;display:flex;padding:16px}.c-nav-sticky-menu__ttl{color:#222;font-size:1.6rem;font-weight:700}.c-nav-sticky-menu__ttl>span{color:#444;font-size:1rem;font-weight:400;padding:0 8px}.c-nav-sticky-menu__head{align-items:center;display:flex;flex-direction:column;margin-right:16px;width:40px}.c-nav-sticky-menu__img>svg{height:20px;width:20px}.c-nav-sticky-menu__img .icon-learn,.c-nav-sticky-menu__img .icon-magazine,.c-nav-sticky-menu__img .icon-search{fill:#0073d1}.c-nav-sticky-menu__name{color:#222;font-size:1rem}.c-nav-sticky-menu:not(:last-child){border-bottom:1px dashed #222}.c-nav-sticky-menu:hover{background-color:#e6f4fd}.c-nav-sticky{position:fixed;right:0;top:40%;transform:translate(73%,-50%);transition:all .2s;z-index:3}.c-nav-sticky:hover{transform:translateY(-50%)}.c-nav-sticky-list{border-radius:10px 0 0 10px;box-shadow:0 0 14px rgba(0,0,0,.15);overflow:hidden}.c-nav-sticky-list>li:not(:last-child){border-bottom:1px dashed #222}.c-event-img-list{display:flex;height:180px;margin-top:80px;overflow:hidden}.c-event-img-list img{height:100%;max-width:none;width:auto}.c-event-img-list img:first-child{-webkit-animation:img-loop 80s linear -40s infinite;animation:img-loop 80s linear -40s infinite}.c-event-img-list img:last-child{-webkit-animation:img-loop2 80s linear infinite;animation:img-loop2 80s linear infinite}@-webkit-keyframes img-loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes img-loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@-webkit-keyframes img-loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes img-loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.c-ttl-section--left:before,.c-ttl-section--right:before{background-color:#fbf9ee;content:"";display:block;height:60%;position:absolute;top:50%;transform:translateY(-50%);width:45%;z-index:-1}.c-ttl-section{position:relative}.c-ttl-section__head{margin:auto;padding:90px 0;text-align:center;width:1050px}.c-ttl-section__sub{color:#0073d1;font-weight:700;letter-spacing:.2em}.c-ttl-section__ttl{color:#222;padding:8px 0 16px}.c-ttl-section__ttl>span{font-size:3.2rem;position:relative}.c-ttl-section__ttl--portal>span:before{background:50%/contain no-repeat url(/packed/images/pc/top/techo/search-ef4987841231848e6cdce26869349619.png);bottom:0;content:"";display:inline-block;height:78px;left:-100px;position:absolute;width:72px}.c-ttl-section__ttl--media>span:before{background:50%/contain no-repeat url(/packed/images/pc/top/techo/learn_programming-238ef2c5176a4e32792cd69f40068938.png);bottom:0;content:"";display:inline-block;height:87px;position:absolute;right:-90px;width:48px}.c-ttl-section__ttl--voice>span:before{background:50%/contain no-repeat url(/packed/images/pc/top/techo/voice-44de73b4e83e0e8ea4fabce55ba94896.png);bottom:0;content:"";display:inline-block;height:94px;left:-134px;position:absolute;width:80px}.c-ttl-section__desc{color:#444}.c-ttl-section--right:before{right:0}.c-ttl-section--left:before{left:0}.c-top-big-banner{display:flex;justify-content:center}.c-top-big-banner a{display:block;transition:all .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.c-top-big-banner a:hover{opacity:.7}.c-top-big-banner figure{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.c-top-feature-category{display:flex;flex-wrap:wrap;gap:16px}.c-top-feature-category__card{transition:all .2s;width:calc((100% - 80px)/6)}.c-top-feature-category__card:hover{opacity:.7}.c-top-feature-category__img{aspect-ratio:4/3;border-radius:6px;box-shadow:2px 2px 2px 0 #ccc;overflow:hidden}.c-top-feature-category__img>img{width:100%}.c-top-feature-category__ttl{color:#444;font-size:1.4rem;font-weight:700;margin-top:8px}.site-seal{align-items:center;background-color:#005bac;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:46.2px 130px}.site-seal img{vertical-align:top}.l-banner-appeal{-webkit-column-gap:24px;column-gap:24px;display:flex;justify-content:center;padding:32px}