@charset "UTF-8";
/* CSS Document */
.page_campus{text-align: center;padding-bottom: 80px}
.page_campus .main_mv img{width: 100%;height: auto}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
}

.page_campus .index .main_mv{width: 670px;margin: 0 auto 50px}
.page_campus .index li{width: 50%}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_campus .index .main_mv{width: 90%;margin: 0 auto 30px}
.page_campus .index li:nth-child(1) img{object-fit: cover;height: 300px;object-position: right top}
.page_campus .index li:nth-child(2) img{object-fit: cover;height: 300px;object-position: left top}
}


.page_campus.campus_1 .sec1{background: #fffcdb;padding: 80px 0;text-align: left}
.page_campus.campus_1 h3{width: 560px;margin:0 auto 50px}
.page_campus.campus_1 .sec1 dt,
.page_campus.campus_1 .sec2 dt{font-size: 1.6rem;font-weight: bold;}
.page_campus.campus_1 .sec1 dt span,
.page_campus.campus_1 .sec2 dt span{color: #ee7a24}
.page_campus.campus_1 .sec1 dd,
.page_campus.campus_1 .sec2 dd{margin-bottom: 20px;}
.page_campus.campus_1 .sec2{background: #fff6e9;padding: 80px 0;text-align: left}

.float-right-bottom-wrapper {	display: flex;}
.float-right-bottom .img1 {  --img-width: 180px;  --img-height: 245px;  float: right;  width: var(--img-width); /* imgタグのwidth属性を指定している場合は不要です  */  height: 100%; /* 親要素の.float-right-bottomの存在が重要です！ */  margin-left: 10px; /* お好みで */  shape-outside: inset(calc(100% - var(--img-height)) 0 0 0); /* ポイント！ */  object-fit: contain;  object-position: bottom;}
.float-right-bottom .img2 {  --img-width: 186px;  --img-height: 372px;  float: right;  width: var(--img-width); /* imgタグのwidth属性を指定している場合は不要です  */  height: 100%; /* 親要素の.float-right-bottomの存在が重要です！ */  margin-left: 10px; /* お好みで */  shape-outside: inset(calc(100% - var(--img-height)) 0 0 0); /* ポイント！ */  object-fit: contain;  object-position: bottom;}




@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_campus.campus_1 h3{width: 86%;margin:0 auto 50px}
.page_campus.campus_1 .sec1,
.page_campus.campus_1 .sec2{padding: 50px 0;}
.page_campus.campus_1 .col2{width: 100%;margin-bottom: 30px}

.float-right-bottom .img1 {  --img-width: 150px;  --img-height: 215px;}
.float-right-bottom .img2 {  --img-width:  156px;  --img-height: 342px;}
}


.page_campus.campus_2 .sec1{background: #fffcdb;padding: 80px 0;text-align: left}
.page_campus.campus_2 h3{width: 560px;margin:0 auto 50px}
.page_campus.campus_2 .sec1 dt,
.page_campus.campus_2 .sec2 dt{font-size: 1.6rem;font-weight: bold;}
.page_campus.campus_2 .sec1 dt span,
.page_campus.campus_2 .sec2 dt span{color: #008ccf}
.page_campus.campus_2 .sec1 dd,
.page_campus.campus_2 .sec2 dd{margin-bottom: 20px;}
.page_campus.campus_2 .sec2{background: #fff6e9;padding: 80px 0;text-align: left}
.page_campus.campus_2 h4{background:#008ccf;color: #fff;text-align: center;border-radius: 30px;margin-top: 20px;margin-bottom: 10px; font-size: 1.8rem;font-weight: bold; }
.page_campus.campus_2 .img3{width: 520px;margin-top: 60px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_campus.campus_2 h3{width: 86%;margin:0 auto 50px}
.page_campus.campus_2 .sec1,
.page_campus.campus_2 .sec2{padding: 50px 0;}
.page_campus.campus_2 .col2{width: 100%;margin-bottom: 30px}
.page_campus.campus_2 .img3{width: 80%;margin: 30px auto}
}


.page_campus .news{padding: 50px 0 80px;text-align: center}
.page_campus .news dl{border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin-bottom: 10px}
.page_campus .news dt{text-align: left; width: 36%;}
.page_campus .news .date{color: #f08329;position: relative;padding-left: 17px;width: 33%}
.page_campus .news .date::before{    content: "";    position: absolute;    top: 50%;    left: 0;    transform: translateY(-50%);    border: 5px solid transparent;    border-left: 8px solid #f08329;}
.page_campus .news .marugame{vertical-align: middle; background: #6db92c;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_campus .news .takamatsu{vertical-align: middle; background: #1a90ad;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_campus .news .murakami{vertical-align: middle; background: #e5921e;border-radius: 5px;width: 28%; font-size: 1.3rem;letter-spacing: 0.2em; text-align: center;color: #fff;}
.page_campus .news .cate{width: 33%;font-size: 1.3rem;}
.page_campus .news .bt{margin-top: 40px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_campus .news dt{text-align: left; width: 100%;}
.page_campus .news .marugame,
.page_campus .news .takamatsu,
.page_campus .news .murakami{font-size: 1.1rem}
.page_campus .news dd{padding-left: 18px;margin-top: 10px;text-align: left}
}