.zentai::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    height: 100vh;
    background: url(img/sp/haikei1.jpg) center/cover no-repeat;
    -webkit-background-size: cover;
  }

.bigboxsp{
	  position:relative;
	  max-width:1440px;
	  height:auto;
	  margin:0 auto;
	  overflow:hidden;
  }
  
.topga{
	  margin-top:-50px;
  }


/*プロフィール*/

.bigboxm{
	max-width:768px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.profileba{
	max-width:768px;
	height:auto;
	margin-top:100px;
	margin-bottom:50px;
	padding-left:8%;
	margin-left:auto;
	margin-right:auto;
}


/*囲み線なし　タイトル付*/
.tboxm4 h2{
	margin:30px 0px 0px 30px;
	color:#FFF;
}
.tboxm4{
	max-width:768px;
	height:auto;
	padding:10px;
	margin:10px;

}

.boxm4 {
	max-width:768px;
    padding: 0.5em 1em;
    margin: 2em 0;
	margin:10px;
    font-weight: bold;


}

.boxm4a {
	max-width:768px;
    padding: 0.5em 1em;
    margin: 2em 0;
	margin:10px;
    font-weight: bold;
	color:#FFF;

}

.boxm4a p {
	font-weight:500;
	line-height:2;
	color:#fff;
    margin: 10px; 
    padding: 0;
}

.boxm4 p {
	font-weight:500;
	line-height:2;
	color:#FFF;
    margin: 10px; 
    padding: 0;
}

@media only screen and (max-width:480px){
.topga1 img{
	margin-top:0px;
}
.topga img{ display: none !important; }
}

@media only screen and (min-width:480px){
.topga img{
	max-width:1440px;
	margin-top:0px;
}
.topga{
	text-align:center;
}
.topga1 img{ display: none !important; }
}

@media only screen and (max-width:767px){
.circleBehind{ display: none !important; }
.kojins1{ display: none !important; }
}



@media only screen and (max-width:767px){
.kojins img{
	position:absolute;
	top:5px;
	right:5px;
	z-index:11;
}
.kojins a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;

}
.kojins1{ display: none !important; }
}

@media only screen and (min-width:768px) {
.kojins{ display: none !important; }
.kojins1 img{
	position:absolute;
	top:10px;
	right:10px;
	z-index:11;
}
.kojins1 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;
}
}

@media only screen and (max-width:480px){
.mmenu a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;
}

.mmenu{
	margin: 70px 0px 30px 0px;
}

.ongakuno{
	margin:200px 0px 60px 0px;
}

.siru{
	margin:20px 0px 20px 0px;
}

.fureru{
	margin:20px 0px 20px 0px;
}


.tutaeru{
	margin:20px 0px 20px 0px;
}




.baex{
	margin:100px 0px 40px 0px;
}


.explore{
	text-align:center;
	max-width:1024px;
	height:auto;
	margin-top:50px;
	margin:0 auto;
	padding:0px 20px 0px 20px;
	color:#FFF;

}


.footert{
	width:200px;
	height:auto;
	margin:0px 3% 0px 6%;

}



.footer1 a:hover{
color:#CCC;
text-decoration:underline;
}






.footert img{
	margin-bottom:20px;
}

.footert li p{
	color:#FFF;

}


.ainfo {
	width:98%;
	border:#FFF 2px solid;
	margin: 400px 10px 30px 10px;
	
}

.baex1{ display: none !important; }


.siru1{ display: none !important; }

.fureru1{ display: none !important; }

.tutaeru1{ display: none !important; }


}






@media only screen and (min-width:480px) {


.baex{ display: none !important; }

.siru{ display: none !important; }

.fureru{ display: none !important; }

.tutaeru{ display: none !important; }



.mmenu a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: all 0.3s;

}





.baex1{
	text-align:center;
	margin:100px 0px 50px 0px;
}



.explore{
	text-align:center;
	max-width:1024px;
	height:auto;
	margin-top:10px;
	margin:0 auto;
	padding:0px 100px 0px 100px;
	color:#FFF;

}



.ongakuno{
	max-width:800px;
	margin-top:200px;
	margin-bottom:100px;
	margin-left:auto;
	margin-right:auto;

}


.mmenu{
	margin-bottom:250px;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}

.siru1 img{
	margin:5px;
}

.fureru1 img{ 	margin:5px;
 }

.tutaeru1 img{ 	margin:5px;
 }


.footer1{
  display: flex;
  justify-content: center;
  margin:100px 0px 100px 0px;

}





.footert{
	width:200px;
	height:auto;
	margin:0px 3% 0px 6%;

}

.footert img{
	margin-bottom:20px;
}

.footert li p{
	color:#FFF;

}




.footer1 a:hover{
color:#CCC;
text-decoration:underline;
}



}




/* スライドエフェクト画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1.5s;
    }
 
/* スライドエフェクト画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


.ainfo {
	width:98%;
	border:#FFF 2px solid;
	margin: 400px 10px 30px 10px;
	
}








.footer{
  width: 100%;
	height:100px;
	background-color:#333;
	text-align:center;
	margin:100px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	  display: table;
}

.footer p{

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFF;
	  display: table-cell;
  vertical-align: middle;
  font-weight:10;

}








/*------ページトップボタン---------*/

#page-top {
    position: fixed;
    bottom: 10px;	
    right: 20px;
    font-size: 77%;
}

#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 3px;
	opacity: 0.9;/*トップボタンの透明度*/

}

#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/*------ここまで------------*/




/*


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

.info{
	
}

.info1{ display: none !important; }


}



@media only screen and (min-width:480px) {

.info{ display: none !important; }

.info1{

}

}



*/