.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}.sub-top__l-fv{margin-bottom:40px}.sub-top__kv{height:max(23.96vw,310px);position:relative}.sub-top__kv:before{content:"";height:100%;opacity:.7;position:absolute;width:100%}.sub-top__kv--abacus:before{background:url(https://static.coeteco.jp/coeteco/image/upload/v1/cs-product/refile/store/83f2815582c9e9faf730d869d9d58b39) 50%/cover no-repeat;background-position-y:bottom}.sub-top__kv--math:before{background:url(https://static.coeteco.jp/coeteco/image/upload/v1/cs-product/refile/store/de238c78c04d9181271cea99fc17e0df) 50%/cover no-repeat;background-position-y:bottom}.sub-top__l-ttl{left:50%;max-width:1050px;position:absolute;text-align:center;top:30%;transform:translateX(-50%);width:100%}.sub-top__ttl{background-color:#0073d1;color:#fff;display:inline;font-size:44px;font-weight:700;padding:4px 8px}.sub-top__sub-ttl{color:#fff;display:block;font-size:2rem;font-weight:700;margin-top:16px}.sub-top__l-search{padding-inline:16px}.sub-top__search{background-color:#eee;border-radius:6px;box-shadow:0 4px 20px 0 rgba(0,0,0,.1);margin-inline:auto;margin-top:min(-4.8vw,-74px);max-width:800px;padding:24px 32px 16px;position:relative;width:100%;z-index:1}.sub-top__l-bnr{text-align:center}.sub-top__l-tag-list{margin-top:10px}.c-search-function-school{background-color:#fff;margin-bottom:16px;max-width:400px;padding:16px 24px}.c-search-function-school__ttl{font-size:2rem}.c-search-function-school__l-list{margin-top:16px}.c-search-function-school__list{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto)}.sub-top-skill{background-color:#f4fafe;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0);background-size:20px 20px;padding:24px 24px 32px}.sub-top-skill__inner{align-items:center;display:flex;flex-direction:column;margin-inline:auto}.sub-top-skill__header{align-items:center;display:flex;gap:24px;position:relative}.sub-top-skill__header--icon{padding-left:64px}.sub-top-skill__header--icon:before{background:50%/contain no-repeat url(/packed/images/pc/top/techo/learn_programming-238ef2c5176a4e32792cd69f40068938.png);bottom:0;content:"";display:inline-block;height:87px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:48px}.sub-top-skill__header-icon{flex-shrink:0;height:87px;width:48px}.sub-top-skill__l-ttl{display:flex;flex:1;flex-direction:column;gap:8px}.sub-top-skill__ttl{font-size:2.2rem}.sub-top-skill__list{align-items:stretch;-webkit-column-gap:32px;column-gap:32px;display:flex;margin-top:75px}.sub-top-skill-card{background-color:#fff;border:2px solid #0073d1;border-radius:4px;max-width:252px;padding:43px 24px 24px;position:relative}.sub-top-skill-card__badge{align-items:center;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(0deg,transparent 50%,#0073d1 0);background-origin:border-box;border:2px solid transparent;border-radius:100vmax;display:flex;flex-direction:column;font-weight:700;height:86px;justify-content:center;left:50%;position:absolute;top:calc(-86px / 2);transform:translateX(-50%);width:86px;z-index:1}.sub-top-skill-card__badge-ttl{color:#0073d1;font-size:1.2rem}.sub-top-skill-card__badge-num{color:#0073d1;font-size:3.2rem;line-height:1}.sub-top-skill-card__ttl{font-size:1.6rem;font-weight:700;margin-bottom:8px;text-align:center}.sub-top-search__form{align-items:center;display:flex;width:100%}.sub-top-search__box{display:flex;flex:1;height:50px}.sub-top-search__field{background-color:#fff;border:1px solid #ddd;display:flex;flex:1;flex-direction:column;gap:4px;justify-content:center;padding:8px 16px}.sub-top-search__field:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.sub-top-search__field:last-child{border-inline:none}.sub-top-search__field:focus{position:relative}.sub-top-search__field:focus:after{background-color:#0073d1;bottom:-1px;content:"";height:2px;left:-1px;position:absolute;width:calc(100% + 2px)}.sub-top-search__label{font-size:1.2rem}.sub-top-search__input::-webkit-input-placeholder{color:#888}.sub-top-search__input::placeholder{color:#888}.sub-top-search__submit{background-color:#0073d1;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#fff;cursor:pointer;font-size:1.6rem;height:50px;transition:all .2s;width:80px}.sub-top-search__submit:hover{opacity:.7}