@media(max-width: 720px) {


body,html {
  margin: 0 auto;
  background: #000;
  opacity: 0.9;
  position: relative;
  color: white;
  font-family:"Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;

}

ul{
	list-style-type:none;
}

video {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: auto;
    z-index: -100;
	opacity: 0.1;
}
}


@media(max-width: 600px) {

  video {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: -50%;
      margin: auto;
      min-width: 100vw;
      min-height: 100vh;
      width: auto;
      height: 100%;
      z-index: -100
  }
}

@media(max-width: 720px) {

.menu{
	display:flex;
	position:fixed;
	width:100%;
	justify-content:space-between;
	z-index:9999;
}




.top-icon{
	padding:20px;
	height:44px;
}

.menu-button{
	float:right;
}



button{
	color:rgb(255, 255, 255);
	background-color:rgba(0,0,0,0);
	font-size:22px;
	border:none;
	font-weight:lighter;
	font-family: Helvetica Neue;
	margin:0.5rem;
	padding:0.2rem 0.5rem;
	position:relative;
	margin-top: 12px;
}


button:focus{
	outline:none;
}

.menu-button button:hover{
	border:1px solid white;
	border-radius:0;
}

.header{
	height:300px;
	width:70%;
	margin:0;
	text-align:center;
	display:inline;
	margin-left:0;
}

.header-text{
	height:100%;
	max-width:940px;
	width:70%;
	margin:0 auto;
	text-align:left;
	padding-top:10rem;
}

.text-child{
	width:100%;
	height:300px;
	display:flex;
	align-items:center;
	margin:0;
	text-align:left;
}

.text-child h1{
	font-size:140px;
	width:540px;
	font-weight:bold;
	color: white;
	text-align:left;
}

.text-child h3{
	/*width:18%;*/
	color: white;
	padding:0;
	margin-bottom:0;
	margin-top:0;
	display:inline-block;
}

.slide-block-title{
	animation: SlideIn 4s ease 1s;
	animation-fill-mode: forwards;
	opacity:0;
}

.slide-block-title2{
	animation: SlideIn 3s ease 4s;
	animation-fill-mode: forwards;
	opacity:0;
}

@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateY(80px);
    z-index:-1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    z-index:-1;
  }
}

.effect-fade {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1500ms;
}

 
.effect-fade.effect-scroll {
  opacity : 1;
  transform : translate(0, 0);
}


.row1{
	padding:0;
	margin-top:0;
}

.row1{
	padding-bottom:3rem !important;
}

.content{
	width:70%;
	max-width:940px;
	margin:0 auto;
}

.title{
	justify-content:space-between;
	align-items: center;
}

.row1 .title p,
.title ul{
	padding-top: 2rem;
	line-height:2.5rem;
	font-size:21.5px;
	margin:0;
	border-top:1px solid white;
	margin-top:0;
}

.title h3{
	display:inline-block;
	min-width:1.8rem;
    font-size:1.8rem;
	padding-bottom:0rem;
	margin-bottom:0;
	border-bottom:5px solid white
}

.content .info{
	text-align:right;
	line-height:1rem;
}

.content .info .boss{
    font-size:1.2rem;
}

.text-content{
	font-size:17px;
	line-height:1.5rem;
}

.row2 .title ul,
.row3 .title ul{
	font-size:21.5px;
	text-align:left;
	padding-left:0;
}

.row2 li:before,
.row3 li:before{
    font-family: "Font Awesome 5 Pro";
    content: "\f45c";
	background:white;
	font-size:80%;
	margin-right:1%;
}

.row2 .title p{
	display:inline;
}

.row2{
	margin:10rem auto 5rem auto;
}

.row3{
	padding-bottom:5rem;
}

footer{
	padding:5rem 0;
}

footer h4{
	text-align:center;
	margin:0;
	padding-bottom:5rem;

}
/*-----------menu画面-----------*/
/*------------------------------*/

/*.menu-window{
	position:absolute;
	width:100%;
	height: 665px;
	top: -200vh;
	background:#000;
	opacity:0.9;
    transform: translate3d(0,0,9999,);
    z-index:1000;
}

.menu-window .top {
	display: flex;
	width: 100%;
	justify-content: space-between;
}*/

.close-button{
	display:flex;
	width: 119px;
	align-items: flex-start;
}

.close-button label{
	color:white;
}

.close-button span{
	/*position:absolute;
	right:1rem;
	/*left:2.8rem;*/
	/*top:0.3rem;*/
	font-size:22px;
	color: white;
  }

.nav {
	display: flex;
	justify-content:center;
    align-items: flex-start;
	height: 100%;
}

.menu ul{
	list-style-type:none;
}

.menu-window section{
	font-size:46px;
	color:white;
	padding-top: 0;
	margin-left: -5vw;
}

.menu-window a{
	text-decoration:none;
	color:white;
}

.nav-en{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size:53px;
	color:white;
	z-index:9999;
	height: 500px;
	margin-top: 0;
}

.nav-ja{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size:18px;
	color:white;
	height: 480px;
	margin-top: 19px;
}

.nav-ja li{
	margin-bottom: 10px;
}

}



@media(max-width: 720px) {
	.nav {
		height: 416px;
	}

	.menu-window{
		z-index:9999;
		height: 498px;
	}

    .nav section {
		margin-left: 10px;
	}

    .nav-en,
	.nav section{
		font-size:20px;
		/*margin-top:18px;*/
	}
    
	.nav-en {
		display:flex;
		flex-direction: column;
		justify-content: space-between;
		padding-left:22px;
		height: 346px;
	}

	.nav-ja{
		font-size:8px;
		height:338px;
		margin-top:27px;
		margin-left: -27px;
	}

}



/*-----------menu画面-----------*/

/*---------------------resp--------------------*/
/*---------------922px〜721px------------------*/

@media(max-width: 922px) {
	.header-text{
		width:85%;
		padding-top:14rem;
	}


	.text-child h1{
		font-size:7rem;
		width:59%;
	}

	.text-child h3{
		padding-left:2rem;
	}


	.content{
		width:85%;
	}

	.row1 .title p,.title ul, .row2 .title ul,
	.row3 .title ul{
		line-height:2.1rem;
		font-size:1.1rem;
	}
    

}

/*---------------721px〜0px------------------*/
@media(max-width: 720px) {
	.header-text{
		padding-top:5rem;
	}

	.text-child{
		height:auto;
	}

	.text-child h1{
		font-size:3rem;
		width:auto;
		margin-bottom:1rem;
	}

	.text-child h3{
		padding-left:1rem;
		font-size:1rem;
		width:auto;
	}

	.title h3{
		font-size:1.6rem;
	}

	.row1 .title p,.title ul, .row2 .title ul,
	.row3 .title ul{
		line-height:2.6rem;
		font-size:1rem;
		letter-spacing: -1px;
	}

	.row2{
		margin:5rem auto;
	}

	footer{
		padding:0 0 3rem 0;
	}

	footer h4{
		padding:0;
	}

}