#l_container section+section{padding:8rem 0}#l_container #opencampus{font-family:'Noto Sans JP';padding-bottom:0;background:#fff8ce;text-align:center}#l_container #opencampus .graphic.is_anim .logo .txt01:before,#l_container #opencampus .graphic.is_anim .logo .txt02:before{transition:transform .7s;transform:translateX(101%)}#l_container #opencampus .graphic.is_anim .logo .txt01 img,#l_container #opencampus .graphic.is_anim .logo .txt02 img{transition:transform .7s;transform:translateX(0)}#l_container #opencampus .graphic.is_anim .logo .college{transition:transform .3s,opacity .3s;transition-delay:.7s;transform:translateY(0);opacity:1}#l_container #opencampus .graphic.is_anim .logo .year{transition:transform .3s,opacity .3s;transition-delay:.9s;transform:translateY(0);opacity:1}#l_container #opencampus .graphic .logo{position:relative;overflow:hidden}#l_container #opencampus .graphic .logo .txt01{position:relative;overflow:hidden;width:71rem}#l_container #opencampus .graphic .logo .txt01:before{content:'';position:absolute;margin:auto;width:100%;height:100%;background:#009fef;transform:translateX(-100%)}#l_container #opencampus .graphic .logo .txt01 img{transform:translateX(-100%)}#l_container #opencampus .graphic .logo .txt02{position:relative;overflow:hidden;margin-top:6rem}#l_container #opencampus .graphic .logo .txt02:before{content:'';position:absolute;margin:auto;width:100%;height:100%;background:#009fef;transform:translateX(-100%)}#l_container #opencampus .graphic .logo .txt02 img{transform:translateX(-100%)}#l_container #opencampus .graphic .logo .college{position:absolute;top:.5rem;right:8rem;width:29rem;transition:transform .3s,opacity .3s;transform:translateY(3rem);opacity:0}#l_container #opencampus .graphic .logo .year{position:absolute;top:0;right:0;width:5.3rem;transition:transform .3s,opacity .3s;transform:translateY(3rem);opacity:0}#l_container #opencampus .graphic .day{display:flex;justify-content:center;margin-top:6rem}#l_container #opencampus .graphic .day span{display:block}#l_container #opencampus .graphic .day span img{width:auto;height:12rem}#l_container #opencampus .graphic .day span em{display:inline-block;min-width:5.4rem;height:5.4rem;padding:.7rem 0 0 .2rem;background:#a0a0a0;color:#fff;font-size:3.6rem;border-radius:100rem;line-height:1;font-weight:600}#l_container #opencampus .graphic .day span em.variable{padding:.7rem 2rem}#l_container #opencampus .graphic .day .day02{margin-left:6rem}#l_container #opencampus .contents{position:relative;z-index:5;background:#ff917d;padding:4rem 15rem 3rem;text-align:left;margin-top:8rem}#l_container #opencampus .contents:after{content:'';position:absolute;margin:auto;top:-6rem;left:0;width:0;height:0;border-style:solid;border-width:0 0 6rem 12rem;border-color:transparent transparent #009fef transparent}#l_container #opencampus .contents .timeTable{position:relative}#l_container #opencampus .contents .timeTable+.timeTable{margin-top:2rem;padding-top:3rem;border-top:.2rem dashed #ff523d}#l_container #opencampus .contents .timeTable .time{font-size:4.5rem;font-weight:600;line-height:1;margin-bottom:1rem}#l_container #opencampus .contents .timeTable .time span{font-size:3.5rem;margin-left:2rem}#l_container #opencampus .contents .timeTable .time em{display:inline-block;background:#fff;padding:.5rem 1rem 1rem}#l_container #opencampus .contents .timeTable h3{font-family:futura-pt;font-size:2.5rem;margin:1.5rem 0 0}#l_container #opencampus .contents .timeTable ul.day1_schedule{display:flex;flex-wrap:wrap;font-size:2.5rem;font-weight:600;padding-right:10rem}#l_container #opencampus .contents .timeTable ul.day1_schedule li{overflow:hidden;margin-right:2rem}#l_container #opencampus .contents .timeTable ul.day1_schedule li:before{content:'';display:inline-block;position:relative;top:.3rem;width:1em;height:1em;background:#000;border-radius:100rem;margin-right:1rem}#l_container #opencampus .contents .timeTable ul.day2_schedule{display:flex;flex-wrap:wrap;font-size:2.5rem;font-weight:600;padding-right:10rem}#l_container #opencampus .contents .timeTable ul.day2_schedule>li{background:#fff;padding-right:1rem}#l_container #opencampus .contents .timeTable ul.day2_schedule>li:before{content:'';display:inline-block;position:relative;top:.3rem;left:1rem;width:1em;height:1em;background:#000;border-radius:100rem;margin-right:2rem}#l_container #opencampus .contents .timeTable ul.day2_detail{margin-top:1rem;padding-left:4.5rem;font-weight:600}#l_container #opencampus .contents .timeTable ul.day2_detail>li{position:relative;padding-left:2rem}#l_container #opencampus .contents .timeTable ul.day2_detail>li:before{content:'';position:absolute;margin:auto;top:1.6rem;left:0;width:.5em;height:.5em;background:#000;border-radius:100rem;margin-right:2rem}#l_container #opencampus .contents .timeTable .day2_blow{position:absolute;bottom:0;left:32rem;width:30rem;height:19rem;background:url(/c/magazine/14/asset/img/opencampus_contents_day2_blow.svg) no-repeat center;background-size:100% auto;text-align:center;line-height:1.6;padding:5.5rem 0 0 1rem;font-weight:600;color:#ff917d;font-size:2rem}#l_container #opencampus .contents .badge{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-4rem;right:-4rem;width:22.6rem;height:22.6rem;background:url(/c/magazine/14/asset/img/opencampus_badge_bg.svg) no-repeat center;background-size:100% auto;color:#fff;border-radius:100rem;text-align:center;font-size:4rem;font-weight:600;animation:cInReverse01 1s 1 forwards;filter:drop-shadow(.2rem .6rem 1rem rgba(80, 80, 80, .25))}#l_container #opencampus .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,33.3333333333%));column-gap:0;row-gap:0}#l_container #opencampus .gallery.is_anim li:nth-child(1) img{transition-delay:.15s}#l_container #opencampus .gallery.is_anim li:nth-child(2) img{transition-delay:.3s}#l_container #opencampus .gallery.is_anim li:nth-child(3) img{transition-delay:.45s}#l_container #opencampus .gallery.is_anim li:nth-child(4) img{transition-delay:.6s}#l_container #opencampus .gallery.is_anim li:nth-child(5) img{transition-delay:.75s}#l_container #opencampus .gallery.is_anim li:nth-child(6) img{transition-delay:.9s}#l_container #opencampus .gallery.is_anim li img{transition:opacity .5s;opacity:1}#l_container #opencampus .gallery li{overflow:hidden}#l_container #opencampus .gallery li img{opacity:0}#l_container #opencampus .reserve{margin-top:10rem;padding-bottom:10rem}#l_container #opencampus .reserve .photo{position:absolute;bottom:4rem;width:20.2rem;animation:cBound 2s infinite}#l_container #opencampus .reserve .photo01{left:4rem}#l_container #opencampus .reserve .photo02{right:4rem}#l_container #opencampus .reserve .btn{margin-top:1.5rem}#l_container #opencampus .reserve .btn a{position:relative;font-size:2.4rem;font-weight:600;display:inline-block;border-radius:9rem;color:#fff;background:#0097ef;padding:3rem 15rem;filter:drop-shadow(.2rem .6rem 1rem rgba(80, 80, 80, .25))}#l_container #opencampus .reserve .btn a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:2rem;width:4rem;height:4rem;border-radius:9rem;background:url(/c/magazine/14/asset/img/i_arr_bl.svg) #fff no-repeat center;background-size:2rem}#l_container #memo{padding-bottom:0}#l_container #memo .box{position:relative;width:80%;margin:0 auto;padding:6rem 7rem;background:url(/c/magazine/14/asset/img/memo_bg.webp);background-size:1.8rem;border:.5rem solid #000}#l_container #memo .box:after{content:'';position:absolute;margin:auto;bottom:-.5rem;right:-.5rem;width:6rem;height:6rem;background:url(/c/magazine/14/asset/img/memo_frame.webp);background-size:100%}#l_container #memo .box h2{position:absolute;top:-2rem;left:-3rem;text-align:center;background:#000;padding:2rem 3rem;transform:rotate(-9deg)}#l_container #memo .box h2 img{width:11rem}#l_container #memo .box h3{font-size:3.5rem;color:#00cdff;text-align:center;line-height:1.4}#l_container #memo .box .txt{margin-top:1.5rem;text-align:justify;text-justify:inter-ideograph}#l_container #fixedCta{display:block;position:fixed;bottom:10%;z-index:100;right:0;padding:0;border-radius:1.8rem 0 0 1.8rem;overflow:hidden;filter:drop-shadow(.8rem .8rem .6rem rgba(0, 0, 0, .3))}#l_container #fixedCta .campus a,#l_container #fixedCta .reserve a{position:relative;display:block;background:linear-gradient(45deg,#ff7d7c 0,#ffc367 100%);color:#fff;font-weight:600;font-size:1.9rem;height:10.5rem;padding:2.5rem 7rem 0 3rem;line-height:1.4;letter-spacing:.075rem;text-align:center}#l_container #fixedCta .campus a:after,#l_container #fixedCta .reserve a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:1rem;width:3rem;height:3rem;border-radius:9rem;background:url(/c/magazine/14/asset/img/i_arr_or.svg) #fff no-repeat center;background-size:1.5rem!important}#l_container #fixedCta .campus a em,#l_container #fixedCta .reserve a em{display:block;font-size:2rem}#l_container #fixedCta .campus a{background:linear-gradient(45deg,#00cdff 0,#00cdff 100%);font-size:2rem;padding:2.3rem 5rem 0 2rem}#l_container #fixedCta .campus a:after{background:url(/c/magazine/14/asset/img/i_arr.svg) #fff no-repeat center}#l_footer{padding:10rem 0 5rem}#l_footer .logo a{display:inline-block}#l_footer .logo a img{width:39rem}#l_footer .social{position:absolute;bottom:.7rem;right:5rem;display:flex}#l_footer .social li+li{margin-left:2.8rem}#l_footer .social li a{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;overflow:hidden}#l_footer .copy{color:#656565;margin-top:2.5rem}#l_header{position:relative;z-index:10}#l_header .wrapper{padding:4rem 0}#l_header .logo img{width:30rem}#l_header .drawer-btn{position:absolute;top:4rem;right:7rem;z-index:10;width:5rem;height:5rem;cursor:pointer}#l_header .drawer-btn.is_drawer i{top:2.5rem;transform:rotate(20deg)}#l_header .drawer-btn.is_drawer i:nth-child(2){top:2.5rem;transform:rotate(-20deg)}#l_header .drawer-btn i{position:absolute;top:1.8rem;left:0;width:100%;height:.4rem;background:#000;transition:top .3s,transform .3s}#l_header .drawer-btn i:nth-child(2){top:3rem}#l_header .drawer{position:absolute;top:0;right:0;z-index:8;padding:14rem 7rem 7rem;transition:transform .5s,opacity .3s;transform:translateY(2rem);opacity:0;pointer-events:none}#l_header .drawer.is_drawer{transform:translateY(0);opacity:1;pointer-events:auto}#l_header .drawer:before{content:'';position:absolute;margin:auto;top:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(45deg,#00c2ff 0,#00f9f1 100%);opacity:.97;box-shadow:-.8rem .8rem 2rem rgba(0,0,0,.2)}#l_header .drawer *{position:relative;z-index:5}#l_header .drawer h4{font-family:futura-pt;font-size:3rem}#l_header .drawer ol li{margin-top:3rem}#l_header .drawer ol li a{position:relative;display:flex;align-items:center;font-weight:600;padding-right:4rem}#l_header .drawer ol li a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:0;width:2rem;height:2rem;background:url(/c/magazine/14/asset/img/i_arr_bk.svg) no-repeat center;background-size:100% auto}@media screen and (max-width:767px){#l_container #opencampus .wrapper{padding:0 4rem}#l_container #opencampus .graphic{margin-top:1rem}#l_container #opencampus .graphic .logo .txt01{width:45.5rem}#l_container #opencampus .graphic .logo .txt02{margin-top:4rem}#l_container #opencampus .graphic .logo .college{top:.8rem;right:4.5rem;width:17rem}#l_container #opencampus .graphic .logo .year{width:3.3rem}#l_container #opencampus .graphic .day{margin-top:4.5rem}#l_container #opencampus .graphic .day+.day{margin-top:2rem}#l_container #opencampus .graphic .day span img{height:11.5rem}#l_container #opencampus .graphic .day span em{position:relative;left:-1rem;min-width:4.8rem;height:4.8rem;font-size:2.8rem;margin-left:.5rem}#l_container #opencampus .graphic .day .day02{margin:0}#l_container #opencampus .contents{padding:3rem 5rem 2rem 5rem}#l_container #opencampus .contents:after{display:block;top:-6rem;border-width:0 0 6rem 8rem}#l_container #opencampus .contents .timeTable .time{font-size:3.5rem}#l_container #opencampus .contents .timeTable .time span{font-size:2.5rem}#l_container #opencampus .contents .timeTable h3{font-size:2rem}#l_container #opencampus .contents .timeTable ul.day1_schedule{font-size:2rem;padding-right:0}#l_container #opencampus .contents .timeTable ul.day2_schedule{font-size:2rem;padding-right:0}#l_container #opencampus .contents .timeTable ul.day2_detail{padding-left:1.9rem;font-size:2rem}#l_container #opencampus .contents .timeTable ul.day2_detail>li:before{width:.3em;height:.3em}#l_container #opencampus .contents .timeTable .day2_blow{left:27rem;width:26.2rem;height:16.8rem;padding:4.5rem 0 0 1rem;font-size:1.8rem;letter-spacing:normal}#l_container #opencampus .contents .badge{bottom:18rem;right:-3rem;width:19rem;height:19rem;font-size:4rem}#l_container #opencampus .gallery{grid-template-columns:repeat(2,minmax(0,50%));column-gap:0;row-gap:0}#l_container #opencampus .reserve{margin-top:7rem;padding-bottom:19rem}#l_container #opencampus .reserve .photo{bottom:2rem;width:20.2rem}#l_container #opencampus .reserve .photo01{left:0}#l_container #opencampus .reserve .photo02{right:2rem}#l_container #opencampus .reserve .btn a{width:42rem;padding:2rem 0}#l_container #memo .box{width:100%;padding:6rem 5rem 5rem}#l_container #memo .box h2{top:-3rem}#l_container #memo .box h3{font-size:3rem}#l_container #memo .box .txt{font-size:2.4rem}#l_container #fixedCta .campus a,#l_container #fixedCta .reserve a{padding:2.6rem 6.5rem 0 3rem}#l_container #fixedCta .campus a em,#l_container #fixedCta .reserve a em{font-size:2.5rem;margin-top:.5rem}#l_container #fixedCta .campus a{line-height:1.2;font-size:2.5rem;padding:1.9rem 5rem 0 2rem}#l_footer{padding:10rem 0 3rem;text-align:center}#l_footer .logo a img{width:37.5rem}#l_footer .social{position:static;justify-content:center;margin-top:6rem}#l_footer .social li+li{margin-left:5rem}#l_footer .social li a{width:3.8rem;height:3.8rem}#l_footer .copy{font-size:1.7rem;margin-top:5rem}#l_header .wrapper{padding:9rem 3rem 5rem}#l_header .logo img{width:48rem}#l_header .drawer-btn{top:0;right:2rem;width:10rem;height:10rem}#l_header .drawer-btn.is_drawer i{top:5rem}#l_header .drawer-btn.is_drawer i:nth-child(2){top:5rem}#l_header .drawer-btn i{top:3.5rem;left:1.5rem;width:7rem;height:.6rem}#l_header .drawer-btn i:nth-child(2){top:5.5rem}#l_header .drawer{padding:16rem 7rem 7rem}#l_header .drawer ol li{margin-top:6rem}#l_header .drawer ol li a{font-size:2.7rem;padding-right:5rem}}