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(min-width: 721px) {

	.menu-button button span{
		position:absolute;
		/*top:-3px;*/
		right:10px;
	}


	.menu-button label img{
		position:absolute;
		top:6px;
		left:10px;
	}

	#sound_button{
		margin-top:20px !important;
		margin-right:15px !important;
	}

	.arrow_bottom {
		display: none;
	}

}

@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
  }
}


.row2 ul li,
.row3 ul li {
	border-bottom: 1px solid #fff;
	padding-bottom: 32px;
	padding-top: 20px;
	display: flex;
	align-items: center;
}

.row2 .block720 li:nth-child(1){
	padding-top: 0px;
}

.row2 .information,
.row3 .information {
	width: 43%;
}

.row2 .contents,
.row3 .contents {
	width: 96%;
}

.row2 .contents br.block720 ,.row3 .contents br.block720 {
	display: none;
}


.row2 .contents .contents_row,
.row3 .contents .contents_row {
	display: flex;
	justify-content: left;

}

.menu-button button:hover img:last-child{
	opacity:0;
} 

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


.resp{
	display: none;
}
.top-icon{
	padding:20px;
	height:44px;
	margin-top: 14px;
	margin-left: 6px;
}

.menu-button{
	float:right;
	margin-top: 9.3px;
	margin-right: 1px;
	position:relative;
}



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



button:focus{
	outline:none;
}

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

.none720{
	display:block;
}


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

.header-container{
	width:1080px;
	margin:0 auto;
}

.header-text{
	height:100%;
	max-width:940px;
	width:71%;
	margin:0 auto;
	text-align:left;
}

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

.text-child h1{
	font-size:117px;
	width:377px;
	height: 186px;
	font-weight:bold;
	color: white;
	text-align:left;
	margin-top: 323px;
}

.text-child h1 img {
	width: 438px;
	height: auto;
}

.text-child h3{
	/*width:18%;*/
	font-size: 18px;
	color: white;
	padding:0px;
	margin-bottom:0px;
	margin-top:-72px;
	margin-left: 60px;
	display:inline-block;
	letter-spacing: 4px;

}


.container{
	width:1080px;
	margin:0 auto;
}

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

.row1{
	padding-bottom:3rem;
}

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

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

.row1 .title p{

	font-weight: lighter;
	font-size: 16.2px;
	line-height:50.2px;
	margin-top: -6px;
	width: 760px;
	padding-top: 14px;
	border-top:1px solid white;
	letter-spacing: 2px;
	text-align: justify;
}
.row1 .title p img {
	width: 760px;
}

.title h3{
	font-size: 21.3px;
    width: 77px;
	margin-left: 1px;
	padding-right: 0px;
}
.title h3 img {
	width:75px;
}
.row1 .title h3 {
	margin-top: 0px;
}

.content .info{

	text-align:right;
	margin-right: 3px;
	margin-top: 30px;
}

.content .info img {
	width: 149px;
}

.content .info .office{
	font-size: 14.76px;
	margin-right: -4px;
	letter-spacing: 0.9px;
}

.content .info .boss{
    font-size:20.63px;
	margin-right: -2px;
	letter-spacing: 0px;
	margin-top: -13px;
}

.row2 {
	margin-top: 238px;
}

.row2  p{
	display: inline;
}

.row2 .title h3 img,.row3 .title h3 img{
	width: 104px;
}

.row2 .title ul{
	font-size:17px;
	text-align:left;
	padding-left:0px;
	margin-top: -7px;
	letter-spacing: 3.2px;
	border-top:1px solid white;
	padding-top: 0px;
}

.row2 .title ul li,.row3 .title ul li{
	line-height: 36.7px;
	padding-top: 33px;
}

.row2 .title ul .letter-set{
	letter-spacing: 1px;
}


.row2 .title ul li:nth-child(2),
.row3 .title ul li:nth-child(2){
	padding-top: 16px;
	padding-bottom: 15px;
}

.row2 .title ul li:nth-child(4){
	padding-bottom: 34px;
}

.row2 .title li:nth-last-child(4){
	padding-bottom: 34px;
}

.row2 .title li:nth-last-child(2){
	padding-top: 11px;
	line-height: 48px;
	padding-bottom: 8px;
}

.row2 .title li:nth-last-child(1){
	padding-top: 19px;
	line-height: 43px;
	padding-bottom: 19px;
}

.row2 .title .torihiki{
	margin-top: -57px;
}


.row2 .title .contents .left{
	margin-right: 6px;
	width: 52%;
}


.row2 .title .contents .left div{
	letter-spacing: 0.2px;
}

.row2 .title .contents .right div{
	letter-spacing: 0.4px;
}

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

.row3 .content{
	margin-top: 77px;
	width: 70%;
}

.row3 .title h3{
	margin-top: 36.9px;
	margin-left: -6px;
	margin-bottom: -7px;
}

.row3 .title ul{
	font-weight: lighter;
	font-size:17px;
	text-align:left;
	padding-left:0px;
	margin-top: 0px;
	margin-left: -4px;
	letter-spacing: 2.2px;
	border-top:1px solid white;
}

.row3 .title ul li:nth-last-child(4){
	padding-bottom: 35px;
}

.row3 .title ul li:last-child{
	padding-bottom:44px ;
}

.row3 .title ul li:last-child .contents br{
	display: none;
}

.row3 .title ul li:first-child .contents br{
	display: none;
}


footer p{

	text-align:center;
	margin-top:128px;
	font-size: 14px;
	margin-left: 16px;
}


footer{
	padding-bottom:70px;	
}
.aisatsu-resp,
.profile-resp,
.profile2-resp{
	display: none;
}
.footer-arrow {
	display: none;
}
/*---------------721px〜0px------------------*/


@media(max-width: 720px) {

	.none720{
		display:none;
	}

	.block720{
		display:block;
	}

    .top-icon{
		padding:12px;
		height:44px;
		margin-top: 3px;
	}

	.menu-button{
		margin-top:5px;
	}
	.title h3{
		font-size: 21.3px;
		width: 77px;
		margin-left: -19px;
		padding-right: 0px;
	}

	.text-child {
		height: 0px;
		margin-top: -3px;
	}

	.header-container{
		width:auto;
	}

	.header .text-child h1 {
		font-size: 43px;
		width: 141px;
		margin-right: 12px;
		margin-top:680px;
		letter-spacing: 0px;
		height:auto;
	}
    .row1 {
		padding-bottom: 0px;
	}

	.header-text{
		width: 79%;
	}

	.header .text-child h1 img {
		width: 215%;
		height: auto;
		margin-left: -7px;
	}
	.content{
		width:70%;
		max-width:940px;
		margin:57px auto 0px auto;
	}
	.header .arrow_bottom {
		margin-top: 607px;
		text-align: center;
	}

	.header .arrow_bottom .arrow{
		width: 38px;
	}

	.header .text-child h3 {
		font-size: 12px;
		margin-left: 0px;
		width: auto;
		margin-top: -26px;
		margin-bottom:10px;
	}


    .header .text-child h3 img {
		width: 75px;
		height: auto;
		margin-left: 36px;
		margin-top: 0px;
	}

	.container{
		width:auto;
		margin-top:-57px;
	}
	.aisatsu,
	.profile,
	.profile2 {
		display: none;
	}
	.aisatsu-resp,
    .profile-resp,
    .profile2-resp{
	display: block;
    }

	.row1 {
		margin-top: 135px;
	}

    .row1 .title {
		margin-left: auto;
		margin-right: auto;
	}

	.row1 .title h3{
		width: 54px;
	}

	.row1 .title h3,
	.row2 .title h3,
	.row3 .title h3 {
		font-size: 20px;
		height: 18px;
		margin-bottom: 7px;
		padding-bottom: 12px;
	}

	.row1 .title p {
		font-size: 13px;
		letter-spacing: -1px;
		width: 111%;
		height: 169px;
		text-align-last: auto;
		line-height: 35px;
		margin-left: -17px;
		margin-top: -3px;
		white-space: normal;
	}

	.row1 .title p br {
		display: none;
	}

	.row1 .title p span {
		letter-spacing: 0px;
	}

	.row1 .office {
		margin-top: -228px;
	}

	.row1 .info .office {
		font-size: 10px;
	}

	.row1 .info .boss {
		font-size: 15px
	}
	.title h3 img {
		width: 100%;
	}

    .row1 .info img {
		width: 116.5px;
		height: auto;
	}

	.row2 .title h3 img{
		width: 77px;
	}

	.row2 .block720 li,
    .row3 .block720 li {
	padding-bottom: 14px;
	padding-top: 20px;
    }
	.row2 .block720 li, .row3 .block720 li{
		padding-bottom: 11px;
		padding-top: 11px;
		line-height: 30px;
	}
    .row2 {
		margin-top: -10px;
	}

    .row2 .title ul {
		margin-top: -3px;
	}

	.row2 .title ul,
	.row3 .title ul {
		font-size: 11px;
		letter-spacing: 0px;
		width: 117%;
		margin-left: -19px;
	}

    .row2 .title ul li,
	.row3 .title ul li {
		line-height: 24px;
		padding-top: 22px;
		padding-bottom: 22px;
	}

	.row2 .title li:nth-last-child(2){
		padding-bottom: 11px;
	}

	.row2 .title .contents .left{
		width: 100%;
	}

	.row2 .title ul li:nth-last-child(1) {
		margin-top: 9;
		line-height: 23px;
	}
    .row2 .contents .contents_row, .row3 .contents .contents_row {
		display: block;
	}

	.row2 .title ul li:nth-child(4),
	.row2 .title ul li:nth-last-child(4){
		padding-bottom: 22px;
	}



	.row2 .title ul br,
	.row3 .title ul br {
		display: none;
	}


	.row3 .title h3{
		margin-bottom: 5px;
		margin-left: -19px;
		margin-bottom: 5px;
	}

	.row3 .title h3 img{
		width: 77px;
	}

	.row2 .information,.row3 .information{
		width: 34%;
	}

	.row3 .title ul br.block720 {
		display: block;
	}

	.row2 .title ul li:nth-last-child(2){
		line-height: 17px;
	}

	.row2 .title ul li:nth-last-child(2) .contents br,.row3 .title ul li:last-child .contents br{
		display: block;
	}



	.row3 .title ul li:first-child .contents br,
	.row3 .title ul li:nth-child(2) .contents br{
		display: block;
	}

	.row3 .title ul li:last-child,.row3 .title ul li:nth-last-child(4) {
    	padding-bottom: 22px;
	}


	.page-title {
		display: none;
	}
	.resp {
		display: block;
		margin-top: 50px;
		margin-left: 40px;
	}
	footer {
		display: none;
	}
	.footer-arrow {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 50px;
		padding-bottom: 50px;
	}

	.footer-arrow a:first-child{
		width: 48.29px;
		margin-top: 10px;
	}

	.footer-arrow a:first-child img{
		width: 100%;
	}

	.footer-arrow .center {
		margin-left: 30px;
		margin-right: 30px;
		width: 70.3px;
	}

	.footer-arrow a:last-child{
		width: 48.29px;
		margin-top: 10px;
	}

	.footer-arrow a:last-child img{
		width: 100%;
	}
}


@media(max-width: 600px) {
    .row1 .title p {
    height: 240px;
	}
}

@media(max-width: 480px) {
    .row1 .title p {
    height: 300px;
	}
}

@media(max-width: 410px) {
    .row1 .title p {
    height: 349px;
	}
}

@media(max-width: 356px) {
    .row1 .title p {
    height: 370px;
	}
}




/*********************************************************/