@charset "utf-8";

.page_opcampus .sub_main {
    background: url(https://www.saitamaeiyo.ac.jp/cooking/assets/images/subject/subject_main.jpg);
    background-position: center;
}



.front_oc {
    background: #fff;
    position: relative;
    padding-bottom: 3vw;
}

.opcampus_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em 1.25em;
}

.opcampus_list li {
    padding: 1.25em;
    border-radius: var(--br20);
}

.opcampus_list li .oc_hdr h3 {
    font-size: clamp(1.25rem, 2.25vw, 2.125rem);
}

.opcampus_list li .oc_hdr {
    text-align: center;
}

.opcampus_list li.bg_lorg .oc_hdr h3 {
    letter-spacing: 0;
}

.opcampus_list li a{
    display: block;
    background: #fff;
    padding: 1.25em;
    border-radius: var(--br10);
}

.opcampus_list li .thumb {
    margin-bottom: .8em;
}

.opcampus_list li a .day {
    font-size: clamp( 16px, 2.25vw, 30px );
    line-height: 1.2;
}

.opcampus_list li.bg_lorg .day { color: var(--c_org);}
.opcampus_list li.bg_lgren .day { color: var(--c_gren);}
.opcampus_list li.bg_pink .day { color: var(--c_red);}

.opcampus_list li a .time {
    font-weight: normal;
    font-size: 90%;
}

@media (max-width: 799px) {
    .opcampus_list { display: block;}
    .opcampus_list li .oc_hdr h3 { font-size: clamp(1.25rem, 0.932rem + 1.59vw, 2.125rem);margin-bottom: 0;}
    .opcampus_list li.bg_lorg .oc_hdr h3 { letter-spacing: .1em;}
    .opcampus_list li .oc_hdr p { text-align: center;}
    .opcampus_list li { margin-bottom: 1em;}
    .opcampus_list li a { display: flex; gap: 1em;}
    .opcampus_list li a .thumb { flex: 1; margin: 0;}
    .opcampus_list li a .thumb img {height: 100%;width: 100%;object-fit: cover;}
    .opcampus_list li a .opcampus_text { flex: 2;}
    .opcampus_list li a .day { font-size: clamp( 16px, 5.75vw, 30px );}
}
@media (max-width: 599px) {
	.opcampus_list li a{padding: 0.5em;gap: 0.5em;}
	.opcampus_list li{padding:0.5em;}
	.opcampus_list li dt{font-size: 13px;}
	.opcampus_list li .oc_hdr p{margin-bottom:0.75em;}
}