@media screen and (max-width: 1280px){

/*
-------------------------------
共通
-------------------------------
*/

.over_width,.inner_width,#wrap{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.biography,.member,.discography,.youtube,.instagram,.news{
  padding:0 5%;
  box-sizing: border-box;
}
/*
-------------------------------
header
-------------------------------
*/
header{
  background-color: transparent;
}
ul.nav{
  margin-top:13vw;
  padding:0 3rem;
  border-left:1px solid #fff;
}
ul.nav li a{
  color:#fff;
  font-family:var(--english-font);
  font-size:1.8rem;
  line-height: 2.4;
}
/* biography */
.biography{
  margin:200px auto;
  position:relative;
  width:100%;
  height:100vw;
  padding:0 5%;
}
.sub_title{
  font-family: var(--english-font);
  font-size: 18rem;
  font-weight: 800;
  color:#dfdfdf;
  opacity: 0.5;
}
.biography .sub_title{
  position:absolute;
  transform: rotate(90deg);
  top:400px;
  right:-200px;
}
.biography h3{
  font-size:3rem;
  font-weight:bold;
}
.biography p{
  margin-top:8rem;
  font-size:1.6rem;
  padding-left:0;

}
.biography::after{
  content:"";
  position:absolute;
  width:100%;
  padding-right:500%;
  margin-right:-500%;
  height:50vw;
  background-color: #dfdfdf;
  opacity: 0.2;
  left:0;
  top:200px;
  z-index: -1;
}
.biography_image{
  position:absolute;
  top:55vw;
  width:60vw;
}
.biography_image img{
  width:100%;
}
/* MEMBER */
.member{
  margin-top:200px;
  padding:0 5%;
}
.member ul li p{
  font-size:1.6rem;
}
/* ===============================
footer
=============================== */

.footer_content{
  padding:3.6rem 3%;
}

}
@media screen and (max-width: 1000px){

/*
-------------------------------
共通
-------------------------------
*/


/*
-------------------------------
header
-------------------------------
*/
ul.nav{
  margin-top:9vw;
  padding:0 3rem;
  border-left:1px solid #fff;
}
ul.nav li a{
  color:#fff;
  font-family:var(--english-font);
  font-size:1.6rem;
  line-height: 2;
}
/* biography */
.biography{
  margin:200px auto;
  position:relative;
  width:100%;
  height:100vw;
  padding:0 5%;
}
.sub_title{
  font-family: var(--english-font);
  font-size: 12rem;
  font-weight: 800;
  color:#dfdfdf;
  opacity: 0.5;
}
.biography .sub_title{
  position:absolute;
  transform: rotate(90deg);
  top:400px;
  right:-200px;
}
.biography h3{
  font-size:3rem;
  font-weight:bold;
}
.biography p{
  margin-top:8rem;
  font-size:1.6rem;
}
.biography::after{
  content:"";
  position:absolute;
  width:100%;
  padding-right:500%;
  margin-right:-500%;
  height:50vw;
  background-color: #dfdfdf;
  opacity: 0.2;
  left:0;
  top:200px;
  z-index: -1;
}
.biography_image{
  position:absolute;
  top:55vw;
  width:60vw;
}
.biography_image img{
  width:100%;
}
/* MEMBER */
.member{
  margin-top:200px;
  padding:0 5%;
}
.member ul li p{
  font-size:1.6rem;
}
/* ===============================
footer
=============================== */

.footer_content{
  padding:3.6rem 3%;
}

}