@charset "utf-8";


.page_campus .sub_main {
    background-color: #f8f2f0;
    background-image: url(../images/campus/campus_main.png);
    background-repeat: no-repeat;
    background-position: top -100px right calc( 50vw - 350px );
    background-size: auto 800px;
}

@media(max-width: 999px) {
    .page_campus .sub_main { background-size: auto 60vw; background-position: top -3vw left -5vw;}
}

@media(max-width: 799px) {
    .page_campus .sub_main { height: 65vw; background-size: 135vw; background-position: center top; max-height: unset;}
}

@media(max-width: 499px) {
    .page_campus .sub_main { height: 75vw; background-size: 155vw;}
}

.sec_common h2 + p{
  margin-bottom: 2em;
}

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


.sec_common .list li figcaption{
  margin-top: .5em;
  text-align: center;
}



@media (max-width: 799px){

.sec_common .list{
  grid-template-columns: repeat(2, 1fr);
  gap: 2em 1em;
}



}


@media (max-width: 399px){

.sec_common .list{grid-template-columns: repeat(1, 1fr);}


}