#l_container section+section{padding:8rem 0}#l_container #opencampus{padding-bottom:0;background:#fff0cd;text-align:center}#l_container #opencampus h2{position:relative;font-size:4.6rem;line-height:1.4;padding:3rem 0 2rem}#l_container #opencampus h2:before{content:'';position:absolute;margin:auto;top:0;left:0;z-index:1;width:100%;height:100%;background:#f78e76}#l_container #opencampus h2:after{content:'';position:absolute;margin:auto;bottom:-10rem;right:0;width:0;height:0;border-style:solid;border-width:10rem 12.6rem 0 0;border-color:#0375b1 transparent transparent transparent}#l_container #opencampus h2 span{position:relative;z-index:5;display:block}#l_container #opencampus h2 span em{font-size:7.4rem}#l_container #opencampus .graphic{margin-top:6rem}#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:#0375b1;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:#0375b1;transform:translateX(-100%)}#l_container #opencampus .graphic .logo .txt02 img{transform:translateX(-100%)}#l_container #opencampus .graphic .logo .college{position:absolute;top:0;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;width:5.4rem;height:5.4rem;padding-top:1rem;background:#7a7c7f;color:#fff;font-size:3.6rem;border-radius:100rem;line-height:1}#l_container #opencampus .graphic .day .day02{margin-left:6rem}#l_container #opencampus .time{margin-top:2.5rem;font-size:3.6rem;font-weight:600;text-align:left;padding-left:16rem}#l_container #opencampus .time em{font-size:5rem;margin-right:3rem}#l_container #opencampus .contents{position:relative;background:#f78e76;padding:3rem 46rem 3rem 15rem;text-align:left;margin-top:1rem}#l_container #opencampus .contents:after{content:'';position:absolute;margin:auto;top:-10rem;left:0;width:0;height:0;border-style:solid;border-width:0 0 10rem 12.6rem;border-color:transparent transparent #0375b1 transparent}#l_container #opencampus .contents h3{font-size:2.5rem}#l_container #opencampus .contents ul{display:flex;flex-wrap:wrap;font-size:2.5rem;font-weight:600;margin-top:1rem}#l_container #opencampus .contents ul li{overflow:hidden;margin-right:2rem}#l_container #opencampus .contents ul 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 .badge{display:flex;align-items:center;justify-content:center;position:absolute;top:-9rem;right:-4rem;width:22.6rem;height:22.6rem;background:#0375b1;color:#fff;border-radius:100rem;text-align:center;font-size:4rem;font-weight:600;animation:cInReverse01 1s 1 forwards}#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:14rem}#l_container #opencampus .reserve .photo{position:absolute;bottom:0;width:24.1rem;animation:cBound 2s infinite}#l_container #opencampus .reserve .photo01{left:0}#l_container #opencampus .reserve .photo02{right:0}#l_container #opencampus .reserve .btn a{position:relative;display:inline-block;font-size:2.5rem;font-weight:600;padding:3rem 15rem;background:#d71373;color:#fff}#l_container #opencampus .reserve .btn a:after,#l_container #opencampus .reserve .btn a:before{content:'';position:absolute;margin:auto;top:-4.5rem;width:4.2rem;height:4.2rem;background:url(/c/magazine/02/asset/img/opencampus_reserve_btn_obj.svg) no-repeat center;background-size:auto 100%}#l_container #opencampus .reserve .btn a:before{left:-4.5rem}#l_container #opencampus .reserve .btn a:after{right:-4.5rem;transform:scale(-1,1)}#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/02/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/02/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:4rem;height:4rem;padding:.4rem .2rem .2rem .2rem;border-radius:100rem;overflow:hidden}#l_footer .social li.line a{background:#4ec664}#l_footer .social li.instagram a{background:url(/c/magazine/02/asset/img/social_instagram_bg.webp) no-repeat center;background-size:cover}#l_footer .social li.twitter a{background:#1d9aef}#l_footer .copy{color:#7a7c7f;margin-top:2.5rem}#l_header .wrapper{padding:3.5rem}#l_header .wrapper .logo a{display:inline-block;width:29rem}@media screen and (max-width:767px){#l_container #opencampus h2{font-size:3.2rem}#l_container #opencampus h2:after{bottom:-6rem;border-width:6rem 8rem 0 0}#l_container #opencampus h2 span em{font-size:4.9rem}#l_container #opencampus .graphic{margin-top:4rem}#l_container #opencampus .graphic .logo .txt01{width:45.5rem}#l_container #opencampus .graphic .logo .txt02{margin-top:4rem}#l_container #opencampus .graphic .logo .college{right:5rem;width:18rem}#l_container #opencampus .graphic .logo .year{width:3.3rem}#l_container #opencampus .graphic .day{justify-content:space-between;margin-top:4.5rem}#l_container #opencampus .graphic .day span img{height:9.6rem}#l_container #opencampus .graphic .day span em{width:4.2rem;height:4.2rem;padding-top:.8rem;font-size:2.6rem}#l_container #opencampus .graphic .day .day02{margin:0}#l_container #opencampus .time{margin-top:3rem;font-size:2.5rem;line-height:1.2;padding-left:11rem}#l_container #opencampus .time em{display:block;font-size:3.5rem;margin:0}#l_container #opencampus .contents{padding:2rem 2rem 2rem 11rem}#l_container #opencampus .contents:after{display:block;top:-6rem;border-width:0 0 6rem 8rem}#l_container #opencampus .contents h3{font-size:2rem}#l_container #opencampus .contents ul{font-size:2rem;margin-top:.1rem}#l_container #opencampus .contents .badge{top:-8.5rem;right:0;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:7rem}#l_container #opencampus .reserve .photo{width:16rem}#l_container #opencampus .reserve .btn a{padding:2.5rem 10rem}#l_container #opencampus .reserve .btn a:after,#l_container #opencampus .reserve .btn a:before{top:-3.5rem;width:2.7rem;height:2.7rem}#l_container #opencampus .reserve .btn a:before{left:-2rem}#l_container #opencampus .reserve .btn a:after{right:-2rem}#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:8rem 0 3rem}#l_footer .logo a img{width:32.4rem}#l_footer .social li+li{margin-left:2rem}#l_footer .copy{font-size:1.7rem}#l_header .wrapper{padding:3rem 3rem 6rem}}