@charset "UTF-8";html{overflow-x:hidden}body{min-height:100vh;overflow-x:clip}.w_base{width:100%;max-width:1100px;margin:0 auto;padding:0 10px}: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:120px;padding:10px}.header_content{display:flex;justify-content:space-between;align-items:center;gap:50px;height:100%}.headerTitle a{display:flex;align-items:center;gap:1em;color:var(--main-color);text-decoration:none}.headerTitle_logo img{width:100%;max-width:150px}.headerTitle_text p{font-size:2.4rem;font-weight:600;line-height:1.3}.headerTitle_text p span{display:block;font-size:1.4rem;letter-spacing:.25em}.headerTitle_text.en p{font-size:2.4rem;font-weight:600;line-height:1.3}.headerTitle_text.en p span{font-size:clamp(10px, -22.3025210084px + 3.3613445378vw, 14px);letter-spacing:.05em}.headerLang{display:flex;align-items:center;gap:1rem}.headerLang_link{width:3.5rem;height:3.5rem}.headerLang_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}.headerLang_link a:hover{background:var(--hover-color)}.headerLang_link.current a{background:var(--accent-color)}.headerNav{height:80px;background:var(--main-color)}.headerNav_list{display:flex;height:100%;list-style:none}.headerNav_item{position:relative;flex-grow:1;flex-shrink:0;text-align:center;font-weight:600;border-right:1px solid var(--color-light-blue)}.headerNav_item a{display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 1em;text-decoration:none;color:var(--color-white);transition:all .3s ease}.headerNav_item a:after{content:attr(data-text);display:block;font-size:1.4rem;font-weight:100}.headerNav_item:first-child{border-left:1px solid var(--color-light-blue)}.headerNav_item:first-child a:after{content:"";display:block;width:15px;height:14px;margin-top:.5rem;margin-inline:auto;background:url(//www.l.u-tokyo.ac.jp/international-humanities/wp-content/themes/international-humanities/css/../images/icon_home.png) no-repeat center center;background-size:contain}.headerNav_item.current a,.headerNav_item:hover a{background:var(--hover-color)}.headerNav_lang{display:none}.toggleButton{display:none}.con_bg{overflow-x:clip}.con_bg .con .main{order:1;width:100%}.footer{position:sticky;top:100%;background-color:var(--main-color)}.footer_inner{padding-top:4rem;padding-bottom:4rem}.footer_content{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.footerTitle{display:flex;align-items:center;gap:.5em}.footerTitle_text p{margin:0;color:var(--color-white);font-size:1.6rem;font-weight:300;line-height:1.5}.footerTitle_text p span{display:block;font-size:2.4rem;font-weight:700}.footerAddress p{margin-top:1rem;color:var(--color-white);font-weight:300}.footerCopy_text{margin:0;color:var(--color-white);font-size:1.3rem;font-weight:300}.mainvisual{position:relative;width:100%;height:auto}.mainvisual img{width:100% !important;height:auto !important}.pt{cursor:pointer;position:fixed;right:30px;bottom:30px;z-index:100;display:flex;align-items:center;justify-content:center;width:60px;height:60px;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:11rem}.about h2{position:relative;margin-bottom:5rem;color:var(--main-color);font-size:3rem;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:9rem;font-weight:700;pointer-events:none}.news{position:relative}.news h2{display:flex;align-items:flex-end;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:1.8rem;font-weight:700}.news h2 span:before{content:attr(data-subTitle);display:block;font-size:3rem;font-weight:700}.newsList{margin-bottom:12rem}.newsList_list{width:100%;list-style:none;margin:0}.newsList_list article{display:flex;flex-direction:column;gap:.5em;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 .category{margin:0;padding:0 3em;background-color:var(--main-color);color:var(--color-white);font-size:1.3rem;font-weight:500}.newsList_list article .row02 .title{position:relative;margin:0}.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:20px;height: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)}.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;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)}.link{width:100vw;margin:0 calc(50% - 50vw);background:var(--color-light-blue)}.linkList{display:flex;justify-content:center;gap:6rem;padding-top:4rem;padding-bottom:4rem}.linkList a{transition:all .3s ease}.linkList a:hover{opacity:.7}.page{padding-bottom:11rem}.pageTitle{padding-top:7.5rem;padding-bottom:11rem}.pageTitle h1{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:2.5rem;color:var(--main-color);font-size:2.8rem;font-weight:700}.pageTitle h1:before{position:absolute;bottom:0;left:50%;transform:translateX(-50%);content:"";width:9rem;height:.5rem;background:var(--accent-color)}.pageTitle h1:after{content:attr(data-subTitle);display:block;font-size:1.8rem;font-weight:300}.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-weight:700}.page_main .date .category{font-size:1.3rem;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:2rem;color:var(--main-color);font-size:2.4rem;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:4rem;background:var(--main-color)}.page h3{position:relative;margin-top:4rem;margin-bottom:3rem;padding-left:2rem;font-size:2rem;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:1.8rem;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:12rem}.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:0 3em;background-color:var(--main-color);color:var(--color-white);font-size:1.3rem;font-weight:500}.blogList{margin-bottom:12rem}.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 .category{margin:0;padding:0 3em;background-color:var(--main-color);color:var(--color-white);font-size:1.3rem;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)}