@charset "utf-8";
h2 {
  font-size: 26px;
  line-height: 150%;
}
h2.c_en, .c_en h2 {
  font-weight: normal;
  font-style: italic;
}
#main_img {
  background: #000;
  overflow: hidden;
  background: url(../images/main_img.png) top;
}
#main_img_01 {
  position: relative;
  height: 201px;
  width: 1200px;
  z-index: 1;
}
#main_img_tx {
  position: absolute;
  height: auto;
  width: 680px;
  color: #FFF;
  background: rgba(0, 0, 0, 0);
  font-size: 28px;
  z-index: 10;
  left: 200px;
  top: 65px;
  line-height: 200%;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.2em;
  right: auto;
  bottom: auto;
  font-weight: bold;
}
#main_img_tx h2 {
  letter-spacing: 0.1em;
  line-height: 200%;
}
#main_img_tx h2.c_en {
  letter-spacing: 0em;
  line-height: 200%;
}
#main_img_tx p {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 200%;
}
#main_img_u_tx {
  position: absolute;
  background: rgba(0, 0, 102, 75);
  font-size: 16px;
  z-index: 10;
  left: 918px;
  top: 72px;
  line-height: 200%;
  text-align: center;
  right: auto;
  bottom: auto;
  border: 3px double #FFF;
  padding: 0.5em 10px 0.2em;
  width: 300px;
}
#main_img_u_tx a {
  color: #FFF;
}
#main_img img {
  animation: fadeIn 5.0s ease 0s 1 normal;
}
@keyframes fadeIn { /*animation-name*/ 0% {
    opacity: 0
  } /*開始時不透明度*/
  100% {
    opacity: 1
  } /*終了時不透明度*/
}
#main_img_u_tx {
  animation: fadeIn 10.0s ease 0s 1 normal;
}
@keyframes fadeIn { /*animation-name*/ 0% {
    opacity: 0
  } /*開始時不透明度*/
  100% {
    opacity: 1
  } /*終了時不透明度*/
}
/*==================================================
スライダーのためのcss
===================================*/
/*.slider { background: #0866BB; height: 112px; padding-top: 13px; }*/
.slider {
  position: relative;
  z-index: 1; /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/ height: 160px; /*316スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/ /*	height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
.slider-top {
  height: 140px;
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.slider-bottom {
  background: url(../images/mc/bk.png) top;
  height: 300px;
  padding-top: 20px; /*スライダー上下の縦幅を画面の高さの半分（50vh）にする*/ padding-right: 10px;
  padding-left: 10px;
}
/*　背景画像設定　*/
.slider-item01 {
  background: url(../img/img_01.jpg);
}
.slider-item02 {
  background: url(../img/img_02.jpg);
}
.slider-item03 {
  background: url(../img/img_03.jpg);
}
.slider-item04 {
  background: url(../img/img_04.jpg);
}
.slider-item05 {
  background: url(../img/img_05.jpg);
}
.slider-item06 {
  background: url(../img/img_06.jpg);
}
.slider-item {
  width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/ height: 50vh; /*各スライダーの縦幅を画面の高さの半分（50vh）にする*/ background-repeat: no-repeat; /*背景画像をリピートしない*/ background-position: center; /*背景画像の位置を中央に*/ background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
}