* {
margin: 0px;
padding: 0px;
}


.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;
  }  

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){  
.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;
  }
}

/*IE*/
  @media all and (-ms-high-contrast: none) {
.zentai{
    background: url(img/sp/haikei1.jpg) no-repeat top left;
    background-attachment: fixed;
	background-size:cover;
    }
}


  
  .bigboxsp{
	  position:relative;
	  max-width:1440px;
	  height:auto;
	  margin:0 auto;
	  overflow:hidden;
  }
  
  .topga{
	  margin-top:-50px;
  }
  /*
.bigboxsp{
	position:relative;
	background-image:url(img/sp/haikei.png);
	background-size:contain;
	background-attachment: fixed;
	max-width:768px;
	height:5000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-color:#000;
}
*/



/*プロフィール*/


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





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



/*囲み線なし　タイトル付*/
.tboxm4 h2{
	margin:30px 0px 0px 30px;
	color:#FFF;
}
.tboxm4{
	max-width:768px;
	height:auto;
	padding: 0px 10px 0px 10px;
	margin: 50px 0px 50px 0px;
	word-wrap: break-word;
	/*background-color:#F4F5F7;
	border-radius:3px; 
	color:#222;*/

}

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

.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;

}



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





.d1{
		margin:120px 0px 80px 0px;
}

/*
.d1 h1 p{
	font-size: calc(100.5% + 0.10vw);

}
*/


.download p{
	color:#FFF;

}

.d1 p{
	max-width:768px;
	height:auto;
	padding:0;
	margin: 10px 40px 10px 40px;
	color:#fff;
}

.d1 {
	max-width:768px;
	height:auto;
	padding: 5px 0px 10px 0px;
	margin: 80px 0px 80px 0px;
	word-wrap: break-word;
	/*background-color:#F4F5F7;
	border-radius:3px; */
}

d2 {

}

.a1{
	display: flex;
	align-items: center;
	justify-content: center;

}




@media only screen and (max-width:480px){
	
	
.a2,.a3,.a4,.a5,.a6,.a7,.a8,.a9,.a10,.a11,.a12{
	display: flex;
	align-items: center;
	justify-content: left;
	margin: 10px 5px 10px 5px;
	padding: 10px 2% 10px 2%;
	/*font-size: calc(90.5% + 0.10vw);*/
	background-color:#333;

}

}



@media only screen and (min-width:480px){
	
	
.a2,.a3,.a4,.a5,.a6,.a7,.a8,.a9,.a10,.a11,.a12{
	display: flex;
	align-items: center;
	justify-content: left;
	margin: 10px 5px 10px 5px;
	padding: 10px 10% 10px 25%;
	background-color:#333;

}

}

.d2 span{
	margin: 10px 20px 10px 20px;
	/*font-size: calc(140.5% + 0.10vw);*/
	color:#F90;
}

.d2 a {
  display: inline-block;
  transition: .3s;



}



.d2 a:hover {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

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

@media only screen and (min-width:480px){
.topga1 img{
	margin-top:0px;
}
.topga 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{

}

}



*/