@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/
#slider {
    width: 100%;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

#slider a{
  color: #fff;
}

#slider a:hover,
#slider a:active{
  text-decoration: none;
}

#slider h1{
  position: absolute;
  width: 50%;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:2.6vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}
#slider h1 img{
	width: 100%;
}
/* ------------------------------------ */
/* ▼パソコン （1280px〜）*/
/* ------------------------------------ */

@media screen and (min-width: 1280px) {
#slider h1{
	width: 30%;
}

.top_aaca{
  position: absolute;
  z-index: 2;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:1.2vw;
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #fff;
}
.top_aaca img{
	width:70%;
	width:10vw;
}


.wrapper{
  position: relative;
}

.container{
  background:#F7F7F7;
}

.container p{
  padding: 300px 0; 
  text-align: center;
  color: #fff;
}