@charset "UTF-8";
/*************************************** 矢印
*****************************************/
/* campuslife.scss
***************************************

campuslife

*****************************************/
.campuslife { /*************************************** //年間行事
*****************************************/ /*************************************** //クラブ・サークル
*****************************************/ /*************************************** //奨学金
*****************************************/ /*************************************** //教育ローン
*****************************************/ /*************************************** //学生寮・下宿
*****************************************/ /*************************************** //ボランティアセンター
*****************************************/ /*************************************** //障がい学生支援
*****************************************/ /*************************************** //高等教育の修学支援新制度
*****************************************/ /*************************************** //共通
*****************************************/ }
.campuslife .left-cont a { color: #2F569F; text-decoration: underline; font-weight: 700; }
.campuslife .left-cont .btn a, .campuslife .left-cont .page_nav a { color: white; text-decoration: none; }
.campuslife .schedule .table2022 tr.bg { background: #CAD4E6; font-weight: 700; }
.campuslife .schedule .table2022 tr.bg:first-child th { width: 33%; }
.campuslife .schedule .table2022 tr.bg:nth-child(2) th { width: 16%; }
.campuslife .schedule .table2022 th.bg { background: #E1E8F5; font-weight: 700; text-align: left; }
.campuslife .club .main_img { background: #776D97; }
@media print, screen and (min-width: 1030px) { .campuslife .club .main_img { display: flex; flex-wrap: nowrap; }
  .campuslife .club .main_img img { width: 70%; }
  .campuslife .club .main_img div { width: 30%; display: flex; align-items: center; justify-content: center; }
  .campuslife .club .main_img div img { width: 50%; } }
@media screen and (max-width: 1029px) { .campuslife .club .main_img div { padding: 30px 0; }
  .campuslife .club .main_img div img { display: block; margin: auto; width: 25%; } }
.campuslife .club .border_cont { border-top: solid 1px #777; border-bottom: solid 1px #777; padding: 60px 0 30px; }
.campuslife .club .border_cont li { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; }
.campuslife .club .border_cont li b { display: block; width: 150px; background: #E1E8F5; font-weight: 700; }
@media print, screen and (min-width: 1030px) { .campuslife .club .border_cont li b { padding: 15px 25px 15px; } }
@media screen and (max-width: 1029px) { .campuslife .club .border_cont li b { padding: 8px 5%; } }
@media print, screen and (min-width: 1030px) { .campuslife .club .border_cont li > div { width: calc(100% - 200px); padding: 15px 0; } }
@media screen and (max-width: 1029px) { .campuslife .club .border_cont li > div { width: calc(100% - (150px + 3%)); padding: 8px 0; } }
.campuslife .club figure + .border_cont { border-top: none; }
.campuslife .bursary .table1 { text-align: left; }
.campuslife .bursary .table1 th { background: #E1E8F5; font-weight: 700; width: 200px; }
.campuslife .loan .border_box { border: solid 1px #777; }
@media print, screen and (min-width: 1030px) { .campuslife .loan .border_box { padding: 25px 20px; } }
@media screen and (max-width: 1029px) { .campuslife .loan .border_box { padding: 25px 5%; } }
.campuslife .dormitory .table1 { text-align: left; }
.campuslife .dormitory .table1 th { background: #E1E8F5; font-weight: 700; width: 200px; }
.campuslife .dormitory .border_box { border: solid 1px #777; }
@media print, screen and (min-width: 1030px) { .campuslife .dormitory .border_box { padding: 25px 20px; } }
@media screen and (max-width: 1029px) { .campuslife .dormitory .border_box { padding: 25px 5%; } }
@media print, screen and (min-width: 1030px) { .campuslife .dormitory .flex-ce p { width: 55%; }
  .campuslife .dormitory .flex-ce img { width: 40%; } }
.campuslife .volunteer .flex-ce p { width: 75%; }
.campuslife .volunteer .flex-ce img { width: 20%; }
.campuslife .volunteer .btn a { width: 300px; }
.campuslife .volunteer .works { background: #E1E8F5; padding: 60px 0; margin-top: 60px; }
.campuslife .volunteer .works .box_wh { margin-bottom: 40px; background: white; }
@media print, screen and (min-width: 1030px) { .campuslife .volunteer .works .box_wh { padding: 60px; } }
@media screen and (max-width: 1029px) { .campuslife .volunteer .works .box_wh { padding: 60px 5%; } }
.campuslife .volunteer .works .box_wh .ttl { line-height: 130%; font-size: 2rem; padding-bottom: 20px; margin-bottom: 30px; border-bottom: solid 1px #777; }
.campuslife .handicapped .border_box { border: solid 1px #777; }
@media print, screen and (min-width: 1030px) { .campuslife .handicapped .border_box { padding: 25px 20px; } }
@media screen and (max-width: 1029px) { .campuslife .handicapped .border_box { padding: 25px 5%; } }
.campuslife .students-support .border_box { border: solid 1px #777; }
@media print, screen and (min-width: 1030px) { .campuslife .students-support .border_box { padding: 25px 20px; } }
@media screen and (max-width: 1029px) { .campuslife .students-support .border_box { padding: 25px 5%; } }
.campuslife .students-support .table1 { text-align: center; width: 100% !important; min-width: auto !important; }
.campuslife .students-support .table1 th { background: #E1E8F5; font-weight: 700; }
.campuslife .students-support .table2 { text-align: center; }
.campuslife .students-support .table2 th { background: #E1E8F5; font-weight: 700; }
.campuslife .table_area table { width: 100%; border-spacing: 0; border-right: solid 1px #777; border-bottom: solid 1px #777; }
.campuslife .table_area table th, .campuslife .table_area table td { border-top: solid 1px #777; border-left: solid 1px #777; padding: 12px 10px; vertical-align: middle; }