@media(max-width: 720px) {

body,html {
  height: 100%;
  margin: 0 auto;
  
}

.text-content{
	font-family: HelveticaNeue-Medium, 'Almarai', sans-serif;
}

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


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

.menu-button{
	float:right;
}


.menu-button button,.close-button button{
	position:relative;
	background-color:rgba(0,0,0,0);
	border:none;
	font-size:22px;
	font-weight:lighter;
	font-family: Helvetica Neue;
	margin:0.5rem;
	padding:0.2rem 0.5rem;

}

button:focus{
	outline:none;
}

.menu-button button:hover{
	border:1px solid black;
	border-radius:3px;
}

footer{
	background-color:rgba(0,0,0,0.85);
}

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

footer h4 img{
	height:14px;
	width:auto;
}

}
@media(max-width: 720px) {


.header{
	height:1080px;
}

.header-text{
	display:flex;
	justify-content:center;
	align-items: center;
	height:100%;
	position: relative;
}

.text-child .p-2{
	letter-spacing: -0.3px;
}

.text-child{
	width:70%;
	height:auto;
	display:inline-block;
}

.text-child img{
	width:62%;
	margin-left: 49px;
}

.text-child h1{
	margin:2rem 0;
	font-size:9rem;
	font-weight:500;
	text-align: justify;
    text-align-last: justify;
    text-justify: inter-character;
    line-height:10rem;
    z-index:-100;
    display:inline-block;
}



.text-child p:first-child{
	align-items:left;
}

.text-child p{
	font-size:3.2rem;
	display:flex;
	text-align: justify;
    text-align-last: justify;
    text-justify: inter-character;
    margin:0;
}


.arrow_bottom{
	display: block;
	position: absolute;
	bottom: 3%;
	
}

.arrow_bottom img{
	width: 38px;
}

.row{
	padding:10rem 0;
	margin-top:8rem;
}

.bg-op-black{
	background-color:rgba(0,0,0,0.85);
	color:white;
}

.bg-op-white{
	background-color:rgba(255,255,255,0.85);
	color:black;	

}

.row1{

	padding-top:2.5rem !important;
	padding-bottom:2.6rem !important;
}

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

.row5 .link img{
	width: 91%;
}

.title p{
	font-size:2.3rem;
	font-weight:normal;
	margin:0;
}

.title h2{
	font-weight:400;
	text-align:center;
	font-size:3.4rem;
	margin:0;
}

.title img:first-child{
	width:90%;
	height:auto;
	margin-bottom:0.8rem;
}


.title img:last-child{
	width:70%;
	height:auto;
}

.text-content{
	font-size:1.2rem;
	line-height:2.5rem;
}

.content-2col{
	display:flex;
	height:387px;
	justify-content: space-between;
}

.col-half{
	width:50%;
}



.col-half img{
	height:100%;
	width:100%;
	object-fit:cover;
}

.half-text{
	margin-bottom:;
	width:45%;
	position:relative;
}

.half-text .title{
	justify-content: left
}

.half-text .title p{
	font-weight:normal;
	font-size:1.6rem;
	padding-left:2rem;
	letter-spacing:0.8rem;
}

.parent-go-to{
	display:flex;
	align-items:flex-end;
}

.go-to{
	width:100%;
	display:flex;
	/*justify-content:space-between;*/
	align-items: center;
	position:absolute;
	bottom:0;
	font-size:2rem;
	text-decoration:none;

	letter-spacing: 0.07em;
}

.go-to-b{
	/*background-color:rgba(0,0,0,0.6);*/
}


.go-to-w{
	/*background-color:rgba(255,255,255,0.6);*/
}


.go-to p{
	height:100%;
	display:flex;
	white-space: nowrap;
	margin:0;

}

.go-to p img{
	object-fit:contain;
	margin-left:0.5rem;
	width:90%;
}

.cursor{
	width:2rem;
	height:2rem;
	position:relative;
	margin-top:1.6rem;
	margin-left:0.5rem;
}


.cursor img{
	width:2rem;
	height:2rem;
	position:absolute;
	right:0;
	bottom:0;
}

.go-to:hover{
	/*text-decoration:underline;*/
	opacity:0.8;
}

.bg-op-black .go-to{
	color:white;

}

.bg-op-white .go-to{
	color:black;
}

.contact form p.contact-text{
	margin:3rem 0;
}

.contact .title{
	justify-content: left;
}

.contact .title p{
	padding-left:2rem;
	font-size:1.8rem;
	letter-spacing:0.6rem;

}

.title .contact-ja{
	width:35%;
}

table{
	width:100%;
	border-color:white;
	margin-left: auto;
	margin-right: auto;
}

table tr td:first-child{
	background-color:#444;
	padding:1rem;
}

th{
	width:20%;
	background-color:#444;
	padding:1rem;
}

td{
	width:80%;
}

td,th{
	padding:0;
	text-align:center;
	font-size:0.9rem;
}

th span {
	height: 10px;
}
th span,td span{
	padding:0.2rem;
	font-size:0.8rem;
}

#radio{
	padding: 0rem;
	padding-left: 1rem;
}

#radio p input{
	/*width:auto;*/
	/*height:4px;*/
	/*border-radius: 50%;*/
	float:left;
	margin-left:0;
	margin-top:0rem;
	align-items:center;
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	position: relative;
	top:3px;
}



.contact #radio p{
	align-items:center;
	text-align:left;
	margin-bottom:10px;
	line-height: 21.5px;
}

.contact #radio p input{
	background-color: white;
}


.contact #radio p.inline{
	margin-top: 13px;
}

#radio p:last-child{
	/*margin-top: 7px;*/
}

input[type="text"], textarea{
	width:95%;
	margin:0.5rem auto;
	font-size:10px;
	padding:1rem 0.5rem;
}

textarea{
	font-size:10px !important;
}
input[type="text"],textarea{
	border-radius: 0;
}


.submit-button{
	width:100%;
	text-align:center;
	margin:20px 0 50px 0;
}

.submit-button button{
	color:white;
	font-size:8px;
	text-align:center;
	margin:0 auto;
	border:solid 1px #FFF;
	width:25%;
	position:relative;
	background-color:rgba(0,0,0,0);
	padding:0;
}

.submit-button button img{
	width: 14px;
	height: auto;
	padding: 5px 0
}

.none720 {
	display: none;
}

.block720{
	display:none;
}

.text-content.block720{
	font-family:sans-serif;
}


.row1 .content .title{
	justify-content:left;
}


	.title p{
		font-size:1.8rem;
		padding-left:2rem;
	}

	.go-to{
		font-size:1.9rem;
	}
}

@media(max-width:720px) {
	.content{
		width:87%;
	}
}

/*---------------922px〜721px------------------*/
@media(max-width: 922px) {
	.header{
		/*height:980px;*/
	}

	.text-child h1{
		font-size:8rem;
	}

	.text-child p{
		font-size:2.8rem;
	}

	.title h2{
		font-size:2.8rem;
	}

	.title p{
		font-size:1.5rem;

	}

	.text-content{
		font-size:1.1rem;
		line-height:2.1rem;
	}

	.content-2col{
		height:355px;
	}

	.half-text .title p{
		font-size:1.2rem;
		padding-left:1rem;
		letter-spacing: 0.3rem;
	}

	.go-to{
		font-size:1.5rem;
	}

	.contact .title p{
		font-size:1.2rem;
		letter-spacing:0.3rem;
	}

	input[type="text"], textarea{
		width:90%;

	}
    
	.text {
		height: 0.2px;
	}
    textarea {
		height: 65px;
	}
	#radio p:nth-child(1) input {
		margin-top: 0px;
	}
	#radio p:nth-child(2) input {
		margin-top: 0px;
	}
	#radio p:nth-child(3) input {
		margin-top: 0px;
	}
	#radio p input {
		margin-bottom: 0px;
	}

}

/*---------------721px〜0px------------------*/
@media(max-width: 720px) {
	header{
		height:100%;
	}

	.header{
		height:100%;
	}
/*
	.menu{
		background-color:rgba(200,200,200,0.8);
	}*/

	.text-child h1{
		font-size:5rem;
		line-height:5rem;
	}

	.text-child p{
		font-size:1.8rem;
	}

	.row1{
		margin-top:0 !important;
	}

    .row1 .fade1 .normal {
		display: block;
		width: 80%;
		margin-left: 41px;
		margin-top: 0px;
	}

	.title p{
		font-size:1.4rem;
		padding-left:0;
	}

	.title h2{
		font-size:2.4rem;
	}

	.contact .title p{
		padding-left:1rem;
		font-size:0.9rem;
	}

	.text-content{
		margin-top:0.6rem;
		font-size:0.8rem;
		line-height:2.2rem;
	}

	.row{
		padding:0rem 0;
		margin-top:5rem;
	}
	.content-2col{
		height:auto;
		flex-wrap:wrap;
	}

	.col-half{
		width:100%;
	}

	.col-half img{
		width:100%;
		height:auto;
		margin-top:1.6rem;

	}


	.block720{
		display:block;
		font-family:;
	}

	.go-to{
		position:static;
		justify-content:flex-end;
		letter-spacing: 0.01em;
	}
	.contact form p{
		font-family:sans-serif!important;
	}

	.contact form p.contact-text{
		margin:0.2rem auto 2.0rem auto;
		font-size:11px;
		width:90%;
		line-height: 1.4rem;
	}

	.contact form #radio{
		position: relative;
		letter-spacing: -0.7px;
	}

	.contact form #radio p:nth-child(2){
		position: absolute;
		top: 13px;
		left: 49%;
	}

	.contact form #radio p:last-child{
		margin-bottom: 13px;
	}



    .contact form .form {
		width: 62px;
	}
	.contact .radio p {
		font-size: 9px;
	}

	.contact form .kenmei {
		width: 22px;
	}
	.contact form .form2 {
		width: 54px;
	}
	.contact form .company {
		width: 22px;
	}
	.contact form .name {
		width: 22px;
	}
	.contact form .mail {
		width: 50px;
	}
    .contact form .must {
		width: 20px;
	}

	.profile {
		background-image:url(images/profile_background_resp.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 243px;
	}
	.business {
		background-image:url(images/business_background_resp.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 243px;
	}
	.results {
		background-image:url(images/results_background_resp.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 243px;
	}
	.employ {
		background-image:url(images/employ_background_resp.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 243px;
	}

	.title img {
		margin-top: 10vh;
	}
	.row .link .norm {
		left: -4vw;
		top: -48px;
		width: auto;
		height:10.71px;
	}

	.row .link .none {
		height:10.71px;
	}

	.row2 .title img{
		width: 263.46px;
	}

	.row3 .title img{
		width: 246.6px;
	}

	.row4 .title img{
		width: 214.71px;
	}
	.row5 .title img{
		width: 332.57px;
	}
	.row6 .title img {
		margin-top: 17px;
		margin-left: 54px;
		width: 89px;
	}
	.row6 .title .ja {
		width: 0px;
	}
	.row6 .title .ja img{
		margin-left: 0px;
		margin-top: 21px;
	}
	.fade1 {
		margin-left: -11vw;
		justify-content: flex-start;
	}
	footer {
		display: none;
	}
	.arrow-top {
		display: block;
	}

	.arrow-top img{
		width: 18px;
	}
}