body{background-color:#000;position:relative}#header{background-color:rgba(0,0,0,.8);box-shadow:0 0 0;left:0;min-width:auto;position:fixed;top:0;width:100%;z-index:1000}#header.subpage{background-color:#000}#header header{margin:0 auto;max-width:1440px;position:relative;width:100%}#header header .header_mark{position:absolute;right:0;top:100%}#header header .header_mark p{padding:10px 15px 0 0}#header header .inner{display:flex;justify-content:space-between;position:relative;width:100%}#header header .inner .header_logo{float:left;margin:6px 10px 0;width:260px}#header header .inner .header_logo p{display:inline-block;width:260px}#header header .inner .header_logo p img{display:inline-block;height:27px;margin-right:5%;width:auto}#header header .inner .header_menu{float:right;width:90%}#header header .inner .header_menu nav{align-items:center;display:flex;justify-content:right}#header header .inner .header_menu nav ul.menu_links{cursor:pointer;display:flex}#header header .inner .header_menu nav ul.menu_links>li{position:relative;text-align:center;width:120px}#header header .inner .header_menu nav ul.menu_links>li.open{background-color:#333}#header header .inner .header_menu nav ul.menu_links>li>a,#header header .inner .header_menu nav ul.menu_links>li>span{align-items:center;border-left:2px solid #4c4c4c;box-sizing:content-box;color:#fff;display:flex;height:40px;justify-content:center;width:100%}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links{background:#333;display:none;position:absolute;top:100%;width:160%;z-index:100}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links.pcopen{display:block}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links p{border-top:2px solid #4c4c4c;display:block;text-align:left}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links p a:hover{background:#666}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>.submenu_links3>p>a,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p.hassub3,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p>a,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>p.hassub2,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>p>a{color:#fff;display:block;height:100%;padding:10px 1em;width:100%}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p.hassub3,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>p.hassub2{position:relative}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p.hassub3:after,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>p.hassub2:after{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/arrow.svg);background-position:100%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:1em;position:absolute;right:7.5%;top:40%;width:1em}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p.hassub3,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p>a{padding:10px 1.5em}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>.submenu_links3>p>a{padding:10px 2em}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2.close,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>.submenu_links3.close{display:none}#header header .inner .header_menu nav div.menu_tools{align-items:center;border-left:2px solid #555;box-sizing:content-box;display:flex;height:40px;justify-content:center;position:relative;width:140px}#header header .inner .header_menu nav div.menu_tools>.submenu_form{background-color:#333;color:#fff;display:none;opacity:0;padding:15px;position:absolute;right:0;top:100%;width:420px;z-index:1000}#header header .inner .header_menu nav div.menu_tools>p{text-align:center;width:50%}#header header .inner .header_menu nav div.menu_tools>p.location{text-align:right}#header header .inner .header_menu nav div.menu_tools>p.search a{display:block;width:100%}#header header .inner .header_menu nav div.menu_tools>p.search a>span{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/search.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:20px;margin:4px auto 0;width:20px}#header header .inner .header_menu nav div.menu_tools>p.search a.open>span{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/menu_close.svg)}#header header .inner .header_menu nav div.menu_tools>p>a{color:#fff}#header header .inner .header_menu nav div.menu_tools .header_search{border-bottom:2px solid #666!important;margin:0 auto;width:95%}#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box,#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box .gsc-input{width:100%}#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box .gsc-input .gsc-input-box{background:transparent!important;border:0}#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box .gsc-input td input{background:transparent!important;color:#fff}#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box td.gsc-search-button{border:0;border-radius:40%}#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box td.gsc-search-button button{background-color:#fff;border:0;border-radius:15px;color:#000;font-size:12px}#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box td.gsc-search-button button svg{display:none}#header header .inner{color:#fff;color:#595959;font-size:12px}#header header .inner .header_menu nav div.menu_tools>p.location,#header header .inner a{color:#fff;font-size:12px}#header header .inner .header_menu nav div.menu_tools>p.location a{color:#595959;font-size:12px}#header header .inner a:hover{opacity:.8}@media screen and (max-width:1260px) and (min-width:901px){#header header .inner .header_menu nav ul.menu_links>li{width:70px}#header header .inner .header_menu nav ul.menu_links>li.wide{width:90px}#header header .inner .header_menu nav div.menu_tools{border-left:1px solid #555;width:90px}#header header .inner,#header header .inner a{font-size:10px}}@media screen and (max-width:900px) and (min-width:768px){#header header .inner .header_menu nav ul.menu_links>li{width:60px}#header header .inner .header_menu nav ul.menu_links>li.wide{width:90px}#header header .inner .header_menu nav div.menu_tools{border-left:1px solid #555;width:90px}#header header .inner,#header header .inner a{font-size:10px}}@media screen and (max-width:767px){#header header .inner{background-color:#000;display:flex;height:14vw;justify-content:space-between;position:relative}#header header .inner .header_logo{float:left;margin:4vw 0 0;width:60%}#header header .inner .header_logo p{display:inline-block;width:100%}#header header .inner .header_logo p img{display:inline;height:5.5vw;margin:0 3%;width:auto}#header header .inner .spheader{margin:0 4%;width:30%}#header header .inner .spheader>div{align-items:center;display:flex;justify-content:space-between;width:100%}#header header .inner .spheader .location{color:#fff;display:inline-block;font-size:4vw;font-weight:700;height:100%;width:100%}#header header .inner .spheader .location a{color:#595959;font-size:4vw;font-weight:700}#header header .inner .spheader .header_button{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/menu_open.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:8vw;margin:3vw 0;width:8vw}#header header .inner .spheader .header_button.open{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/menu_close.svg)}#header header .inner .header_menu{background-color:#111;float:auto;height:93vh;overflow-x:hidden;overflow-y:auto;position:fixed;top:14vw;width:100%;z-index:100}#header header .inner .header_menu nav{display:block}#header header .inner .header_menu nav ul.menu_links{background:#111;display:block}#header header .inner .header_menu nav ul.menu_links>li{border-top:2px solid #4c4c4c;position:relative;text-align:left;width:100%}#header header .inner .header_menu nav ul.menu_links>li:last-child{border-bottom:2px solid #4c4c4c}#header header .inner .header_menu nav ul.menu_links>li.open{background-color:#333}#header header .inner .header_menu nav ul.menu_links>li>a,#header header .inner .header_menu nav ul.menu_links>li>span{background:#111;border-left:0;border-top:0;box-sizing:content-box;color:#fff;display:block;height:auto;padding:6vw 2em;position:relative;width:100vw}#header header .inner .header_menu nav ul.menu_links>li.hassub span:after{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/arrow.svg);background-position:0;background-repeat:no-repeat;background-size:12%;content:"";display:block;height:100%;left:80%;position:absolute;top:0;width:27.5vw}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links{background:#333;display:none;position:relative;top:100%;width:160%;z-index:100}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links.pcopen{display:none}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links p{border-top:2px solid #4c4c4c;display:block;text-align:left}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>.submenu_links3>p>a,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p.hassub3,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p>a,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>p.hassub2,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>p>a{display:block;height:100%;padding:6vw 4em;width:100%}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p.hassub3:after,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>p.hassub2:after{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/arrow.svg);background-position:0;background-repeat:no-repeat;background-size:12%;content:"";display:block;height:100%;left:58%;position:absolute;top:0;width:27.5vw}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>p>a,#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>p.hassub2{padding:6vw 4.5em}#header header .inner .header_menu nav ul.menu_links>li>.submenu_links>.submenu_links2>.submenu_links3>p>a{padding:6vw 5em}#header header .inner .header_menu nav div.menu_tools{align-items:center;border-left:0;box-sizing:content-box;display:flex;flex-wrap:wrap;height:auto;justify-content:center;padding:10vw 0;position:relative;width:100%}#header header .inner .header_menu nav div.menu_tools>.submenu_form{background-color:#111;color:#fff;display:block;margin:0 auto;opacity:1;padding:0;position:relative;right:auto;top:auto;width:86%;z-index:1000}#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box .gsc-input{font-size:4vw;width:100%}#header header .inner .header_menu nav div.menu_tools .header_search table.gsc-search-box td.gsc-search-button button{background-color:#fff;border:0;border-radius:4vw;color:#000;font-size:4vw}#header header .inner .header_menu nav div.menu_tools .header_search{border-bottom:2px solid #666!important;display:block;margin:0 auto;width:95%}#header header .inner .header_menu nav div.menu_tools>.spmenu_logo{display:block;padding:10vw 0 0;width:100%}#header header .inner .header_menu nav div.menu_tools>.spmenu_logo a{display:block;margin:0 auto;width:30%}#header header .inner .header_menu nav div.menu_tools>.spmenu_logo a img{width:100%}#header header .inner{color:#fff;color:#595959;font-size:3vw}#header header .inner a{color:#fff;font-size:3vw}}#contents{left:0;position:absolute;right:0;width:100%}#contents main{margin:0 auto;max-width:1440px}#contents main #firstview{position:relative}#contents main .newsarea{background:rgba(0,0,0,.8);bottom:0;position:absolute;width:100%}#contents main .newsarea .inner{margin:0 auto;max-width:1000px;padding:20px 0;position:relative;width:90%}#contents main .newsarea .inner .newsarea_title{color:#fff;font-size:18px;line-height:2.4}#contents main .newsarea .inner .newsarea_toggle{position:absolute;right:0;top:10px}#contents main .newsarea .inner .newsarea_toggle a span{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/menu_close.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:20px;width:20px}#contents main .newsarea .inner .newsarea_toggle a.close span{background-image:url(https://www.t.u-tokyo.ac.jp/hubfs/common/images/info_open.svg)}#contents main .newsarea .inner .newsarea_box{color:#fff;font-size:14px;letter-spacing:.05em;line-height:1.6;padding:0 0 8px}#contents main .newsarea .inner .newsarea_box a{color:#fff;text-decoration:underline}#contents main .newsarea .inner .newsarea_box .date{display:inline-block;vertical-align:top;width:12%}#contents main .newsarea .inner .newsarea_box .title{display:inline-block;width:86%}@media screen and (max-width:767px){#contents main .newsarea{background:rgba(0,0,0,.8);bottom:0;position:relative;width:100%}#contents main .newsarea .inner{margin:0 auto;max-width:auto;padding:20px 0 10px;width:90%}#contents main .newsarea .inner .newsarea_title{color:#fff;font-size:4vw;line-height:2.4}#contents main .newsarea .inner .newsarea_box{color:#fff;font-size:3vw;line-height:1.6;padding:0 0 8px}#contents main .newsarea .inner .newsarea_box a{color:#fff;text-decoration:underline}#contents main .newsarea .inner .newsarea_box .date{display:inline-block;vertical-align:top;width:100%}#contents main .newsarea .inner .newsarea_box .title{display:inline-block;width:100%}}#contents main .viewarea{margin:0 auto;position:relative;width:100%}#contents main .viewarea .mainvisual{height:30%;left:0;margin:auto;max-width:1440px;position:absolute;right:0;top:32%;width:100%}#contents main .viewarea .mainvisual>div{margin:10px 50px}#contents main .viewarea .mainvisual .catchcopy_01,#contents main .viewarea .mainvisual .catchcopy_02{display:none!important}#contents main .viewarea .mainvisual .catchcopy_03,#contents main .viewarea .mainvisual .catchcopy_04,#contents main .viewarea .mainvisual .catchcopy_05,#contents main .viewarea .mainvisual .catchcopy_06{display:none}#contents main .viewarea .mainvisual .catchcopy_03 img.sp,#contents main .viewarea .mainvisual .catchcopy_04 img.sp,#contents main .viewarea .mainvisual .catchcopy_05 img,#contents main .viewarea .mainvisual .catchcopy_06 img{display:none!important}.jp #contents main .viewarea .mainvisual .catchcopy_01{height:12.25%;width:14.4%}.en #contents main .viewarea .mainvisual .catchcopy_01{height:13.8%;width:21.5%}#contents main .viewarea .mainvisual .catchcopy_01 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}.jp #contents main .viewarea .mainvisual .catchcopy_02{height:12.25%;width:26.5%}.en #contents main .viewarea .mainvisual .catchcopy_02{height:13.8%;width:21.5%}#contents main .viewarea .mainvisual .catchcopy_02 img{height:100%;margin-left:0;object-fit:cover;object-position:left;padding:0;width:100%}#contents main .viewarea .mainvisual .catchcopy_03{height:45%;left:-5px;position:absolute;top:30%;width:58%}#contents main .viewarea .mainvisual .catchcopy_03 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}#contents main .viewarea .mainvisual .catchcopy_04{height:45%;left:-5px;position:absolute;top:30%;width:60.9%}#contents main .viewarea .mainvisual .catchcopy_04 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}#contents main .viewarea .mainlogo{left:0;margin:auto;max-width:1440px;position:absolute;right:0;top:50px;width:100%}#contents main .viewarea .mainlogo .logo{margin:0 auto;text-align:center}#contents main .viewarea .mainlogo .logo img{margin:0 0 0 auto;padding-right:10px;width:13%}#contents main .viewarea .picture,#contents main .viewarea .picture img{width:100%}#contents main .viewarea .video{left:0;margin:auto;position:absolute;right:0;top:0}#contents main .viewarea .video #video1{height:100%;margin:0 auto;padding-top:52.08333%;width:100%}@media screen and (max-width:767px){#contents main .viewarea{height:100vw;margin:0 auto;overflow:hidden;position:relative;width:100vw}#contents main .viewarea .picture{align-items:center;display:flex;height:100vw;justify-content:center;margin:0 auto;overflow:hidden}#contents main .viewarea .picture img{height:100%;object-fit:cover;width:auto}#contents main .viewarea:after{display:none}#contents main .viewarea .mainvisual{height:60%;left:0;margin:auto;max-width:auto;position:absolute;right:0;top:30%;width:100%}#contents main .viewarea .mainvisual>div{margin:2vw 4vw}#contents main .viewarea .mainvisual .catchcopy_01,#contents main .viewarea .mainvisual .catchcopy_02{display:none!important}#contents main .viewarea .mainvisual .catchcopy_03,#contents main .viewarea .mainvisual .catchcopy_04,#contents main .viewarea .mainvisual .catchcopy_05,#contents main .viewarea .mainvisual .catchcopy_06{display:none}#contents main .viewarea .mainvisual .catchcopy_03 img.pc,#contents main .viewarea .mainvisual .catchcopy_03 img.sp,#contents main .viewarea .mainvisual .catchcopy_04 img.pc,#contents main .viewarea .mainvisual .catchcopy_04 img.sp,#contents main .viewarea .mainvisual .catchcopy_05 img,#contents main .viewarea .mainvisual .catchcopy_06 img{display:none!important}.jp #contents main .viewarea .mainvisual .catchcopy_01{height:9.5%;width:43.1%}.en #contents main .viewarea .mainvisual .catchcopy_01{height:14%;width:83.6%}#contents main .viewarea .mainvisual .catchcopy_01 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}.jp #contents main .viewarea .mainvisual .catchcopy_02{height:9.5%;width:79.5%}.en #contents main .viewarea .mainvisual .catchcopy_02{height:14%;width:84.3%}#contents main .viewarea .mainvisual .catchcopy_02 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}#contents main .viewarea .mainvisual .catchcopy_03{height:25.5%;left:-5px;position:absolute;top:39%;width:84.5%}#contents main .viewarea .mainvisual .catchcopy_03 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}#contents main .viewarea .mainvisual .catchcopy_04{height:20.6%;left:-5px;position:absolute;top:39%;width:55%}#contents main .viewarea .mainvisual .catchcopy_04 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}#contents main .viewarea .mainvisual .catchcopy_05{height:25.5%;left:-5px;position:absolute;top:69%;width:89%}#contents main .viewarea .mainvisual .catchcopy_05 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}#contents main .viewarea .mainvisual .catchcopy_06{height:20%;left:-5px;position:absolute;top:69%;width:87%}#contents main .viewarea .mainvisual .catchcopy_06 img{height:100%;margin-left:0;object-fit:cover;object-position:left;width:100%}#contents main .viewarea .mainlogo{left:0;margin:auto;max-width:1440px;position:absolute;right:0;top:50px;width:100%}#contents main .viewarea .mainlogo .logo{margin:0 auto;text-align:center}#contents main .viewarea .mainlogo .logo img{margin:0 0 0 auto;padding-right:10px;width:13%}#contents main .viewarea .picture,#contents main .viewarea .picture img{width:100%}#contents main .viewarea .video{height:100vw;left:-46vw;margin:auto;position:absolute;right:0;top:0;width:192vw}#contents main .viewarea .video #video1{height:100%;margin:0 auto;overflow:hidden;padding-top:52.08333%;width:100%}}#contents main #topmenu{margin:0 auto;padding:0;position:relative;width:100%}#contents main #topmenu .inner{margin:0 auto;max-width:1440px;padding:0;width:100%}#contents main #topmenu .inner .topmenu_box{align-items:center;display:flex;justify-content:space-between}#contents main #topmenu .inner .topmenu_box .box_content{text-align:center;width:33.3333%}#contents main #topmenu .inner .topmenu_box .box_content a{color:#fff;display:inline-block;font-weight:700;position:relative;width:88%}#contents main #topmenu .inner .topmenu_box .box_content a .picture,#contents main #topmenu .inner .topmenu_box .box_content a .picture img{width:100%}#contents main #topmenu .inner .topmenu_box .box_content a .title{align-items:center;background-color:#1f1f1f;bottom:0;color:#fff;display:flex;font-size:22px;height:2em;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;transition:all .5s ease;width:80%}#contents main #topmenu .inner .topmenu_box .box_content a:hover{opacity:1!important}#contents main #topmenu .inner .topmenu_box .box_content a:hover .title{background-color:#fff;color:#1f1f1f}@media screen and (max-width:767px){#contents main #topmenu .inner{margin:30px auto;max-width:auto;padding:0;width:90%}#contents main #topmenu .inner .topmenu_box{display:block}#contents main #topmenu .inner .topmenu_box .box_content{text-align:center;width:100%}#contents main #topmenu .inner .topmenu_box .box_content a{background-color:#494949;color:#fff;display:flex;font-weight:700;margin:3vw auto;position:relative;width:94%}#contents main #topmenu .inner .topmenu_box .box_content a .picture{width:30%}#contents main #topmenu .inner .topmenu_box .box_content a .picture img{width:100%}#contents main #topmenu .inner .topmenu_box .box_content a .title{align-items:center;background-color:transparent;display:flex;font-size:4vw;position:relative;width:70%}#contents main #topmenu .inner .topmenu_box .box_content a:hover .title{background-color:#494949;color:#fff}}#contents main #CampusLife{position:relative;width:100%}#contents main #CampusLife .inner{margin:0 auto;max-width:1440px;padding:40px 0 100px;width:100%}@media screen and (max-width:767px){#contents main #CampusLife .inner{margin:0 auto;max-width:auto;padding:15vw 0 10vw;width:100%}}#contents main #CampusLife .inner .firstview img{width:100%}#contents main #CampusLife .inner .summary{margin:0 auto;max-width:1440px;padding:30px 0 20px;width:90%}#contents main #CampusLife .inner .columns{display:flex;justify-content:space-between;margin:0 0 50px}#contents main #CampusLife .inner .columns .column_box{width:33.3333%}@media screen and (max-width:767px){#contents main #CampusLife .inner .columns{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10vw 0}#contents main #CampusLife .inner .columns .column_box{width:100%}}#contents main #CampusLife .inner .columns .column_box .picture{position:relative;width:100%}#contents main #CampusLife .inner .columns .column_box .picture:before{content:"";display:block;padding-top:100%;width:100%}#contents main #CampusLife .inner .columns .column_box .picture>p{border-radius:50%;bottom:0;height:75%;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:0;width:75%}#contents main #CampusLife .inner .columns .column_box .picture>p>img{height:auto;width:100%}#contents main #CampusLife .inner .columns .column_box .title{color:#000;font-size:18px;font-weight:700;margin:0 auto;padding:0 0 20px;width:75%}#contents main #CampusLife .inner .columns .column_box .text{color:#000;font-size:16px;margin:0 auto;padding:0 0 20px;width:75%}@media screen and (max-width:767px){#contents main #CampusLife .inner .columns .column_box .title{color:#000;font-size:3.2vw;font-weight:700;margin:0 auto;padding:0 0 2vw;width:75%}#contents main #CampusLife .inner .columns .column_box .text{color:#000;font-size:3vw;margin:0 auto 10vw;padding:0;width:75%}}#contents main #CampusLife .inner .secondview{padding:100px 0}#contents main #CampusLife .inner .secondview img{width:100%}@media screen and (max-width:767px){#contents main #CampusLife .inner .secondview{padding:0}}#contents main #CampusLife .inner .buttons{align-items:center;display:flex;justify-content:space-between;margin:50px 0}#contents main #CampusLife .inner .buttons .button_box{position:relative;width:33.3333%}#contents main #CampusLife .inner .buttons .button_box .picture{margin:auto;width:88%}#contents main #CampusLife .inner .buttons .button_box .title{align-items:center;background:#333;bottom:0;color:#fff;display:flex;font-size:18px;font-weight:700;height:70px;justify-content:center;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;transition:all .5s ease;vertical-align:middle;width:70%}#contents main #CampusLife .inner .buttons .button_box a:hover{opacity:1!important}#contents main #CampusLife .inner .buttons .button_box a:hover .title{background-color:#fff;color:#1f1f1f}@media screen and (max-width:767px){#contents main #CampusLife .inner .buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10vw 0}#contents main #CampusLife .inner .buttons .button_box{margin:5vw auto;position:relative;width:100%}#contents main #CampusLife .inner .buttons .button_box .picture{margin:auto;width:75%}#contents main #CampusLife .inner .buttons .button_box .title{align-items:center;background:#333;bottom:0;color:#fff;display:flex;font-size:4.5vw;font-weight:700;height:70px;justify-content:center;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:65%}}#contents main #CampusLife .inner .banners{margin:100px auto;width:100%}#contents main #CampusLife .inner .banners .banner{margin:0 auto;max-width:800px;padding:50px 0;width:100%}@media screen and (max-width:767px){#contents main #CampusLife .inner .banners{margin:10vw auto;width:100%}#contents main #CampusLife .inner .banners .banner{margin:0 auto;max-width:auto;padding:5vw 0;width:90%}}#contents main #CampusLife .inner .banners .banner img{width:100%}#contents main #archive{position:relative;width:100%}#contents main #archive .inner{margin:100px auto 50px;max-width:1440px;width:100%}#contents main #archive .inner .archive_title{margin:30px auto;width:90%}#contents main #archive .inner .archive_title h1{font-size:26px;font-weight:400}#contents main #archive .inner .archive_content{align-items:flex-start;display:flex;justify-content:center;margin:0 auto;width:90%}#contents main #archive .inner .archive_content .post_content{display:block;margin-top:40px;width:75%}#contents main #archive .inner .archive_content .post_content .bl_tag_list li{border:1px solid;color:#8c1f23;font-size:14px;padding:.1em 1em}#contents main #archive .inner .archive_content .post_content #commonPage{margin-top:30px}#contents main #archive .inner .archive_content .post_list{display:flex;flex-wrap:wrap;justify-content:left;width:75%}#contents main #archive .inner .archive_content .post_list>nav{align-items:center;display:flex;margin-top:50px;overflow-x:auto;width:100%}#contents main #archive .inner .archive_content .post_list>nav .bl_pager_inner li img{width:1em}#contents main #archive .inner .archive_content .post_list>nav .bl_pager_inner li .bl_pager_link{background-color:transparent;border:1px solid #000;color:#000}#contents main #archive .inner .archive_content .post_list>nav .bl_pager_inner li .bl_pager_link.bl_pager_link__next,#contents main #archive .inner .archive_content .post_list>nav .bl_pager_inner li .bl_pager_link.bl_pager_link__prev{padding:10px 8px}#contents main #archive .inner .archive_content .post_list>nav .bl_pager_inner li .bl_pager_link.is_active{background-color:#000;border:1px solid #000;color:#fff;font-weight:700}#contents main #archive .inner .archive_content .post_list>article{background:#fff;margin:5px 2.5% 5px 0;width:47.5%}#contents main #archive .inner .archive_content .post_list>article>a{align-items:top;display:flex;justify-content:center;padding:15px 0}#contents main #archive .inner .archive_content .post_list>article>a:hover{text-decoration:none}#contents main #archive .inner .archive_content .post_list>article>a>picture{margin:0 2.5%;width:30%}#contents main #archive .inner .archive_content .post_list>article>a>picture img{height:auto;width:100%}#contents main #archive .inner .archive_content .post_list>article>a>div{color:#000;font-size:12px;margin:0 5% 0 0;width:60%}#contents main #archive .inner .archive_content .post_list>article>a>div>p:first-child{color:#333;font-size:12px;margin:0 0 10px}#contents main #archive .inner .archive_content .post_list>article>a>div>h2{font-size:14px;margin:0 0 10px}#contents main #archive .inner .archive_content .post_list>article>a>div>div>p.info_article_tag{background-color:#595959;margin-bottom:3px}#contents main #archive .inner .archive_content .side_menu{margin:5px 0 5px 1%;width:24%}#contents main #archive .inner .archive_content .side_menu .side_list>p{background:#fff;border-top:1px solid #bfbfbf;display:block;font-size:12.5px;padding:1em 0 1em 1em;transition:all .3s}#contents main #archive .inner .archive_content .side_menu .side_list>p[data-type=subject],#contents main #archive .inner .archive_content .side_menu .side_list>p[data-type=subject]:hover{background:#666;color:#fff;font-weight:700}#contents main #archive .inner .archive_content .side_menu .side_list>p.disable{color:#bfbfbf}#contents main #archive .inner .archive_content .side_menu .side_list>p:hover{background:gray}#contents main #archive .inner .archive_content .side_menu .side_list>p.disable:hover{background:#fff}#contents main #archive .inner .archive_content .side_menu .side_list>p>a{color:#000;display:block;text-decoration:none}#contents main #archive .inner .archive_content .side_menu .side_list>p:hover>a{color:#fff}#contents main #archive .inner .archive_content .side_menu .side_list>p.all:hover{background:grey}#contents main #archive .inner .archive_content .side_menu .side_list>p.all:hover a{color:#fff}#contents main #archive .inner .archive_content .side_menu .side_list>p.all{background-color:#e6e6e6;border-top:0;font-weight:700;padding:2.5em 0 2.5em 1em;text-align:center}#contents main #archive .inner .archive_content .side_menu .side_list>p.all>a{color:#000}#contents main #archive .inner .archive_content .side_menu .side_list>p.wide{font-weight:700;padding:1.5em 0 1.5em 1em}#contents main #archive .inner .archive_content .side_menu .side_list>p.select{background:#595959}#contents main #archive .inner .archive_content .side_menu .side_list>p.select>a{color:#fff}#contents main #archive .inner .archive_content .side_menu .side_list>p:last-child{border-bottom:1px solid #bfbfbf}@media screen and (max-width:767px){#contents main #archive .inner{margin:20vw auto 10vw;max-width:auto;width:100%}#contents main #archive .inner .archive_title{margin:5vw auto;width:90%}#contents main #archive .inner .archive_title h1{font-size:4.5vw;font-weight:400}#contents main #archive .inner .archive_content{align-items:flex-start;display:block;justify-content:center;margin:0 auto;width:90%}#contents main #archive .inner .archive_content .post_content{display:block;margin:0 0 10vw;width:100%}#contents main #archive .inner .archive_content .post_list{display:block;flex-wrap:wrap;justify-content:center;margin:0 0 10vw;width:100%}#contents main #archive .inner .archive_content .post_list>article{background:#fff;margin:0 0 4vw;width:100%}#contents main #archive .inner .archive_content .post_list>article>a{align-items:center;display:block;justify-content:center;padding:15px 0}#contents main #archive .inner .archive_content .post_list>article>a>picture{display:none}#contents main #archive .inner .archive_content .post_list>article>a>div{color:#000;font-size:3vw;margin:0 auto;width:90%}#contents main #archive .inner .archive_content .post_list>article>a>div>p:first-child{color:#333;font-size:2.75vw;margin:0 0 5px}#contents main #archive .inner .archive_content .post_list>article>a>div>h2{font-size:3vw;margin:0 0 5px}#contents main #archive .inner .archive_content .side_menu{margin:5px 0;width:100%}#contents main #archive .inner .archive_content .side_menu .side_list>p{font-size:3vw}#contents main #archive .inner .archive_content .side_menu .side_list>p.all{font-weight:700;text-align:center}#contents main #archive .inner .archive_content .side_menu .side_list>p.wide{font-weight:700}#contents main #archive .inner .archive_content .side_menu .side_list>p>a{color:#000}}@media screen and (max-width:768px){.mod_cardlistList-item{width:calc(50% - 10px)}.mod_cardlistList-item img{width:100%}}#contents #footer{background-color:#000;border-top:0}#contents.subpage #footer{background-color:#1f1f1f}#contents #footer footer .inner{text-align:center;width:100%}#contents #footer footer .inner a{color:#fff}#contents #footer footer .inner .footer_menu{padding:40px 0 10px}#contents #footer footer .inner .footer_menu>li{display:inline-block;font-size:14px;margin:0 2.5em}#contents #footer footer .inner .footer_menu>li:nth-child(3){font-size:12px;width:230px}#contents #footer footer .inner .footer_sns{align-items:center;display:flex;justify-content:center;padding:10px 0}#contents #footer footer .inner .footer_sns>li{width:40px}#contents #footer footer .inner .footer_sns>li>a>img{height:auto;margin:0 auto;width:20px}#contents #footer footer .inner .footer_logo{padding:10px 0 40px}#contents #footer footer .inner .footer_logo .logo{padding:0 0 5px}#contents #footer footer .inner .footer_logo .logo>a>img{height:auto;margin:0 auto;width:150px}#contents #footer footer .inner .footer_logo .copyright{font-size:12px}@media screen and (max-width:767px){#contents #footer footer .inner .footer_menu{align-items:center;border-top:1px solid #333;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:2vw 0;width:75%}#contents #footer footer .inner .footer_menu>li{font-size:3vw;margin:4vw auto;text-align:center;width:60%}#contents #footer footer .inner .footer_menu>li:first-child,#contents #footer footer .inner .footer_menu>li:nth-child(2){font-size:2.5vw;margin:2vw auto;width:50%}#contents #footer footer .inner .footer_menu>li:nth-child(3){font-size:2.5vw;margin:2vw auto;width:100%}#contents #footer footer .inner .footer_sns{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:2vw 0 4vw;width:25%}#contents #footer footer .inner .footer_sns>li{width:20%}#contents #footer footer .inner .footer_sns>li>a>img{height:auto;margin:0 auto;width:100%}#contents #footer footer .inner .footer_logo{margin:0;padding:2vw 0 6vw}#contents #footer footer .inner .footer_logo .logo{padding:0 0 2vw}#contents #footer footer .inner .footer_logo .logo>a>img{height:auto;margin:0 auto;width:40%}#contents #footer footer .inner .footer_logo .copyright{font-size:2.8vw}}.pcnone{display:none!important}@media screen and (max-width:767px){.spnone{display:none!important}.pcnone{display:block!important}}