@charset "UTF-8";
.red {
  color:red;
}
.bold {
  font-weight: 600;
}
.doi dt{
  display:inline-block;
  width:12%;
  vertical-align:top;
}
.doi dd{
  display:inline-block;
  width:86%;
}
.pressrelease-read{
  margin:0 0 3rem; 
  padding:2rem;
  background-color:#f0f0f0; 
}
#local-css .w750{
  display:block;
  width:750px;
}
#local-css .w375{
  display:inline-block;
  vertical-align:top;
  width:375px;
}
#local-css .w750 img, #local-css .w375 img{
  width:100%;
  vertical-align:top;
}
#local-css .list-disc li{
  position: relative;
  display: block;
  text-indent:0;
}
#local-css .list-disc li:before{
  position: absolute;
  display: block;
  top:0;
  left:0;
}
#local-css .youtube-frame{
  max-width:560px;
  margin-bottom:3rem;
}
#local-css .youtube-frame iframe{
  aspect-ratio:16/9;
  width:100%;
  height:auto;
}
/*入学試験日程*/
#undergrad-schedule .sticky_table_wrapper{
  width: 100%;
  overflow: scroll;
  height: 75vh;
}
#undergrad-schedule .scroll-icon{
  display:block;
  position:relative;
  height:3rem;
}
#undergrad-schedule .scroll-icon:before{
  display:block;
  position:absolute;
  top:0;
  left:0;
  content:"↔";
  font-size:2rem;
}
#undergrad-schedule .sticky_table{
  margin-top:0;
  overflow: scroll;
  width:1080px;
  border: none;
}
#undergrad-schedule .scroll{
  white-space:normal!important;
}
#undergrad-schedule .sticky_table .name{
  width:25%;
}
.sticky_table .schedule{
  width:22%;
}
.sticky_table .date{
  width:9%;
}
#undergrad-schedule .mod_dataTable tr th, #undergrad-schedule .mod_dataTable tr td{
  border:none;
}
#undergrad-schedule .mod_dataTable{
  border-collapse:separate;
  border-spacing:0;
}
#undergrad-schedule .sticky_table td, #undergrad-schedule .sticky_table th{
  border-right: 1px solid #ccc!important;
  border-bottom: 1px solid #ccc!important;
  border-top: none;
  font-size: 13px!important;
}
#undergrad-schedule .sticky_table thead th{
  border-top: 1px solid #ccc!important;
}
#undergrad-schedule .sticky_table .term{width:17%; border-top:none!important;}
#undergrad-schedule .sticky_table thead{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background:#f5f5f5;
  text-align:center;
}
#undergrad-schedule .sticky_table tbody td:first-child, #undergrad-schedule .sticky_table .stick-both {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  background:#f5f5f5;
  z-index: 1;
  padding:2rem 1.4rem;
  text-align:center;
  border-left: 1px solid #ccc!important;
}
#undergrad-schedule .stick-both {
  z-index: 3!important;
}
#undergrad-schedule .m-break{
  display: inline-block;
}
#undergrad-schedule .sticky_table .name{
  width:19%;
} 
#undergrad-schedule .sticky_table .term{
  width:17%;
} 
#undergrad-schedule .sticky_table .schedule{
  width:24%;
} 
#undergrad-schedule .sticky_table .date{
  width:11%;
}
@media screen and (max-width: 768px){
  .doi dt, .doi dd{
    display:block;
    width:100%;
  }
  .doi dd{
    margin-bottom:10px;
  }
  #local-css .w750{
    width:100%;
  }
  #local-css .w375{
    display:block;
  }
}
@media screen and (max-width: 480px){
  #undergrad-schedule .sticky_table{
    width:900px;
  }
  #undergrad-schedule .sticky_table tr td, .sticky_table tr th{
    padding:1.6rem!important;
  }
  .m-break{
    display: block;
  }
  #local-css .w375{
    width:100%;
  }
}