@charset "utf-8";

body {
  min-height: 100vh;
  position: relative;
/*  box-sizing: border-box; */
}

/* ヘッダー */
#header_btn_trial {
  position: relative;
  display: flex;
  top: 16px;
  width: 200px;
  height: 48px;
  /* UI Properties */
  background: #FFC524 0% 0% no-repeat padding-box;
  border: 0px solid #FFC524;
  border-radius: 24px;
  opacity: 1;
  text-align: center;
  font: normal normal bold 16px/24px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #112650;
  justify-content: center;
  align-items: center;
}

#header_btn_trial:hover {
  /* UI Properties */
  background: #FDE49F 0% 0% no-repeat padding-box;
  border: 0px solid #FDE49F;
  border-radius: 24px;
  opacity: 1;
  transition: all .3s;
  color: #0A162E;
}

#menu {
  position: fixed;
  top: 80px;
  right: 9.21875%;
  width: 242px;
  height: 244px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #00000033;
  opacity: 1;
  visibility: hidden;
}

#collisionDetection {
  position: absolute;
  top: -10px;
  right: 0px;
  height: 10px;
  width: 64px;
}

/* ヘッダー終わり */

/* 共通部分 */
.bigTitle {
  position: relative;
  top: 64px;
  left: 896px;
  width: 128px;
  height: 46px;
  text-align: center;
  font: normal normal bold 32px/46px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #112650;
}

.bigTitle+.underline {
  position: absolute;
  top: 174px;
  left: 927.5px;
  width: 65px;
  border-bottom: solid #112650;
}

/*  お知らせリスト */
#infoList {
  /* position: relative;*/
  top: 79px;
  height: 700px;
  width: 1920px;
  margin-top: 80px;
  margin-bottom: 500px;
}

#infoList-box {
  position: relative;
  top: 223px;
  left: 511px;
  height: 200px;
  width: 900px;
}

.year {
  text-align: left;
  font: normal normal bold 18px/26px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #112650;
}

.date {
  text-align: left;
  font: normal normal normal 16px/28px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #112650;
}

.title {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 16px/24px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #112650;
}

.title:hover {
  color: #112650B3;
}

/* 個別のお知らせ */
#info {
  position: relative;
  top: 79px;
  height: 822px;
  width: 1920px;
}

#infoDateAndTitle {
  position: absolute;
  top: 239px;
  left: 511px;
  width: 961px;
  height: 52px;
  text-align: left;
  font: normal normal bold 18px/26px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #112650;
  opacity: 1;
}

#infoContent {
  position: absolute;
  top: 307px;
  left: 511px;
  width: 899px;
  height: 253px;
  text-align: left;
  font: normal normal normal 16px/24px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #575757;
}

#btn_toTop {
  position: absolute;
  display: flex;
  top: 650px;
  left: 625px;
  width: 296px;
  height: 62px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 3px solid #628FA3;
  border-radius: 34px;

  text-align: center;
  font: normal normal normal 18px/26px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #628FA3;
  justify-content: center;
  align-items: center;
}

#btn_toTop:hover {
  width: 300px;
  height: 66px;
  background: #628FA3 0% 0% no-repeat padding-box;
  border: 1px solid #628FA3;
  border-radius: 34px;
  transition: all .3s;
  color: #FFFFFF;
}

#btn_toInfoList {
  position: absolute;
  display: flex;
  top: 650px;
  right: 625px;
  width: 296px;
  height: 62px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 3px solid #112650;
  border-radius: 34px;

  text-align: center;
  font: normal normal normal 18px/26px Noto Sans CJK JP;
  letter-spacing: 0px;
  color: #112650;
  justify-content: center;
  align-items: center;
}

#btn_toInfoList:hover {
  width: 300px;
  height: 66px;
  background: #112650 0% 0% no-repeat padding-box;
  border: 1px solid #112650;
  border-radius: 34px;
  transition: all .3s;
  color: #FFFFFF;
}

/* フッター */
#footer_line1 {
  width: 944px;
  left: 488px;
}