@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)}.w_base{width:100%;max-width:960px;margin:0 auto}.w_base02{width:100%;max-width:1150px;margin:0 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{position:relative;height:120px}.hd_bg .hd .hd_logo{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:280px}.hd_bg .hd .hd_logo a{color:#fff;text-decoration:none}.hd_bg .hd .hd_logo a span{display:block;line-height:1.3;text-shadow:0 0 5px rgba(0,0,0,.8)}.hd_bg .hd .hd_logo a span.top{font-size:16px}.hd_bg .hd .hd_logo a span.middle{font-size:30px}.hd_bg .hd .hd_logo a span.bottom{font-size:14px}.hd_bg .slider{position:absolute;top:0;left:0;width:100vw;height:100vh}.hd_bg .slider img{width:100vw;height:100vh}.nav_bg{position:absolute;top:85px;right:0}.nav_bg .nav .nav_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;margin:0 0 10px}.nav_bg .nav .nav_list>li{position:relative;z-index:1000}.nav_bg .nav .nav_list>li>a{display:block;color:#fff;font-size:16px;font-weight:700;text-align:center;text-decoration:none;text-shadow:0 0 5px rgba(0,0,0,.8)}.nav_bg .nav .nav_list>li a:after{content:"/";display:inline-block;margin:0 5px;color:#fff}.nav_bg .nav .nav_list>li:last-of-type a:after{content:"";margin:0}.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:32px;padding:45px 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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:30px 0;background:#fff}.con_bg .con .main{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.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_bg .ft{position:relative;padding:30px 0 10px}.ft_bg .ft .ft_logo a{color:#fff;text-decoration:none}.ft_bg .ft .ft_logo a span{display:block;line-height:1.3}.ft_bg .ft .ft_logo a span.top{font-size:16px}.ft_bg .ft .ft_logo a span.middle{font-size:30px}.ft_bg .ft .ft_logo a span.bottom{font-size:14px}.ft_bg .ft .ft_con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 0 70px}.ft_bg .ft .ft_con .ft_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:360px;margin:40px 0 0}.ft_bg .ft .ft_con .ft_nav .ft_nav_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ft_bg .ft .ft_con .ft_nav .ft_nav_list>li{width:calc(100% / 2);margin:0 0 5px}.ft_bg .ft .ft_con .ft_nav .ft_nav_list>li>a{display:block;color:#fff;font-size:16px;font-weight:700;text-decoration:none}.ft_bg .ft .ft_con .ft_bnr{position:relative;width:540px}.ft_bg .ft .ft_con .ft_bnr ul{position:absolute;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.ft_bg .ft .ft_con .ft_bnr ul>li:first-child a{padding:23px 0}.ft_bg .ft .ft_con .ft_bnr ul>li{width:calc(100% / 3 - 5px)}.ft_bg .ft .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_bg .ft .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_bg .ft .ft_copy{color:#fff;font-size:12px;text-align:center}.pt{position:absolute;top:30px;right:0;width:30px;height:70px;z-index:100}.pt_btn{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{position:relative;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}.index_hd_bg .index_hd{position:relative;height:100vh}.index_hd_bg .index_hd .hd_logo{top:26px;position:absolute;width:273px}.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:16px}.index_hd_bg .index_hd .hd_logo a span.middle{font-size:30px}.index_hd_bg .index_hd .hd_logo a span.bottom{font-size:14px}.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:40px;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:82px;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}.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_info{margin:0 0 50px}.index_info h2{color:#0000cd;font-size:50px;font-family:'Roboto',sans-serif;margin-bottom:0}.index_info h2 span{display:block;margin:-15px 0 0;font-size:16px;font-weight:400}.index_info_con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px;margin:40px 0}.index_info_con dl{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc((100% - 40px * 2) / 2);margin:0}.index_info_con dl dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:86px;padding:10px 6px;background:#0000cd;color:#fff;font-family:'Roboto',sans-serif;font-size:26px;text-align:center}.index_info_con dl dt span{display:block;font-size:16px}.index_info_con dl dd{margin:0 0 0 10px;font-size:18px}.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-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.index_con>div{width:calc(100% / 2 - 30px);margin:0 0 40px}.index_con div h2{color:#0000cd;font-size:50px;font-family:'Roboto',sans-serif;margin-bottom:20px}.index_con div .h2_s{color:#0000cd;font-size:45px;font-family:'Roboto',sans-serif;margin-bottom:0;padding:0 0 12px}.index_con div h2 span{display:block;margin:-15px 0 0;font-size:16px;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:35px;font-weight:700}.index_con div .more a{position:relative;display:block;width:310px;margin:30px 0 0;padding:17px 0;font-size:18px;font-weight:700;color:#0000cd;text-align:center;text-decoration:none;border:1px solid #0000cd;-webkit-transition:all .5s ease;transition:all .5s ease}.index_con div .more a:hover{background:#0000cd;color:#fff}.index_con div .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}.index_con div .more a:hover:after{content:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/more_arrow_ov.png)}.index_message{padding:75px 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:26px;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:45px}.index_message p{padding:0 50px;font-size:16px;font-weight:400;text-align:left;line-height:2.2}.index_access{padding:70px 0 0}.index_access h2{color:#0000cd;font-size:50px;font-family:'Roboto',sans-serif;margin-bottom:0}.index_access h2 span{display:block;margin:-15px 0 0;font-size:16px;font-weight:400}.index_access p{margin:15px 0 20px;font-size:16px}#index_access_map{width:100%;height:500px}#index_access_map iframe{width:100%;height:100%}.more a{position:relative;display:block;width:310px;margin:0 auto;padding:17px 0;font-size:18px;font-weight:700;color:#0000cd;text-align:center;text-decoration:none;border:1px solid #0000cd;-webkit-transition:all .5s ease;transition:all .5s ease}.more a:hover{background:#0000cd;color:#fff}.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}.more a:hover:after{content:url(//chem.keio.ac.jp/hasobe/wp-content/themes/keiou-u-hasobe/css/../images/more_arrow_ov.png)}.info_con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:40px 0 0}.info_con dl{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% / 3);margin:0 0 40px}.info_con dl dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:86px;padding:10px 6px;background:#0000cd;color:#fff;font-family:'Roboto',sans-serif;font-size:26px;text-align:center}.info_con dl dt span{display:block;font-size:16px}.info_con dl dd{margin:0 0 0 10px;font-size:18px}.mcon{word-wrap:break-word}.mcon a img:hover{opacity:.8;-webkit-transition:all .3s ease;transition:all .3s ease}.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}