@charset "UTF-8";
/* CSS Document */
/*#0646b4---青色*/
body {
  /* 画像ファイルの指定 */
  background-image: url("../images/BG-FUS_sm.jpg");
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #fff;
  color: #222;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}.navbar-brand img{
	height:2.5em;
	width:auto;
}
@media screen and (min-width: 900px) {
  body {
    background-image: url('../images/BG-FUS_TopImage_v1.jpg');
  }
	.navbar-brand img{
	height:4em;
	width:auto;
}
}

.navbar-toggler {
  border-color: #ffffff;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.container {
  /*content-visibility: auto;*/
}
h3 {
  font-size: 1.5em;
  font-weight: bold;
  color: #0646b4;
  margin-bottom: 1em;
}
h4 {
  font-size: 1.25em;
  font-weight: bold;
  color: #0646b4;
  margin-bottom: 1em;
}
strong {
  font-weight: bold;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  border: 1px solid #999;
  padding: 1em;
}
th {
  text-align: center;
  background-color: aliceblue;
  color: #0646b4;
}
.nav-link {
  /*color: #fff;*/
}

.archiveDate {
  background-color: white;
  text-align: center;
}
.archiveTitle {
  background-color: white;
}
.archiveDetail {
  background-color: white;
  text-align: center;
}

.footer {
  /*background-color: rgba(0, 0, 45, 0.75);*/
  background-color: #0646b4;
  padding: 5em 3em 6em 3em;
  font-size: 12px;
  text-align: center;
  color: #fff;
  border-top: 1px dotted #aaa;
}
.footer a {
  color: yellow;
}
.spacer {
  height: 4em;
}

.uc {
  text-align: center;
  padding: 4em 0 7em 0;
}
.constitution {
  margin-bottom: 2em;
}
.constitution p {
  font-weight: bold;
}
.constitution ul {
  list-style-type: none;
}
.signature {
  text-align: right;
}
.newsArea {
  padding: 1em;
}
.newsPart {
  border-bottom: 2px solid #eee;
  margin-bottom: 3em;
  padding: 1.5em 0;
  margin: 0 0 1em 0; /*background-color: white;*/ /*border-radius: 0.5em;*/
}
.newsPart p:last-child {
  margin-bottom: 0;
}
.newsDate {
  font-size: 0.8em;
  color: #666;
  margin-bottom: 0.4em;
}
.newsTitle {
  font-size: 1.1em;
  margin-bottom: 0.55em;
  color: #006;
  font-weight: bold;
}
.newsText {
  line-height: 1.3em;
  font-size: 1em;
  margin-bottom: 1em;
  clear: both;
}
.newsLink {
  font-size: 0.9em;
  font-weight: bold;
  text-align: right;
}
.newsBorder {
  clear: both;
  height: 1px;
  background-color: #DEDEDE;
  margin: 1em 0;
}
/*========= 背景動画設定のCSS ===============*/
/*header設定*/
#header {
  position: relative; /*h1の中央寄せ配置の起点とするためのrelative*/
  height: 100vh; /*高さを全画面にあわせる*/
}
#video-area {
  position: fixed;
  z-index: -1; /*最背面に設定*/
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
#video {
  /*天地中央配置*/
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*縦横幅指定*/
  width: auto;
  height: 100vw; /*width: 177.77777778vh;*/ /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  /*height: 56.25vw;*/ /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}
/*見出し設定*/
h1 {
  /*要素の配置*/
  position: absolute;
  /*要素を天地中央寄せ*/
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  /*見た目の調整*/
  color: #fff;
  text-shadow: 0 0 15px #666;
  text-align: center;
}
table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}
th, td {
  border: 1px solid #fff;
  text-align: center;
  padding: 1em;
}
th {
  background-color: rgba(12, 13, 75, 0.66);
  color: #fff;
}
td {
  background-color: rgba(255, 255, 255, 0.66);
  color: #000;
}
.accepted {
  margin: 1em auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.caseNumber {
  text-align: center;
  white-space: nowrap;
}
.caseName {
  text-align: left;
  white-space: nowrap;
}
.caseInst {
  text-align: left;
}
.caseTitle {
  text-align: left;
}
.xBackground {
  min-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  padding-top: 2em;
}
.addBackground {
  background-color: rgba(30, 30, 240, 0.33);
}
.xBackground01 {
  background-image: none;
  background-color: rgba(8, 30, 79, 1.00);
}
.xBackground02 {
  background-image: url('../images/bg01.jpg');
}
.xBackground03 {
  background-image: url('../images/bg01.jpg');
}
.contentsInside {
  padding-top: 4em;
  padding-bottom: 4em;
}
.contentArea {
  padding: 3em;
  border: 1px dotted #999;
  background-color: rgba(255, 255, 255, 0.66);
  border-radius: 0.25em;
}
.inst {
  font-size: 0.75em;
  color: #ADADAD;
}

.vimeo {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 1em;
}
.vimeo iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.kukuriProgram {
  padding: 1em;
  border: 1px dotted #aaa;
  margin-bottom: 1em;
  background-color: rgba(255, 255, 255, 0.10);
}
.btn {
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 15px;
  margin: 2em auto;
  width: 238px;
  text-align: center;
  background-color: #8edeec;
}
.btn a {
  color: #274ea3;
  text-decoration: none;
  font-weight: bold;
}