@charset "UTF-8";
/* CSS Document */
.ac-search .ac-child dl{
 padding: 20px 30px;
 border: solid 1px #ddd;
 border-radius: 10px;
 display: flex;
 align-items: center;
}
.ac-search .ac-child dl:not(:last-child){
 margin: 0 0 10px;
}
.ac-search .ac-child dl dt{
 width: 15%;
 font-weight: bold;
}
.ac-search .ac-child dl dd{
 width: 89%;
}
a.b-line{
 cursor: pointer;
 text-decoration: underline;	 
}
@media (max-width: 896px){
 #c_scholarship .comBox{
  padding: 1px 0 0;
 }
 #c_scholarship .searchBox th{
  padding: 15px 0 0!important;
 }
 #c_scholarship .ac-search td{
  width: 100%;
 }
 #c_scholarship .searchBox td{
  padding: 10px!important;
 }
 .ac-search .ac-child{
  margin: 10px 5px;
 }
 .ac-search .ac-child dl{
  padding: 10px 20px;
  display: block;
 }
 .ac-search .ac-child dl dt{
  width: auto;
  border-bottom: solid 1px #ddd;
  padding: 0 0 5px;
  margin: 0 0 5px;
 }
 .ac-search .ac-child dl dd{
  width: 100%;
 }
}
@media (min-width: 400px){
 .ac-search .ac-parent .brMin {
  display: none;
 }
}
/*モーダルを開くボタン*/
.modal-open{
 cursor: pointer;
 text-decoration: underline;
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 background: rgb(255 255 255 / 80%);
 overflow: auto;
 opacity: 0;
 visibility: hidden;
 transition: .3s;
 box-sizing: border-box;
 z-index: 1000;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
 content: "";
 display: inline-block;
 vertical-align: middle;
 height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
 opacity: 1;
 visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
 position: relative;
 display: inline-block;
 vertical-align: middle;
 max-width: 500px;
 width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 top: 30px;
 right: 30px;
 width: 20px;
 height: 20px;
 font-size: 40px;
 color: #4B4B4E;
 cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
 background: #fff;
 padding: 80px 43px;
 box-shadow: 0 0px 15px rgba(0, 0, 0, .15);
}
@media (max-width: 896px){
 .modal-content{
  padding: 50px 20px 20px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, .15);
 }
 .modal-close{
  top: 15px;
  right: 20px;
 }
}