.oc-section__main_title{font-size:38px;font-weight:700;text-align:center;color:#00a0e9}.oc-section__block{max-width:1200px;margin:0 auto 80px}.oc-section__block_title{background-color:#00a0e9;color:#fff;font-size:20px;font-weight:500;padding:10px 22px;position:relative;cursor:pointer}.oc-section__block_title::after,.oc-section__block_title::before{display:block;content:"";width:20px;height:2px;background-color:#fff;position:absolute;top:50%;right:20px;translate:0 -50%}.oc-section__block_title::after{width:2px;height:20px;right:29px;transition:rotate .15s}.oc-section__block_title.is-open::after{rotate:90deg}.oc-section__block_category_list{list-style:none;padding:0;margin:0;grid-template-columns:repeat(auto-fit,minmax(224px,1fr));gap:20px}.oc-section__block_category_list li a{display:block;position:relative;box-shadow:3px 3px 10px 0 rgba(0,0,0,.1)}.oc-section__block_category_list li a::before{display:block;content:"";width:16px;height:16px;background:url(/tokyo/open-campus/common/img/arrow.svg) left top/contain no-repeat;position:absolute;bottom:10px;right:10px;z-index:1}.oc-section__block_category_list li img{width:100%;height:auto;display:block;border-radius:5px}.oc-section__block_list_ttl{position:absolute;bottom:0;left:0;margin:0;width:100%;color:#fff;border-radius:0 0 5px 5px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}.oc-section__block_list_ttl>p{margin:0;padding:10px 28px 10px 10px;font-size:16px}.oc-section__block_date_list{list-style:none;padding:0;margin:0;grid-template-columns:repeat(auto-fit,185px);gap:20px 18px}.oc-section__block_course_list li a,.oc-section__block_date_list li a{width:100%;border:1px solid #ccc;border-radius:5px;color:inherit;text-decoration:none;box-shadow:3px 3px 10px 0 rgba(0,0,0,.1);box-sizing:border-box;position:relative}.oc-section__block_date_list li a{display:block;text-align:center;font-size:18px;font-weight:700;padding:10px 0}.oc-section__block_date_list li a::before{z-index:1}.oc-section__block_course_ttl{margin:0;padding-right:20px}.oc-section__block_category_list,.oc-section__block_date_list{display:grid;max-height:0;overflow:hidden}.oc_course{max-height:0;overflow:hidden;list-style:none;padding:0;margin:0}.oc_course>li{margin-bottom:30px}.oc-section__block_course_list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px 30px;margin:0;padding:0;list-style:none}.oc-section__block_course_list li a{overflow:hidden;display:flex;padding:8px;align-items:center;gap:0 13px}.oc-section__block_course_list li a::before,.oc-section__block_date_list li a::before{display:block;content:"";width:16px;height:16px;background:url(/tokyo/open-campus/common/img/arrow.svg) left top/contain no-repeat;position:absolute;top:50%;right:10px;translate:0 -50%}.oc-section__block_category_list.is-open,.oc-section__block_date_list.is-open,.oc_course.is-open{max-height:2000px}.oc-section__block_course_img img,.oc-section__block_course_list li img,.oc-section__block_list_img img{display:block;width:100%;height:auto}.oc-section__block_course_img{width:54px;height:54px;flex-shrink:0}@media only screen and (max-width:767px){.oc-section.top{padding:10px .625rem;margin:10px auto}.oc-section__main_title{font-size:19px}.oc-section__block{margin:0 auto 50px}.oc-section__block.course{margin:0 auto 30px}.oc-section__block_title{font-size:18px;padding:10px}.oc-section__block_category_list,.oc-section__block_date_list{grid-template-columns:repeat(2,1fr);gap:10px 5px}.oc-section__block_list_ttl>p{font-size:12px;padding:8px 20px 8px 8px;box-sizing:border-box}.oc-section__block_date_list li a{font-size:16px;padding:15px 0}.oc-section__block_course_list{grid-template-columns:1fr;gap:10px 0}.oc-section__block_course_list li a{font-size:14px;padding:4px 5px}}