@charset "UTF-8";
/*共通*/
html{
    font-size: 100%;
}

body{
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
    background-color:#28292d;
}

img{
    width:100%;
}

.iframe{
    width: 90%;
    height: auto;
    margin: auto;
}

a{
    text-decoration:none;
    color: #fff;
}

.iframe,section{
    position: relative;
}
/*
.footer{
    display: block;
    font-size: 40%;
    text-align: center;
    margin: 0 auto;
    padding: 3% 0;
    color: #fff;
    font-family: "noto-sans", sans-serif;
    font-weight: 300;
    font-style: normal;
    background-color: #000;
    line-height: 1.6;
}*/


/*-----btn-----*/
.btn{
    position: absolute;
    top: 44%;
    right: 10%;
    width: 80%;
}

.btn-img{
    border-radius: 5px;
}


a img:hover {
    transform: scale(0.9);
  }


/*-----iframe-----*/
.iframe-wrap{
    width: 92%;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    position: absolute;
    top: 43%;
    right: 4%;
}


@media screen and (min-width:768px){/*-----pc-----*/
/*-----btn-----*/
.btn{
   top: 45%;
    right: 38%;
    width: 24%;
}

.btn-img {
    border-radius: 4px;
}

/*-----iframe-----*/
.iframe {
    width: 40%;
}

}