.oc-tab{display:flex;justify-content:center;align-items:center}.oc-tab li{display:flex;justify-content:center;align-items:center;height:2.5vw;padding:0 .5em;color:#345f9e;font-size:1.5rem;font-weight:600;border-bottom:1px solid #345f9e;letter-spacing:.1em;margin:0 10px;cursor:pointer}.oc-tab li.current{color:#fff;background:#345f9e}.top-bnr-box{width:100%;margin-bottom:20px}.oc-content{display:none}.oc-content.current{display:block}.oc-event-info__wrap{position:relative;padding-bottom:80px;width:70%;margin:0 auto}.oc-event-info__wrap .oc-event-img{width:100%;overflow:hidden;border-radius:30px}.oc-event-info__wrap .oc-event-img img{width:100%;display:block}.oc-event-info__wrap dl{margin:8% 0}.oc-event-info__wrap dl dt{font-size:3.4rem;color:#345f9e;font-weight:500;padding-bottom:.5em;text-align:center;position:relative}.oc-event-info__wrap dl dt::after{content:"";width:3em;height:1px;background:#345f9e;position:absolute;bottom:0;left:calc(50% - 1.5em)}.oc-event-info__wrap dl dd.oc-event-tag{padding:40px 0 30px}.oc-event-info__wrap dl dd.oc-event-tag ul{width:100%;display:flex;justify-content:center}.oc-event-info__wrap dl dd.oc-event-tag ul li{padding:.2em 1em;border:1px solid #345f9e;color:#345f9e;margin:0 .5em}.oc-event-info__wrap dl dd.oc-event-copy{font-size:2.4rem;color:#345f9e;font-weight:500;margin-bottom:.5em}.oc-event-info__wrap dl dd{font-size:1.6rem;line-height:1.8em}.oc-event-info__wrap::before{content:"";width:30px;height:30px;transform:rotate(-45deg) translateX(-50%);border-left:1px solid #345f9e;border-bottom:1px solid #345f9e;position:absolute;bottom:50px;left:50%}.oc-event-info__wrap::after{content:"";width:30px;height:30px;transform:rotate(-45deg) translateX(-50%);border-left:1px solid #345f9e;border-bottom:1px solid #345f9e;position:absolute;bottom:62px;left:50%}.oc-staff-voice{background:url(../opencampus/images/oc_backgroud.png);padding:0 15% 5%;margin-bottom:-50px}.oc-staff-voice h3{width:12vw;height:6vw;border-radius:0 0 6vw 6vw;background:#345f9e;margin:0 auto 5%;text-align:center;font-size:2rem;font-weight:600;color:#fff;line-height:1.3em;padding:.5em 0 0}.oc-staff-voice ul.oc-staff-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%}.oc-staff-voice ul.oc-staff-list li dl{width:60%}.oc-staff-voice ul.oc-staff-list li dl dt{font-size:2rem;color:#345f9e;font-weight:500;margin-bottom:.5em}.oc-staff-voice ul.oc-staff-list li dl dd{font-size:1.5rem;line-height:1.8em}.oc-staff-voice ul.oc-staff-list li .oc-staff-img{width:34%;height:11vw;overflow:hidden;border-radius:30px}.oc-staff-voice ul.oc-staff-list li .oc-staff-img img{width:100%;display:block}.oc-staff-voice ul.oc-staff-list li:nth-of-type(2n) dl{order:2}.oc-staff-voice ul.oc-staff-list li:nth-of-type(2n) .oc-staff-img{order:1}.oc-staff-voice_green{background:url(../opencampus/images/oc_backgroud_green.png);padding:0 15% 5%;margin-bottom:-50px}.oc-staff-voice_green h3{width:12vw;height:6vw;border-radius:0 0 6vw 6vw;background:#659f59;margin:0 auto 5%;text-align:center;font-size:2rem;font-weight:600;color:#fff;line-height:1.3em;padding:.5em 0 0}.oc-staff-voice_green ul.oc-staff-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%}.oc-staff-voice_green ul.oc-staff-list li dl{width:60%}.oc-staff-voice_green ul.oc-staff-list li dl dt{font-size:2rem;color:#659f59;font-weight:500;margin-bottom:.5em}.oc-staff-voice_green ul.oc-staff-list li dl dd{font-size:1.5rem;line-height:1.8em}.oc-staff-voice_green ul.oc-staff-list li .oc-staff-img{width:34%;height:11vw;overflow:hidden;border-radius:30px}.oc-staff-voice_green ul.oc-staff-list li .oc-staff-img img{width:100%;display:block}.oc-staff-voice_green ul.oc-staff-list li:nth-of-type(2n) dl{order:2}.oc-staff-voice_green ul.oc-staff-list li:nth-of-type(2n) .oc-staff-img{order:1}.oc-staff-voice_pink{background:url(../opencampus/images/oc_backgroud_pink.png);padding:0 15% 5%;margin-bottom:-50px}.oc-staff-voice_pink h3{width:12vw;height:6vw;border-radius:0 0 6vw 6vw;background:#b8576f;margin:0 auto 5%;text-align:center;font-size:2rem;font-weight:600;color:#fff;line-height:1.3em;padding:.5em 0 0}.oc-staff-voice_pink ul.oc-staff-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%}.oc-staff-voice_pink ul.oc-staff-list li dl{width:60%}.oc-staff-voice_pink ul.oc-staff-list li dl dt{font-size:2rem;color:#b8576f;font-weight:500;margin-bottom:.5em}.oc-staff-voice_pink ul.oc-staff-list li dl dd{font-size:1.5rem;line-height:1.8em}.oc-staff-voice_pink ul.oc-staff-list li .oc-staff-img{width:34%;height:11vw;overflow:hidden;border-radius:30px}.oc-staff-voice_pink ul.oc-staff-list li .oc-staff-img img{width:100%;display:block}.oc-staff-voice_pink ul.oc-staff-list li:nth-of-type(2n) dl{order:2}.oc-staff-voice_pink ul.oc-staff-list li:nth-of-type(2n) .oc-staff-img{order:1}.oc-staff-voice_yellow{background:url(../opencampus/images/oc_backgroud_yellow.png);padding:0 15% 5%;margin-bottom:-50px}.oc-staff-voice_yellow h3{width:12vw;height:6vw;border-radius:0 0 6vw 6vw;background:#d6be50;margin:0 auto 5%;text-align:center;font-size:2rem;font-weight:600;color:#fff;line-height:1.3em;padding:.5em 0 0}.oc-staff-voice_yellow ul.oc-staff-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%}.oc-staff-voice_yellow ul.oc-staff-list li dl{width:60%}.oc-staff-voice_yellow ul.oc-staff-list li dl dt{font-size:2rem;color:#d6be50;font-weight:500;margin-bottom:.5em}.oc-staff-voice_yellow ul.oc-staff-list li dl dd{font-size:1.5rem;line-height:1.8em}.oc-staff-voice_yellow ul.oc-staff-list li .oc-staff-img{width:34%;height:11vw;overflow:hidden;border-radius:30px}.oc-staff-voice_yellow ul.oc-staff-list li .oc-staff-img img{width:100%;display:block}.oc-staff-voice_yellow ul.oc-staff-list li:nth-of-type(2n) dl{order:2}.oc-staff-voice_yellow ul.oc-staff-list li:nth-of-type(2n) .oc-staff-img{order:1}a.oc-link{display:flex;width:60%;margin:0 15%;height:5vw;margin:0 auto;justify-content:center;align-items:center;font-size:2rem;font-weight:600;background:#ff4d4d;color:#fff;border-radius:5vh;position:relative;z-index:0}a.oc-link::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:3vw;height:3vw;animation:blinking 2s infinite 0s;z-index:1;background:url(../images/common/oc-link-icon01.png) no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}a.oc-link::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:3vw;height:3vw;animation:sway 1s infinite 0s;z-index:1;background:url(../images/common/oc-link-icon02.png) no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}a.oc-link a.oc-link_new{margin-bottom:20px}@keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes sway{0%{opacity:0;transform:translateX(-80%) translateY(-50%)}10%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateX(0) translateY(-50%)}}@media screen and (max-width:768px){.oc-tab{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.oc-tab li{width:100%;display:flex;justify-content:center;align-items:center;height:auto;padding:.5rem .5em;color:#345f9e;font-size:1.5rem;font-weight:600;border-bottom:1px solid #345f9e;letter-spacing:.1em;margin:0 10px;cursor:pointer}.oc-tab li.current{color:#fff;background:#345f9e}.oc-event-info__wrap{position:relative;padding-bottom:80px;width:80%;margin:0 auto}.oc-event-info__wrap .oc-event-img{width:100%;overflow:hidden;border-radius:30px}.oc-event-info__wrap .oc-event-img img{width:100%;display:block}.oc-event-info__wrap dl dd.oc-event-tag{padding:40px 0 30px}.oc-event-info__wrap dl dd.oc-event-tag ul{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.oc-event-info__wrap dl dd.oc-event-tag ul li{width:45%;padding:.2em 1em;border:1px solid #345f9e;color:#345f9e;margin:1rem 2%;text-align:center}.oc-staff-voice{background:url(../opencampus/images/oc_backgroud.png);padding:0 15% 5%;margin-bottom:-50px}.oc-staff-voice h3{width:49vw;height:24vw;border-radius:0 0 26vw 26vw;background:#345f9e;margin:0 auto 10%;text-align:center;font-size:2rem;font-weight:600;color:#fff;line-height:1.3em;padding:.5em 0 0}.oc-staff-voice ul.oc-staff-list{width:100%;display:flex;flex-wrap:wrap}.oc-staff-voice ul.oc-staff-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%;flex-wrap:wrap}.oc-staff-voice ul.oc-staff-list li dl{width:100%;order:2;margin-bottom:3rem}.oc-staff-voice ul.oc-staff-list li dl dt{font-size:2rem;color:#345f9e;font-weight:500;margin-bottom:.5em}.oc-staff-voice ul.oc-staff-list li dl dd{font-size:1.5rem;line-height:1.8em}.oc-staff-voice ul.oc-staff-list li .oc-staff-img{width:100%;height:30vw;overflow:hidden;border-radius:30px;order:1;margin-bottom:2rem}.oc-staff-voice ul.oc-staff-list li .oc-staff-img img{width:100%;display:block}.oc-staff-voice ul.oc-staff-list li:nth-of-type(2n) dl{order:2}.oc-staff-voice ul.oc-staff-list li:nth-of-type(2n) .oc-staff-img{order:1}.oc-staff-voice_green h3{width:49vw;height:24vw;border-radius:0 0 26vw 26vw;background:#659f59;margin:0 auto 10%;text-align:center;font-size:2rem;font-weight:600;color:#fff;line-height:1.3em;padding:.5em 0 0}.oc-staff-voice_green ul.oc-staff-list{width:100%;display:flex;flex-wrap:wrap}.oc-staff-voice_green ul.oc-staff-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%;flex-wrap:wrap}.oc-staff-voice_green ul.oc-staff-list li dl{width:100%;order:2;margin-bottom:3rem}.oc-staff-voice_green ul.oc-staff-list li dl dt{font-size:2rem;color:#659f59;font-weight:500;margin-bottom:.5em}.oc-staff-voice_green ul.oc-staff-list li dl dd{font-size:1.5rem;line-height:1.8em}.oc-staff-voice_green ul.oc-staff-list li .oc-staff-img{width:100%;height:30vw;overflow:hidden;border-radius:30px;order:1;margin-bottom:2rem}.oc-staff-voice_green ul.oc-staff-list li .oc-staff-img img{width:100%;display:block}.oc-staff-voice_green ul.oc-staff-list li:nth-of-type(2n) dl{order:2}.oc-staff-voice_green ul.oc-staff-list li:nth-of-type(2n) .oc-staff-img{order:1}.oc-staff-voice_pink{background:url(../opencampus/images/oc_backgroud_pink.png);padding:0 15% 5%;margin-bottom:-50px}.oc-staff-voice_pink h3{width:49vw;height:24vw;border-radius:0 0 26vw 26vw;background:#b8576f;margin:0 auto 10%;text-align:center;font-size:2rem;font-weight:600;color:#fff;line-height:1.3em;padding:.5em 0 0}.oc-staff-voice_pink ul.oc-staff-list{width:100%;display:flex;flex-wrap:wrap}.oc-staff-voice_pink ul.oc-staff-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%;flex-wrap:wrap}.oc-staff-voice_pink ul.oc-staff-list li dl{width:100%;order:2;margin-bottom:3rem}.oc-staff-voice_pink ul.oc-staff-list li dl dt{font-size:2rem;color:#b8576f;font-weight:500;margin-bottom:.5em}.oc-staff-voice_pink ul.oc-staff-list li dl dd{font-size:1.5rem;line-height:1.8em}.oc-staff-voice_pink ul.oc-staff-list li .oc-staff-img{width:100%;height:30vw;overflow:hidden;border-radius:30px;order:1;margin-bottom:2rem}.oc-staff-voice_pink ul.oc-staff-list li .oc-staff-img img{width:100%;display:block}.oc-staff-voice_pink ul.oc-staff-list li:nth-of-type(2n) dl{order:2}.oc-staff-voice_pink ul.oc-staff-list li:nth-of-type(2n) .oc-staff-img{order:1}.oc-staff-voice_yellow{background:url(../opencampus/images/oc_backgroud_yellow.png);padding:0 15% 5%;margin-bottom:-50px}.oc-staff-voice_yellow h3{width:49vw;height:24vw;border-radius:0 0 26vw 26vw;background:#d6be50;margin:0 auto 10%;text-align:center;font-size:2rem;font-weight:600;color:#fff;line-height:1.3em;padding:.5em 0 0}.oc-staff-voice_yellow ul.oc-staff-list{width:100%;display:flex;flex-wrap:wrap}.oc-staff-voice_yellow ul.oc-staff-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6%;flex-wrap:wrap}.oc-staff-voice_yellow ul.oc-staff-list li dl{width:100%;order:2;margin-bottom:3rem}.oc-staff-voice_yellow ul.oc-staff-list li dl dt{font-size:2rem;color:#d6be50;font-weight:500;margin-bottom:.5em}.oc-staff-voice_yellow ul.oc-staff-list li dl dd{font-size:1.5rem;line-height:1.8em}.oc-staff-voice_yellow ul.oc-staff-list li .oc-staff-img{width:100%;height:30vw;overflow:hidden;border-radius:30px;order:1;margin-bottom:2rem}.oc-staff-voice_yellow ul.oc-staff-list li .oc-staff-img img{width:100%;display:block}.oc-staff-voice_yellow ul.oc-staff-list li:nth-of-type(2n) dl{order:2}.oc-staff-voice_yellow ul.oc-staff-list li:nth-of-type(2n) .oc-staff-img{order:1}a.oc-link{display:flex;width:100%;margin:0 15%;height:14vw;margin:0 auto;justify-content:center;align-items:center;font-size:1.4rem;font-weight:600;background:#ff4d4d;color:#fff;border-radius:5vh;position:relative;z-index:0}a.oc-link::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:6vw;height:6vw;animation:blinking 2s infinite 0s;z-index:1;background:url(../images/common/oc-link-icon01.png) no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}a.oc-link::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:6vw;height:6vw;animation:sway 1s infinite 0s;z-index:1;background:url(../images/common/oc-link-icon02.png) no-repeat center center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}a.oc-link a.oc-link_new{margin-bottom:20px}}