@charset "UTF-8";
/*****************************
cmn
*****************************/
.pagesec .ttlbox{
  margin-bottom: 4rem;
  text-align: center;
}
.pagesec .ttlbox .ttl{
  border-top: 2px solid #46463E;
  border-bottom: 2px solid #46463E;
  display: inline-block;
  font-size: 3rem;
  font-weight: bold;
  padding: .5rem 3rem ;
}
.subttl{
  background: #7EB0E3;
  border-radius: 6px;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: .5rem 2rem;
}
.subttl2{
  background: #E78DB4;
}
.subttl3{
  background: #9B86CE;
}
.subttl span{
  display: block;
  font-size: 1.6rem;
  line-height: 1.4;
}
.contentttl{
  font-size: 2.2rem;
  font-weight: bold;
  margin: 2rem 0 1rem;
  padding-left: 2rem;
  position: relative;
}
.contentttl::before{
  content: "";
  background: #9B86CE;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 8px;
}
.contentttl span{
  font-size: 1.8rem;
  font-weight: 500;
}
.inttl{
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: .5rem;
  padding-left: 2rem;
  position: relative;
}
.inttl::before{
  content: "●";
  color: #E661A7;
  position: absolute;
  top: 0;
  left: 0;
}

.fgap2{
  gap: 2rem;
}
.fgap2 .fbox{
  width: calc(50% - 1rem);
}

.tblbox1 {
  margin-bottom: 1rem;
}
.tblbox1 .tbl{
  border: 1px solid #cccccc;
}
.tblbox1 .tbl:not(:last-of-type){
  border-bottom: none;
}
.tblbox1 .tbl dt,
.tblbox1 .tbl dd{
  font-size: 1.4rem;
  padding: .5rem 1rem;
}
.tblbox1 .tbl dt{
  background: #DEE4EB;
  border-right: 1px solid #cccccc;
  font-weight: bold;
  width: 130px;
}
.tblbox1 .tbl dd{
  width: calc(100% - 130px);
}

.tblbox2{
  margin-bottom: 1rem;
}
.tblbox2 table{
  background-color: rgb(204, 204, 204);
  border-color: grey;
  border-collapse: separate;
  border-spacing: 1px;
  box-sizing: border-box;
  margin: 0 auto;
  min-width: 650px;
  min-width: 1080px;
  width: 100%;
}
.tblbox2 th,
.tblbox2 td{
  padding: .5rem 1rem ;
  vertical-align: middle;
}
.tblbox2 th,
.tblbox2 td{
  font-size: 1.4rem;
  line-height: 1.6;
}
.tblbox2 th{
  background: #DEE4EB;
  text-align: left;
  width: 180px;
}
.tblbox2 th ,
.tblbox2 th span{
  font-weight: bold;
}
.tblbox2 td{
  background: #fff;
  text-align: center;
}
.tblbox2 thead th{
  background: #7EB0E3;
  color: #fff;
  text-align: center;
}

.blankcel{
  background: #f3f3f3 !important;
}
.blankcelllong{
  padding: .1rem !important;
}
.tblbox2 td .hasspan li{
  padding-left: 1.8rem;
  position: relative;
}
.tblbox2 td .hasspan li span{
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .subttl{
    font-size: 2rem;
  }
  .inttl {
    font-size: 1.8rem;
  }
  .contentttl {
    font-size: 1.8rem;
  }
  .contentttl::before{
    height: 32px;
    top: 2px;
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec .ttlbox .ttl{
    font-size: 2.2rem;
  }
  .subttl{
    font-size: 1.8rem;
    padding: .5rem 1rem;
  }
  .subttl span{
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .inttl ,
  .contentttl {
    font-size: 1.6rem;
  }
  .contentttl::before {
    height: 28px;
    top: 0px;
  }
  .tblbox1 dt,
  .tblbox1 dd,
  .tblbox2 th,
  .tblbox2 td{
    font-size: 1.4rem;
  }
  .tblbox2 th span,
  .tblbox2 td span{
    display: block;
    font-size: 1.2rem;
  }
}

/*****************************
pagesec-pagelink
*****************************/
.pagesec-pagelink {
  padding-bottom: 10rem;
}
.pagesec-pagelink ul{
  gap: 1rem;
}
.pagesec-pagelink li{
  width: calc(100% / 4 - 1rem);
}
@media only screen and (max-width: 1180px) {
  
}
@media only screen and (max-width: 1024px) {
  
}
@media only screen and (max-width: 820px) {
  .pagesec-pagelink li{
    width: calc(100% / 3 - 1rem);
  }
}
@media only screen and (max-width: 768px) {
  
}
@media only screen and (max-width: 767px) {
  .pagesec-pagelink li{
    width: 100%
  }
}

/*****************************
pagesec-gakka 学科及び入学定員
*****************************/
.pagesec-gakka th{
  width: auto;
}

@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}

/*****************************
pagesec-hayami 入学試験区分早見表
*****************************/
.pagesec-hayami th{
  text-align: center;
  width: auto;
}
.pagesec-hayami td{
  text-align: left;
  width: 240px;
}


/*****************************
pagesec-ao AO
*****************************/
.pagesec-ao .tbl1{
  margin-top: 2rem;
}
.pagesec-ao th{
  width: auto;
}
.pagesec-ao .tbl1 td{
  text-align: left;
  width: 200px;
}
.pagesec-ao .tbl1 tbody td:first-of-type{
  text-align: center;
  width: 60px;
}


@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}

/*****************************
pagesec-nittei 試験日程・選考方法
*****************************/
.pagesec-nittei th{
  width: auto;
}
.pagesec-nittei th,
.pagesec-nittei tbody tr:first-of-type td:last-of-type{
  text-align: center;
}
.pagesec-nittei td{
  text-align: left;
}
.pagesec-nittei tbody th:first-of-type{
  width: 90px;
}
.pagesec-nittei tbody td:first-of-type{
  width: 300px;
}
.pagesec-nittei td dd{
  padding-left: 7rem;
  position: relative;
}
.pagesec-nittei td dd span{
  position: absolute;
  top: 0;
  left: 2rem;
}


/*****************************
pagesec-tetuduki 出願手続き
*****************************/
.pagesec-tetuduki th{
  padding: .5rem .5rem;
  width: auto ;
}
.pagesec-tetuduki td:first-of-type,
.pagesec-tetuduki td:nth-of-type(2){
  text-align: left;
}
.pagesec-tetuduki td:first-of-type p,
.pagesec-tetuduki td:nth-of-type(2) p{
  position: relative;
  padding-left: 1.6rem;
}
.pagesec-tetuduki td:first-of-type span,
.pagesec-tetuduki td:nth-of-type(2) span{
  position: absolute;
  top: 0;
  left: 0;
}
.pagesec-tetuduki td:first-of-type{
  width: 150px;
}
.pagesec-tetuduki .webapplication{
  margin: 3rem auto 0;
  max-width: 800px;
}
.pagesec-tetuduki .webapplication a{
  display: block;
}

@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
}

/*****************************
pagesec-gakuhi 学費
*****************************/
.pagesec-gakuhi .pricejump{
  background: #ecf5ff;
  margin: 2rem 0;
  padding: 4rem;
  margin: 2rem 0 5rem;
}
.pagesec-gakuhi .pricejump ul {
  gap: 1rem;
  margin-top: 2rem;
}
.pagesec-gakuhi .pricejump li {
  width: calc(100% / 3 - 1rem);
}
.pagesec-gakuhi .pricejump .morebtn2 a{
  background: #fff;
  color: #7EB0E3;
}
.pagesec-gakuhi .pricejump .morebtn2 a:hover{
  background: #7EB0E3;
  color: #fff;
}
/* .pagesec-gakuhi .pricejump li:nth-of-type(2) a:hover{
  background: #E78DB4;
  border-color: #E78DB4;
}
.pagesec-gakuhi .pricejump li:nth-of-type(3) a:hover{
  background: #9B86CE;
  border-color: #9B86CE;
} */

.pagesec-gakuhi .price{
  margin-bottom: 6rem;
}
.pagesec-gakuhi .price:last-of-type{
  margin-bottom: 0;
}
.pagesec-gakuhi .price .year{
  color: #9B86CE;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
}
.pagesec-gakuhi .price .fbox:nth-of-type(2)  .year{
  color: #E78DB4;
}
.pagesec-gakuhi .price .fbox table{
  min-width: 400px;
}
.pagesec-gakuhi .price thead th span{
  display: inline;
}
.pagesec-gakuhi .price .total {
  background: #9B86CE;
  color: #fff;
}
.pagesec-gakuhi .price .fbox:nth-of-type(2) .total{
  background: #E78DB4;
}
.pagesec-gakuhi .price .total th{
  background: none;
}
.pagesec-gakuhi .price .total td{
  background: none;
  font-weight: bold;
  text-align: right;
}
.pagesec-gakuhi .price .inbox:not(:last-of-type){
  margin-bottom: 4rem;
}
.pagesec-gakuhi .price .tblbox1{
  margin-top: 1rem;
}
.pagesec-gakuhi .price .tblbox1 dt,
.pagesec-gakuhi .price .tblbox1 dd{
  width: 50%;
}
.pagesec-gakuhi .price .tblbox1 dd{
  text-align: right;
}
.pagesec-gakuhi .price .tblbox1 .tblhead dt{
  text-align: center;
}
.pagesec-gakuhi .price .tblbox1 .tblhead dt,
.pagesec-gakuhi .price .tblbox1 .total dt,
.pagesec-gakuhi .price .tblbox1 .total dd{
  background: #7EB0E3;
  color: #fff;
  font-weight: bold;
}
.pagesec-gakuhi .price .other li{
  padding-left: 2rem;
  position: relative;
}
.pagesec-gakuhi .price .other li::before{
  content: "●";
  color: #E661A7;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .pagesec-gakuhi .pricejump li {
    width: calc(100% / 2 - 1rem);
  }
  .pagesec-gakuhi .price .fbox{
    width: 100%;
  }
  .pagesec-gakuhi .price .year{
    margin: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-gakuhi .pricejump {
    padding: 2rem 1rem;
  }
  .pagesec-gakuhi .pricejump li {
    width: 100%;
  }
}

/*****************************
pagesec-genmen 特別学費減免制度
*****************************/
.pagesec-genmen .systemgr .system:not(:last-of-type){
  margin-bottom: 6rem;
}
.pagesec-genmen .systemgr .system .area,
.pagesec-genmen .systemgr .system ol{
  background: #ecf5ff;
  border-radius: 6px;
  margin: 1rem 0;
  padding: 1rem 2rem;
}
.pagesec-genmen .systemgr .system .area li{
  margin: 0 .5rem ;
}
.pagesec-genmen .systemgr .system ol li{
  padding-left: 2rem;
  position: relative;
}
.pagesec-genmen .systemgr .system ol li span{
  position: absolute;
  top: 0;
  left: 0;
}

/*****************************
pagesec-support 奨学金制度
*****************************/
.pagesec-support .systemgr .system:not(:last-of-type){
  margin-bottom: 6rem;
}
.pagesec-support th{
  width: auto ;
}
.pagesec-support .systemgr .system1 tbody tr:first-of-type td:nth-of-type(2){
  text-align: left;
}
.pagesec-support .systemgr .system2 .flexbox1{
  gap: 2rem;
}
.pagesec-support .systemgr .system2 .imgbox{
  width: 100px;
}
.pagesec-support .systemgr .system4 .ttl{
  font-size: 1.8rem;
  font-weight: bold;
}
.pagesec-support .systemgr .system4 ul{
  background: #ecf5ff;
  margin: 1rem 0;
  padding: 1rem;
}


/* 追加CSS */
.contentttl2{
  font-size: 2.2rem;
  font-weight: bold;
  margin: 2rem 0 1rem;
  padding-left: 2rem;
  position: relative;
}
.contentttl2::before{
  content: "";
  background: #7EB0E3;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 8px;
}
.contentttl2 span{
  font-size: 1.8rem;
  font-weight: 500;
}
.pagesec-gakuhi .price .year2{
  color: #6c97c3;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  text-align: center;
}
.pagesec-gakuhi .price .tblbox2 .totalpro th,
.pagesec-gakuhi .price .tblbox2 .totalpro td{
  background: #7EB0E3 !important;
  color: #fff;
}
.pagesec-gakuhi .price .other2 li{
  padding-left: 2rem;
  position: relative;
}
.pagesec-gakuhi .price .other2 li::before{
  content: "●";
  color: #7EB0E3;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 820px) {
  .pagesec-gakuhi .price .year2{
    margin: 0;
    text-align: left;
  }
}

.price3 .tblbox2 thead th{
  background: #9b86ce;
}
.pagesec-gakuhi .price3 .tblbox1 .tblhead dt,
.pagesec-gakuhi .price3 .tblbox1 .total dt,
.pagesec-gakuhi .price3 .tblbox1 .total dd{
  background: #9b86ce;
}
.pagesec-genmen .tblbox1 .tbl dt{
  width: 180px;
}
.pagesec-genmen .tblbox1 .tbl dd{
  width: calc(100% - 180px);
}
@media only screen and (max-width: 767px){
  .pagesec-genmen .tblbox1 .tbl dt{
    width: 100%;
  }
  .pagesec-genmen .tblbox1 .tbl dd{
    width: 100%;
  }
}