.p-top-section__wrap{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"heading" "content" "button";gap:28px}@media(min-width: 769px){.p-top-section__wrap{grid-template-columns:1.1fr 1.5fr;grid-template-rows:auto 1fr;grid-template-areas:"heading content" "button content";gap:0}}.p-top-section__heading{grid-area:heading;text-align:center;margin-top:8px;line-height:1.5;letter-spacing:.05em;font-size:28px;font-weight:800;word-break:keep-all;overflow-wrap:break-word}.p-top-section__heading .emphasis{margin:8px 0;font-size:14px;letter-spacing:.15em;color:#049bf0;font-family:"Roboto",sans-serif}@media(min-width: 769px){.p-top-section__heading{margin-bottom:15px;text-align:left;font-size:min(32px,2.7vw)}.p-top-section__heading .emphasis{margin:15px 0 8px;font-size:16px}}.p-top-section__content{grid-area:content}.p-top-section__button{grid-area:button;text-align:center}@media(min-width: 769px){.p-top-section__button{text-align:left}}.p-top-first{padding:60px 20px 80px;background-image:url("https://cdn.codecamp.jp/comprehensives/top/bg_first_sp.png");background-size:cover;background-position:center}@media(min-width: 769px){.p-top-first{padding:60px 40px 1px;background-image:url("https://cdn.codecamp.jp/comprehensives/top/bg_first.png");background-position:center top;background-size:auto 390px;background-repeat:no-repeat}}.p-top-first__container{max-width:880px;margin:0 auto}.p-top-first__heading{font-size:36px;color:#fff;font-weight:800;line-height:1.4}@media(min-width: 769px){.p-top-first__heading{font-size:52px}.p-top-first__heading .em{font-size:60px}}.p-top-first__tab{margin-top:40px}.p-top-first__tabList{display:flex;gap:4px}@media(min-width: 769px){.p-top-first__tabList{align-items:flex-end}}.p-top-first__tabItem{flex:0 1 auto;padding:9px 18px;border:1px solid #efefef;border-radius:2px 2px 0px 0px;font-size:1.4rem;color:#0f2950;font-weight:700;word-break:keep-all;line-height:1.5;overflow-wrap:break-word;background-color:#fff;cursor:pointer;transition:all .2s ease}@media(min-width: 769px){.p-top-first__tabItem{padding:9px 16px;margin-top:22px}}.p-top-first__tabItem:hover{color:#fff}@media(min-width: 769px){.p-top-first__tabItem:hover{margin-top:0;padding:20px 16px}}.p-top-first__tabItem--business[data-tabactive=true],.p-top-first__tabItem--business:hover{border-color:#1473e6;background:#1473e6}.p-top-first__tabItem--personal[data-tabactive=true],.p-top-first__tabItem--personal:hover{border-color:#00c866;background:#00c866}.p-top-first__tabItem--kids[data-tabactive=true],.p-top-first__tabItem--kids:hover{border-color:#f56738;background:#f56738}.p-top-first__tabItem[data-tabactive=true]{color:#fff}@media(min-width: 769px){.p-top-first__tabItem[data-tabactive=true]{padding:20px 16px;margin-top:0}}.p-top-first__tabPanel{box-shadow:0 4px 8px 2px rgba(0,51,117,.08)}.p-top-first__tabContent{display:none}.p-top-first__tabContent[data-tabactive=true]{display:block}.p-top-first__link{display:flex;flex-direction:column;gap:20px;padding:20px 16px;color:inherit;fill:inherit;border:1px solid #fff;background:#fff}.p-top-first__link--business{color:#1473e6;fill:#1473e6;border-color:#1473e6}.p-top-first__link--personal{color:#00c866;fill:#00c866;border-color:#00c866}.p-top-first__link--kids{color:#f56738;fill:#f56738;border-color:#f56738}@media(min-width: 769px){.p-top-first__link{gap:24px;flex-direction:row;align-items:center;padding:28px 40px}}@media(min-width: 769px){.p-top-first__logo{flex:0 0 180px;text-align:center}}.p-top-first__target{display:block;color:#0f2950}.p-top-first__text{color:#3f5373;font-size:14px}.p-top-first__page{display:inline-flex;align-items:center;font-size:14px;gap:8px;color:inherit;fill:inherit;font-weight:800;transition:all .2s ease}.p-top-first__link--business:hover .p-top-first__page{color:#105cb8;fill:#105cb8}.p-top-first__link--personal:hover .p-top-first__page{color:#00a052;fill:#00a052}.p-top-first__link--kids:hover .p-top-first__page{color:#c4522d;fill:#c4522d}@media(min-width: 769px){.p-top-first__page{flex:0 0 185px;justify-content:space-between}}.p-top-first__arrow{transition:all .2s ease;width:1em;height:1em}.p-top-first__link:hover .p-top-first__arrow{transform:translateX(10px)}@keyframes infinity-scroll-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}.p-top-logo__wrap{overflow:hidden;display:flex;margin-top:16px}@media(min-width: 769px){.p-top-logo__wrap{margin-top:95px}}.p-top-logo__wrap:nth-of-type(1) .p-top-logo__list{animation:infinity-scroll-left 21s infinite linear .5s both}.p-top-logo__wrap:nth-of-type(2) .p-top-logo__list{animation:infinity-scroll-left 22s infinite linear .5s both}.p-top-logo__wrap:nth-of-type(3) .p-top-logo__list{animation:infinity-scroll-left 23s infinite linear .5s both}.p-top-logo__list{display:flex;gap:20px;margin-left:20px}.p-top-logo__item{flex:0 0 121px;min-width:126px}@media(min-width: 769px){.p-top-logo__item{min-width:180px}}.p-top-logo__item img{width:100%}.p-top-effect{background-image:url("https://cdn.codecamp.jp/comprehensives/top/bg_effect1.svg"),url("https://cdn.codecamp.jp/comprehensives/top/bg_effect4.png");background-position:right -140px top 18%,right -140px top 55%;background-repeat:no-repeat;background-size:318px,335px}@media(min-width: 769px){.p-top-effect{background-image:url("https://cdn.codecamp.jp/comprehensives/top/bg_effect1.svg"),url("https://cdn.codecamp.jp/comprehensives/top/bg_effect2.svg"),url("https://cdn.codecamp.jp/comprehensives/top/bg_effect4.png"),url("https://cdn.codecamp.jp/comprehensives/top/bg_effect3.png");background-position:right calc(50% - min(650px,50vw)) top 14%,left calc(50% - min(700px,50vw)) top 50%,left calc(50% - min(550px,50vw)) bottom -200px,right calc(50% - min(790px,50vw)) bottom -135px;background-size:auto,auto,672px,429px}}.p-top-latest{padding:40px 0 52px}@media(min-width: 769px){.p-top-latest{padding:80px 0}}.p-top-latest__item{padding:16px 12px;border-bottom:1px solid #e2e8f0}@media(min-width: 769px){.p-top-latest__item{padding:16px 25px}}.p-top-latest__info{display:flex;gap:10px}.p-top-latest__date{font-size:12px;color:#6e85a8}.p-top-latest__type{padding:2px 10px;font-size:12px;line-height:1.4;background:#049bf0;color:#fff}.p-top-latest__title{margin-top:8px;line-height:1.6}.p-top-latest__link{color:#0f2950}.p-top-latest__link:hover{text-decoration:underline}.p-top-mission{padding:40px 0 52px}@media(min-width: 769px){.p-top-mission{padding:80px 0}}.p-top-mission__heading{text-align:left}.p-top-mission__title{font-size:20px;font-weight:700}@media(min-width: 769px){.p-top-mission__title{font-size:24px}}.p-top-mission__text{margin-top:1em;font-size:18px}.p-top-mission__button{text-align:center;margin-top:40px}.p-top-concept{padding:40px 0 52px}@media(min-width: 769px){.p-top-concept{padding:80px 0}}@media(min-width: 769px){.p-top-concept__container{display:flex;gap:63px}}.p-top-concept__heading{grid-area:heading;text-align:center;margin-top:8px;line-height:1.5;letter-spacing:.05em;font-size:28px;font-weight:800}@media(max-width: 768px){.p-top-concept__heading .decorate{margin-left:1em}}.p-top-concept__heading .emphasis{margin:8px 0;font-size:14px;letter-spacing:.15em;color:#049bf0;font-family:"Roboto",sans-serif}@media(min-width: 769px){.p-top-concept__heading{margin-bottom:15px;text-align:left;font-size:min(32px,2.7vw)}.p-top-concept__heading .emphasis{margin:15px 0 8px;font-size:16px}}.p-top-concept__text{margin-top:32px;font-size:18px;font-weight:normal}@media(min-width: 769px){.p-top-concept__text{font-size:min(18px,1.6vw)}}.p-top-concept__content{margin-top:32px}@media(min-width: 769px){.p-top-concept__content{flex:1 0 min(660px,50vw);margin-right:30px}}.p-top-concept__img{width:100%}.p-top-cta{padding:38px 0 56px;background-image:url("https://cdn.codecamp.jp/comprehensives/top/bg_cta_sp.png");background-size:cover;background-position:center}@media(min-width: 769px){.p-top-cta{padding:56px 0 80px;background-image:url("https://cdn.codecamp.jp/comprehensives/top/bg_cta.png");background-position:center bottom}}.p-top-cta__heading{font-size:28px;font-weight:800;color:#fff;text-align:center}@media(max-width: 768px){.p-top-cta__heading{line-height:1.5}}.p-top-cta__slider{margin-top:40px}@media(min-width: 769px){.p-top-cta__slider{padding:0 26px}}@media(min-width: 880px){.p-top-cta__dots{display:none}}.p-top-cta__dots--active{background:#9d9d9d}.p-top-cta__dot{border:none}.p-top-cta__item{padding:40px 20px;border-radius:20px;background:#fff}@media(min-width: 880px){.p-top-cta__item{padding:40px}}.p-top-cta__text{margin-top:20px}.p-top-cta__btn{margin-top:16px}.p-top-cta__notes{margin-top:8px;font-size:12px;text-indent:-1em;padding-left:1em}.p-top-cta__link{color:#1473e6}.p-top-cta__link:hover{text-decoration:underline}.p-top-philosophy{padding:40px 0 52px;background-color:#fff}@media(min-width: 769px){.p-top-philosophy{padding:80px 0;background-color:#f7fbff}}.p-top-philosophy__heading{text-align:center;margin-top:8px;font-size:28px;line-height:1.5;font-weight:800}.p-top-philosophy__heading .decorate{margin:0 5px}.p-top-philosophy__heading .emphasis{margin:8px;font-size:16px;color:#049bf0;font-family:"Roboto",sans-serif}@media(min-width: 769px){.p-top-philosophy__heading{font-size:min(32px,2.7vw);line-height:1.6}.p-top-philosophy__heading .emphasis{margin:15px;font-size:16px}}.p-top-philosophy__lead{text-align:left;margin-top:32px}@media(min-width: 769px){.p-top-philosophy__lead{text-align:center;marign-top:1em}}.p-top-philosophy__content{margin-top:32px}@media(min-width: 769px){.p-top-philosophy__content{margin-top:60px;padding:48px 60px 80px;background-color:#fff}}.p-top-philosophy__why{text-align:center;font-size:24px;font-weight:800}@media(max-width: 768px){.p-top-philosophy__why{line-height:1.5}}@media(min-width: 769px){.p-top-philosophy__why{font-size:min(28px,2.3vw)}}.p-top-philosophy__item{margin-top:32px}@media(min-width: 769px){.p-top-philosophy__item{display:flex;align-items:center;gap:min(80px,6vw);margin-top:100px}.p-top-philosophy__item:nth-child(odd){flex-direction:row-reverse}}.p-top-philosophy__title{font-size:24px;font-weight:800;color:#0500ff;background:linear-gradient(90deg, var(---biz_primary, #1473e6) 23.89%, #0500ff 72.9%);background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(min-width: 769px){.p-top-philosophy__title{font-size:min(24px,2vw)}}.p-top-philosophy__list{margin:24px 0;font-size:16px}@media(min-width: 769px){.p-top-philosophy__list{margin:32px 0;font-size:min(16px,1.55vw)}}.p-top-philosophy__bulletPoint{text-indent:-1em;padding-left:1em}.p-top-philosophy__text{margin:24px 0;font-size:16px}@media(min-width: 769px){.p-top-philosophy__text{margin:32px 0;font-size:min(16px,1.55vw)}}@media(min-width: 769px){.p-top-philosophy__img{flex:1 0 min(520px,40vw)}}.p-top-philosophy__img img{width:100%}.p-top-case{padding:40px 0 52px}@media(min-width: 769px){.p-top-case{padding:80px 0}}.p-top-case__heading{text-align:center;margin-top:8px;line-height:1.5;letter-spacing:.05em;font-size:28px;font-weight:800;word-break:keep-all;overflow-wrap:break-word}.p-top-case__heading .emphasis{margin:8px 0;font-size:14px;letter-spacing:.15em;color:#049bf0;font-family:"Roboto",sans-serif}@media(min-width: 769px){.p-top-case__heading{margin-bottom:15px;font-size:32px}.p-top-case__heading .emphasis{margin:15px 0 8px;font-size:16px}}.p-top-case__sliderWrap{margin-top:32px;position:relative}@media(min-width: 769px){.p-top-case__sliderWrap{margin-top:80px}}@media(min-width: 769px){.p-top-case__dots,.p-top-case__navigationi{display:none}}@media(min-width: 769px){.p-top-case__item{padding-bottom:5px}}.p-top-case__link{display:block;color:#0f2950}.p-top-case__link:hover .p-top-case__decorate{background-size:100% 1px;background-position:bottom left}.p-top-case__link:hover img{transform:scale(1.1, 1.1)}.p-top-case__img{overflow:hidden;line-height:0;margin-bottom:24px}.p-top-case__img img{width:100%;transition:all .2s ease;object-fit:cover}.p-top-case__target{padding:2px 10px;font-size:12px;line-height:1.4;background:#049bf0;color:#fff}.p-top-case__title{margin-top:8px;font-weight:800;font-size:16px}@media(min-width: 769px){.p-top-case__title{font-size:min(16px,1.55vw)}}.p-top-case__decorate{background-image:linear-gradient(#0f2950, #0f2950);background-size:0 1px;background-position:bottom right;background-repeat:no-repeat;padding-bottom:5px;transition:background-size 500ms ease-out}.p-top-case__course{margin-top:16px}.p-top-case__tag{transition:all .2s ease;padding:2px 8px;border:1px solid #0f2950;border-radius:100vh;line-height:1;font-size:12px;color:#0f2950}.p-top-case__tag:hover{color:#fff;background:#0f2950}.p-top-news{background-color:#f7fbff;padding:40px 0 52px}@media(min-width: 769px){.p-top-news{padding:80px 0}}.p-top-news__list{background-color:#fff;padding:25px}.p-top-news__item{padding:16px 12px}.p-top-news__item:not(:last-child){border-bottom:1px solid #e2e8f0}@media(min-width: 769px){.p-top-news__item{padding:16px 25px}}.p-top-news__info{display:flex;gap:10px}.p-top-news__date{font-size:12px;color:#6e85a8}.p-top-news__type{padding:2px 10px;font-size:12px;line-height:1.4;background:#049bf0;color:#fff}.p-top-news__title{margin-top:8px;line-height:1.6}.p-top-news__link{color:#0f2950}.p-top-news__link:hover{text-decoration:underline}