:root{--color-primary-pale:#FDDBED;--color-body:#FEF4F9;--color-ground:#BE2A28}.pin-spacer{pointer-events:none}html[lang] body{background-color:var(--color-body)}html[lang] body #btn-get{z-index:4}html[lang] body .bg-primary-pale{background-color:var(--color-primary-pale)}html[lang] body .bg-ground{background-color:var(--color-ground)}html[lang] body .bg-lightgray{background-color:#f5f5f5}html[lang] body ul.disc li{display:flex;padding:2.5px 0}html[lang] body ul.disc li:before{content:"";position:relative;top:.6em;display:block;width:4px;min-width:4px;height:4px;background-color:var(--color-primary-darken);border-radius:50%;opacity:.5;margin-right:.5em}html[lang] body ul.disc.disc-large li:before{width:8px;min-width:8px;height:8px}html[lang] body .indent{padding-left:20px}html[lang] body .indent-line{margin-left:5px;padding-left:20px;border-left:1px solid rgba(101,80,0,.2)}html[lang] body [data-max-width="1120"]{max-width:1120px}html[lang] body [data-max-width="1140"]{max-width:1140px}html[lang] body #main .cloud{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:240px;background:url(/resource/load/aps/hands-on/cloud.svg) repeat-x;background-size:auto 100%;animation:bgscroll 400s linear infinite}@media screen and (min-width:768px){html[lang] body #main .cloud{height:280px}}html[lang] body #main #foreground{pointer-events:none;overflow:hidden;position:absolute;top:0;left:0;z-index:3;width:100vw;height:100vh;background:url(/resource/load/aps/hands-on/foreground.svg) no-repeat center bottom;background-size:100% auto}html[lang] body #main [data-title=bar]{position:relative;padding-top:40px}html[lang] body #main [data-title=bar]:before{content:"";display:block;position:absolute;top:0;left:50%;width:160px;height:10px;background-color:var(--color-primary);transform:translate(-50%,0)}html[lang] body .sec .sec-head{text-align:center}html[lang] body #section--first{text-align:center}html[lang] body #section--first .sec-head .size-sm b{font-size:.9em}html[lang] body #section--first .sec-head img.main{transform:scale(1.1);transform-origin:center bottom}@media screen and (min-width:992px){html[lang] body #section--first .sec-head img.main{transform:scale(1)}}html[lang] body #section--first .sec-body{background-color:var(--color-primary-pale)}html[lang] body #section--first .sec-body .main-catch{margin-top:-4vw}html[lang] body #section--first .sec-body .main-catch img.main-people{pointer-events:none;position:relative;z-index:2;transform:scale(1.1);transform-origin:center bottom}@media screen and (min-width:992px){html[lang] body #section--first .sec-body .main-catch img.main-people{transform:scale(1)}}html[lang] body #section--first .sec-body .main-catch .inner .surface{margin-top:-16vw;padding:50px 30px;background-color:var(--color-primary-lighten);border-radius:30px}@media screen and (min-width:576px){html[lang] body #section--first .sec-body .main-catch .inner .surface{padding:70px 30px}}@media screen and (min-width:768px){html[lang] body #section--first .sec-body .main-catch .inner .surface{padding:90px 30px}}@media screen and (min-width:992px){html[lang] body #section--first .sec-body .main-catch .inner .surface{padding:110px 30px;border-radius:50px}}html[lang] body #section--first .sec-body .main-catch .inner .surface .in{max-width:700px;margin:0 auto}html[lang] body #section--first .sec-body .main-catch .inner .surface .in .wrap-title{display:inline-block}html[lang] body #section--first .sec-body .main-catch .inner .surface .in p{opacity:.8}html[lang] body .wrap-section{background-color:var(--color-primary-pale)}html[lang] body #section--case1 .sec-head,html[lang] body #section--case2 .sec-head{margin:0 0 -5vw}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-head,html[lang] body #section--case2 .sec-head{margin:0}}html[lang] body #section--case1 .sec-body .case-list .list-item,html[lang] body #section--case2 .sec-body .case-list .list-item{margin-top:min(25vw,120px)}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item,html[lang] body #section--case2 .sec-body .case-list .list-item{margin-top:80px}}@media screen and (min-width:1400px){html[lang] body #section--case1 .sec-body .case-list .list-item,html[lang] body #section--case2 .sec-body .case-list .list-item{margin-top:100px}}html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in{background-color:var(--color-primary-lighten)}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in{display:flex;align-items:center;min-height:400px}}html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail{padding:60px 8vw 0}@media screen and (min-width:768px){html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail{padding:80px 8vw 0}}html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title{text-align:center;margin:0 0 15px}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title{text-align:left;display:flex;align-items:center}}html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title .list-item-num,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title .list-item-num{width:80px;min-width:80px;height:80px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--color-primary);border-radius:50%}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title .list-item-num,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title .list-item-num{margin:0 20px 0 0}}html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title .list-item-num strong,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title .list-item-num strong{display:block;line-height:.9;font-weight:700}html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title h4,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title h4{margin:10px 0 0}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title h4,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-detail .list-item-title h4{margin:0}}html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-image,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-image{max-width:600px;margin:0 auto}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-image,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-image{max-width:none;margin:0;position:absolute;top:50%;width:50%;height:100%;display:flex;transform:translate(0,-50%)}}html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-image img,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-image img{position:relative;top:40px;transform:scale(1.1);transform-origin:center top}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-image img,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-image img{top:0;width:auto;height:100%;transform:scale(1.2)}}@media screen and (min-width:1400px){html[lang] body #section--case1 .sec-body .case-list .list-item .inner .in .list-item-image img,html[lang] body #section--case2 .sec-body .case-list .list-item .inner .in .list-item-image img{transform:scale(1.3)}}html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(odd) .inner,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(odd) .inner{padding-right:0}html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(odd) .inner .in,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(odd) .inner .in{border-radius:30px 0 0 30px}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(odd) .inner .in,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(odd) .inner .in{border-radius:50px 0 0 50px}}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(odd) .inner .in .list-item-detail,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(odd) .inner .in .list-item-detail{padding:60px 55% 60px 6vw}}html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(odd) .inner .in .list-item-image,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(odd) .inner .in .list-item-image{padding:0 8vw 0 0}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(odd) .inner .in .list-item-image,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(odd) .inner .in .list-item-image{padding:0;justify-content:flex-start;right:0}}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(odd) .inner .in .list-item-image img,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(odd) .inner .in .list-item-image img{transform-origin:left center}}html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(even) .inner,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(even) .inner{padding-left:0}html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(even) .inner .in,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(even) .inner .in{border-radius:0 30px 30px 0}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(even) .inner .in,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(even) .inner .in{border-radius:0 50px 50px 0}}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(even) .inner .in .list-item-detail,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(even) .inner .in .list-item-detail{padding:60px 6vw 60px 55%}}html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(even) .inner .in .list-item-image,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(even) .inner .in .list-item-image{padding:0 0 0 8vw}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(even) .inner .in .list-item-image,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(even) .inner .in .list-item-image{padding:0;justify-content:flex-end;left:0}}@media screen and (min-width:992px){html[lang] body #section--case1 .sec-body .case-list .list-item:nth-child(even) .inner .in .list-item-image img,html[lang] body #section--case2 .sec-body .case-list .list-item:nth-child(even) .inner .in .list-item-image img{transform-origin:right center}}@media screen and (min-width:992px){html[lang] body #section--skills1,html[lang] body #section--skills2{padding-top:60px}}@media screen and (min-width:992px){html[lang] body #section--skills1 .sec-body .skills-list ul,html[lang] body #section--skills2 .sec-body .skills-list ul{display:flex;justify-content:center;margin:0 -10px}}@media screen and (min-width:1200px){html[lang] body #section--skills1 .sec-body .skills-list ul,html[lang] body #section--skills2 .sec-body .skills-list ul{margin:0 -15px}}html[lang] body #section--skills1 .sec-body .skills-list ul li,html[lang] body #section--skills2 .sec-body .skills-list ul li{margin:20px 0 0}@media screen and (min-width:992px){html[lang] body #section--skills1 .sec-body .skills-list ul li,html[lang] body #section--skills2 .sec-body .skills-list ul li{width:20%;text-align:center;margin:0;padding:0 10px}}@media screen and (min-width:1200px){html[lang] body #section--skills1 .sec-body .skills-list ul li,html[lang] body #section--skills2 .sec-body .skills-list ul li{padding:0 15px}}html[lang] body #section--skills1 .sec-body .skills-list ul li .in,html[lang] body #section--skills2 .sec-body .skills-list ul li .in{display:flex;align-items:center;padding:15px 30px;background-color:var(--color-primary-lighten);border-radius:15px}@media screen and (min-width:992px){html[lang] body #section--skills1 .sec-body .skills-list ul li .in,html[lang] body #section--skills2 .sec-body .skills-list ul li .in{display:block;height:100%;padding:60px 20px;border-radius:25px}}html[lang] body #section--skills1 .sec-body .skills-list ul li .in .skills-icon,html[lang] body #section--skills2 .sec-body .skills-list ul li .in .skills-icon{width:60px;height:60px}@media screen and (min-width:992px){html[lang] body #section--skills1 .sec-body .skills-list ul li .in .skills-icon,html[lang] body #section--skills2 .sec-body .skills-list ul li .in .skills-icon{margin:0 auto}}@media screen and (min-width:1200px){html[lang] body #section--skills1 .sec-body .skills-list ul li .in .skills-icon,html[lang] body #section--skills2 .sec-body .skills-list ul li .in .skills-icon{width:80px;height:80px}}html[lang] body #section--skills1 .sec-body .skills-list ul li .in .skills-detail,html[lang] body #section--skills2 .sec-body .skills-list ul li .in .skills-detail{flex:1;margin:0 0 0 20px}@media screen and (min-width:992px){html[lang] body #section--skills1 .sec-body .skills-list ul li .in .skills-detail,html[lang] body #section--skills2 .sec-body .skills-list ul li .in .skills-detail{margin:15px 0 0}}@media screen and (min-width:1200px){html[lang] body #section--skills1 .sec-body .skills-list ul li .in .skills-detail,html[lang] body #section--skills2 .sec-body .skills-list ul li .in .skills-detail{margin:20px 0 0}}html[lang] body #section--skills1 .sec-body .skills-list ul li .in .skills-detail p strong,html[lang] body #section--skills2 .sec-body .skills-list ul li .in .skills-detail p strong{line-height:1.2}html[lang] body #section--stories .sec-head{margin:0 0 30px}@media screen and (min-width:992px){html[lang] body #section--stories .sec-head{margin:0 0 10px}}html[lang] body #section--stories .sec-head h3{display:flex;align-items:center}html[lang] body #section--stories .sec-head h3:after,html[lang] body #section--stories .sec-head h3:before{content:"";display:block;flex:1;height:3px;background-color:var(--color-primary-darken);opacity:.2}html[lang] body #section--stories .sec-head h3 b{display:block;font-size:.9em;padding:0 20px}html[lang] body .nav-articles{text-align:center;margin:0 0 40px}@media screen and (min-width:992px){html[lang] body .nav-articles{margin:0 0 50px}}@media screen and (min-width:992px){html[lang] body .nav-articles ul{display:flex;justify-content:center;margin:0 -10px}}@media screen and (min-width:1200px){html[lang] body .nav-articles ul{margin:0 -15px}}html[lang] body .nav-articles ul li{margin:20px 0 0}@media screen and (min-width:992px){html[lang] body .nav-articles ul li{width:33.3333333333%;padding:0 10px}}@media screen and (min-width:1200px){html[lang] body .nav-articles ul li{padding:0 15px}}html[lang] body .nav-articles ul li .in{cursor:pointer;padding:20px;background-color:var(--color-primary-lighten);border-radius:15px}@media screen and (min-width:992px){html[lang] body .nav-articles ul li .in{padding:30px 20px;height:100%;border-radius:25px}}html[lang] body .nav-articles ul li .in:hover{background-color:rgb(250.7857142857,170.7142857143,211.4523809524)}html[lang] body .nav-articles ul li.is-active .in{background-color:var(--color-primary)}@media screen and (min-width:992px){html[lang] body .nav-articles ul li.is-active .in:before{content:"";display:block;position:absolute;top:calc(100% - 1px);left:50%;width:0;height:0;border:20px solid transparent;border-top:20px solid var(--color-primary);transform:translate(-50%,0)}}html[lang] body .nav-articles.nav-articles-bottom{display:none;margin:40px 0 0}@media screen and (min-width:992px){html[lang] body .nav-articles.nav-articles-bottom{margin:50px 0 0}}@media screen and (min-width:992px){html[lang] body .nav-articles.nav-articles-bottom ul li.is-active .in:before{top:auto;bottom:calc(100% - 1px);border-top:0;border-bottom:20px solid var(--color-primary)}}html[lang] body .nav-articles.nav-articles-bottom.is-show{display:block}html[lang] body #articles article{display:none}html[lang] body #articles article.is-show{display:block}html[lang] body #articles article .flip-bottom,html[lang] body #articles article .flip-top{display:flex}html[lang] body #articles article .flip-bottom img,html[lang] body #articles article .flip-top img{width:120px}@media screen and (min-width:992px){html[lang] body #articles article .flip-bottom img,html[lang] body #articles article .flip-top img{width:130px}}html[lang] body #articles article .flip-top:after{content:"";display:block;flex:1;background-color:var(--color-white)}html[lang] body #articles article .art-content{padding:0 8vw;background-color:var(--color-white)}html[lang] body #articles article .art-content .art-head{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid rgba(101,80,0,.2)}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-head{padding:0 0 40px;margin:0 0 40px}}html[lang] body #articles article .art-content .art-head .post-date{opacity:.8;margin:0 0 5px}html[lang] body #articles article .art-content .art-body small{font-size:.9em}html[lang] body #articles article .art-content .art-body img{width:auto;max-width:100%}html[lang] body #articles article .art-content .art-body .italic{font-style:italic}html[lang] body #articles article .art-content .art-body .card{padding:20px;border-radius:5px;aspect-ratio:auto;line-height:1.4}html[lang] body #articles article .art-content .art-body .card.card-center{display:flex;flex-direction:column;align-items:center;justify-content:center}html[lang] body #articles article .art-content .art-body .comment{position:relative;padding:30px;border-radius:5px}@media screen and (min-width:768px){html[lang] body #articles article .art-content .art-body .comment{padding:30px 35px}}html[lang] body #articles article .art-content .art-body .comment:before{content:"";display:block;position:absolute;top:-10px;left:-10px;width:20px;height:20px;background:url(/resource/load/aps/hands-on/quote-open.svg) no-repeat center;background-size:contain}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .comment:before{top:-12.5px;left:-12.5px;width:25px;height:25px}}html[lang] body #articles article .art-content .art-body .comment:after{content:"";display:block;position:absolute;bottom:-10px;right:-10px;width:20px;height:20px;background:url(/resource/load/aps/hands-on/quote-close.svg) no-repeat center;background-size:contain}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .comment:after{bottom:-12.5px;right:-12.5px;width:25px;height:25px}}html[lang] body #articles article .art-content .art-body .wrap-flex{display:flex}html[lang] body #articles article .art-content .art-body .flex{display:flex;flex-wrap:wrap;margin:-10px}html[lang] body #articles article .art-content .art-body .flex .flex-item{margin:0;padding:10px}html[lang] body #articles article .art-content .art-body .flex .flex-item.flex1{flex:1}html[lang] body #articles article .art-content .art-body .flex .flex-item .card{height:100%}html[lang] body #articles article .art-content .art-body .flex.flex-wide{margin:-15px}html[lang] body #articles article .art-content .art-body .flex.flex-wide .flex-item{padding:15px}html[lang] body #articles article .art-content .art-body .flex[data-mobile-column="1"] .flex-item{width:100%;height:auto}html[lang] body #articles article .art-content .art-body .flex[data-mobile-column="2"] .flex-item{width:50%}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .flex[data-pc-column="1"] .flex-item{width:100%}}@media screen and (min-width:768px){html[lang] body #articles article .art-content .art-body .flex[data-pc-column="2"] .flex-item{width:50%}}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .flex[data-pc-column="2"] .flex-item{width:50%}}@media screen and (min-width:768px){html[lang] body #articles article .art-content .art-body .flex[data-pc-column="3"] .flex-item{width:50%}}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .flex[data-pc-column="3"] .flex-item{width:33.3333333333%}}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .flex[data-pc-column=auto] .flex-item{width:auto}}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .floating-logo-left{display:flex;align-items:flex-start}}html[lang] body #articles article .art-content .art-body .floating-logo-left .floating-logo{width:50%;max-width:200px;margin:0 auto}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .floating-logo-left .floating-logo{width:200px;min-width:200px;margin:0}}html[lang] body #articles article .art-content .art-body .floating-logo-left .floating-detail{margin:25px 0 0}@media screen and (min-width:992px){html[lang] body #articles article .art-content .art-body .floating-logo-left .floating-detail{flex:1;margin:0 0 0 30px}}html[lang] body #articles article .art-content .art-body [data-justify-content=center]{justify-content:center}html[lang] body #articles article .flip-bottom:before{content:"";display:block;flex:1;background-color:var(--color-white)}html[lang] body #section--message .sec-body h3 b span{display:inline}@media screen and (min-width:992px){html[lang] body #section--message .sec-body h3 b span{display:flex}}@media screen and (min-width:992px){html[lang] body #section--message .sec-body h3 b span:last-child{justify-content:flex-end}}html[lang] body #section--message .bg-message{transform:scale(1.5);transform-origin:center bottom}@media screen and (min-width:992px){html[lang] body #section--message .bg-message{transform:scale(1);margin-top:-15vw}}html[lang] body #section--message .bg-message img{margin-top:-5px}@keyframes bgscroll{0%{background-position:0 bottom}100%{background-position:-10000px bottom}}