@charset "utf-8";
/* CSS Document */
.pageHero_img {
 /*background-image: url('../images/pageHero-junior.jpg');*/
 background-image: url('../images/pageHero-junior.png');
}
/*********************************************

短期大学部学部・学科紹介

*********************************************/
#gakubu-topImg .gakubu-topImg-txtBox a:after {
 color: #fff !important;
}
#text {
 margin: 1.8em 0 -1em
}
#t_list hr {
 height: 1px;
 background-color: #ddd;
 border: none;
 margin: 1.8em 0 0.6em;
}
#t_list .linkArea {
 padding: 10px;
 background: #f5f5f5;
}
#t_list .itemBox {
 padding: 0 10px;
}
#t_list .linkArea > ul > li {
 padding: 0 10px;
}
#t_list .linkArea > ul > li > a {
 background: #fff;
 padding: 10px;
 display: block;
}
#t_list .linkArea > ul > li > a:before {
 content: "\f0da";
 font-family: FontAwesome;
 margin-right: 10px;
}
#t_list div.linkBox > ul {
 margin-top: -10px;
}
#t_list div.linkBox > ul > li {
 padding: 0 10px;
}
#t_list div.linkBox > ul > li > a {
 display: block;
 padding: 10px;
 margin-top: 10px;
}
#t_list div.linkBox > ul > li > a:before {
 content: "\f0da";
 font-family: FontAwesome;
 margin-right: 10px;
}
#t_list div.linkBox > ul > li:first-child > a, #t_list div.linkBox > ul > li:first-child > a:after {
 color: #fff;
}
#t_list .junior h3 {
 border-left: 5px solid #21ade5;
}
#t_list .junior h4:not([class])::before {
 background-color: #21ade5;
}
#t_list .junior div.linkBox > ul > li > a {
 border: 1px solid #21ade5;
}
#t_list .junior div.linkBox > ul > li:last-child > a, #t_list .junior div.linkBox > ul > li:last-child > a:after {
 color: #21ade5;
}
#t_list .junior div.linkBox > ul > li:first-child > a {
 background: #21ade5;
}
#t_list .c_education div.linkBox > ul > li {
 padding: 0 10px;
}
#t_list .c_education div.linkBox > ul > li > a {
 border: 1px solid #872434;
}
#t_list .c_education div.linkBox > ul > li:first-child > a {
 color: #872434;
}
@media (max-width: 768px) {
 #t_list .itemBox {
  width: 100%;
 }
 #t_list div.linkBox > ul > li {
  width: 100%;
 }
 #t_list .linkArea > ul {
  margin-top: -10px;
 }
 #t_list .linkArea > ul > li {
  width: 100%;
  margin-top: 10px
 }
 .curriculumImgArea {
  padding: 10px 0;
 }
}
@media screen and (min-width:768px) and (max-width:992px) {
 #t_list .itemBox {
  width: 100%;
 }
 #t_list div.linkBox > ul > li {
  width: 50%;
 }
 #t_list .linkArea > ul {
  margin-top: -10px;
 }
 #t_list .linkArea > ul > li {
  width: 50%;
  margin-top: 10px
 }
 #t_list .c_education div > ul > li {
  width: 50%;
 }
 .curriculumImgArea {
  padding: 10px 15px;
 }
}
@media (min-width: 992px) {
 #t_list .linkArea > ul > li {
  width: 33.33333333333333%;
 }
 #t_list .itemBox {
  width: 50%;
 }
 #t_list .linkBtn a:hover {
  color: #FF0C54;
 }
 #t_list div.linkBox > ul > li {
  width: 50%;
 }
 #t_list div.linkBox > ul > li:first-child > a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
 }
 #t_list div.linkBox > ul > li:last-child > a:hover, #t_list div.linkBox > ul > li:last-child > a:hover:after {
  color: #FF0C54;
 }
 #t_list div.linkBox > ul > li:last-child > a:hover {
  border: 1px solid #FF0C54;
 }
 #t_list .c_education div > ul > li {
  width: 33.3333333%;
 }
 #t_list .c_education div.linkBox > ul > li > a:hover {
  opacity: 1 !important;
  color: #FF0C54;
  border: 1px solid #FF0C54;
 }
 .curriculumImgArea {
  padding: 10px 15px;
 }
}
/*********************************************

学びの特長

*********************************************/
#t_manabi sup {
 vertical-align: top;
 font-size: 80%;
}
#t_manabi small {
 display: inline-block;
 font-size: 80%;
}
#t_manabi .caution {
 padding-left: 1.5em;
 position: relative;
}
#t_manabi .caution:before {
 content: "※";
 position: absolute;
 left: 0;
}
#t_manabi h5 {
 padding: 0.2em 0.5em;
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 1.4;
 background: #FFF0C8;
 margin-bottom: 0.6em;
}
#t_manabi .itemBox, #t_manabi .box03 .flexBox section {
 padding: 0 10px;
}
#t_manabi .itemBox table {
 width: 100%;
}
#t_manabi .tableBox th, #t_manabi .tableBox td {
 padding: 5px;
 border: 1px solid #ddd;
 vertical-align: middle
}
#t_manabi .tableBox table thead tr th {
 background: #f4f8ff;
}
#t_manabi .tableBox table tbody tr th {
 text-align: left;
}
#t_manabi .tableBox table tbody tr td {
 text-align: right;
 width: 5em;
}
#t_manabi .cautionNum {
 margin-bottom: 1.5em;
}
#t_manabi .cautionNum dl {
 display: table;
 font-size: 90%;
}
#t_manabi .cautionNum dl dt {
 display: table-cell;
 width: 2em;
}
#t_manabi .cautionNum dl dd {
 display: table-cell;
}
#t_manabi ul.free_app li {
 margin-right: 1em;
}
#t_manabi ul.free_app li:last-child:before {
 content: none !important
}
@media (max-width: 768px) {
 #t_manabi .box01, #t_manabi .box02, #t_manabi .box03 {
  width: 100%;
 }
 #t_manabi .box03 .flexBox section {
  width: 100%;
 }
 #t_manabi .table-responsive table {
  min-width: 550px !important;
 }
}
@media screen and (min-width:768px) and (max-width:992px) {
 #t_manabi .box01, #t_manabi .box02, #t_manabi .box03 {
  width: 100%;
 }
 #t_manabi .box03 .flexBox section {
  width: 100%;
 }
 #t_manabi .table-responsive table {
  min-width: 100% !important;
 }
}
@media (min-width: 992px) {
 #t_manabi .box01 {
  width: 45%;
 }
 #t_manabi .box02 {
  width: 55%;
 }
 #t_manabi .box03 {
  width: 100%;
 }
 #t_manabi .box03 .flexBox section {
  width: 50%;
 }
 #t_manabi .tableBox table tbody tr th:first-child {
  width: 10em
 }
}
/*********************************************

各学科

*********************************************/
.txtbig {
 color: #990000;
 font-weight: bold;
}
.hennyu {
 background: #FFEB58;
 padding: 5px;
 text-align: center;
 font-size: 90%;
 font-weight: bold;
}