body {

	font-family: 'Open Sans', sans-serif;
	font-family: 'Roboto', sans-serif;
	font-family: 'BIZ UDGothic', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;

}
div.wrap {
	width: 100%;
}
div.content {
	width: 1024px;
	margin: 0 auto;
}
div.content h2 {
	font-size: 1.2em;
	margin: 5px 0;
}
div.content ul {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	list-style: none;
	text-align: left;
}
div.content li {
	line-height: 1.8em;
}
div.content li.student:hover{
	background-color: #ccc;
}
div.content dl {
	width: 80%;
	padding: 0;
}
div.content dt {
	width: 17%;
	float: left;
	text-align: left;
	line-height: 1.8em;
}
div.content dd {
	width: 82%;
	margin-left: 18%;
	text-align: left;
	line-height: 1.8em;
}
/* メニュー */
div.nav {
	width: 100%;
	padding-bottom: 10px;
}
div.nav ul{
	margin: 0 0 5px 0;
	padding: 0;
	padding-bottom: 1px;
	text-align: left;
}
div.nav li{
	float: left;
	margin-right: 3px;
	background-color: #eee;
	padding: 2px 10px;
}
div.nav a {
	text-decoration: none;
}
.m0 {
	margin: 0;
}
.p5 {
	padding: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pv10 {
	padding: 10px 0;
}
.pt10 {
	padding-top: 10px;
}
.m10 {
	margin: 10px;
}
.ml10 {
	margin-left: 10px;
}
.p10 {
	padding: 10px;
}
.mv10 {
	margin: 10px 0;
}
.mr10 {
	margin-right: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.red {
	color: #f00;
}
.ccc {
	color: #ccc;
}
.black{
	color: #000;
}
.white {
	color: #FFF;
}
.attention {
	font-size: 0.8em;
}
.bottomLine {
	border-bottom: 1px solid #999;
}
.bkcCCC {
	background-color: #ccc;
}
.bkcDDD {
	background-color: #ddd;
}
.bkcEEE {
	background-color: #eee;
}
.bkF00 {
	background-color: #F00;
}
.attention {
	font-size: 0.8em;
	/*font-weight: 600;*/
}
.noneview {
	display: none;
}

/* イベントリスト */
span.eDate {
	display: inline-block;
	width: 14em;
}
span.eTime {
	display: inline-block;
	width: 4em;
}
span.eTitle {
	display: inline-block;
	width: 18em;
}
span.eStd {
	display: inline-block;
	width: 10em;
}
span.eCity {
	display: inline-block;
	width: 9em;
}
li.event:hover {
	background-color: #ccc;
}
/* 属性リスト */
span.pTitle {
	display: inline-block;
	width: 12em;
}
span.method {
	display: inline-block;
	width: 12em;
	text-align: center;
}
li.property:hover {
	background-color: #ccc;
}
li a {
	margin:0 10px;
}

/* 応募者リスト */
div.top {
	width: 100%;
	background-color: #ccc;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 0.7em;
}
div.top .sPro, div.top .lepmos {
	margin-left: 10px;
	margin-right: 5px;
}
div.top .search {
	margin-left: 7px;
	margin-right: 5px;
}
div.left {
	margin: 0;
	width: 100%;
	background-color: #ccc;
	padding: 10px;
	padding-bottom: 85px;
	margin-bottom: 10px;
	font-size: 0.7em;
}
div.left span {
	font-size: 1em;
	float: left;
}
div.center {
	width: 100%;
	background-color: #eee;
	padding: 10px;
	font-size: 0.7em;
	overflow: auto;
}
ul.sList {
	padding: 0;
}
span.select, span.allSelect {
	display: inline-block;
	width: 4em;
	text-align: center;
}
span.sNumber {
	display: inline-block;
	width: 4em;
}
span.sName {
	display: inline-block;
	width: 6em;
}
span.property {
	display: inline-block;
	width: 11em;
	line-height: 1em;
	margin-left: 5px;
	text-align: center;
}
span.cPoperty04 {
	width: 11em;
	text-align: left;
}
span.vPro, span.sPro {
	display: inline-block;
	width: 16%;
	line-height: 1.8em;
}
span.cPro01,span.cPro02,span.cPro03,span.cPro04,span.cPro05,span.cPro06,span.cPro07,span.cPro08,span.cPro09,span.cPro10 {
	display: inline-block;
	width: 5em;
}
.top p {
	margin: 3px 0;
	margin-left: 10px;
}
/* 応募者詳細 */
.sdtDesc ul {
	width: 80%;
}
/* メッセージ */
span.mDate {
	display: inline-block;
	width: 12em;
}
span.mTitle {
	display: inline-block;
	width: 18em;
}
li.msg:hover {
	background-color: #ccc;
}
span.allSelectMsg {
	text-align: left;
	font-size: 0.8em;
}
span.mName, span.mMail {
	margin: 0 10px;
}
li.send:hover {
	background-color: #ccc;
}
div.content dl.message {
	width: 80%;
	padding: 10px;
	margin-left: 0;
	background-color: #efefef;
}
dl.message dt {
	width: 17%;
	float: left;
	text-align: left;
	line-height: 1.8em;
	font-size: 0.7em;
}
dl.message dd {
	width: 82%;
	margin-left: 18%;
	text-align: left;
	line-height: 1.8em;
	font-size: 0.7em;
}
textarea .mMessage {
	text-align: left;
}

/* 学生 イベント */
.eventList {
	position: relative;
}

span.status {
	display: inline-block;
	width: 9em;
	line-height: 1em;
	margin-left: 5px;
	text-align: left;
}

.ccc a {
	color: #ccc;
}

.movie_info{
	width: 855.5px;
	margin-left: auto;
    margin-right: auto;
	padding-left: 0.8em;
	border-left: solid 10px #AFBB1E;
}

.movie-container{

	width: 1000px;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	
}

.breadcrumb{
	font-size: 0.9rem;
	background-color: #fff;
	border: none;
}

.title-icon{

	margin-right: 5px;
	font-size: 1.35rem;
}

/* tag */
ul.tagit li.tagit-choice-editable {
	padding: .2em 3em .2em .5em;
}



.form-signin {
    width: 85%;
    max-width: 480px;
    padding: 15px;
    margin: 30px auto;
}

.form-label-group {
    position: relative;
    margin-bottom: 2rem;
}


.form-label-group > label {
  /*   position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.5;
    color: #495057;
    pointer-events: none;
    cursor: text;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out; */
	margin-bottom: 0.1rem;
    color: #1f2d3d;
}

.form-label-group > input {
    height: 3.125rem;
    padding: .75rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
    padding-top: .25rem;
	margin-top: -25px;
    padding-bottom: .25rem;
    font-size: 12px;
    color: #777;
}

.radioItem {
	display: flex;
	align-items: center;
	column-gap: 8px;
	width: fit-content;
	line-height: 1;
	cursor: pointer;
  }
  
  .radioItem:not(:last-of-type) {
	margin-bottom: 22px;
  }
  
  .radioButton {
	appearance: none;
	position: relative;
	width: 24px;
	height: 24px;
	border: 2px solid #cdcdcd;
	border-radius: 9999px;
	cursor: pointer;
  }
  
  .radioButton:checked::after {
	content: "";
	position: absolute;
	inset: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	border-radius: 9999px;
	background-color: #afbb1e;
  }

  .checkboxItem {
	display: flex;
	align-items: center;
	column-gap: 8px;
	width: fit-content;
	line-height: 1;
	cursor: pointer;
  }
  
  .checkboxItem:not(:last-of-type) {
	margin-bottom: 22px;
  }
  
  .checkbox {
	appearance: none;
	position: relative;
	width: 24px;
	height: 24px;
	border: 2px solid #cdcdcd;
	border-radius: 2px;
	cursor: pointer;
  }
  
  .checkbox:checked {
	background-color: #afbb1e;
  }
  
  .checkbox:checked::after {
	content: "";
	position: absolute;
	top: 5.5px;
	left: 4.5px;
	width: 12px;
	height: 6px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	transform: rotate(-45deg);
  }

.jumbotron {
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0;
    background-color: #fff;
}


.align-items-center{
	
	text-align: center;
}



.card-body {

    padding-bottom: 0.75rem;

}

.card-text {
	
	font-size: 18px;
	margin-bottom: 5px;
}



@media screen and (max-width: 559px){
    .d-block {
    margin-bottom: 15px;
	}
}

*:focus {
outline: none;
}

#container .qsbtn{

	padding: 20px 80px 20px 80px;
	font-size: 1.2rem;

}