@charset "UTF-8";html{font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}img{max-width:100%;width:auto;height:auto}.btn{display:block;border:solid 1px #000;border-radius:3px;font-size:10px;font-size:2.666vw;line-height:1.4;font-weight:700;text-align:center;width:190px;width:50.666vw;max-width:270px;padding:8px 12px;padding:2.133vw 3.2vw;margin:0 auto;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}.btn:hover{background-color:#000;color:#fff}.pc-only{display:none}@media (min-width:520px){.btn{font-size:13px;line-height:21px;letter-spacing:1px;padding:11px 16px}}@media (min-width:768px){.pc-only{display:block}}.search-container{display:block;min-width:138px;overflow:hidden;border:solid 1px #ccc;background-color:#fff;border-radius:26px;overflow:hidden}.search-container .gsc-search-box{margin:0}.search-container .gsc-input{padding:0!important}.search-container .gsc-input .gsc-input-box{border:none;padding:2px 8px}.search-container .gsc-input .gsib_a{padding:0}.search-container .gsc-input .gsib_b{display:none}.search-container .gsc-input .gsib_a input{font-size:14px;line-height:20px}.search-container button.gsc-search-button{display:block;width:24px;height:24px;margin:0;padding:0;border:none;border-radius:0;cursor:pointer;background:#fff url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/assets/img/search-icon.svg) no-repeat;background-position:50% 50%;background-size:12px 12px}.search-container button.gsc-search-button svg{display:none}.search-container .gsc-clear-button{display:none}#header-wrap{padding:15px 21px;padding:4.8vw 6.666vw}#gnav{display:flex;justify-content:center;align-items:center;width:100%}#gnav-main{display:none}#gnav-sub{display:flex;justify-content:space-between;align-items:center;max-width:226px;max-width:70.4vw;width:100%}#gnav-sub-search{display:none}#gnav-sub-sns{display:flex}#gnav-sub-sns li+li{margin-left:17px;margin-left:5.333vw}#gnav-sub-sns li a{display:block}#gnav-sub-sns li a img{width:25px;width:8vw;min-width:25px;min-width:8vw}#gnav-sub-language{display:flex;margin-left:24px;margin-left:7.466vw}#gnav-sub-language li{position:relative;font-family:din-2014-narrow,sans-serif;font-weight:700;font-style:normal;font-size:22px;font-size:6.933vw;line-height:27px;line-height:8.533vw;letter-spacing:1px;letter-spacing:.266vw}#gnav-sub-language li+li{margin-left:24px;margin-left:7.466vw}@media (min-width:375px){#header-wrap{padding:18px 25px}#gnav-sub{max-width:264px}#gnav-sub-sns li+li{margin-left:20px}#gnav-sub-sns li a img{width:30px;min-width:30px}#gnav-sub-language{margin-left:28px}#gnav-sub-language li{font-size:26px;line-height:32px;letter-spacing:1px}#gnav-sub-language li+li{margin-left:28px}}@media (min-width:768px){#header-wrap{max-width:996px;padding:0 40px;margin:0 auto}#gnav{justify-content:center;align-content:center;flex-wrap:wrap;min-height:121px;max-width:768px;margin:0 auto}#gnav-main{display:flex;padding:6px 0;margin-right:32px}#gnav-main li,#gnav-sub-language li{position:relative;font-family:din-2014-narrow,sans-serif;font-weight:700;font-style:normal;font-size:13px;line-height:25px;letter-spacing:1px}#gnav-main li a,#gnav-sub-language li a{position:relative;display:block;z-index:1;-webkit-transition:color .2s;transition:color .2s}#gnav-main li a:before,#gnav-sub-language li a:before{content:"";display:block;width:calc(100% + 14px);height:100%;border-radius:4px;background-color:#eee;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:-7px;margin:auto;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}#gnav-main li a:hover,#gnav-sub-language li a:hover{color:#4896d5}#gnav-main li a:hover:before,#gnav-sub-language li a:hover:before{opacity:1}#gnav-main li+li{padding-left:13px;margin-left:12px}#gnav-main li+li:before{content:"";display:block;width:1px;height:16px;background-color:#000;position:absolute;left:0;top:0;bottom:0;margin:auto 0}#gnav-main li a{white-space:nowrap}#gnav-sub{max-width:100%;justify-content:flex-start;width:auto;min-width:0;padding:6px 0}#gnav-sub-search{display:block;min-height:26px}#gnav-sub-sns{margin-left:26px}#gnav-sub-sns li+li{margin-left:12px}#gnav-sub-sns li a img{width:18px;min-width:18px;-webkit-transition:.2s;transition:.2s}#gnav-sub-sns li a:hover img{filter:invert(47%) sepia(99%) saturate(299%) hue-rotate(164deg) brightness(97%) contrast(93%)}#gnav-sub-language{margin-left:32px}#gnav-sub-language li+li{margin-left:16px}}@media (min-width:980px){#gnav{justify-content:space-between;max-width:100%}}#footer{background-color:#dcdcdc}#footer-wrap{max-width:996px;padding:28px 25px 0;padding:7.466vw 6.666vw 0;margin:0 auto}#footer-info{padding-bottom:21px;padding-bottom:5.6vw}#footer-info-main{display:flex;flex-direction:column;align-items:center}#footer-info-main-logo{width:168px;width:44.8vw;max-width:230px;margin-bottom:14px;margin-bottom:3.733vw}#footer-info-main-logo a{display:block;-webkit-transition:opacity .2s;transition:opacity .2s}#footer-info-main-logo a:hover{opacity:.8}#footer-info-main-address{font-size:11px;font-size:2.933vw;line-height:1.615em;margin-bottom:7px;margin-bottom:1.8181vw}#footer-info-main-tel{font-family:din-2014,sans-serif;font-size:13px;font-size:3.466vw;line-height:1.25em;letter-spacing:.05em;font-weight:400;font-style:normal}#footer-info-main-tel span{display:inline-block}#footer-info-main-tel span:first-of-type{margin-right:12px;margin-right:3.252vw}#footer-info-main-tel a{-webkit-transition:color.2s;transition:color.2s}#footer-info-main-tel a:hover{color:#4896d5}#footer-info-nav{display:none}#footer-copyright{font-family:din-2014,sans-serif;font-size:10px;line-height:1.2;font-weight:400;font-style:normal;text-align:right;background-color:#fff;text-align:center;padding:6px 25px;padding:1.6vw 6.666vw;margin:0 -25px;margin:0 -6.666vw}@media (min-width:440px){#footer-info-main-address{font-size:13px;line-height:21px;margin-bottom:9px}}@media (min-width:492px){#footer-info-main-tel{font-size:17px;line-height:21px}#footer-info-main-tel span:first-of-type{margin-right:16px}}@media (min-width:520px){#footer-info-main-logo{margin-bottom:20px}}@media (min-width:768px){#footer-wrap{padding:44px 40px 24px}#footer-info{display:flex;justify-content:space-between;padding-bottom:42px}#footer-info-main{display:block;padding-right:32px}#footer-info-main-logo{margin-bottom:28px}#footer-info-nav{display:block}#footer-info-nav-main{display:flex;justify-content:flex-end;padding:8px 0}#footer-info-nav-main li{font-family:din-2014-narrow,sans-serif;font-size:11px;letter-spacing:1px;font-weight:700;font-style:normal;white-space:nowrap;position:relative}#footer-info-nav-main li+li{margin-left:7px;padding-left:8px}#footer-info-nav-main li+li:before{content:"";display:block;width:1px;height:12px;background-color:#000;position:absolute;left:0;top:0;bottom:0;margin:0 auto}#footer-info-nav-main li a{-webkit-transition:color .2s;transition:color .2s}#footer-info-nav-main li a:hover{color:#4896d5}#footer-info-nav-sns{display:flex;justify-content:flex-end;padding:8px 0}#footer-info-nav-sns li+li{margin-left:20px}#footer-info-nav-sns li a{display:block}#footer-info-nav-sns li a img{width:26px;transition:.2s}#footer-info-nav-sns li a:hover img{filter:invert(47%) sepia(99%) saturate(299%) hue-rotate(164deg) brightness(97%) contrast(93%)}#footer-copyright{text-align:right;background-color:transparent;letter-spacing:1px;padding:2px 0;margin:0}}.nav-btn{display:block;width:58px;width:15.466vw;height:58px;height:14.466vw;background-color:#488dc7;position:absolute;top:0;right:0;z-index:99}.nav-btn.fixed{position:fixed;top:0}.nav-btn:before,.nav-btn:after{content:""}.nav-btn:before,.nav-btn:after,.nav-btn span{display:block;height:7px;height:1.866vw;width:66%;width:calc(100% - 5.333vw);background-color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:.2s;transition:.2s}.nav-btn:before{top:-28px;top:-7.466vw}.nav-btn:after{top:28px;top:7.466vw}.nav-open .nav-btn:before{top:0;transform:rotate(45deg)}.nav-open .nav-btn:after{top:0;transform:rotate(-45deg)}.nav-open .nav-btn span{opacity:0}@media (min-width:375px){.nav-btn{width:58px;height:58px}.nav-btn:before,.nav-btn:after,.nav-btn span{height:7px;width:66%;width:calc(100% - 20px)}.nav-btn:before{top:-28px}.nav-btn:after{top:28px}}@media (min-width:768px){.nav-btn{display:none}}#sp-nav{width:46%;max-width:240px;background-color:#488dc7;position:fixed;top:0;right:-100%;z-index:98;padding:20px 0;padding:5.333vw 0;transition:right .2s}.nav-open #sp-nav{right:0}#sp-nav-main li+li{margin-top:10px}#sp-nav-main li a{display:block;color:#fff;font-size:12px;font-size:3.2vw;line-height:2;letter-spacing:.0833em;padding:3px 20px;padding:.8vw 5.333vw;font-family:din-2014-narrow,sans-serif;font-weight:700;font-style:normal}#sp-nav-search{width:100%;width:calc(100% - 10.666vw);margin:14px 19px 0;margin-top:3.733vw;margin-right:calc(5.333vw - 1px);margin-left:calc(5.333vw - 1px);font-size:14px;line-height:20px}@media (min-width:520px){#sp-nav{padding:28px 0}#sp-nav-main li+li{margin-top:14px}#sp-nav-main li a{font-size:16px;padding:4px 28px}#sp-nav-search{margin:20px 28px 0}#sp-nav-search input{font-size:16px;padding:7px 11px;border-radius:39px}}@media (min-width:768px){#sp-nav{display:none}}.lead-title{text-align:center}.lead-title .en{display:block;font-family:din-2014,sans-serif;font-weight:900;font-style:normal;font-size:14px;font-size:3.733vw;line-height:1.4;letter-spacing:.1em;margin:0 -.1em 10px 0;margin-right:2.6923vw;padding:0 0 8px;position:relative}.lead-title .en:after{content:"";display:block;border-bottom:solid 2px #000;width:66px;width:17.6vw;max-width:92px;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.lead-title .ja{display:block;font-size:20px;font-size:5.333vw;line-height:1.6;letter-spacing:.2em;margin-right:-.2em;font-weight:700}.lead-title .lead-title-cross-icon{display:inline-block;vertical-align:top;width:14px;width:3.733vw;margin:9px 10px 9px 4px;margin:2.4vw 2.666vw 2.4vw 1.6vw}@media (min-width:520px){.lead-title .en{font-size:20px;margin-bottom:14px;padding-bottom:8px}.lead-title .en:after{width:92px}.lead-title .ja{font-size:28px;line-height:40px;letter-spacing:6px;margin-right:-6px}.lead-title .lead-title-cross-icon{width:20px;margin:10px 14px 10px 8px}}@media (min-width:768px){.lead-title{text-align:center}.lead-title .en{display:block;font-family:din-2014,sans-serif;font-weight:900;font-style:normal;font-size:20px;line-height:1.4;letter-spacing:.1em;margin:0 -.1em 14px 0;padding:0 0 8px;position:relative}.lead-title .en:after{content:"";display:block;border-bottom:solid 2px #000;width:92px;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.lead-title .ja{display:block;font-size:28px;line-height:40px;letter-spacing:6px;margin-right:-6px;font-weight:700}.lead-title .lead-title-cross-icon{display:inline-block;vertical-align:top;width:20px;margin:10px 14px 10px 8px}}.main-lower{position:relative;max-width:996px;padding:0 25px;padding:0 6.666vw;margin:0 auto 25px auto;margin-bottom:6.666vw}.lower-page-container{position:relative;padding:1px 3px;padding:.266vw .8vw}.main-lower:before,.main-lower:after,.lower-page-container:before,.lower-page-container:after{content:"";display:block;background-color:#4896d5;position:absolute;border-radius:3px;z-index:4}.main-lower:before,.main-lower:after{height:3px;height:.8vw;width:calc(100% - 80px);width:calc(100% - 21.333vw);left:0;right:0;margin:0 auto}.lower-page-container:before,.lower-page-container:after{width:3px;width:.8vw;height:100%;top:0;bottom:0;margin:auto 0}.main-lower:before{top:0}.main-lower:after{bottom:0}.lower-page-container:before{left:0}.lower-page-container:after{right:0}@media (min-width:625px){.lower-page-container{position:relative;padding:2px 5px}.main-lower:before,.main-lower:after{height:5px}.lower-page-container:before,.lower-page-container:after{width:5px}}@media (min-width:768px){.main-lower{padding:0 40px;margin-bottom:64px}.lower-page-container{padding:2px 5px}.main-lower:before,.main-lower:after{height:5px;width:calc(100% - 140px)}.lower-page-container:before,.lower-page-container:after{width:5px}}.goal-tag-list-container{display:flex;flex-direction:column;align-items:center;background-color:#f2f0eb;padding:25px;padding:6.666vw}.goal-tag-list-title{font-size:12px;font-size:3.2vw;line-height:1.444;letter-spacing:.2em;margin-right:-.2em;font-weight:700}.goal-tag-list{max-width:660px;padding-top:8px;padding-top:2.133vw;display:grid;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(auto, 12.8vw)
    );column-gap:6px;column-gap:1.6vw;row-gap:6px;row-gap:1.6vw}.goal-tag-list li a{display:block;background-color:#fff}.goal-tag-list li img{-webkit-transition:opacity .2s;transition:opacity .2s}.goal-tag-list li a:hover img{opacity:.6}.goal-tag-list .unchecked img{opacity:.3}@media (min-width:375px){.goal-tag-list{column-gap:6px;row-gap:6px}}@media (min-width:606px){.goal-tag-list-container{padding:20px 32px 32px}.goal-tag-list-title{font-size:18px}.goal-tag-list{padding-top:12px;grid-template-columns:repeat(auto-fill,minmax(auto, 104px)
        );column-gap:6px;row-gap:6px}}@media (min-width:768px){.goal-tag-list-container{margin:0}}.archive-header{padding:48px 22px;padding:12.8vw 5.866vw}.archive-body{padding:48px 22px;padding:12.8vw 5.866vw}.archive-header+.archive-body{padding-top:0}@media (min-width:520px){.archive-header{padding:66px 32px}.archive-body{padding:66px 32px}}@media (min-width:960px){.archive-header{padding:120px 48px 100px}.archive-body{padding:100px 48px}}.news-article-list{border-top:solid 1px #9e9e9f}.news-article-list-row{border-bottom:solid 1px #9e9e9f;line-height:16px;line-height:4.266vw}.news-article-list-row a{display:flex;flex-direction:column;padding:8px 0;padding:2.133vw 0;font-weight:700}.news-article-list-row a span{display:inline-block}.news-article-list-row-update{font-size:10px;font-size:2.666vw;white-space:nowrap}.news-article-list-row-title{font-size:12px;font-size:3.2vw;padding:2px 0 35px;padding:.533vw 0 35px;position:relative}.news-article-list-row-title:after{content:"詳しく読む";font-size:11px;line-height:25px;text-align:center;white-space:nowrap;display:inline-block;width:92px;height:25px;color:#4896d5;background-color:#dcdcdc;border-radius:2px;position:absolute;right:0;left:0;bottom:2px;margin:0 auto;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}.news-article-list-row a:hover .news-article-list-row-title:after{background-color:#4896d5;color:#fff}@media (min-width:480px){.news-article-list-row{line-height:21px}.news-article-list-row a{padding:10px 0}.news-article-list-row-update{font-size:13px}.news-article-list-row-title{font-size:15px;padding-top:3px}}@media (min-width:768px){.news-article-list-row a{flex-direction:row;align-items:center;padding:4px 0;min-height:51px}.news-article-list-row-update{width:140px}.news-article-list-row-title{width:100%;padding:0 112px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-article-list-row-title:after{left:auto;top:0;bottom:0;margin:auto 0}}.sdgs-article-list{display:flex;flex-direction:column;align-items:center;gap:36px;gap:9.6vw;max-width:600px;margin:0 auto}.sdgs-article-row{width:186px;width:49.6vw;max-width:260px;flex-shrink:0}.sdgs-article-img a{display:block;overflow:hidden;position:relative;width:100%;padding-bottom:70%}.sdgs-article-img a img{position:absolute;width:100%;height:100%;object-fit:cover;-webkit-transition:transform .2s;transition:transform .2s}.sdgs-article-img a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.sdgs-article-campus-tags{display:flex;flex-wrap:wrap;padding:12px 0 6px;padding:3.2vw 0 1.6vw;gap:3px;gap:.8vw}.sdgs-article-campus-tags li{min-width:52px;width:52px;width:13.866vw;max-width:72px}.sdgs-article-campus-tags li a{display:block;border:solid 1px #000;border-radius:3px;border-radius:.8vw;text-align:center;font-size:10px;font-size:2.666vw;line-height:1.7;letter-spacing:.1em;font-weight:700;white-space:nowrap;-webkit-transition:color .2s,background-color .2s;transition:color .2s,background-color .2s}.sdgs-article-campus-tags li a:hover{background-color:#000;color:#fff}.sdgs-article-title{font-size:12px;font-size:3.2vw;line-height:1.375;letter-spacing:.1em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdgs-article-title a{display:inline;position:relative;z-index:1}.sdgs-article-title a:before{content:"";display:block;width:0;height:4px;height:1.066vw;background-color:#dbdf1a;position:absolute;bottom:1px;left:0;z-index:-1;-webkit-transition:width .2s;transition:width .2s}.sdgs-article-title a:hover:before{width:100%}.sdgs-article-update{font-size:11px;line-height:15px}.sdgs-article-goal-tags{display:flex;flex-wrap:wrap;gap:3px;gap:.8vw;padding-top:12px;padding-top:6px;padding-top:1.6vw}.sdgs-article-goal-tags li{width:28px;width:7.466vw}.sdgs-article-goal-tags li a{display:block}.sdgs-article-goal-tags li a img{-webkit-transition:opacity .2s;transition:opacity .2s}.sdgs-article-goal-tags li a:hover img{opacity:.6}@media (min-width:520px){.sdgs-article-list{gap:50px}.sdgs-article-campus-tags{padding:16px 0 8px;gap:4px}.sdgs-article-campus-tags li{width:72px}.sdgs-article-campus-tags li a{border-radius:4px;font-size:14px;line-height:24px}.sdgs-article-title{font-size:16px;line-height:22px}.sdgs-article-title a:before{height:6px}.sdgs-article-update{font-size:12px;line-height:16px}.sdgs-article-goal-tags{gap:4px;padding-top:8px}.sdgs-article-goal-tags li{width:40px}}@media (min-width:768px){.sdgs-article-list{flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:48px;gap:6.25vw}.sdgs-article-row{width:calc(100% / 2)}}@media (min-width:1280px){.sdgs-article-list{gap:80px}}.news-article{padding:0 22px 48px;padding:0 5.866vw 12.8vw}.news-article-body{border:solid 1px #9e9e9f;border-width:1px 0;margin-bottom:44px;margin-bottom:11.733vw;padding:12px 0;padding:3.2vw 0}.news-article-body-update{font-size:10px;font-size:2.666vw;line-height:1.923;font-weight:700}.news-article-body-title{font-size:16px;font-size:4.266vw;line-height:1.5;letter-spacing:.1em;font-weight:700;margin-bottom:2px;margin-bottom:.533vw}.news-article-body-content{font-size:12px;font-size:3.2vw;line-height:1.5;letter-spacing:.1em}@media (min-width:520px){.news-article{padding:0 30px 66px}.news-article-body{margin-bottom:60px;padding:16px 0}.news-article-body-update{font-size:14px;line-height:26px}.news-article-body-title{font-size:22px;line-height:32px;margin-bottom:3px}.news-article-body-content{font-size:16px}}@media (min-width:768px){.news-article{padding:0 56px 96px}.news-article-body{margin-bottom:44px}.news-article-body-update{font-size:13px;line-height:25px;margin-bottom:4px}.news-article-body-title{font-size:18px;line-height:1.6;letter-spacing:2px;margin-bottom:20px}.news-article-body-content{font-size:16px;line-height:26px;letter-spacing:2px}}.sdgs-article-header{background-color:#4896d5;padding:0 22px;padding:0 5.866vw;margin-bottom:38px;margin-bottom:10.133vw}.sdgs-article-header-image{width:100%;max-width:600px;max-height:420px;padding-bottom:70%;margin:0 auto;position:relative;bottom:-38px;bottom:-10.133vw}.sdgs-article-header img{display:block;width:100%;height:100%;position:absolute;object-fit:cover}.sdgs-article-body{padding:12px 22px 24px;padding:3.2vw 5.866vw 6.4vw}.sdgs-article-body-update{font-size:11px;line-height:15px}.sdgs-article-body-title-container{display:flex;flex-direction:column}.sdgs-article-body-title{font-size:16px;font-size:4.266vw;line-height:1.5;letter-spacing:.1em;font-weight:700;padding-top:14px}.sdgs-article-body-title-container .sdgs-article-goal-tags{padding:4px 0;padding:1.066vw;gap:6px;gap:1.6vw}.sdgs-article-body-title-container .sdgs-article-goal-tags li{width:42px;width:11.2vw}.sdgs-article-body-contents *+*{margin-top:1em}.sdgs-article-body-contents{padding:24px 0;padding:6.4vw 0;font-size:12px;font-size:3.2vw;line-height:1.5em}.sdgs-article-body-contents h2{font-size:1.5em;font-weight:700}.sdgs-article-body-contents h3{font-size:1.25em;font-weight:700}.sdgs-article-body-contents .wp-block-table{padding-top:.4em}.sdgs-article-body-contents figcaption{margin-top:.5em;font-size:.8em;text-align:center;color:#888}@media (min-width:520px){.sdgs-article-header{padding:0 30px;margin-bottom:38px;margin-bottom:10.133vw}.sdgs-article-header-image{bottom:-52px}.sdgs-article-body{padding:16px 30px 52px}.sdgs-article-body-update{font-size:12px;line-height:16px}.sdgs-article-body-title{font-size:22px;line-height:32px;padding-top:20px}.sdgs-article-body-title-container .sdgs-article-goal-tags{padding:6px 0;gap:8px}.sdgs-article-body-title-container .sdgs-article-goal-tags li{width:60px}.sdgs-article-body-contents{padding:33px 0;font-size:16px}}@media (min-width:768px){.sdgs-article-header{padding:0 30px;margin-bottom:48px}.sdgs-article-header-image{padding-bottom:0;bottom:-48px;height:420px}.sdgs-article-body{padding:16px 72px 96px}.sdgs-article-body-title-container{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:6px 12px}.sdgs-article-body-title{font-size:24px;letter-spacing:2px;line-height:1.5;padding-top:26px}.sdgs-article-body-contents{padding:48px 0;line-height:1.625em}}.sdgs-archive-header-campus{text-align:center;padding-top:6px;padding-top:1.6vw}.sdgs-archive-header-campus a{display:inline-block;background-color:#000;color:#fff;font-size:24px;font-size:4.2vw;line-height:1.5;letter-spacing:.17em;padding:.17em .34em .17em .51em;font-weight:700;border-radius:3px;border-radius:.769vw;text-align:center}@media (min-width:520px){.sdgs-archive-header-campus{padding-top:6px}.sdgs-archive-header-campus a{font-size:22px;letter-spacing:4px;padding:4px 8px 4px 12px}}.campus-primary-container{color:#4896d5;background-color:#f7f06e;padding:28px 22px;padding:7.466vw 5.333vw;overflow:hidden}.campus-primary-common-lead{font-size:11px;font-size:2.933vw;line-height:1.533;letter-spacing:.2em;font-weight:700;text-align:center;position:relative;z-index:2}.campus-primary-campus-list{display:none}.campus-primary-mv{position:relative;z-index:1}.campus-primary-mv-main{position:relative;z-index:2;padding:16px 0;padding:4.266vw 0}.campus-primary-mv-main-lead-01,.campus-primary-mv-main-lead-02{display:none}.campus-primary-lead-sp{display:flex;justify-content:center}.campus-primary-lead-sp-01,.campus-primary-lead-sp-02{font-size:16px;font-size:4.266vw;line-height:2;font-weight:700;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-font-feature-settings:"pkna";font-feature-settings:"pkna"}.campus-primary-mv-main-center{display:flex;flex-direction:column;justify-content:center;align-items:center;width:196px;width:52.266vw;max-width:280px;height:226px;height:60.266vw;max-height:320px;margin:0 auto;background:url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/./assets/img/sdgs-material.svg) no-repeat;background-size:contain;background-position:50% 50%}.campus-primary-title{text-align:center}.campus-primary-title-row{display:block;font-weight:700;white-space:nowrap}.campus-primary-title-row-01{font-family:din-2014,sans-serif;font-style:normal;font-size:14px;font-size:3.54477vw;line-height:1.42;letter-spacing:.1em;margin-right:-.1em;font-weight:900;position:relative;margin:-6px 0 6px;margin:-1.4925px 0 1.4925vw}.campus-primary-title-row-01:after{content:"";display:block;width:84px;width:22.4vw;max-width:116px;height:1px;height:.266vw;max-height:2px;background-color:#4896d5;position:absolute;bottom:0;right:0;left:0;margin:0 auto}.campus-primary-title-row-02{font-size:16px;font-size:4.291vw;line-height:1.4347;letter-spacing:.25em;margin-right:-.25em}.campus-primary-title-row-03{font-size:30px;font-size:7.8358vw;line-height:1.333;letter-spacing:.238em;margin-right:-.238em}.campus-primary-title-row-04{font-family:din-2014,sans-serif;font-style:normal;font-size:10px;font-size:2.6119vw;line-height:1.4;letter-spacing:.142em;margin-right:-.142em}.campus-primary-mv-bg-txt{position:absolute;top:99px;top:26.4vw;left:50%;left:calc(50% + 0.075em);transform:translate(-50%,0);font-family:din-2014,sans-serif;font-style:normal;font-weight:700;font-size:50px;font-size:13.333vw;letter-spacing:.15em;color:rgba(255,255,255,.5);z-index:1}@media (min-width:536px){.campus-primary-container{padding:40px 32px}.campus-primary-common-lead{font-size:16px}.campus-primary-mv-main{padding:23px 0}.campus-primary-mv-main-center{width:280px;height:320px}.campus-primary-title-row-01{font-size:19px;line-height:27px;margin:-8px 0 8px}.campus-primary-title-row-01:after{width:116px;height:2px}.campus-primary-title-row-02{font-size:23px;line-height:33px}.campus-primary-title-row-03{font-size:42px;line-height:56px}.campus-primary-title-row-04{font-size:14px;line-height:22px}.campus-primary-lead-sp-01,.campus-primary-lead-sp-02{font-size:23px}.campus-primary-mv-bg-txt{top:141px;font-size:72px}}@media (min-width:768px){.campus-primary-container{position:relative;padding:2px 0 0}.campus-primary-common-lead{font-size:15px;line-height:23px;position:absolute;top:20px;left:24px}.campus-primary-campus-list{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;z-index:2}.campus-primary-campus-list li{font-family:din-2014,sans-serif;font-style:normal;font-size:10px;line-height:12px;padding:2px 0;letter-spacing:1px;font-weight:700;text-align:right}.campus-primary-campus-list li a{display:block}.campus-primary-campus-list li a:hover{background-color:#4896d5;color:#fff}.campus-primary-mv-main{display:flex;justify-content:center;align-items:stretch;padding:40px}.campus-primary-mv-main-lead-01,.campus-primary-mv-main-lead-02{display:block;font-size:27px;line-height:49px;font-weight:700;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-font-feature-settings:"pkna";font-feature-settings:"pkna";padding-top:72px}.campus-primary-lead-sp{display:none}.campus-primary-mv-main-center{margin:0 24px}.campus-primary-mv-bg-txt{top:50%;transform:translate(-50%,-50%);font-size:100px}}.campus-secondary-container{background-color:#4a91cb;color:#fff;padding:24px 22px;padding:6.4vw 5.866vw;margin-bottom:80px;margin-bottom:21.333vw}.campus-secondary-detail{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.campus-secondary-detail-caption{font-size:12px;font-size:3.2vw;line-height:1.5;letter-spacing:.1em;margin-bottom:10px;margin-bottom:2.666vw;width:100%;flex-grow:2;text-align:justify}.campus-secondary-detail-person{line-height:19px;line-height:5.066vw}.campus-secondary-detail-person span{display:block}.campus-secondary-detail-person-post{font-size:11px;font-size:2.933vw}.campus-secondary-detail-person-name{font-size:13px;font-size:3.466vw}.campus-secondary-image{align-self:flex-end;flex-basis:190px;flex-basis:50.666vw;width:50.666vw;max-width:370px;margin:12px 0 -104px;margin:3.2vw 0 -27.733vw}.campus-secondary-image-link{font-size:11px;font-size:2.933vw;font-weight:700;color:#4a91cb;margin-top:10px;margin-top:2.666vw}.campus-secondary-image-link a{padding-right:12px;padding-right:2.666vw;position:relative}.campus-secondary-image-link a:before,.campus-secondary-image-link a:after{content:"";display:block;width:5px;width:1.333vw;height:5px;height:1.333vw;border:solid 1px #4a91cb;border-width:1px 1px 0 0;position:absolute;top:0;bottom:0;margin:auto 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.campus-secondary-image-link a:before{right:0}.campus-secondary-image-link a:after{right:4px;right:1.0666vw}@media (min-width:520px){.campus-secondary-container{padding:34px 32px;margin-bottom:110px}.campus-secondary-detail-caption{font-size:16px;margin-bottom:14px}.campus-secondary-detail-person{line-height:27px}.campus-secondary-detail-person-post{font-size:15px}.campus-secondary-detail-person-name{font-size:18px}.campus-secondary-image{margin:16px 0 -144px}.campus-secondary-image-link{font-size:15px;margin-top:14px}.campus-secondary-image-link a{padding-right:14px}.campus-secondary-image-link a:before,.campus-secondary-image-link a:after{width:7px;height:7px}.campus-secondary-image-link a:after{right:6px}}@media (min-width:768px){.campus-secondary-container{padding:48px 30px;margin-bottom:38px}.campus-secondary-inner{display:flex;justify-content:space-between;padding-right:10px;align-items:stretch;max-width:778px;margin:0 auto}.campus-secondary-detail{flex-basis:334px;max-width:334px}.campus-secondary-detail-caption{line-height:26px;margin-bottom:1em}.campus-secondary-image{flex-basis:370px;width:auto;margin:0 0 -110px 30px}}.campus-tertiary-container{padding:38px 22px;padding:10.133vw 5.866vw}.campus-tertiary-title-wrapper{position:relative;max-width:760px;margin:0 0 20px -36px;margin:0 0 5.333vw -9.6vw;padding:10px 0;padding:2.666vw 0;z-index:4}.campus-tertiary-title-wrapper:before{content:"";display:block;width:100%;width:calc(100% - 28.266vw);height:2px;background-color:#4896d5;position:absolute;right:0;bottom:26px;bottom:6.933vw;z-index:1}.campus-tertiary-title{display:inline-block;font-family:din-2014,sans-serif;font-style:normal;font-weight:700;color:#4896d5;position:relative;z-index:2;-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}.campus-tertiary-title-01{display:inline-block;border:solid 2px #4896d5;font-size:14px;font-size:3.733vw;line-height:18px;line-height:4.8vw;letter-spacing:.1em;padding:0 5px;padding:0 1.333vw;background-color:#fff;position:relative;z-index:2}.campus-tertiary-title-02{display:inline-block;border:solid 2px #4896d5;background-color:#f7f06e;border-top:0;font-size:11px;font-size:2.933vw;line-height:13px;line-height:3.466vw;letter-spacing:.1em;padding:4px 6px 2px;padding:1.066vw 1.6vw .533vw;position:relative;top:-1px;z-index:1}.campus-tertiary-article-list{padding-bottom:40px;padding-bottom:10.666vw}@media (min-width:520px){.campus-tertiary-container{padding:52px 32px}.campus-tertiary-title-wrapper{margin:0 0 28px -50px;padding:14px 0}.campus-tertiary-title-wrapper:before{width:calc(100% - 152px);bottom:36px}.campus-tertiary-title-01{font-size:20px;line-height:22px;padding:0 8px}.campus-tertiary-title-02{font-size:15px;line-height:17px;padding:5px 10px 3px}.campus-tertiary-article-list{padding-bottom:56px}}@media (min-width:768px){.campus-tertiary-container{padding:64px 48px}.campus-tertiary-title-wrapper{margin:0 auto 20px 32px;margin-left:4.166vw;padding:10px 0}.campus-tertiary-title-wrapper:before{width:calc(100% - 152px);bottom:32px}}@media (min-width:960px){.campus-tertiary-title-wrapper{margin-left:auto;padding-left:40px}.campus-tertiary-title-wrapper:before{width:calc(100% - 192px)}}.pagination{padding-top:40px;padding-top:10.666vw}.pagination ul.page-numbers{display:flex;justify-content:center}.pagination ul.page-numbers li{font-family:din-2014-narrow,sans-serif;font-style:normal;font-size:10px;font-size:2.666vw;line-height:1.5;font-weight:700;position:relative;padding:0 3px 0 4px;padding-right:.8vw;padding-left:calc(0.8vw + 1px)}.pagination ul.page-numbers li+li:before{content:"";display:block;width:1px;height:8px;height:2.133vw;background-color:#000;position:absolute;top:0;bottom:0;left:0;margin:auto 0}.pagination ul.page-numbers li .page-numbers{display:block;width:32px;width:8.533vw;min-width:32px;padding:3px 0;padding:.8vw 0;border-radius:3px;border-radius:.8vw;text-align:center}.pagination ul.page-numbers li a{background-color:rgba(240,240,240,0);-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}.pagination ul.page-numbers li a:hover{background-color:rgba(240,240,240,1);color:#4896d5}.pagination ul.page-numbers li .current{background-color:#000;color:#fff}@media (min-width:520px){.pagination{padding-top:56px}.pagination ul.page-numbers li{font-size:12px;padding:0 4px 0 5px}.pagination ul.page-numbers li+li:before{height:10px}.pagination ul.page-numbers li .page-numbers{width:44px;padding:4px 0;border-radius:4px}}@media (min-width:768px){.pagination{padding-top:80px}.pagination ul.page-numbers li .page-numbers{width:auto;min-width:56px;padding:4px 8px}}.empty-message{text-align:center;font-size:12px;font-size:3.2vw;line-height:1.5;padding:40px 0;padding:10.666vw 0}@media (min-width:520px){.empty-message{font-size:16px;padding:56px 0}}@media (min-width:768px){.empty-message{padding:80px}}#main-visual{position:relative;max-width:996px;padding:0 25px;padding:0 6.666vw;margin:0 auto}#main-visual-txt-01{width:104px;width:27.733vw;max-width:198px;position:absolute;top:20px;top:5.333vw;left:14px;left:3.733vw;z-index:2}#main-visual-core{background:#4896d5 url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/assets/img/main-visual-bg.png) center no-repeat;background-size:cover;width:100%;height:318px;height:84.8vw;max-height:602px;margin:0 auto;position:relative;z-index:1}#main-visual-campaign-logo{width:208px;width:55.466vw;max-width:398px;height:238px;height:63.466vw;max-height:456px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#main-visual-txt-02{font-size:16px;font-size:4.266vw;line-height:2;letter-spacing:.25em;font-weight:700;margin-top:-8px;margin-top:-2.133vw}@media (min-width:520px){#main-visual-txt-02{font-size:22px;margin-top:-11px}}@media (min-width:768px){#main-visual{padding:0 40px}#main-visual-txt-01{width:198px;height:148px;top:40px;left:20px}#main-visual-core{height:602px}#main-visual-campaign-logo{width:398px;height:456px}#main-visual-txt-02{margin-top:0;font-size:18px;line-height:1.666;letter-spacing:4px;color:#fff;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute;right:106px;bottom:32px;z-index:2;-webkit-font-feature-settings:"pkna";font-feature-settings:"pkna"}#main-visual-txt-02 .open-bracket{margin:-8px 0 2px}#main-visual-txt-02 .closing-bracket{margin:2px 0 -8px}}#top-nav-btn-container{position:relative;height:0;margin-top:25px;margin-top:6.666vw}#top-nav-btn{right:-25px;right:-6.666vw}#top-nav-btn.fixed{right:0}@media (min-width:520px){#top-nav-btn-container{position:relative;height:0;margin-top:35px}}@media (min-width:768px){#top-nav-btn-container{display:none}}#sdgs-column{padding:40px 0 0;padding-top:10.666vw}#sdgs-column .wrapper{max-width:880px;padding:0 25px;padding:0 6.666vw;margin:0 auto}.top-sdgs-column-btn-container{margin-bottom:48px}@media (min-width:520px){#sdgs-column{padding-top:56px}#sdgs-column .wrapper{padding:0 32px}}@media (min-width:768px){#sdgs-column{padding-top:64px}#sdgs-column .wrapper{padding:0 40px}}.sdgs-column-headline-container{margin:24px -25px;margin:6.4vw -6.666vw;overflow:hidden}.sdgs-column-headline{display:flex;width:100%;gap:0}.sdgs-column-headline .sdgs-article-row{width:226px;width:60.266vw;margin:0 15px;margin:0 4vw}.sdgs-column-headline .sdgs-article-campus-tags{padding:14px 0 7px;padding:3.733vw 0 1.866vw;gap:3.5px;gap:.933vw}.sdgs-column-headline .sdgs-article-campus-tags li{width:62px;width:16.533vw}.sdgs-column-headline .sdgs-article-campus-tags li a{border-radius:3.5px;border-radius:.933vw;font-size:12px;font-size:3.2vw}.sdgs-column-headline .sdgs-article-title{font-size:14px;font-size:3.733vw;line-height:1.375}.sdgs-column-headline .sdgs-article-goal-tags{gap:3.5px;gap:.933vw}.sdgs-column-headline .sdgs-article-goal-tags li{width:35px;width:9.333vw}.sdgs-column-headline .slick-arrow{display:block;width:12px;width:3.2vw;height:32px;height:8.533vw;line-height:999px;overflow:hidden;position:absolute;top:59px;top:15.733vw;right:0;left:0;margin:0 auto;z-index:1}.sdgs-column-headline .slick-arrow:before{content:"";display:block;height:32px;height:8.533vw;width:32px;width:8.533vw;border:solid 1px #000;position:absolute;top:0;bottom:0;margin:auto 0;-webkit-transform:rotate(45deg) skew(12deg,12deg);transform:rotate(45deg) skew(12deg,12deg)}.sdgs-column-headline .slick-prev{transform:translate(-129px,0);transform:translate(-34.4vw,0)}.sdgs-column-headline .slick-next{transform:translate(129px,0);transform:translate(34.4vw,0)}.sdgs-column-headline .slick-prev:before{left:3px;left:.8vw}.sdgs-column-headline .slick-next:before{right:3px;right:.8vw}@media (min-width:428px){.sdgs-column-headline .sdgs-article-row{width:260px;margin:0 17px}.sdgs-column-headline .sdgs-article-campus-tags{padding:16px 0 8px;gap:4px}.sdgs-column-headline .sdgs-article-campus-tags li{width:72px}.sdgs-column-headline .sdgs-article-campus-tags li a{border-radius:4px;font-size:14px;line-height:24px}.sdgs-column-headline .sdgs-article-title{font-size:16px;line-height:22px}.sdgs-column-headline .sdgs-article-goal-tags{gap:4px}.sdgs-column-headline .sdgs-article-goal-tags li{width:40px}.sdgs-column-headline .slick-arrow{width:14px;height:36px;top:67px}.sdgs-column-headline .slick-arrow:before{height:36px;width:36px}.sdgs-column-headline .slick-prev{transform:translate(-147px,0)}.sdgs-column-headline .slick-next{transform:translate(147px,0)}.sdgs-column-headline .slick-prev:before{left:3px}.sdgs-column-headline .slick-next:before{right:3px}}@media (min-width:520px){.sdgs-column-headline-container{margin:34px -32px}}@media (min-width:768px){.sdgs-column-headline-container{margin:48px 0 32px;overflow:visible}.sdgs-column-headline .sdgs-article-row{margin:0 5px}.sdgs-column-headline .slick-arrow{margin:0}.sdgs-column-headline .slick-prev{transform:translate(0,0);left:-26px;right:auto}.sdgs-column-headline .slick-next{transform:translate(0,0);left:auto;right:-26px}}.top-goal-tag-list-container{margin:0 -25px;margin:0 -6.666vw}@media (min-width:520px){.top-goal-tag-list-container{margin:0 -32px}}@media (min-width:768px){.top-goal-tag-list-container{margin:0}}.top-news{padding:36px 0;padding:9.6vw 0}.top-news .wrapper{max-width:880px;padding:0 25px;padding:0 6.666vw;margin:0 auto}.top-news-title{font-family:din-2014,sans-serif;font-weight:900;font-style:normal;font-size:16px;font-size:4.266vw;line-height:1.6;letter-spacing:.1em;margin-bottom:1px;margin-bottom:.266vw}.top-news-article-list{margin-bottom:24px;margin-bottom:6.4vw}@media (min-width:480px){.top-news-title{font-size:20px}}@media (min-width:640px){.top-news-article-list{margin-bottom:40px}}@media (min-width:768px){.top-news{padding:80px 0}.top-news .wrapper{padding:0 40px}.top-news-title{font-size:20px;margin-bottom:2px}}#message-header-container{background-color:#4a91cb;padding:36px 0;padding:9.6vw 0;overflow:hidden}#message .wrapper{max-width:880px;padding:0 25px;padding:0 6.666vw;margin:0 auto}.message-header{height:163px;height:43.466vw;max-height:326px;padding:16px 0;padding:4.266vw 0;position:relative;z-index:1}.message-header:after{content:"";display:block;width:100%;max-width:822px;height:100%;max-height:326px;position:absolute;top:0;left:60px;left:16vw;z-index:-1;background:#fff url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/assets/img/message-header-image.jpg) no-repeat;background-position:right;background-size:cover}.message-header p{font-size:11px;font-size:2.933vw;line-height:1.8;letter-spacing:.1666em;font-weight:700}.message-header-title{text-align:left;margin-bottom:16px;margin-bottom:4.266vw}.message-header-title .en:after{width:22px;width:5.76923vw;right:auto;margin:0}.message-header-person{display:flex;align-items:center}.message-header-person-name{padding-left:14px;padding-left:3.846vw;font-size:13px;font-size:3.466vw}.message-prologue{margin-top:24px}.message-prologue-lead{font-size:16px;font-size:4.266vw;line-height:1.6;letter-spacing:.1em;font-weight:700;margin-bottom:4px;margin-bottom:1.066vw}.message-prologue-caption{font-size:12px;font-size:3.2vw;line-height:18px;line-height:1.625;letter-spacing:.1em}.message-prologue-btn-container{margin-top:17px;margin-top:4.615vw}@media (min-width:520px){.message-header:after{left:86px}.message-header p{font-size:15px}.message-header-title{margin-bottom:24px}.message-header-title .en:after{width:30px}.message-header-person-name{padding-left:20px;font-size:18px}.message-prologue-lead{font-size:22px;margin-bottom:6px}.message-prologue-caption{font-size:16px}.message-prologue-btn-container{margin-top:24px}}@media (min-width:768px){#message-header-container{padding:80px 0}#message .wrapper{padding:0 40px}.message-header{height:326px;padding:36px 0 0}.message-header:after{width:822px;height:326px}.message-header-title{margin-bottom:24px}.lead-title .en{margin-bottom:22px;padding-bottom:12px}.message-prologue{position:relative;margin-top:16px;z-index:2}.message-prologue-lead{letter-spacing:6px;margin-bottom:20px}}#message-body-container{height:0;overflow:hidden;opacity:0;-webkit-transition:height .4s,opacity .4s;transition:height .4s,opacity .4s}#message-body-container.open{opacity:1}#message #message-body{padding-top:72px;padding-top:19.2vw;padding-bottom:72px;padding-bottom:19.2vw}.message-body-rowgroup+.message-body-rowgroup{padding-top:72px;padding-top:19.2vw}.message-body-title{font-size:14px;font-size:3.733vw;line-height:1.6315789;letter-spacing:.157em;font-weight:700;min-height:71px;min-height:18.933vw;color:#4a91cb;border:solid 1px #4a91cb;padding:12px 18px;padding:3.2vw 4.8vw;display:flex;align-items:center;margin-bottom:23px;margin-bottom:6.133vw}.message-body-rowgroup p{font-size:12px;font-size:3.2vw;line-height:18px;line-height:1.625;letter-spacing:.1em}.message-body-rowgroup p+p{margin-top:1.5em}.message-body-img{margin:32px 0;margin:6.133vw 0}.message-body-rowgroup :last-child{margin-bottom:0}@media (min-width:520px){#message #message-body{padding-top:100px;padding-bottom:100px}.message-body-rowgroup+.message-body-rowgroup{padding-top:100px}.message-body-title{font-size:19px;line-height:31px;min-height:95px;padding:16px 24px;margin-bottom:32px}.message-body-rowgroup p{font-size:16px}.message-body-img{margin-top:32px;margin-bottom:32px}}#our-sdgs{padding:36px 0;padding:9.6vw 0;color:#4896d5}#our-sdgs .wrapper{max-width:880px;padding:0 25px;padding:0 6.666vw;margin:0 auto}.our-sdgs-title{text-align:center}.our-sdgs-title .en:after{border-color:#4896d5}.our-sdgs-lead{font-size:16px;font-size:4.266vw;line-height:1.4;letter-spacing:.1em;margin-right:.1em;font-weight:700;text-align:center;margin-top:18px;margin-top:4.6vw}.our-sdgs-colleges{padding-top:24px;padding-top:6.4vw;display:flex;justify-content:center;flex-wrap:wrap;gap:16px 26px;gap:4.266vw 6.933vw;text-align:center}.our-sdgs-colleges-row{max-width:226px;flex-basis:calc(calc(100% - 6.933vw) / 2)}.our-sdgs-colleges-row>a{display:block}.our-sdgs-colleges-row-img{display:block;overflow:hidden}.our-sdgs-colleges-row-img img{-webkit-transition:transform .2s;transition:transform .2s}.our-sdgs-colleges-row-name{display:block;padding-top:.7em;font-size:10px;font-size:2.666vw;line-height:1.5;font-weight:700;letter-spacing:.25em;margin-right:-.25em}.our-sdgs-colleges-row>a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (min-width:375px){.our-sdgs-lead{font-size:16px}}@media (min-width:520px){.our-sdgs-lead{font-size:18px;margin-top:24px}}@media (min-width:600px){.our-sdgs-colleges-row-name{font-size:16px}}@media (min-width:768px){#our-sdgs{padding:80px 0}#our-sdgs .wrapper{padding:0 40px}.our-sdgs-colleges{padding-top:48px;gap:30px 56px;gap:3.47826vw 6.0869vw}.our-sdgs-colleges-row{flex-basis:226px}}@media (min-width:920px){.our-sdgs-colleges{gap:30px 56px}}#pickup-contents{position:relative;padding:36px 0;padding:9.6vw 0}#pickup-contents:before,#pickup-contents:after,#pickup-contents-inner:before,#pickup-contents-inner:after{content:"";display:block;position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain;background-position:center;width:104px;width:27.65625vw;max-width:354px;height:118px;height:31.40625vw;max-height:402px;z-index:2}#pickup-contents:before{background-image:url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/assets/img/home-object-01.svg);top:0;left:0}#pickup-contents:after{background-image:url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/assets/img/home-object-02.svg);top:0;right:0}#pickup-contents-inner:before{background-image:url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/assets/img/home-object-03.svg);bottom:0;left:0}#pickup-contents-inner:after{background-image:url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/assets/img/home-object-04.svg);bottom:0;right:0}#pickup-contents .wrapper{padding:0 25px;padding:0 6.666vw;max-width:876px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:36px;gap:9.6vw}#pickup-contents .pickup{word-break:keep-all}.pickup-image{margin:24px auto 0 auto;margin-top:6.4vw}#pickup-contents .pickup{max-width:800px;width:100%;position:relative;z-index:1}#pickup-contents .pickup a{display:block;color:#4896d5;padding:20px 0;padding:5.333vw 0}#pickup-contents #pickup-01 a .pickup-image,#pickup-contents #pickup-03 a .pickup-image{max-width:624px}#pickup-contents #pickup-02 a{padding:0;background-color:#f1f095}#pickup-contents #pickup-02 a .pickup-image{margin-top:0}@media (min-width:520px){#pickup-contents .pickup a{padding:28px 0}.pickup-image{margin-top:33px}}@media (min-width:600px){#pickup-contents .wrapper{padding:0 40px}}@media (min-width:768px){#pickup-contents{padding:60px 0}#pickup-contents .wrapper{gap:80px}.pickup-image{margin-top:40px}#pickup-contents .pickup a{padding:40px 32px;-webkit-transition:background-color .2s;transition:background-color .2s}#pickup-contents #pickup-01 a .pickup-image,#pickup-contents #pickup-03 a .pickup-image{max-width:100%}#pickup-contents .pickup a:hover{background-color:#eee}#pickup-contents #pickup-02 a:hover{background-color:#efeb6f}}#home-banner{padding:36px 0;padding:9.6vw}#home-banner .wrapper{max-width:880px;padding:0 24px;padding:0 6.666vw;margin:0 auto}#home-banner-list{display:flex;flex-direction:column;align-items:center;gap:12px;gap:3.2vw}#home-banner-list li{width:188px;width:50vw;max-width:378px}#home-banner-list li a{display:block;border:solid 1px #ccc;overflow:hidden}#home-banner-list li a img{-webkit-transition:transform .2s;transition:transform .2s}#home-banner-list li a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}@media (min-width:768px){#home-banner{padding:80px 0}#home-banner .wrapper{max-width:880px;padding:0 40px;margin:0 auto}#home-banner-list{flex-direction:row;justify-content:center;gap:5%}#home-banner-list li{width:378px}}@media (min-width:880px){#home-banner-list{gap:40px}}.search-results .gsc-control-cse{padding:0 22px 32px;padding:0 5.866vw 8.533vw}@media (min-width:520px){.search-results .gsc-control-cse{padding:0 32px 44px}}@media (min-width:768px){.search-results .gsc-control-cse{padding:0 48px 72px}}#interview-header{padding:0 14px;padding:0 3.733vw;color:#4896d5;position:relative;padding-bottom:1px;padding-bottom:.266vw}#interview-header:after{content:"";display:block;height:3px;height:.8vw;width:calc(100% - 24px);width:calc(100% - 6.4vw);border-radius:3px;background-color:#4896d5;position:absolute;bottom:0;left:0;right:0;margin:0 auto;z-index:1}#interview-header-label{font-size:13px;font-size:3.466vw;line-height:1.5;letter-spacing:.25em;text-align:right;white-space:nowrap;padding:8px 0 5px;padding:2.133vw 0 1.333vw}#interview-header-label img{width:9px;width:2.4vw;vertical-align:middle;margin:0 5px 2px 2px;margin:0 1.333vw .533vw .533vw}#interview-header-title-container{display:flex;flex-direction:column;width:100%;padding-bottom:24px;padding-bottom:6.4vw}#interview-header-title{width:240px;width:64vw;max-width:474px}#interview-header-caption{font-size:12px;font-size:3.2vw;line-height:1.5;letter-spacing:.15em;font-weight:700;white-space:nowrap;margin:16px 0 0;margin-top:4.266vw;position:relative;display:flex;align-items:flex-start;justify-content:flex-end}#interview-header-caption:after{content:"";display:block;width:94px;width:25.0666vw;max-width:116px;height:133px;height:35.4666vw;max-height:164px;background:#fff url(//www-sdgs.hokkyodai.ac.jp/wp/wp-content/themes/hokkaido-education-university/assets/img/interview-person.png) left no-repeat;background-size:contain;margin:6px -6px -48px 0;margin:1.6vw -1.6vw -12.8vw 0;position:relative;z-index:2}@media (min-width:464px){#interview-header-caption:after{margin:8px -8px -62px 0}}@media (min-width:520px){#interview-header-label{font-size:18px;padding:11px 0 6px}#interview-header-label img{width:12px;margin:0 7px 3px 3px}#interview-header-title-container{padding-bottom:33px}#interview-header-title{width:240px;width:64vw}#interview-header-caption{font-size:17px;line-height:24px;margin-top:22px}}@media (min-width:625px){#interview-header{padding-bottom:2px}#interview-header:after{height:5px}}@media (min-width:768px){#interview-header{padding:0 26px}#interview-header:after{width:calc(100% - 50px)}#interview-header-label{font-size:20px;line-height:1.5}#interview-header-label img{width:13px}}@media (min-width:900px){#interview-header-title-container{flex-direction:row;align-items:flex-start;justify-content:space-between;padding-bottom:42px}#interview-header-title{width:auto;flex-basis:474px;height:120px;min-width:365px}#interview-header-title img{position:absolute;width:474px;height:120px}#interview-header-caption{margin:37px 0 0;align-items:flex-start}#interview-header-caption:after{margin-bottom:-76px}}#interview-results{display:flex;flex-wrap:wrap;justify-content:center;gap:48px 24px;padding:48px 24px}.interview-result-row{flex-basis:91%;flex-basis:204px}.interview-result-row>a{display:block;color:#4a91cb}.interview-result-image{margin-bottom:11px;margin-bottom:2.91666vw;overflow:hidden}.interview-result-title{font-size:12px;font-size:3.2vw;line-height:19px;line-height:5vw;letter-spacing:.05em;font-weight:700}.interview-result-lead{font-size:14px;font-size:3.75vw;line-height:19px;line-height:5vw;letter-spacing:.05em}.interview-result-description{margin-top:9px;margin-top:2.5vw;font-size:12px;font-size:3.2vw;line-height:19px;line-height:5vw;letter-spacing:.05em;text-align:justify}@media (min-width:480px){#interview-results{gap:48px 24px;gap:10vw 5vw;padding:48px 24px;padding:10vw 5vw}.interview-result-row{flex-basis:168px;flex-basis:35vw;max-width:204px}.interview-result-image{margin-bottom:14px}.interview-result-title{font-size:15px;line-height:24px}.interview-result-lead{font-size:18px;line-height:24px}.interview-result-description{margin-top:12px;font-size:15px;line-height:24px}}@media (min-width:768px){#interview-results{gap:72px 52px;padding:52px}.interview-result-row>a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}}#movie-header{padding:48px 0 0;padding-top:12.8vw}#movie-header-title-container{display:flex;flex-direction:column;align-items:center;background-color:#f1f095;padding:0 24px}#movie-header-title{width:111px;width:29.58333vw;max-width:142px;margin:-22px 0 0;margin-top:-5.833vw}#movie-header-caption{color:#4896d5;font-size:20px;font-size:5.20833vw;line-height:1.5;letter-spacing:.25em;text-align:center;white-space:nowrap;margin:113px -4px 19px 0;margin:3.333vw -1.04166vw 5vw 0}.movie-header-caption-firstline{display:inline-block;font-size:14px;font-size:3.75vw;line-height:1.5;position:relative;padding:0 6px 0 11px;padding:0 1.666vw 0 2.91666vw}.movie-header-caption-firstline:before,.movie-header-caption-firstline:after{content:"";display:block;width:2px;height:19px;height:5vw;background-color:#4896d5;position:absolute;top:0;bottom:0;margin:auto 0}.movie-header-caption-firstline:before{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);left:0}.movie-header-caption-firstline:after{-webkit-transform:rotate(30deg);transform:rotate(30deg);right:0}#movie-header-caption img{width:12px;width:3.333vw;vertical-align:middle;margin:0 .25em 3px 0;margin-bottom:.8333vw}@media (min-width:480px){#movie-header{padding-top:62px}#movie-header-title{width:142px;margin-top:-28px}#movie-header-caption{font-size:25px;margin:16px -5px 24px 0}.movie-header-caption-firstline{font-size:18px;padding:0 8px 0 14px}.movie-header-caption-firstline:before,.movie-header-caption-firstline:after{width:2px;height:24px}#movie-header-caption img{width:16px;margin-bottom:4px}}@media (min-width:768px){#movie-header{padding:103px 0 36px}#movie-header-title-container{flex-direction:row;justify-content:space-between;padding:0 48px}#movie-header-title{margin:-28px 0 -36px}#movie-header-caption{margin:0 -5px 0 0}}#movie-results{padding:50px 24px;padding-top:13.333vw;padding-bottom:13.333vw}.movie-result-row{max-width:498px;margin:0 auto}.movie-result-row+.movie-result-row{margin-top:50px;margin-top:13.333vw}.movie-result-main{width:270px;width:72vw;max-width:498px;height:152px;height:40.533vw;max-height:280px;position:relative;margin:0 auto}.movie-result-main iframe{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.movie-result-main img{width:100%}.movie-result-info{width:85%;max-width:350px;margin:0 auto}.movie-result-title{font-size:16px;font-size:4.166vw;line-height:1.4;margin:33px 0 14px;margin:8.75vw 0 3.75vw}.movie-result-description{font-size:12px;font-size:3.333vw;line-height:20px;line-height:5.41666vw;text-align:justify}@media (min-width:480px){#movie-results{padding-top:64px;padding-bottom:64px}.movie-result-row+.movie-result-row{margin-top:64px}.movie-result-title{font-size:20px;margin:42px 0 18px}.movie-result-description{font-size:16px;line-height:26px}}@media (min-width:768px){#movie-results{padding:64px 40px 100px}.movie-result-row+.movie-result-row{margin-top:76px}.movie-result-main{width:498px;height:280px}}#initiative-header{background-color:#4896d5;margin:-1px -1px 0;margin:-.266vw -.266vw 0;padding:40px 24px;padding:10.666vw 24px;overflow:hidden}#initiative-header-label{font-size:13px;font-size:3.541666vw;line-height:1.5;letter-spacing:.25em;font-weight:700;text-align:center;color:#fff;margin-right:-.25em}#initiative-header-title-container{display:flex;flex-direction:column;align-items:center;padding-top:34px;padding-top:9.1666vw}#initiative-header-title{max-width:226px;width:176px;width:47.0833vw}#initiative-header-subimage{width:105.41666vw;max-width:506px;margin-top:12px;margin-top:3.2vw}@media (min-width:480px){#initiative-header{padding:52px 24px}#initiative-header-label{font-size:17px}#initiative-header-title-container{padding-top:44px}#initiative-header-subimage{margin-top:16px}}@media (min-width:625px){#initiative-header{margin:-2px -2px 0}}@media (min-width:768px){#initiative-header{padding:64px 40px}#initiative-header-label br{display:none}}@media (min-width:940px){#initiative-header-label{text-align:right}#initiative-header{padding-top:28px;padding-bottom:80px}#initiative-header-title-container{flex-direction:row;justify-content:space-between;max-width:792px;margin-left:auto;margin-right:auto}#initiative-header-title{margin-right:40px}#initiative-header-subimage{margin:0}}#initiative-about{padding:48px 24px;padding-top:13.333vw;padding-bottom:13.333vw;display:flex;flex-direction:column;align-items:center}#initiative-about-title{position:relative;padding-bottom:5px;padding-bottom:1.25vw;margin-bottom:19px;margin-bottom:5vw;letter-spacing:.25em;font-weight:700}#initiative-about-title .large{font-size:39px;font-size:10.41666vw;margin-right:.25em}#initiative-about-title .small{font-size:23px;font-size:6.041666vw}#initiative-about-title:before{content:"";display:block;width:calc(100% - 0.25em);height:3px;height:.833vw;background-color:#000;position:absolute;left:0;bottom:0}#initiative-about-caption{display:flex;flex-direction:column;align-items:center;margin-bottom:-6px;margin-bottom:-1.666vw}#initiative-about-caption .ja{font-size:23px;font-size:6.25vw;letter-spacing:.2em;line-height:1.5;margin-right:-.2em}#initiative-about-caption .en{font-size:13px;font-size:3.333vw;letter-spacing:.05em;line-height:1.5;margin-right:-.05em}#initiative-about-detail{font-size:14px;font-size:3.75vw;line-height:23px;line-height:6.25vw;font-weight:700;padding:34px 0;padding:9.166vw 0;letter-spacing:.1em;text-align:justify}#initiative-about-detail br{display:none}#initiative-about-sdgs{width:100%}#initiative-about-sdgs-title{width:290px;width:60.4166vw;margin:0 auto 14px auto;margin-bottom:3.75vw}#initiative-about-sdgs-goals{max-width:520px;margin:0 auto;display:grid;justify-content:center;grid-template-columns:repeat(3,minmax(auto, 80px)
    );column-gap:6px;column-gap:1.6666vw;row-gap:6px;row-gap:1.6666vw}@media (min-width:480px){#initiative-about{padding-top:64px;padding-bottom:64px}#initiative-about-title{padding-bottom:6px;margin-bottom:24px}#initiative-about-title .large{font-size:50px}#initiative-about-title .small{font-size:29px}#initiative-about-title:before{height:4px}#initiative-about-caption{margin-bottom:-8px}#initiative-about-caption .ja{font-size:30px}#initiative-about-caption .en{font-size:16px}#initiative-about-detail{font-size:18px;line-height:30px;padding:44px 0}#initiative-about-sdgs-title{width:290px;margin-bottom:18px}#initiative-about-sdgs-goals{grid-template-columns:repeat(auto-fill,minmax(auto, 80px)
        );column-gap:8px;row-gap:8px}}@media (min-width:768px){#initiative-about{padding:100px 40px}#initiative-about-detail{text-align:center}#initiative-about-detail br{display:block}}#initiative-interview{max-width:792px;padding:0 24px;margin:0 auto}#initiative-interview-header{display:flex;flex-direction:column;align-items:center;border-top:solid 1px #000}#initiative-interview-header-title{width:91.48%;max-width:408px;padding-top:38px;padding-top:10vw;margin:0 auto -9px auto;margin-bottom:-3.2vw;position:relative;z-index:2}#initiative-interview-header-image{width:100%;max-width:446px;margin:0 auto;position:relative;z-index:1}#initiative-interview-body{padding:31px 0;padding:8.333vw 0;border-bottom:solid 1px #000}#initiative-interview-body-title{font-size:18px;font-size:4.7916vw;line-height:31px;line-height:8.333vw;letter-spacing:.2em}#initiative-interview-body-sentence{font-size:12px;font-size:3.333vw;line-height:20px;line-height:5.41666vw;letter-spacing:.1em;text-align:justify;margin:19px 0;margin:5vw 0}#initiative-interview-body-person{font-size:12px;font-size:3.333vw;line-height:20px;line-height:5.41666vw;letter-spacing:.2em;text-align:right;display:flex;justify-content:flex-end;align-items:flex-end;gap:9px;gap:2.5vw;font-weight:700}#initiative-interview-body-person span.large{font-size:14px;font-size:3.75vw;line-height:22px;line-height:5.8333vw}#initiative-interview-body-morelink{padding:34px 0 9px;padding:9.166vw 0 2.5vw}#initiative-interview-body-morelink a{display:block;font-size:10px;font-size:2.70833vw;line-height:16px;line-height:4.375vw;font-weight:700;text-align:center;width:56.25vw;max-width:270px;border:solid 1px #000;border-radius:4px;padding:11px;padding:2.29166vw;margin:0 auto}@media (min-width:480px){#initiative-interview-header-title{padding-top:48px}#initiative-interview-header-image img{width:100%;height:100%;object-fit:cover}#initiative-interview-body{padding:40px 0}#initiative-interview-body-title{font-size:23px;line-height:40px}#initiative-interview-body-sentence{font-size:16px;line-height:26px;margin:24px 0}#initiative-interview-body-person{font-size:16px;line-height:26px;letter-spacing:.2em;text-align:right;display:flex;justify-content:flex-end;align-items:flex-end;gap:12px;font-weight:700}#initiative-interview-body-person span.large{font-size:18px;line-height:28px}#initiative-interview-body-morelink{padding:44px 0 12px}#initiative-interview-body-morelink a{font-size:13px;line-height:21px;border-radius:4px;padding:11px}}@media (min-width:582px){#initiative-interview-header-title{margin-bottom:-19px}}@media (min-width:768px){#initiative-interview{padding:0 40px}#initiative-interview-header{flex-direction:row;position:relative;height:260px}#initiative-interview-header-title{width:408px;padding-top:0;margin:8px 0 0}#initiative-interview-header-image{width:446px;width:62.7%;height:100%;position:absolute;right:0;top:0;bottom:0;margin:auto 0}#initiative-interview-header-image img{width:100%;height:100%;object-fit:cover;object-position:left}#initiative-interview-body-morelink a{-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s}#initiative-interview-body-morelink a:hover{background-color:#000;color:#fff}}#initiative-other{padding:50px 24px;padding-top:13.333vw;padding-bottom:13.333vw}.initiative-other-row{display:flex;flex-direction:column;align-items:center}.initiative-other-row+.initiative-other-row{margin-top:44px;margin-top:11.733vw}.initiative-other-row-title{font-size:17px;font-size:4.58333vw;line-height:25px;line-height:6.666vw;letter-spacing:.2em;text-align:center;padding:14px 30px;padding:3.75vw 8vw;margin:2px 2px 12px;margin:.625vw .625vw 3.75vw;position:relative;color:#fff}.initiative-other-row-title:before,.initiative-other-row-title:after{content:"";display:block;width:calc(100% - 0.25em);height:100%;position:absolute}.initiative-other-row-title:before{background-color:#4a91cb;z-index:-2;top:2px;top:.625vw;left:2px;left:.625vw}.initiative-other-row-title:after{border:solid 1px #000;z-index:-1;top:-2px;top:-.625vw;left:-2px;left:-.625vw}.initiative-other-row-caption{font-size:16px;font-size:4.166vw;line-height:24px;line-height:6.25vw;letter-spacing:.15em;padding:14px 0;padding:3.75vw 0}.initiative-other-row-year{font-size:12px;font-size:3.125vw;line-height:18px;line-height:4.791666vw;letter-spacing:.05em;margin-bottom:1.5em}.initiative-other-row-detail{font-size:13px;font-size:3.333vw;line-height:23px;line-height:6.041666vw;letter-spacing:.05em;text-align:justify}.initiative-other-row-detail br.pc-only{display:none}.initiative-other-row-banner{font-size:13px;font-size:3.333vw;font-weight:700;line-height:1.5;text-align:center;margin:2.5em auto 0 auto}.initiative-other-row-banner a{display:block;margin-top:.5em;max-width:400px}.initiative-other-row-banner a img{width:100%;height:auto}@media (min-width:480px){#initiative-other{padding-top:64px;padding-bottom:64px}.initiative-other-row+.initiative-other-row{margin-top:56px}.initiative-other-row-title{font-size:22px;line-height:32px;padding:18px 38px;margin:3px 3px 15px}.initiative-other-row-title:before{top:3px;left:3px}.initiative-other-row-title:after{top:-3px;left:-3px}.initiative-other-row-caption{font-size:20px;line-height:30px;padding:18px 0}.initiative-other-row-year{font-size:15px;line-height:23px}.initiative-other-row-detail{font-size:16px;line-height:29px}.initiative-other-row-banner{font-size:16px}}@media (min-width:768px){#initiative-other{padding:100px 40px}.initiative-other-row+.initiative-other-row{margin-top:92px}.initiative-other-row-title{padding:18px 52px}.initiative-other-row-title br.sp-only{display:none}.initiative-other-row-detail{text-align:center}.initiative-other-row-detail br.pc-only{display:block}.initiative-other-row-banner{margin-top:6em}.initiative-other-row-banner br.sp-only{display:none}}#initiative-other-campus-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;gap:3.2vw;margin-top:44px;margin-top:11.7333vw}#initiative-other-campus-list li{flex-basis:45vw;max-width:216px}#initiative-other-campus-list li a{display:flex;align-items:center;background-color:#4a91cb;color:#fff}.initiative-other-campus-list-image{width:64px;width:17.08333vw;max-width:82px}.initiative-other-campus-list-name{flex-grow:2;font-size:10px;font-size:2.70833vw;letter-spacing:.25em;white-space:nowrap;text-align:center}@media (min-width:480px){#initiative-other-campus-list{gap:16px;margin-top:56px}.initiative-other-campus-list-name{font-size:13px}}@media (min-width:768px){#initiative-other-campus-list{gap:36px 28px;margin-top:92px}.initiative-other-campus-list-image{overflow:hidden}.initiative-other-campus-list-image img{-webkit-transition:.2s;transition:.2s}#initiative-other-campus-list li a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}}