@charset "UTF-8";html,body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden}body{min-height:100vh;background:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/body_bg.png)}img{max-width:100%;height:auto}.hd_bg{position:relative;background:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/hd_bg.png) top center;background-size:cover}.hd_bg .hd{padding:20px 10px}.hd_bg .hd .hd_logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 20vw)}.hd_bg .hd .hd_logo a{color:#fff;text-decoration:none}.hd_bg .hd .hd_logo a span{display:block;line-height:1.35;text-shadow:0 0 5px rgba(0,0,0,.8)}.hd_bg .hd .hd_logo a span.top{font-size:14px}.hd_bg .hd .hd_logo a span.middle{font-size:28px}.hd_bg .hd .hd_logo a span.bottom{font-size:12px}.nav{position:fixed;top:0;right:-70%;overflow-x:none;overflow-y:auto;z-index:100;width:70%;height:calc(100% + 500px);padding-bottom:500px;background:#001746;color:#fff;-webkit-transition:All .5s ease;transition:All .5s ease}.nav .nav_list>li>a{border-bottom:1px solid rgba(255,255,255,.15);font-size:1.5em;color:#fff;font-weight:700;display:block;padding:1em 1.5em;text-decoration:none;position:relative}.nav .nav_list>li>a:hover{-webkit-box-shadow:inset 0 0 10px 2px rgba(0,0,0,.3);box-shadow:inset 0 0 10px 2px rgba(0,0,0,.3)}.nav .nav_list>li>a .sub-menu>li>a{background-color:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.4);color:#fff;display:block;font-size:1.3em;padding:1em 2em;text-decoration:none}.nav .nav_list>li>a .sub-menu>li>a:hover,.nav .nav_list>li>a .sub-menu>li>a.current{background-color:#000;-webkit-box-shadow:0 0 4px rgba(255,0,0,.2);box-shadow:0 0 4px rgba(255,0,0,.2)}.nav .nav_list>li>a .sub-menu>li>a .sub-menu>li>a{background-color:rgba(0,0,0,.7);border-bottom:1px solid rgba(255,255,255,.4);color:#fff;display:block;font-size:1.1em;padding:1em 3em;text-decoration:none}.nav .nav_list>li>a .sub-menu>li>a .sub-menu>li>a:hover,.nav .nav_list>li>a .sub-menu>li>a .sub-menu>li>a.current{background-color:#000;-webkit-box-shadow:0 0 4px rgba(255,0,0,.2);box-shadow:0 0 4px rgba(255,0,0,.2)}.sp_nav_open{right:0 !important}.sp_nav_trigger{cursor:pointer;z-index:1000;position:fixed !important;top:25px;right:15px;margin-top:-5px;width:46px;height:34px;background:#fff}.sp_nav_trigger span{display:inline-block;position:absolute;left:10%;width:80%;height:4px;background-color:#000;border-radius:4px;-webkit-transition:all .4s;transition:all .4s;-webkit-box-sizing:border-box;box-sizing:border-box}.sp_nav_trigger span:nth-of-type(1){top:5px}.sp_nav_trigger span:nth-of-type(2){top:15px;z-index:1}.sp_nav_trigger span:nth-of-type(3){bottom:5px;z-index:1}.sp_nav_trigger:after{position:absolute;left:0;bottom:-15px;content:'MENU';display:block;width:100%;padding-top:20px;background:#fff;color:#000;font-size:10px;text-decoration:none;text-align:center;-webkit-transition:all .4s;transition:all .4s}.sp_nav_trigger.active{background:0 0}.sp_nav_trigger.active:after{content:'CLOSE';bottom:-25px;background:0 0;color:#fff}.sp_nav_trigger.active span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg);background:#fff}.sp_nav_trigger.active span:nth-of-type(2){opacity:0;background:#fff}.sp_nav_trigger.active span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg);background:#fff}.con_bg h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:28px;padding:30px 0;background:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/index_bg.png);background-size:cover}.con_bg h1 span{white-space:nowrap!important;display:inline-block;margin:0 0 0 15px;font-size:22px;font-weight:400}.con_bg .con{margin:0 10px;padding:10px;background:#fff}.con_bg .con .main{margin-bottom:30px}.ft_bg{background:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/ft_bg.png) no-repeat;background-size:cover}.ft{position:relative;padding-top:20px;padding-bottom:30px}.ft_con .ft_logo,.ft_con .ft_nav{display:none}.ft_con .ft_bnr{width:90%;margin:0 auto 30px}.ft_con .ft_bnr ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.ft_con .ft_bnr ul>li{width:100%;margin:0 0 10px}.ft_con .ft_bnr ul>li:last-of-type{margin-bottom:0}.ft_con .ft_bnr ul>li>a{position:relative;display:block;padding:10px 5px;background:#fff;color:#636363;font-size:16px;font-weight:700;text-align:center;text-decoration:none}.ft_con .ft_bnr ul>li>a:after{position:absolute;top:0;right:5px;content:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/icon_elink_gray.png)}.ft_copy{color:#fff;font-size:12px;text-align:center}.pt{width:100%;height:70px;margin:0 auto 20px;z-index:100}.pt_btn{position:relative;border-radius:50%;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:15px;font-weight:700;height:100%;line-height:1.3;opacity:.8;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none;text-align:center;width:100%}.pt_btn:before{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);content:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/pt_arrow.png)}.pt_btn:hover{opacity:.6}.pager{margin:40px 0 0}.pager .pager_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pager .pager_list .page-numbers{border:1px solid #0000cd;border-radius:5px;color:#0000cd !important;display:block;font-size:1rem;margin:0 2px;padding:5px 0;text-decoration:none;text-align:center;width:2.4rem;-webkit-transition:all .5s ease;transition:all .5s ease}.pager .pager_list .page-numbers:not(.dots):hover,.pager .pager_list .page-numbers.current{background:#0000cd;color:#fff !important}.pager .pager_list .page-numbers.dots{border-color:#0000cd}.index_hd_bg{background:0 0 !important}.index_hd_bg .slider{position:absolute;top:0;left:0;z-index:-1;width:100vw;height:100vh}.index_hd_bg .slider img{width:100vw !important;height:100vh !important;-o-object-fit:cover;object-fit:cover}.index_hd_bg .index_hd{position:relative;height:100vh;padding:20px 10px}.index_hd_bg .index_hd .hd_logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 20vw)}.index_hd_bg .index_hd .hd_logo a{color:#fff;text-decoration:none}.index_hd_bg .index_hd .hd_logo a span{display:block;line-height:1.3;text-shadow:0 0 5px rgba(0,0,0,.8)}.index_hd_bg .index_hd .hd_logo a span.top{font-size:14px}.index_hd_bg .index_hd .hd_logo a span.middle{font-size:28px}.index_hd_bg .index_hd .hd_logo a span.bottom{font-size:12px}.index_hd_bg .index_hd .eyecatch{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;color:#fff;font-size:220%;font-weight:700;text-align:center;line-height:1.1}.index_hd_bg .index_hd .eyecatch span{display:block;font-family:'Roboto',sans-serif;font-size:150%;margin:0 0 10px}.index_hd_bg .index_hd .fuwafuwa{-webkit-animation:fuwafuwa 1.8s linear infinite;animation:fuwafuwa 1.8s linear infinite}.index_hd_bg .index_hd .button_down{position:absolute;bottom:30px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);display:block;text-align:center;text-decoration:none;color:#fff;z-index:100;-webkit-transition:All .5s ease;transition:All .5s ease;position:absolute;bottom:30px;left:50%;transform:translate(-50%,0);display:block;text-align:center;text-decoration:none;color:#fff;font-size:15px;font-weight:700;z-index:100;transition:All .5s ease;z-index:1}.index_hd_bg .index_hd .button_down:after{content:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/pt_arrow.png);display:block;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}@-webkit-keyframes fuwafuwa{0%{margin-bottom:-4px;opacity:1}50%{margin-bottom:4px;opacity:.7}100%{margin-bottom:-4px;opacity:1}}@keyframes fuwafuwa{0%{margin-bottom:-4px;opacity:1}50%{margin-bottom:4px;opacity:.7}100%{margin-bottom:-4px;opacity:1}}.index_main{padding:10px 10px 0;background:#fff}.index_info{margin:0 0 50px}.index_info h2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#0000cd;font-size:38px;font-family:'Roboto',sans-serif;margin-bottom:0}.index_info h2 span{display:block;margin:-10px 0 0;font-size:14px;font-weight:400}.index_info_con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:30px 0 0}.index_info_con dl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:0 0 20px}.index_info_con dl dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 6px;background:#0000cd;color:#fff;font-family:'Roboto',sans-serif;font-size:22px;text-align:center}.index_info_con dl dt span{display:block;margin:0 0 -5px;font-size:14px}.index_info_con a dl dd{display:none}.index_info_con dl dd{margin:0 0 0 10px;font-size:16px}.index_info_con dl dd .index_info_new{display:inline-block;color:#c00;font-size:.9em;font-weight:700;margin-left:.3em}.index_info_con dl dd .index_info_new:before{content:"NEW"}.index_con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index_con div{width:100%;margin:0 0 20px}.index_con div h2{color:#0000cd;font-size:38px;font-family:'Roboto',sans-serif;margin-bottom:20px;line-height:1.0}.index_con div .h2_s{color:#0000cd;font-size:38px;line-height:1;font-family:'Roboto',sans-serif;margin-bottom:20px}.index_con div h2 span{display:block;margin:-10px 0 0;font-size:14px;font-weight:400}.index_access .h2_s{color:#0000cd;font-size:38px;line-height:1;font-family:'Roboto',sans-serif;margin-bottom:20px}.index_access .h2_s span{display:block;margin:5px 0 0;font-size:14px;font-weight:400}.index_con div figure img{width:100%}.index_con div a{position:relative;display:block}.index_con div a span{position:absolute;bottom:0;left:0;padding:0 10px;background:#001746;color:#fff;font-size:24px;font-weight:700}.index_message{margin:0 10px;padding:55px 0;background:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/index_bg.png);background-size:cover}.index_message_eyecatch{margin:0 0 30px;font-size:24px;font-weight:700;text-align:center;line-height:1.1}.index_message_eyecatch span{display:block;margin:0 0 10px;font-family:'Roboto',sans-serif;font-size:40px}.index_message p{padding:0 20px;font-size:16px;font-weight:400;text-align:left;line-height:2.2}.index_access{margin:0 10px;padding:55px 0 0;background:#fff}.index_access h2{padding:0 10px;color:#0000cd;font-size:38px;font-family:'Roboto',sans-serif;margin-bottom:0}.index_access h2 span{display:block;margin:-10px 0 0;font-size:14px;font-weight:400}.index_access p{margin:15px 0 20px;padding:0 10px;font-size:16px}#index_access_map{position:relative;width:100%;height:0;padding-top:75%}#index_access_map iframe{position:absolute;top:0;left:0;width:100%;height:100%}.more{width:90%;margin:30px auto}.more a{position:relative;display:block;width:100%;padding:17px 0;color:#0000cd;font-size:18px;font-weight:700;text-align:center;text-decoration:none;border:1px solid #0000cd}.more a:after{position:absolute;right:10px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:inline-block;content:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/more_arrow.png);width:22px;height:6px;-webkit-transition:all .5s ease;transition:all .5s ease}@media only screen and (min-width:600px){.index_info_con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px;margin:30px 0}.index_info_con dl{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc((100% - 30px) / 2)}.index_info_con dl dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 6px;background:#0000cd;color:#fff;font-family:'Roboto',sans-serif;font-size:22px;text-align:center}.index_info_con dl dt span{display:block;margin:0 0 -5px;font-size:14px}.index_info_con dl dd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 10px;font-size:16px}.index_info_con dl dd .index_info_new{display:inline-block;color:#c00;font-size:.9em;font-weight:700;margin-left:.3em}.index_info_con dl dd .index_info_new:before{content:"NEW"}.index_con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:30px}.index_con div{width:calc((100% - 30px) / 2)}.index_con div h2{color:#0000cd;font-size:38px;font-family:'Roboto',sans-serif;margin-bottom:20px}.index_con div h2 span{display:block;margin:-10px 0 0;font-size:14px;font-weight:400}.index_con div figure img{width:100%}.index_con div a{position:relative;display:block}.index_con div a span{position:absolute;bottom:0;left:0;padding:0 10px;background:#001746;color:#fff;font-size:24px;font-weight:700}.index_con div .more{width:100%}}.info_con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:30px 0 0}.info_con dl{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:0 0 20px}.info_con dl dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 6px;background:#0000cd;color:#fff;font-family:'Roboto',sans-serif;font-size:22px;text-align:center}.info_con dl dt span{display:block;margin:0 0 -5px;font-size:14px}.info_con dl dd{margin:0 0 0 10px;font-size:16px}.mcon{line-height:1.6;word-wrap:break-word}.mcon a img:hover{opacity:.8;-webkit-transition:all .3s ease;transition:all .3s ease}.mcon h1{font-size:20px;margin-bottom:20px}.mcon h2{position:relative;margin-top:20px;margin-bottom:10px;padding:0 0 .2em;font-size:24px;border-bottom:3px solid #ccc}.mcon h2:after{position:absolute;bottom:-3px;left:0;z-index:2;content:'';width:20%;height:3px;background-color:#0000cd}.mcon h3{margin-top:16px;margin-bottom:16px;padding:0 .5em;color:#333;font-size:20px;border-bottom:1px dotted #ccc}.mcon h4{position:relative;font-size:16px;margin-top:5px;margin-bottom:5px;padding-left:20px}.mcon h4:before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:10px;height:2px;background:#ccc}.mcon h5,.mcon h6{font-size:14px;margin-bottom:2px;margin-top:5px}.mcon hr{border:none;border-top:1px dotted #000}.mcon iframe{max-width:100%}.mcon img{max-width:100%;height:auto}.mcon ol{margin-top:1em;margin-bottom:.5em}.mcon ol li{margin-left:2em;margin-bottom:.5em}.mcon p{margin-bottom:1em}.mcon ul{margin-top:1em;margin-bottom:.5em}.mcon ul li{list-style-type:disc;margin-left:1.5em;margin-bottom:.5em}