@charset "UTF-8";

html {
  font-size: 100%;
  }

body{
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  width: 100%;
  margin: 0 auto;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
}
.logo {
    width: 80%;
    text-align: center;
    padding-top: 200px;
    margin: 0 auto;
}
body {
    background-color: #486d46;            /* 背景色 */
    background-image: url("../images/bg-all-extd.jpg"); /* 画像 */
    background-size: cover;               /* 全画面 */
    background-attachment: fixed;         /* 固定 */
    background-position: center center;   /* 縦横中央 */
 }
 .wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
    /*footerの装飾*/
    width: 100%;
    /* background-color: #89c7de; */
    background-color: rgba(48, 48, 48, 0.9);
    color: #fff;
    text-align: center;
    padding: 30px 0;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
footer p {
    color: #d6d6d6;
    font-size: .875rem;
  }

/* Tab */
@media screen and (max-width:1366px) {
    .logo img {
        margin-top: -50px;
        width: 280px;
    }
}

/* SP */
@media screen and (max-width:430px) {
    .logo {
        margin-top: 150px;
        width: 150px;
    }
    footer p {
        font-size: 1.2rem;
    }
}