@charset "utf-8";

a { /* 通常時リンク */
  color:#000;
  text-decoration:underline;
}

a:link { /* 未訪問リンク */
  color:#000;
  text-decoration:underline;
}

a:visited { /* 訪問済みリンク */
  color:#000;
  text-decoration:underline;
}

a:hover { /* マウスオーバー時リンク */
  color:#000;
  text-decoration:none;
}

a:active { /* クリック時リンク */
  color:#000;
  text-decoration:underline;
}
/*
img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
*/
ul {
  list-style: none;
}

p {
  line-height: 24px;
}

.hover{
  transition: 0.6s;
}

.hover:hover{
  opacity: 0.7;
}

#box-common {
  width: 1100px;
  margin:auto;
  font-family:'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

#key-img-box {
  position: relative;
}

#key-img-box .btn01 {
  width: 179px;
  height: auto;
  position: absolute;
  right: 460px;
  bottom:25px;
}

#key-img-box .btn02 {
  width: 179px;
  height: auto;
  position: absolute;
  right: 260px;
  bottom:25px;
}

#key-img-box .btn03 {
  width: 179px;
  height: auto;
  position: absolute;
  right: 60px;
  bottom:25px;
}

.logo-box {
  text-align:center;
}

.logo-box img {
  width: 323px;
  height: auto;
}

p.copy {
  text-align: center;
  padding:15px 0;
  font-size:13px;
}

#loader-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index:999999;
}

#loader {
    width: 60px;
    height: 80px;
    text-align: center;
    color: #bbb;
    z-index:999999;
}
 
#loader p {
    padding-top:5px;
    font-size: 13px;
}

.footer {
  width:100%;
  margin:auto;
  font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "游ゴシック","メイリオ", "Meiryo", sans-serif !important;
}

.footer p {
  text-align: center;
}

.footer p.copy {
  font-size: 13px;
  line-height: 1;
  padding: 15px 0;
  text-align: center;
  color: #fff;
  background: #000;
}