@charset "UTF-8";.break,.pc-break{display:block}.sp-only,.sp-in_block,.sp-inline{display:none}.sp-break{display:inline}.sp-br{display:none}.arrow-ud{position:relative;margin-bottom:30px;text-align:center;z-index:10}.arrow-ud.js-arrow{opacity:0;-webkit-transform:translate(0,-30px);transform:translate(0,-30px)}.arrow-ud span{display:inline-block;width:265px}.area-basis{position:relative}h1,h2,h3,h4,h5,h6,div,p,ol,ul,dl,dt,dd{margin:0;padding:0}ol,ul{list-style:none}.sp-all{min-width:300px}body.hakone{font-family:Arial,Helvetica Neue,Helvetica,"游ゴシック",YuGothic,Hiragino Sans,Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,Meiryo UI,sans-serif}body.hakone #sapporo-topicpath-area{background-color:#fff;border-bottom:solid 1px #eee}body.hakone #sapporo-special-contents-area{position:relative;background-color:#000;margin:0;padding:0}body.hakone #sapporo-special-contents-area img{width:100%;vertical-align:middle}body.hakone #sapporo-special-contents-area a{text-decoration:none}body.hakone .container{width:960px;margin-right:auto;margin-left:auto}.sns{text-align:center;padding:0 0 75px}.sns.mt{padding:75px 0 75px}.sns li{display:inline-block;margin:0 20px}.sns li:nth-of-type(1){width:15px}.sns li:nth-of-type(2){width:34px}.sns li:nth-of-type(3){width:45px}.sns li a{display:block;transition:opacity .3s ease}.sns li a:hover{opacity:.7}.sticky-guide{position:fixed;right:0;bottom:50px;z-index:3}.sticky-guide_interview{position:relative;display:block;padding:15px 35px 15px 20px;background-image:url(../img/common/btn_arrow-dk.png);background-repeat:no-repeat;background-position:right 7px center;background-color:#f3be00;background-size:11px auto;color:#000;font-size:16px;font-weight:700}.sticky-guide_interview p{color:#000}.ud-alert{margin-top:30px}.ud-alert_content{border:2px solid #f3be00;padding:40px;background:#fff;text-align:center}.ud-alert_txt{font-size:18px;line-height:1.5}.ud-alert_txt--alert{color:#e00}.ud-alert_txt+.ud-alert_txt{margin-top:1em}.overlay-menu{position:absolute;top:0;right:0;width:0;background-color:#f3be00;z-index:5;box-sizing:border-box;overflow:hidden;transition-property:width;transition-duration:.4s;transition-timing-function:cubic-bezier(.39,.575,.565,1)}.overlay-menu.is-active{width:45%;transition-timing-function:cubic-bezier(.47,0,.745,.715)}.overlay-menu.is-inactive{width:0}.ov-menu{height:100%;font-size:18px;font-weight:700;opacity:0;box-sizing:border-box;transition:opacity .3s ease}.ov-menu.is-visible{opacity:1}.ov-menu_scroll-wrapper{height:100%;padding:50px;box-sizing:border-box;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ov-menu_scroll-wrapper a{color:#000;transition:color .3s ease}.ov-menu_scroll-wrapper a:hover{color:#fff}.ov-menu_head{margin-top:2em;color:#fc4c3f}.ov-menu_old a{display:none}.ov-menu_old a.is-show{display:inline}.ov-menu_item{padding:12.5px 0}.ov-menu_item+li{border-top:1px dashed #000}.ov-menu_item+li:last-child{border-bottom:1px dashed #000}.ov-menu_item:before{content:'・';display:inline-block;margin-right:.5em}.menu-trigger{position:relative;padding:5px;background-color:#f3be00;border:none;color:#000;font-size:20px;font-weight:700;cursor:pointer;z-index:4}.menu-close{position:absolute;top:20px;right:0;z-index:5;display:none;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer;outline:none}.menu-close.spMenuClose{display:none!important}.menu-close:before,.menu-close:after{content:"";position:absolute;top:18px;left:0;display:block;width:36px;height:4px;background-color:#000;opacity:0}.menu-close.is-active:before{-webkit-animation:menuCloseBar1 1.2s .5s ease;animation:menuCloseBar1 1.2s .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.menu-close.is-active:after{-webkit-animation:menuCloseBar2 1.2s .5s ease;animation:menuCloseBar2 1.2s .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.menu-close.is-inactive:before{-webkit-animation:menuCloseBarReverse1 .4s ease;animation:menuCloseBarReverse1 .4s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.menu-close.is-inactive:after{-webkit-animation:menuCloseBarReverse2 .4s ease;animation:menuCloseBarReverse2 .4s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes menuCloseBar1{0%{opacity:0}70%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}100%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes menuCloseBar1{0%{opacity:0}70%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}100%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes menuCloseBar2{0%{opacity:0}70%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}100%{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes menuCloseBar2{0%{opacity:0}70%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}100%{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@-webkit-keyframes menuCloseBarReverse1{0%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}30%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}100%{opacity:0}}@keyframes menuCloseBarReverse1{0%{opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}30%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}100%{opacity:0}}@-webkit-keyframes menuCloseBarReverse2{0%{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}30%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}100%{opacity:0}}@keyframes menuCloseBarReverse2{0%{opacity:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}30%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}100%{opacity:0}}.mask{position:absolute;top:0;bottom:0;right:100%;left:0;display:block;z-index:2;transition:right .3s cubic-bezier(.39,.575,.565,1),left .3s cubic-bezier(.47,0,.745,.715) .3s}.btns-align-half{display:flex;justify-content:space-between}.lc-btn_txt{position:relative}.lc-btn a{position:relative;display:block;padding:8px;background:url(../img/common/btn_arrow-dk.png) no-repeat 95% center #f3be00;background-size:11px auto;border:2px solid #f3be00;box-sizing:border-box;color:#222;font-family:Arial Black,Helvetica Neue,Helvetica,"游ゴシック",YuGothic,Hiragino Sans,Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,Meiryo UI,sans-serif;font-size:20px;font-weight:700;text-align:center;overflow:hidden;transition:background .3s ease,color .3s cubic-bezier(.25,.1,.25,1)}.lc-btn a:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../img/common/btn_arrow-yl.png) no-repeat 95% center #222;background-size:11px auto;-webkit-transform-origin:101% 0;transform-origin:101% 0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s cubic-bezier(.25,.1,.25,1);transition:transform .3s cubic-bezier(.25,.1,.25,1);transition:transform .3s cubic-bezier(.25,.1,.25,1),-webkit-transform .3s cubic-bezier(.25,.1,.25,1)}.lc-btn a:after{display:none}.lc-btn a:hover{color:#f3be00}.lc-btn a:hover:before{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1.01);transform:scaleX(1.01)}.lc-btn a.red{background:url(../img/common/btn_arrow-rd.png) no-repeat 95% center #fff;background-size:11px auto;border:2px solid #c70000;color:#c70000}.lc-btn a.red:before{background:url(../img/common/btn_arrow-wt.png) no-repeat 95% center #c70000;background-size:11px auto}.lc-btn a.red:hover{color:#fff}.lc-btn a.red:hover:before{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1.01);transform:scaleX(1.01)}.btns-align-half .lc-btn{width:48%}.guide-scroll{position:relative;bottom:0;left:50%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:0}.guide-scroll p{color:#f3be00;font-size:16px;font-weight:700;text-shadow:2px 3px 3px rgba(0,0,0,.15)}.guide-scroll .guide-bar{position:relative;display:inline-block;width:100%;height:100px}.guide-scroll .guide-bar:before{content:"";position:absolute;left:50%;display:block;width:4px;background-color:#f3be00;-webkit-animation:scrollGuideLoop 1s linear infinite normal;animation:scrollGuideLoop 1s linear infinite normal}@-webkit-keyframes scrollGuideLoop{0%{top:0;height:0}50%{height:100%}100%{bottom:0;height:0}}@keyframes scrollGuideLoop{0%{top:0;height:0}50%{height:100%}100%{bottom:0;height:0}}.article-notes{margin:30px auto 0}.article-notes:after{content:"";clear:both;display:block;height:0;visibility:hidden}.article-notes .note{float:right;overflow:hidden;font-size:14px}.article-notes .note .kgrr-logo{display:inline-block;width:54px;margin-left:10px;vertical-align:top}.l-header{position:absolute;top:0;left:0;width:100%;z-index:5}.l-header_logo{width:380px;padding-top:20px}.l-header .container{position:relative}.l-header .menu-trigger{position:absolute;top:20px;right:0}.page-top-btn{bottom:25px;opacity:0;position:fixed;right:25px;width:60px;z-index:1;transition:all .3s ease-out}.page-top-btn.show{opacity:1}.mv{position:relative;padding:150px 0 100px}.mv.v-center,.mv.v-bottom{min-height:500px}.mv.talk01{background:url(../img/talk/talk01-mv-bg.jpg) no-repeat right 10% top;background-size:cover}.mv.symposium{background:url(../img/symposium/symposium-mv-bg.jpg) no-repeat center center;background-size:cover}.mv.interview01{background:url(../img/interview/interview-mv-bg.jpg) no-repeat center center;background-size:cover}.mv.battle{background:url(../img/battle/battle-mv-bg.jpg) no-repeat center center;background-size:cover}.mv.students{background:url(../img/students/students-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.winner{background:url(../img/winner/winner-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.incollege{background:url(../img/incollege/incollege-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.incoll-report{background:url(../img/incollege/incollege-report-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.abashiri{background:url(../img/abashiri/abashiri-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.museum{background:url(../img/museum/museum-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.twilight{background:url(../img/twilight/twilight-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.tozan-railway{background:url(../img/railway/railway-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.tourism-association{background:url(../img/tourism/tourism-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.cm-graphic{background:url(../img/cm_graphic/cm_graphic-mv-bg.jpg) no-repeat center bottom;background-size:cover}.mv.students2019{background:url(../img/students2019/mv-bg.jpg) no-repeat center bottom;background-size:cover}.mv.sponsorship{background:url(../img/sponsorship/mv-bg.jpg) no-repeat center bottom;background-size:cover}.mv.managerview{background:url(../img/managerview/mv-bg.jpg) no-repeat right bottom;background-size:cover}.mv.winner2020{background:url(../img/winner2020/mv-bg.jpg) no-repeat center top;background-size:cover}.mv-txt-wap{width:100%;min-height:500px}.v-center .mv-txt-wap{position:absolute;top:50%;min-height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.v-bottom .mv-txt-wap{position:absolute;bottom:5%;min-height:0}.mv-txt{color:#fff}.mv-txt .root{color:#f3be00;font-size:70px;font-weight:700;font-style:italic;position:relative}.mv-txt .root span{font-family:Arial Black,Helvetica Neue,Helvetica,"游ゴシック",YuGothic,Hiragino Sans,Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,Meiryo UI,sans-serif;font-size:35px;margin-right:.3em}.mv-txt .root:before{background:#f3be00;content:'';display:block;height:4px;left:calc(-100% - 20px);margin-top:-2px;position:absolute;top:50%;width:100%}.mv-txt h1{font-size:60px;font-weight:700;line-height:1.3}.mv-txt h1 span{font-size:34px}.mv-txt h1+p{font-size:24px;margin-top:20px}.mv-txt .role-in{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.mv-txt .role-in:nth-child(1){transition-delay:0s}.mv-txt .role-in:nth-child(2){transition-delay:.2s}.mv-txt .role-in:nth-child(3){transition-delay:.4s}.mv-txt .role-in:nth-child(4){transition-delay:.6s}.mv-txt .role-in:nth-child(5){transition-delay:.8s}.mv-txt .role-in:nth-child(6){transition-delay:1s}.is-visible .mv-txt .role-in{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.mv-txt .cast{margin-top:1em;color:#f3be00;font-size:24px}.mv-txt .connection-link{margin-top:1em;font-size:24px}.mv-txt .connection-link a{color:#fff;text-decoration:underline;transition:opacity .3s ease}.mv-txt .connection-link a:hover{opacity:.7}.scroll{bottom:0;color:#f3be00;display:inline-block;font-size:16px;height:170px;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll span{bottom:0;background:#f3be00;display:block;height:85%;left:50%;position:absolute;width:1px}.guide-scroll{position:relative;display:inline-block}.written-shot p{font-size:16px}.written-shot p+p{margin-top:8px}@media screen and (max-width:667px){.arrow-ud{margin-bottom:5%}.pc-only{display:none!important}.sp-only{display:block!important}.sp-in_block{display:inline-block!important}.sp-inline{display:inline!important}.pc-break{display:inline}.sp-break{display:block}.pc-br{display:none}.sp-br{display:inline}body.hakone .container{width:90%}#sapporo-topicpath-area,#sapporo-related-area{display:none}.sns{padding:0 0 40px}.sns.mt{padding:40px 0 40px}.sns li{margin:0 13px}.sns li:nth-of-type(1){width:4%}.sns li:nth-of-type(2){width:9%}.sns li:nth-of-type(3){width:11%}.sticky-guide{bottom:0}.sticky-guide_interview{padding:10px 20px 10px 15px;font-size:12px;background-size:8px auto}.ud-alert{margin-top:20px}.ud-alert_content{padding:5% 2.5%}.ud-alert_txt{font-size:14px}.overlay-menu.is-active{width:100%}.ov-menu{width:100%;height:100%;padding:0;box-sizing:border-box;font-size:15px}.ov-menu_scroll-wrapper{padding:20px 10px 50px}.menu-close{top:initial;bottom:20px;right:inherit;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.menu-close.spMenuClose{display:block!important}.btns-align-half{flex-direction:column}.btns-align-half .lc-btn{width:100%}.l-header{position:static}.l-header_logo{width:95%;margin:0 auto;padding:5% 0 2%}.l-header .menu-trigger{top:inherit;right:50%;bottom:20px;-webkit-transform:translateX(50%);transform:translateX(50%)}.page-top-btn{bottom:15px;right:15px;width:40px}.mv{padding:20% 0}.mv.talk01{background:url(../img/talk/sp/talk01-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.symposium{background:url(../img/symposium/sp/symposium-mv-bg.jpg) no-repeat center center;background-size:cover}.mv.interview01{background:url(../img/interview/sp/interview-mv-bg.jpg) no-repeat center center;background-size:cover}.mv.battle{background:url(../img/battle/sp/battle-mv-bg.jpg) no-repeat center center;background-size:cover}.mv.students{background:url(../img/students/sp/students-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.winner{background:url(../img/winner/sp/winner-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.incollege{background:url(../img/incollege/sp/incollege-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.incoll-report{background:url(../img/incollege/sp/incollege-report-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.museum{background:url(../img/museum/sp/museum-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.twilight{background:url(../img/twilight/sp/twilight-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.tozan-railway{background:url(../img/railway/sp/railway-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.tourism-association{background:url(../img/tourism/sp/tourism-mv-bg.jpg) no-repeat center top;background-size:cover}.mv.cm-graphic{background:url(../img/cm_graphic/sp/cm_graphic-mv-bg.jpg) no-repeat center bottom;background-size:cover}.mv.students2019{background:url(../img/students2019/sp/mv-bg.jpg) no-repeat center bottom;background-size:cover}.mv.sponsorship{background:url(../img/sponsorship/sp/mv-bg.jpg) no-repeat center bottom;background-size:cover}.mv.managerview{background:url(../img/managerview/sp/mv-bg.jpg) no-repeat center bottom;background-size:cover}.mv.winner2020{background:url(../img/winner2020/sp/mv-bg.jpg) no-repeat center bottom;background-size:cover}.mv .menu-trigger{bottom:10%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.v-center .mv-txt-wap,.v-bottom .mv-txt-wap{position:static;padding-top:0;top:0;-webkit-transform:none;transform:none;min-height:500px}body.hakone .mv .container{width:80%}.mv-txt .root{font-size:35px}.mv-txt .root span{font-size:18px}.mv-txt .root:before{height:2px;left:calc(-100% - 10px);margin-top:-1px}.mv-txt h1{font-size:30px;line-height:1.5}.mv-txt h1 span{font-size:17px}.mv-txt h1+p{font-size:13px;line-height:1.8;margin-top:10px}.mv-txt .cast{font-size:13px}.mv-txt .connection-link{font-size:13px}.scroll{display:none}.written-shot p{font-size:12px}.written-shot p+p{font-size:5px}}@media screen and (max-width:920px){.arrow-ud span{width:150px}}@media screen and (max-width:350px){.ov-menu{font-size:18px}}@media screen and (max-width:1240px){.guide-scroll{position:absolute}}