@charset "UTF-8";html{overflow-x:hidden}body{position:relative;min-height:100vh;font-size:clamp(13px, 11.0769230769px + 0.5128205128vw, 16px);overflow-x:clip}:root{--main-color:#3977b5;--accent-color:#f7cf46;--hover-color:#2b4b70;--color-light-blue:#f0f3f8;--color-white:#fff;--color-black:#111;--color-gray:#e5e5e5}.header{position:sticky;top:0;left:0;width:100%;z-index:9999;background:var(--color-white)}.header_inner{height:100%;padding:15px 10px}.header_content{display:flex;justify-content:space-between;align-items:center;gap:50px;height:100%}.headerTitle{width:calc(100% - 10vw)}.headerTitle a{display:flex;align-items:center;gap:1em;color:var(--main-color);text-decoration:none}.headerTitle_logo{flex-shrink:0}.headerTitle_logo img{width:100%;max-width:clamp(60px, 2.3076923077px + 15.3846153846vw, 150px)}.headerTitle_text p{font-size:clamp(18px, 14.1538461538px + 1.0256410256vw, 24px);font-weight:600;line-height:1.2}.headerTitle_text p span{display:block;font-size:clamp(10px, 7.4358974359px + 0.6837606838vw, 14px);letter-spacing:.25em}.headerTitle_text.en p{font-size:clamp(14px, 7.5897435897px + 1.7094017094vw, 24px)}.headerTitle_text.en p span{font-size:clamp(10px, 8.7179487179px + 0.3418803419vw, 12px);letter-spacing:.1em}.headerLang{display:none}.headerNav{position:absolute;top:0;left:100%;width:100vw;height:100vh;transition:all .3s ease;background-color:var(--main-color);padding-top:90px}.headerNav-open{left:0}.headerNav_list{list-style:none;margin:0;padding:0 20px}.headerNav_item{position:relative;margin:0;font-weight:600;color:var(--color-white);border-bottom:1px solid var(--color-white)}.headerNav_item:not(:has(a)){padding:.5em 1em}.headerNav_item a{display:block;text-decoration:none;color:inherit;transition:all .3s ease;padding:1em}.headerNav_item a:after{content:attr(data-text);display:block;font-weight:100}.headerNav_lang{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;width:100%;max-width:30rem;margin:2rem auto 0;background:var(--color-white)}.headerNav_lang .link{width:3.5rem;height:3.5rem;margin:0;background:0 0}.headerNav_lang .link a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--main-color);color:#fff;font-size:1.4rem;font-weight:500;text-decoration:none;border-radius:50vh;transition:all .3s ease}.headerNav_lang .link a:hover{background:var(--hover-color)}.headerNav_lang .link.current a{background:var(--accent-color)}.toggleButton{position:fixed;top:1.5rem;right:1rem;width:3.2rem;height:3.2rem;display:flex;align-items:flex-end;aspect-ratio:1;justify-content:center;background:var(--main-color);border:none;transition:.5s;z-index:10000;flex-shrink:0;border-radius:50vh}.toggleButton span,.toggleButton:before,.toggleButton:after{position:absolute;height:1px;width:15px;background:var(--color-white);transition:.5s}.toggleButton span{top:50%;transform:translateY(-50%)}.toggleButton:before{content:"";top:50%;transform:translate(0,calc(-50% - 5.5px))}.toggleButton:after{content:"";top:50%;transform:translate(0,calc(-50% + 5.5px))}.toggleButton-open span{opacity:0}.toggleButton-open:before{transform:translateY(-50%) rotate(45deg)}.toggleButton-open:after{transform:translateY(-50%) rotate(-45deg)}.con_bg{overflow-x:clip}.con_bg .con{padding:0 3rem}.con_bg .con .main{margin-bottom:30px}.footer{position:sticky;top:100%;background-color:var(--main-color)}.footer_inner{padding:2rem 1rem}@media screen and (min-width:769px) and (max-width:960px){.footer_content{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}}@media screen and (min-width:521px) and (max-width:768px){.footer_content{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}}@media screen and (max-width:520px){.footer_content{display:flex;flex-direction:column;align-items:center;gap:20px}}@media screen and (max-width:520px){.footer .col1{text-align:center}}@media screen and (min-width:769px) and (max-width:960px){.footerTitle{display:flex;align-items:center;gap:.5em}}@media screen and (min-width:521px) and (max-width:768px){.footerTitle{display:flex;align-items:center;gap:.5em}}.footerTitle_text p{margin:0;color:var(--color-white);font-size:clamp(12px, 9.4358974359px + 0.6837606838vw, 16px);font-weight:300;line-height:1.5}.footerTitle_text p span{display:block;font-size:clamp(16px, 10.8717948718px + 1.3675213675vw, 24px);font-weight:700}.footerAddress p{margin-top:1rem;color:var(--color-white);font-size:clamp(12px, 9.4358974359px + 0.6837606838vw, 16px);font-weight:300}.footerCopy_text{margin:0;color:var(--color-white);font-size:1.3rem;font-weight:300}.pt{cursor:pointer;position:fixed;right:clamp(15px, 5.3846153846px + 2.5641025641vw, 30px);bottom:clamp(15px, 5.3846153846px + 2.5641025641vw, 30px);z-index:100;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--main-color);border:2px solid #fff;border-radius:50%;transition:all .3s ease}.pt:hover{background:var(--hover-color)}.pt .pt_btn{cursor:pointer;position:relative;display:block;width:16px;height:16px;background-color:#fff;clip-path:polygon(50% 0%,0% 16px,16px 16px)}.pager{margin-top:2.8em}.pager .pager_list{display:flex;flex-wrap:wrap;justify-content:center;gap:1em}.pager .pager_list .page-numbers{display:block;border:1px solid var(--main-color);padding:.5em 1em;border-radius:5px;transition:.3s;text-decoration:none}.pager .pager_list .page-numbers:hover{background:var(--main-color);color:var(--color-white);opacity:1}.pager .pager_list .page-numbers.current{background:var(--main-color);color:var(--color-white)}.view_more{width:23rem;height:3.5rem;margin-top:5rem;margin-inline:auto}.view_more a{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--color-white);color:var(--main-color);font-size:1.4rem;font-weight:700;text-decoration:none;border:1px solid var(--main-color);border-radius:50vh;transition:all .3s ease}.view_more a:after{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);content:"";display:inline-block;width:8.7px;height:10px;background:var(--main-color);clip-path:polygon(0 0,0 100%,100% 50%);transition:all .3s ease}.view_more a:hover{background:var(--main-color);color:#fff}.view_more a:hover:after{background:#fff}.index_main{order:1;width:100%}.about{padding-top:7.5rem;padding-bottom:clamp(50px, 11.5384615385px + 10.2564102564vw, 110px)}.about h2{position:relative;margin-bottom:5rem;color:var(--main-color);font-size:clamp(18px, 10.3076923077px + 2.0512820513vw, 30px);font-weight:700;text-align:center}.about h2:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;content:attr(data-subTitle);color:var(--color-light-blue);font-size:clamp(54px, 30.9230769231px + 6.1538461538vw, 90px);font-weight:700;pointer-events:none}.about .explanation p{font-size:clamp(13px, 11.0769230769px + 0.5128205128vw, 16px)}.news{position:relative}.news h2{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem 1rem;line-height:1;border-bottom:1px solid var(--main-color)}.news h2:before{content:"";display:block;width:28px;height:24px;background:url(//www.l.u-tokyo.ac.jp/international-humanities/wp-content/themes/international-humanities/css/../images/icon_news.png) no-repeat center;background-size:contain}.news h2 span{display:flex;align-items:center;gap:1rem;color:var(--main-color);font-size:clamp(13px, 9.7948717949px + 0.8547008547vw, 18px);font-weight:700}.news h2 span:before{content:attr(data-subTitle);display:block;font-size:clamp(20px, 13.5897435897px + 1.7094017094vw, 30px);font-weight:700}.newsList{margin-bottom:clamp(30px, -27.6923076923px + 15.3846153846vw, 120px)}.newsList_list{width:100%;list-style:none;margin:0}.newsList_list article{display:flex;flex-direction:column;gap:1em;width:100%;margin:0;padding:2rem 1.5rem;border-bottom:1px solid var(--color-gray)}.newsList_list article .row01{display:flex;align-items:center;gap:1em}.newsList_list article .row01 time{font-size:clamp(13px, 11.0769230769px + 0.5128205128vw, 16px)}.newsList_list article .row01 .category{margin:0;padding:.3rem 3em;background-color:var(--main-color);color:var(--color-white);font-size:clamp(10px, 8.0769230769px + 0.5128205128vw, 13px);font-weight:500}.newsList_list article .row02 .title{position:relative;margin:0;font-size:clamp(13px, 11.0769230769px + 0.5128205128vw, 16px)}.newsList_list article .row02 .title a{position:relative;display:inline-block;text-decoration:none;transition:all .3s ease}.newsList_list article .row02 .title a:before{position:absolute;bottom:-2px;left:0;content:"";width:100%;height:1px;background:var(--main-color);transition:all .3s;transform:scale(0,1);transform-origin:left top}.newsList_list article .row02 .title a:hover{color:var(--main-color)}.newsList_list article .row02 .title a:hover:before{transform:scale(1,1)}.newsList_list article .row02 .title.news_link:after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:"";display:block;width:clamp(16px, 13.4358974359px + 0.6837606838vw, 20px);height:clamp(10px, 7.4358974359px + 0.6837606838vw, 14px);background:url(//www.l.u-tokyo.ac.jp/international-humanities/wp-content/themes/international-humanities/css/../images/icon_arrow_blue.png) no-repeat center center;background-size:contain}.newsList_list.index{overflow-y:auto;max-height:330px}.newsList_list.index li:first-child{border-top:1px solid var(--color-gray)}@media screen and (min-width:769px) and (max-width:960px){.news .view_all{position:absolute;top:2rem;right:0}.news .view_all a{position:relative;display:flex;align-items:center;gap:1rem;color:var(--main-color);font-size:1.4rem;font-weight:700;text-decoration:none !important;transition:all .3s ease}.news .view_all a:after{content:"";display:inline-block;width:10.4px;height:12px;background:var(--main-color);clip-path:polygon(0 0,0 100%,100% 50%);transition:all .3s ease}.news .view_all a:hover{color:var(--hover-color)}.news .view_all a:hover:after{background:var(--hover-color)}}@media screen and (min-width:521px) and (max-width:768px){.news .view_all{position:absolute;top:2rem;right:0}.news .view_all a{position:relative;display:flex;align-items:center;gap:1rem;color:var(--main-color);font-size:1.4rem;font-weight:700;text-decoration:none !important;transition:all .3s ease}.news .view_all a:after{content:"";display:inline-block;width:10.4px;height:12px;background:var(--main-color);clip-path:polygon(0 0,0 100%,100% 50%);transition:all .3s ease}.news .view_all a:hover{color:var(--hover-color)}.news .view_all a:hover:after{background:var(--hover-color)}}@media screen and (max-width:520px){.news .view_all{width:23rem;height:3.5rem;margin-top:5rem;margin-bottom:6.5rem;margin-inline:auto}.news .view_all a{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:var(--main-color);font-size:1.4rem;font-weight:700;border:1px solid var(--main-color);border-radius:50vh;text-decoration:none !important;transition:all .3s ease}.news .view_all a:after{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);content:"";display:inline-block;width:8.7px;height:10px;background:var(--main-color);clip-path:polygon(0 0,0 100%,100% 50%);transition:all .3s ease}.news .view_all a:hover{background:var(--main-color);color:#fff}.news .view_all a:hover:after{background:#fff}}.link{width:100vw;margin:0 calc(50% - 50vw);background:var(--color-light-blue)}.linkList{display:flex;justify-content:center;gap:6rem;padding:4rem 3rem}@media screen and (max-width:520px){.linkList{flex-direction:column;gap:2rem}}.linkList a{transition:all .3s ease}.linkList a:hover{opacity:.7}.page{padding-bottom:11rem}.pageTitle{padding-top:clamp(35px, 9.358974359px + 6.8376068376vw, 75px);padding-bottom:clamp(50px, 11.5384615385px + 10.2564102564vw, 110px)}.pageTitle h1{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:clamp(15px, 8.5897435897px + 1.7094017094vw, 25px);color:var(--main-color);font-size:clamp(22px, 18.1538461538px + 1.0256410256vw, 28px);font-weight:700}.pageTitle h1:before{position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:"";width:9rem;height:clamp(3px, 1.7179487179px + 0.3418803419vw, 5px);background:var(--accent-color)}.pageTitle h1:after{content:attr(data-subTitle);display:block;font-size:clamp(14px, 11.4358974359px + 0.6837606838vw, 18px);font-weight:300}.page_inner{padding:0 3rem}.page_main{flex:1}.page_main .date{display:flex;align-items:center;gap:1em;margin-bottom:2em}.page_main .date time{color:var(--main-color);font-size:clamp(13px, 11.0769230769px + 0.5128205128vw, 16px);font-weight:700}.page_main .date .category{font-size:clamp(13px, 11.0769230769px + 0.5128205128vw, 16px);background-color:var(--main-color);color:var(--color-white);margin:0;padding:0 3em}.page h2{position:relative;margin-top:4rem;margin-bottom:3rem;padding-left:clamp(15px, 11.7948717949px + 0.8547008547vw, 20px);color:var(--main-color);font-size:clamp(16px, 10.8717948718px + 1.3675213675vw, 24px);font-weight:700}.page h2:first-of-type{margin-top:0}.page h2:before{position:absolute;top:0;left:0;content:"";display:block;width:.5rem;height:clamp(30px, 23.5897435897px + 1.7094017094vw, 40px);background:var(--main-color)}.page h3{position:relative;margin-top:4rem;margin-bottom:3rem;padding-left:2rem;font-size:clamp(15px, 11.7948717949px + 0.8547008547vw, 20px);font-weight:600}.page h3:before{position:absolute;top:.2rem;left:0;content:"";display:block;width:.5rem;height:3rem;background:var(--hover-color)}.page h4{position:relative;margin-top:4rem;margin-bottom:3rem;padding-left:3rem;font-size:clamp(16px, 14.7179487179px + 0.3418803419vw, 18px);font-weight:600}.page h4:before{position:absolute;top:1.45rem;left:0;content:"";display:block;width:2rem;height:.2rem;background:var(--hover-color)}.page h5{font-size:1.2rem;margin-bottom:5px;margin-top:5px}.page h6{font-size:1.1rem;margin-bottom:5px;margin-top:5px}.page hr{border:none;border-top:1px dotted var(--color-black)}.page iframe{max-width:100%;aspect-ratio:16/9}.page img{max-width:100%;height:auto}.page p{margin-bottom:1em}.eventsList{margin-bottom:clamp(30px, -27.6923076923px + 15.3846153846vw, 120px)}.eventsList_list{display:flex;flex-direction:column;gap:6rem;width:100%}.eventsList_list article{display:flex;flex-direction:column;gap:.5em;width:100%;margin:0}.eventsList_list article .eventsList_contents{padding:3rem;background:var(--color-light-blue)}.eventsList_list article .row01{display:flex;justify-content:flex-end;align-items:center;gap:1em;margin-bottom:2rem}.eventsList_list article .row01 .category{margin:0;padding:.3rem 3em;background-color:var(--main-color);color:var(--color-white);font-size:clamp(10px, 8.0769230769px + 0.5128205128vw, 13px);font-weight:500}.blogList{margin-bottom:clamp(30px, -27.6923076923px + 15.3846153846vw, 120px)}.blogList_list{display:flex;flex-direction:column;gap:6rem;width:100%}.blogList_list article{display:flex;flex-direction:column;gap:.5em;width:100%;margin:0}.blogList_list article .blogList_contents{padding:3rem;background:var(--color-light-blue)}.blogList_list article .row01{display:flex;justify-content:flex-end;align-items:center;gap:1em;margin-bottom:2rem}.blogList_list article .row01 time{font-size:clamp(13px, 11.0769230769px + 0.5128205128vw, 16px)}.blogList_list article .row01 .category{margin:0;padding:.3rem 3em;background-color:var(--main-color);color:var(--color-white);font-size:clamp(10px, 8.0769230769px + 0.5128205128vw, 13px);font-weight:500}.blogList_list article .row02 .title{position:relative;margin:0}.blogList_list article .row02 .title a{position:relative;display:inline-block;text-decoration:none;transition:all .3s ease}.blogList_list article .row02 .title a:before{position:absolute;bottom:-2px;left:0;content:"";width:100%;height:1px;background:var(--main-color);transition:all .3s;transform:scale(0,1);transform-origin:left top}.blogList_list article .row02 .title a:hover{color:var(--main-color)}.blogList_list article .row02 .title a:hover:before{transform:scale(1,1)}