/* .tuition_int_page_tt strong{
  color: #254a94!important;
} */

.tuition #top_c .layer-04 {
  right: 774px;
  height: 625%;
  background-color: #2196f3;
  z-index: 6;
  -webkit-transform: skewY(
  118deg
  ) skewX(
  24deg
  ) translateX(-100%);
  transform: skewY(
  118deg
  ) skewX(
  24deg
  ) translateX(-100%);
  transition: 1s all ease-in;
  }
  /* .tuition #top_c .layer-01 {
  left: -287px;
  top: 72px;
  background-color: #2196f3;
  z-index: 5;
  -webkit-transform: skewY(
  28deg
  ) skewX(
  -28deg
  ) translateX(-100%);
  transform: skewY(
  28deg
  ) skewX(
  -28deg
  ) translateX(-100%);
  transition: .5s all ease-in;
} */

.flex_center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_title h3{
  border-bottom: solid 3px #000000!important;
   position: relative;
   padding-bottom: 5px;
   font-size: 23px;
   font-weight: bold;
   color: #696975;
   text-align: center;
}
.content_title h3:after {
    border-bottom: solid 3px #00AFCC!important;
    position: absolute;
    content: " ";
    display: block;
    /* border-bottom: solid 3px #367bd6; */
    bottom: -3px;
    width: 50%;
    left: 0px;
}

.border{
  width: 100%;
  border: 1px solid #BEAF73;
  margin-bottom: 30px;

}
.change{
  background: rgba(0, 0, 0, 0.04);
}

.section h4{
  margin: 8px 0;
}
.section p{
  margin: 5px 0;
}
.change_tt{
  margin-bottom: 50px;
}
.change_tt h4{
  margin: 5px 0;
  text-align: center;
}
.content_tt{
  /* background: #77a8d214; */
  background: rgba(119, 168, 210, 0.2);
  position: relative;
  padding: 5px 20px;
  overflow: hidden;
}
.content_tt #triangle:before{
  position: absolute;
  display: block;
  top:0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #254a94;
  transform-origin: 0 100%;
  transform: skewY(-45deg);
  content: "";
}
.change .content{
  padding: 30px 0 30px 20px;
}

/* .change_cont h4{
  text-align: center;
  color: #254a94;
} */
.change_cont p{
  margin: 0;
  /* text-align: center; */
}

.proj_link .col-sm-4{
  width: 29%;
  border: 1px solid #254a94;
  box-shadow: 4px 4px 0 #254a94;

}
.proj_link h4{
  color: #254a94;
}
.proj_link span{
  padding-left: 10px;
  color: #BEAF73;
  font-size: 20px;
}
.proj_link .col-sm-4 .content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.proj_link .row{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.proj_btn {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn_link {
  margin-right: 20px;
  color: #fff;
  background: #3499d8;
  padding: 5px 10px;
  border-radius: 10px;
  transition: all .2s;
}
.btn_pdf {
  color: #fff;
  background: #BEAF73;
  padding: 5px 10px;
  border-radius: 10px;
  transition: all .2s;
}
.btn_pdf:hover, .btn_link:hover{
  transform: scale(1.2);
}

/* @media screen and (min-width:780px) {
  .tuition_int_page_tt h1{
    margin-top: 50px!important;
  }
  .tuition_int_page_tt strong{
    font-size: 38px;
      margin-top: 50px!important;
  }

} */

/* @media screen and (max-width:780px) {
  .tuition_int_page_tt h1{
    margin-top: 50px!important;
  }
  .tuition_int_page_tt strong{
    font-size: 28px;
  }
}
@media screen and (max-width:280px) {
  .tuition_int_page_tt strong{
    font-size: 24px;
  }
}
@media screen and (max-width:540px){
  .fh5co-cover, .tuition_int_page_tt{
    height: 120px!important;
  }
  .tuition_int_page_tt h1{
    margin-top: 48px!important;
    margin-left: 30px!important;
  }
  .tuition #top_c .layer-01{
    top: 10px!important;
  }
  .tuition_sec{
    margin-top: -40px;
    padding-top: 0!important;
  }
}
@media screen and (max-width:480px) {

  .introduction .target{
    max-width: 50%!important;
    margin: auto;
    float: none!important;
  }
  .tit-let{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
} */

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 20px;
  border: 1px solid rgb(158 158 158);
  font-size: 16px;
}
th{
  background-color: #9e9e9e9e;
  text-align: center;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 18px;
}
td:first-child{
  background-color: #ebf0f3;
}
/* tr:nth-child(even){background-color: #f2f2f2}
@media screen and (min-width: 769px){
   .top-section-bg-zure table tbody tr {
      border-bottom: 1px solid #ccc;

  } } */
  @media screen and (min-width: 769px){
.top-section-bg-zure table tbody td {
    padding: 20px;
    border-right: 1px solid rgb(158 158 158);
      line-height: initial;
}}
/* @media screen and (min-width: 769px){
 .bg-recruit {
    background-color: #ebf0f3;
    padding-top: 100px;
    padding-bottom: 0px;
}} */
/* @media screen and (min-width: 768px){
.lh {
    text-align: center;
  }} */
@media screen and (min-width: 768px){
  .top-section-bg-zure table tbody tr {
      border-bottom: 1px solid rgb(158 158 158);

  }}
  @media screen and (min-width: 768px){
.top-section-bg-zure table {
        border: 1px solid rgb(158 158 158);
        width: 100%;
      margin-top: 30px;
      margin-bottom: 1rem;
    }  }

  @media screen and (max-width: 768px){
     .top-section-bg-zure table {
        border: 1px solid rgb(158 158 158);
        width: 100%;
        line-height: 1.8;
        min-width: 900px;
        width: 100%;
  }
  .top-section-bg-zure th{
     font-size: 16px!important;
}
}
  @media screen and (max-width: 768px){
    .top-section-bg-zure table tbody tr {
        border-bottom: 1px solid rgb(158 158 158);
    }}
    @media screen and (max-width: 768px){
    .top-section-bg-zure table tbody td {
          padding: 3px;
          border-right: 1px solid rgb(158 158 158);
          /* line-height: 18px; */
      }
    }
@media screen and (min-device-width: 280px) and (max-device-width: 768px) {
  .container_collage_fee{
    width: 100% !important;
}
.exam{
margin-bottom: 1px;
flex-wrap: wrap;
justify-content: space-between;
padding: 1px;
border: none;
    /* display: flex; */
    /* flex-direction: row; */
    /* align-items: center; */
    /* align-content: space-between; */
    /* margin-right: 1px; */
    /* margin-left: 1px; */
    /* border-left: solid 0.1px gray;
    border-right: solid 0.1px gray; */
}
}
/* @media screen and (max-width: 768px){
  .bg-recruit {
     background-color: #efefed;
     padding-top: 20px;
     padding-bottom: 0px;
  }
} */

/* @media screen and (max-width: 768px){
  .lh {
      text-align: center;
  }} */
  @media screen and (max-width: 768px){
    .top-section-bg-zure p {
        line-height: 2;
    }  }
@media screen and (min-width: 768px){
  .top-section-bg-zure p {
      line-height: 2;
  }}
.container_collage_fee{
      width: 90%;
}
.exam_info {
    width: 100%;
    display: flex;
    justify-content: space-around;
    overflow: auto;
    margin-top: 5rem;
    border: solid 2px gray;
    padding: 2rem;
margin-bottom: 4rem;
}
.exam_info :hover{
  border-bottom: 1px solid #4caf50;
  color: #00000091;
}
/* .exam_info_list {
    border:none;
} */
.exam_info a {
  float: left;
  padding: 12px;
  color: black;
  text-decoration: none;
  font-size: 17px;

}
@media screen and (max-width: 500px) {
  .exam.info a {
    float:none;
    display: block;
    display:flex;

  }
}
/* .button {
    background-color: #f2f2f2;;
    border: none;
    color: #737373;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid #003366;
    font-style: italic;
    font-weight: bold;
    font-size:0.875em;
       display: inline-block;} */

.button2 {
background-color: #003366;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
border: 2px solid #003366;
font-family: sans-serif;
font-style: italic;
font-weight: bold;
/* font-size:0.875em; */
  display: inline-block;
}

.doc_download{
    /* display: flex; */
    justify-content: flex-start;
    font-size: 20px;
    margin-bottom: 5rem;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
}
.link_index:hover{
  color: #8bc34a;
}
.table_text_center{
  text-align: center;
}
.maru_tb{
  text-align: center;
}