@charset "UTF-8";
/* CSS Document */
body {
  /* 画像ファイルの指定 */
  background-image: url(../images/bg_v1.png);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #186339;
  color: #fff;
  /*font-family: 'EB Garamond', serif;*/
}

@media screen and (min-width: 900px) {
  body {
    background-image: url('../images/bg3.jpg');
  }
}
.container {
  /*content-visibility: auto;*/
}
a{
	color:burlywood;
}
h3 {
  font-size: 1.5em;
  font-weight: bold;
  color: #ede6de;
  margin-bottom: 2em;
}
h4 {
  font-size: 1.25em;
  font-weight: bold;
  color: lightyellow;
  margin-bottom: 1em;
}
strong {
  font-weight: bold;
}

li a{
	color:white;
}
li a:hover{
	color:yellow;
	
}



table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
	
}
th, td {
  border: 1px solid #666;
  padding: 1em;
}
th {
  text-align: center;
  background-color:#c39143;
  color: white;
	/*white-space:nowrap;*/
}
td {
  /*background-color: #F7FCC1;*/
  /*color: #000;*/
}
.nav-link {
  color: goldenrod;
}
.archiveDate {
  background-color: white;
  text-align: center;
}
.archiveTitle {
  background-color: white;
}
.archiveDetail {
  background-color: white;
  text-align: center;
}
.uc {
  text-align: center;
  padding: 8em 0 24em 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;
}

.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;
}
.xBackground01 {
  background-image: none;
  background-color: rgba(97,65,30,1.00);
}
.xBackground02 {
  background-image: url('../images/bg01.jpg');
}
.xBackground03 {
  background-image: url('../images/bg01.jpg');
}
.contentsInside {
  padding-top: 4em;
  padding-bottom: 4em;
}

.inst {
  font-size: 0.75em;
  color: #fff;
}
.footer {
  background-color: rgba(49,126,112,1.00);
  padding: 1em;
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-top: 1px dotted #aaa;
}
.spacer {
  height: 4em;
}
.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;
}*/