@charset "UTF-8";:root{--text-main:#1a1a1a;--text-sub:#4b5563;--text-muted:#6b7280;--text-link:#2563eb;--text-link-hover:#1d4ed8;--text-success:#15803d;--text-success-light:#22c55e;--text-warning:#b45309;--text-warning-light:#f97316;--text-danger:#b91c1c;--text-danger-light:#ef4444;--text-accent:#0f172a;--border-light:#e0e0e0;--border-default:#e5e7eb;--border-dark:#d1d5db;--border-darker:#9ca3af;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-100-rgb:245,245,245;--gray-200-rgb:229,229,229;--gray-300-rgb:212,212,212;--gray-400-rgb:163,163,163;--gray-500-rgb:115,115,115;--gray-600-rgb:82,82,82;--gray-700-rgb:64,64,64;--gray-800-rgb:38,38,38;--gray-900-rgb:23,23,23}.homeinfoarea{margin-top:30px;background:#fff;margin-bottom:10px;padding:0 20px}.homeinfoarea .inner{border:1px solid #eee;padding:20px 20px 5px}.homeinfoarea h2{font-size:1.2em;letter-spacing:-0.02em;font-weight:bold}.homeinfoarea ul{margin-top:5px}.homeinfoarea ul li{line-height:1.6;padding:10px 0;border-bottom:1px dotted #ddd}.homeinfoarea ul li:last-of-type{border:0}.homeinfoarea ul li time{font-weight:bold;display:block;font-size:0.9em}.homeinfoarea ul li a{color:#065fd4}.training-dm-general-banner{display:block;margin:40px 20px 0;border-radius:8px;box-shadow:none}.training-dm-general-banner:focus-visible{outline:3px solid #065fd4;outline-offset:3px}.training-dm-general-banner img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:none}.front-page .swiper-container{margin-bottom:15px}.front-page .swiper-container .swiper-slide{position:relative;width:100%;overflow:hidden}.front-page .swiper-container .swiper-slide a,.front-page .swiper-container .swiper-slide span{overflow:hidden}.front-page .swiper-container .swiper-slide a img,.front-page .swiper-container .swiper-slide span img{width:100%;height:auto;display:block}.front-page .swiper-container .swiper-pagination{bottom:1px!important}.front-page .swiper-container .swiper-button-next,.front-page .swiper-container .swiper-button-prev{top:50%;left:10px;width:40px;height:40px;position:absolute;background-image:none}.front-page .swiper-container .swiper-button-next:before,.front-page .swiper-container .swiper-button-prev:before{font-size:1.2em;position:absolute;top:0;left:0;font-family:"icomoon";content:"\e92f";vertical-align:middle;font-weight:normal;font-style:normal;display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;text-shadow:none;color:#fff;width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;background-color:rgba(0,0,0,0.2)}.front-page .swiper-container .swiper-button-next{left:auto;right:10px}.front-page .swiper-container .swiper-button-next:before{font-family:"icomoon";content:"\e930";vertical-align:middle;font-weight:normal;font-style:normal;display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.front-page .swiper-container .swiper-pagination .swiper-pagination-bullet{width:50px;height:3px;background:#fff;border-radius:0;opacity:0.5}.front-page .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity:1}.front-page .subTopic{padding:20px 20px;display:flex;flex-flow:row wrap;justify-content:space-between}.front-page .subTopic h2{width:100%;text-align:center;font-weight:bold;margin-bottom:15px;line-height:1.6;letter-spacing:-0.02em}.front-page .subTopic h2 span{font-size:0.7em;display:inline-block;padding:5px 1em;border-radius:50px;background:#2ca015;color:#fff;text-shadow:none;margin-right:0.5em;line-height:1}.front-page .subTopic .item{width:100%;border:1px solid #eee;border-radius:4px;overflow:hidden;margin-bottom:10px}.front-page .subTopic .item:last-child{margin-bottom:-10px}.front-page .subTopic .item.item-wm{background:url("../image/thumb-wm.png") no-repeat 17px 50%;background-size:65px 65px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .subTopic .item.item-wm{background:url("../image/thumb-wm@2x.png") no-repeat 17px 50%;background-size:65px 65px}}.front-page .subTopic .item.item-java{background:url("../image/thumb-java.png") no-repeat 17px 50%;background-size:65px 65px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .subTopic .item.item-java{background:url("../image/thumb-java@2x.png") no-repeat 17px 50%;background-size:65px 65px}}.front-page .subTopic .item a{color:#181818;font-size:0.9em;display:block;width:100%;height:100%;display:flex;flex-flow:column nowrap;justify-content:center;line-height:1.4;padding:0.5em 0;padding-left:100px}.front-page .subTopic .item a h3{font-weight:bold;padding-top:2px;font-size:1.1em;letter-spacing:-0.02em}.front-page .subTopic .item a .date{font-size:0.8em;color:#888;margin-top:2px}.front-page .subTopic .item a .day{font-size:0.9em;margin-top:3px}.front-page .subTopic .item a .day span{font-weight:bold;font-size:1.2em}.front-page .home-quick-links{padding-bottom:40px}.front-page .home-quick-links__title{font-size: clamp(0px, 5.4vw, 23.22px);line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px}.front-page .home-quick-links__list{display:block;margin:0;padding:0 20px;list-style:none}.front-page .home-quick-links__item{border-top:1px solid #eee}.front-page .home-quick-links__item:last-child{border-bottom:1px solid #eee}.front-page .home-quick-links__link{display:grid;grid-template-columns:42px 1fr 16px;gap:16px;align-items:center;min-height:80px;padding:14px 14px 14px 4px;color:#181818;box-sizing:border-box}.front-page .home-quick-links__link:after{content:"";display:block;justify-self:end;width:6px;height:6px;border-top:1px solid #9aa9b2;border-right:1px solid #9aa9b2;transform:rotate(45deg)}.front-page .home-quick-links__icon{width:36px;height:36px;padding:8px;justify-self:center;border-radius:5px;background:#f4f7f9;color:#536b7a;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.front-page .home-quick-links__label{color:#181818;font-size:15px;font-weight:bold;line-height:1.45}.front-page .section02{padding:0 0 20px;background:#f7f7f7;text-shadow:none}.front-page .section02 h2{font-size: clamp(0px, 5.4vw, 23.22px);line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px}.front-page .section02 .scrollx-wrap{overflow-x:scroll}.front-page .section02 .scrollx-wrap-inner{width:fit-content;padding:0 50px}.front-page .section02 .scrollx-wrap ul{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:1fr}.front-page .section02 .scrollx-wrap ul li{width:280px;background-color:#ccc;float:left;text-align:center}.front-page .section02 .scrollx-wrap ul li:first-of-type{background:url("../image/home_cat-1@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:first-of-type{background:url("../image/home_cat-1.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(2){background:url("../image/home_cat-2@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(2){background:url("../image/home_cat-2.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(3){background:url("../image/home_cat-3@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(3){background:url("../image/home_cat-3.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(4){background:url("../image/home_cat-4@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(4){background:url("../image/home_cat-4.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(5){background:url("../image/home_cat-5@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(5){background:url("../image/home_cat-5.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(6){background:url("../image/home_cat-6@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(6){background:url("../image/home_cat-6.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(7){background:url("../image/home_cat-7@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(7){background:url("../image/home_cat-7.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li:nth-of-type(8){background:url("../image/home_cat-8@0.5x.png") no-repeat center 0;background-size:240px 200px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section02 .scrollx-wrap ul li:nth-of-type(8){background:url("../image/home_cat-8.png") no-repeat center 0;background-size:240px 200px}}.front-page .section02 .scrollx-wrap ul li a{text-align:center;display:block;padding:220px 0 10px;line-height:1}.front-page .section03 h2{font-size: clamp(0px, 5.4vw, 23.22px);line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px}.front-page .section03 .box{width:100%;height:100px;color:#fff;text-shadow:none;overflow:hidden;margin-top:30px;background-size:cover}.front-page .section03 .box h3{font-size: clamp(0px, 5.4vw, 23.22px);line-height:1.5;font-weight:bold;font-weight:900;padding:13px 0 5px;font-weight:bold;text-align:center}.front-page .section03 .box h3 span{font-weight:normal}.front-page .section03 .box p{font-size:1.3rem;text-align:center;line-height:1.5}.front-page .section03 .cat01{margin-top:0;background-image:url(../image/boxBg-01.png)}.front-page .section03 .cat02{background-image:url(../image/boxBg-02.png)}.front-page .section03 .cat03{background-image:url(../image/boxBg-03.png)}.front-page .section03 .cat04{background-image:url(../image/boxBg-04.png)}.front-page .section03 .cat05{background-image:url(../image/boxBg-05.png)}.front-page .section03 ul{text-shadow:none;height:100%;padding:0 20px;background:#f7f7f7}.front-page .section03 ul li{height:55px;line-height:55px;border-bottom:1px solid #eee}.front-page .section03 ul li:last-child{border:0}.front-page .section03 ul li a{display:block;color:#181818;background:url("../image/arrow.png") no-repeat right 50%;background-size:8px 8px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section03 ul li a{background:url("../image/arrow@2x.png") no-repeat right 50%;background-size:8px 8px}}.front-page .section03 ul .coming{padding:15px 0 10px;line-height:1.5;height:100%}.front-page .section03 ul .coming span{font-size:10px;display:block;color:rgba(22,27,31,0.5)}.front-page .section03 .hideArea{display:none;height:auto;min-height:100%}.front-page .section03 .hideOpen{color:#065fd4;height:70px;line-height:70px;text-align:center}.front-page .section03 .hideOpen span{display:inline-block;padding-right:15px;background:url("../image/arrow-y.png") no-repeat right 50%;background-size:10px 10px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section03 .hideOpen span{background:url("../image/arrow-y@2x.png") no-repeat right 50%;background-size:10px 10px}}.front-page .section03 .actived span{background:url("../image/arrow-y-active.png") no-repeat right 50%;background-size:10px 10px}@media (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5){.front-page .section03 .actived span{background:url("../image/arrow-y-active@2x.png") no-repeat right 50%;background-size:10px 10px}}.front-page .section04{border-top:1px solid #eee}.front-page .section04 h2{font-size: clamp(0px, 5.4vw, 23.22px);line-height:1.5;font-weight:bold;font-weight:900;text-align:center;padding:2em 20px 25px}.front-page .section04 article{padding:0 20px}.front-page .section04 article .postBox{color:#181818;display:flex;flex-flow:row wrap;justify-content:space-between;padding:1em 0;border-bottom:1px dotted #eee}.front-page .section04 article:first-of-type .postBox{padding-top:0}.front-page .section04 article:last-of-type .postBox{border-bottom:0}.front-page .section04 article .thumb{width:25%}.front-page .section04 article .thumb img{border-radius:4px;display:block;width:100%;height:auto}.front-page .section04 article .right{width:70%}.front-page .section04 article .right h3{line-height:1.5;margin-top:-2px}.front-page .section04 article .right .view{font-size:12px}.front-page .section04 article .right .view span{font-weight:bold}.front-page .section04 .archive{margin:20px auto 40px;text-align:center;text-shadow:none;display:block;padding:0.5em 0;width:240px;background:#065fd4;border-radius:50px;color:#fff}.front-page .home-ranking{padding:2em 20px 25px;padding-top:0;margin-bottom:50px;background:#f8f8f8;text-shadow:none}.front-page .home-ranking__title{font-size: clamp(0px, 5.4vw, 23.22px);line-height:1.5;font-weight:bold;font-weight:900;padding:2em 0 25px;text-align:center}.front-page .home-ranking__category{padding:20px 18px 18px;border:1px solid #eee;border-radius:5px;background:#fff;box-sizing:border-box}.front-page .home-ranking__category+.home-ranking__category{margin-top:18px}.front-page .home-ranking__category-title{min-height:48px;margin-bottom:16px;padding:3px 0 0 52px;color:#181818;font-size:17px;font-weight:bold;line-height:1.25;background-repeat:no-repeat;background-position:0 50%;background-size:36px 36px}.front-page .home-ranking__category-title span{display:block;margin-top:3px;color:#666;font-size:12px;font-weight:normal;line-height:1.4}.front-page .home-ranking__category-title--digital{background-image:url("../../../common/image/icon-wm.svg")}.front-page .home-ranking__category-title--ai{background-image:url("../../../common/image/icon-ai.svg")}.front-page .home-ranking__category-title--office{background-image:url("../../../common/image/icon-excel.svg")}.front-page .home-ranking__category-title--programming{background-image:url("../../../common/image/icon-java.svg")}.front-page .home-ranking__list{margin:0;padding:0;list-style:none;text-shadow:none}.front-page .home-ranking__list li{border-top:1px dotted #eee}.front-page .home-ranking__list li:first-of-type{border:0}.front-page .home-ranking__list li:first-of-type a:before{display:block;background:#c9a227}.front-page .home-ranking__list li:nth-of-type(2) a:before{display:block;background:#a9b0b7}.front-page .home-ranking__list li:nth-of-type(3) a:before{display:block;background:#b77b45}.front-page .home-ranking__list a{display:flex;align-items:center;position:relative;min-height:46px;padding:8px 0 8px 52px;color:#065fd4;font-weight:normal;line-height:1.5}.front-page .home-ranking__list a:before{content:"";display:none;position:absolute;top:50%;left:14px;width:10px;height:10px;border-radius:50%;background:transparent;box-sizing:border-box;transform:translateY(-50%)}