@charset "UTF-8";
/* CSS Document */

@media (min-width:1051px) {
	header #inner{position: relative;width: 100%; height: 100vh;margin: 0 auto;padding:0px ;}	
	
	header #inner #wim{position: absolute;top:0%;left:0%;width:100%;height: 670px; overflow: hidden; margin: 0;padding: 0; text-align: center;}	
	header #inner #wim .mask01 {		
		width:95%;
		-webkit-width:95%;	
		max-width:2000px;
		-webkit-max-width:2000px;	
		mask-image: url('../img/mask01.png');
		-webkit-mask-image: url('../img/mask01.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;
		mask-position: center -120px;
		-webkit-mask-position: center -120px;			
	}		
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #wim .wim span:last-of-type{	display: none;	}	
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, header #inner #wim .wim span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #wim .wim span:last-of-type{display:block;width:95%;max-width:2000px;height:670px;margin:0 auto;background:url("../img/sub_image_wim.png") no-repeat;background-size:100% auto;background-position:50% -120px;}
		
	
	header #inner #catch_copy{position: absolute;top:50%;left: 0%;width:100%;height:auto;text-align: center;}	
	header #inner #catch_copy #english{display: block; width:950px;height: 100px;overflow: hidden; margin: 0 auto;padding: 0;}	
	header #inner #catch_copy #english .mask02 {
		width:950px;
		-webkit-width:950px;			
		mask-image: url('../img/mask02.png');
		-webkit-mask-image: url('../img/mask02.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}		
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #english .catch span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #english .catch span:last-of-type{display: block;width:950px;height: 100px;background:url("../img/sub_image_catchcopy01.png") no-repeat;background-size:950px auto;background-position: 50% 50%;}
	
	
	header #inner #catch_copy #japanese{display: block;width:1000px;height: 100px;overflow: hidden; margin: 0 auto;padding: 0;}
	header #inner #catch_copy #japanese .mask03 {
		width:1000px;
		-webkit-width:1000px;			
		mask-image: url('../img/mask03.png');
		-webkit-mask-image: url('../img/mask03.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #japanese .catch02 span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #japanese .catch02 span:last-of-type{display:block;width:1000px;height:100px;background:url("../img/sub_image_catchcopy02.png") no-repeat;background-size:1000px auto;background-position:50% 50%;}
	
	
	header #inner #video{position: absolute;top: 0;left: 0; width:100%;/*height:100%;*/ z-index: -100;}	
	header #inner #video .visual {	position: relative;	width: 100%;	height: 100vh;}
	header #inner #video .visual .movie {	overflow: hidden;	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	z-index: 1;	}
	header #inner #video .visual .movie video {	position: absolute;	top: 50%;	left: 50%;	display: block;	width: auto;	height: auto;	min-width: 100%;	min-height: 100%;	transform: translate(-50%,-50%);}
	
	main #concept{position: relative;width: 100%;height: 600px;margin: 0 auto;padding: 0;}	
	main #concept #figure_box { position: absolute;top:0%;right: 0%;width:70%;height: 400px; margin: 0;padding: 0;  overflow: hidden;}	
	main #concept #figure_box figure.boxInner { /* width: inherit;  height: inherit;*/width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #concept #figure_box figure.boxInner img{width:100%;height: 100%;object-fit: cover;}
	/*
	main #concept #h3_box {position: absolute;top:20%;left:20%; margin: 0;padding: 0;  overflow: hidden;}
	main #concept h3{width:100%;height: 100%;margin: 0;padding: 0;opacity: 0;}
	main #concept h3 span:first-of-type{display:block;font-size:65px;line-height:55px;letter-spacing: 1px;opacity: 0.6}
	main #concept h3 span:last-of-type{display:block;font-size:70px;line-height:80px;letter-spacing: 1px;opacity: 0.6}
	*/
	main #concept #english_box {position: absolute;top:28%;left:20%; margin: 0;padding: 0;  overflow: hidden;}
	main #concept #english_box #english{display: block;width:900px;height: 90px; margin: 0 auto;padding: 0;}
	main #concept #english_box #english .mask04 {
		width:900px;
		-webkit-width:900px;			
		mask-image: url('../img/mask04.png');
		-webkit-mask-image: url('../img/mask04.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, main #concept #english_box #english span:last-of-type{	display: none;	}
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, main #concept #english_box #english span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, main #concept #english_box #english span:last-of-type{display: block;width:900px;height:90px;background:url("../img/sub_image_concept01.png") no-repeat;background-size:900px auto;background-position: 50% 50%;}
	/*
	main #concept #japanese_box{position: absolute;top:45%;left:20%;margin: 0;padding: 0;color:#1d2088;letter-spacing:2px;font-weight: bold}
	main #concept #japanese_box span:first-of-type{display: block;font-size: 40px;}
	main #concept #japanese_box span:last-of-type{display: block;font-size: 30px;}
	*/
	main #concept #japanese_box{position: absolute;top:40%;left:20%;margin: 0;padding: 0;}
	main #concept #japanese_box #japanese{display: block;width:1000px;height: 120px; margin: 0 auto;padding: 0;}
	main #concept #japanese_box #japanese .mask05{
		width:1000px;
		-webkit-width:1000px;			
		mask-image: url('../img/mask05.png');
		-webkit-mask-image: url('../img/mask05.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, main #concept #japanese_box #japanese span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, main #concept #japanese_box #japanese small:last-of-type{display: block;width:900px;height:120px;background:url("../img/sub_image_concept02.png") no-repeat;background-size:900px auto;background-position: 50% 50%;}
	
	main #concept #button{position: absolute;top:70%;left:20%;width:220px;margin: 0;padding: 0;border: 1px solid black;}	
	main #concept #button #inner{width: 100%;margin:0;padding:0; }	
	main #concept #button #inner a{position: relative;display:block;margin:0;padding:20px;color:black;font-size: 18px;letter-spacing: 2px;text-align: center; text-decoration: none;	transition: .3s;}
	main #concept #button #inner a:hover { background:black; animation: hover_concept .6s forwards; color:white;}
	main #concept #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #concept #button #inner a:hover::before {  animation: hover-in_concept .3s forwards alternate, hover-out_concept .3s .3s forwards alternate;}
	@keyframes hover_concept {		0%, 100% {    color: white;  }		50% {    color: white;  }	}
	@keyframes hover-in_concept {  		0% {	 transform-origin: left top;    transform: scale(0, 1);  }		100% {  transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_concept {		0% {   transform-origin: right top;    transform: scale(1, 1);  }		100% {  transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #concept #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #concept #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}
	/*
	main #service{width: 100%;margin: 0 auto;padding:80px 0;background: #e9edf5;}
	main #service #h3_box {width:25%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #service #h3_box h3{margin: 0 auto 20px auto;padding: 0;text-align: center;  opacity: 0;}
	main #service #h3_box h3 span{font-size: 50px;letter-spacing: 5px; }
	main #service table{width: 1000px; margin: 0 auto;padding: 0;text-align: center;border-collapse: collapse;border: 1px solid #9fa0a0;background: white;}
	main #service table td{border: 1px solid #9fa0a0;margin: 0 auto;padding:20px 0;}
	main #service table td h4{margin: 0 auto 20px auto;padding: 0;text-align: center;font-size:20px;letter-spacing: 1px;font-weight: normal;}
	*/
	main #service{position: relative;height: 1750px;margin: 0 auto;padding:0px 0;}	
	main #service #background_box {position: absolute;top:0px;left:0%;width:50%;height: 1350px; margin: 0;padding: 0; background: #e9edf5;}
	main #service #h2_box {position: absolute;top:50px;left:30%;width:40%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #service #h2_box h2{margin: 0 auto 20px auto;padding: 0;text-align: center;  opacity: 0;}
	main #service #h2_box h2 span{font-size: 50px;letter-spacing: 5px; }	
	main #service #service_box { position: absolute;top:10%;left: 0%;width:100%;margin: 0;padding: 0;}		
	main #service #service_box section{position: relative;display: block; width: 100%; height:320px;margin: 0 0 50px 0;padding:0px 0;}
	main #service #service_box section #image{ position: absolute;top:0%;left: 0%;width:60%;height:320px; margin: 0;padding: 0;  overflow: hidden;}	
	main #service #service_box section #image figure.boxInner { /* width: inherit;  height: inherit;*/width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #service #service_box section #image figure.boxInner img{width:100%;height: 100%;object-fit: cover;}
	main #service #service_box section #number{ position: absolute;top:4%;left: 58%;margin: 0;padding: 0;  overflow: hidden;}	
	main #service #service_box section #number p.boxInner { margin: 0;padding: 0; color:#e9edf5;font-size: 150px;opacity: 0;}
	main #service #service_box section #text{position: absolute;top:46%;left:62%;margin: 0;padding: 0;font-size: 34px;letter-spacing: 3px;}			
	main #service #service_box section #text span::after{display:inline-block;content:'※準備中';position:absolute;top:20px;left:103%;width:80px;font-size:14px;letter-spacing:1px;border: 1px solid #ADADAD;color: #ADADAD;text-align: center; border-radius: 20px;}	
	main #service #service_box section #button{position: absolute;top:65%;left:62%;width:220px;margin: 0;padding: 0;border: 1px solid black;}	
	main #service #service_box section #button #inner{width: 100%;margin:0;padding:0; }	
	main #service #service_box section #button #inner a{position: relative;display:block;margin:0;padding:20px;color:black;font-size: 18px;letter-spacing: 2px;text-align: center; text-decoration: none;	transition: .3s;}
	main #service #service_box section #button #inner a:hover { background:black; animation: hover_service .6s forwards; color:white;}
	main #service #service_box section #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #service #service_box section #button #inner a:hover::before {  animation: hover-in_service .3s forwards alternate, hover-out_service .3s .3s forwards alternate;}
	@keyframes hover_service {		0%, 100% {    color: white;  }		50% {    color: white;  }	}
	@keyframes hover-in_service {  		0% {	 transform-origin: left top;    transform: scale(0, 1);  }		100% {  transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_service {		0% {   transform-origin: right top;    transform: scale(1, 1);  }		100% {  transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #service #service_box section #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #service #service_box section #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}
	
	main #port_folio{width: 100%;margin: 0 auto;padding:80px 0;background: black}
	main #port_folio #h3_box {width:34%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #port_folio #h3_box h3{margin: 0 auto 20px auto;padding: 0;text-align: center;font-size: 50px;letter-spacing: 5px;color: white; opacity: 0; opacity: 0;}
	main #port_folio #h3_box h3 span{font-size: 50px;letter-spacing: 5px; }
	main #port_folio #inner{width: 1000px;margin: 0 auto;padding:0px 0;font-size: 0;text-align: center;}
	main #port_folio #inner .list{display: inline-block;width: 33.333%;margin: 0 0 30px 0;padding: 0;}
	main #port_folio #inner .list figure{width:95%;margin:0 auto;padding: 0;}
	main #port_folio #inner .list figure img{width:100%;margin:  0 auto 10px auto}
	main #port_folio #inner .list figure figcaption{width:100%;font-size: 12px;color: white; text-align: left;}
	main #port_folio a{display:block;width: 200px;margin: 0 auto;padding: 20px 0; background: #1d2088;color: white;text-align: center;text-decoration: none;font-size: 16px;letter-spacing: 3px;}
	
	main #recruit{position: relative;width: 100%;height: 400px;margin: 0 auto;padding: 0;/*background: url("../img/recuruit_image_background.png") no-repeat;background-position: 50% 100%;background-size: 100% auto*/}
	main #recruit #figure_box {position: absolute;top:0%;right: 0%;width:50%;height: 400px;  margin: 0;padding: 0;  overflow: hidden;}	
	main #recruit #figure_box figure.boxInner {width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #recruit #figure_box figure.boxInner img{width:100%;height: 100%;object-fit: cover;object-position: 50% 20%}	
	main #recruit #h3_box {position: absolute;top:30%;left:20%;margin: 0;padding: 0;  overflow: hidden;}
	main #recruit #h3_box h3{width:100%;height: 100%;margin: 0;padding: 0;letter-spacing: 3px;font-size: 50px; opacity: 0;}
	main #recruit #text01{position: absolute;top:48%;left:20%;margin: 0;padding: 0;font-size: 20px;letter-spacing: 1px;}	
	main #recruit #button{ position: absolute;top:60%;left:20%;width:220px;padding: 0;border: 1px solid black; }	
	main #recruit #button #inner{width: 100%;margin:0;padding:0; }	
	main #recruit #button #inner a{position: relative;display:block;margin:0;padding:20px;color:black;font-size: 18px;letter-spacing: 2px;text-align: center; text-decoration: none;	transition: .3s;}
	main #recruit #button #inner a:hover { background:black; animation: hover_recruit .6s forwards; color:white;}
	main #recruit #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #recruit #button #inner a:hover::before {  animation: hover-in_recruit .3s forwards alternate, hover-out_recruit .3s .3s forwards alternate;}
	@keyframes hover_recruit {		0%, 100% {    color: white;  }		50% {    color:white;  }	}
	@keyframes hover-in_recruit {  		0% {		transform-origin: left top;    transform: scale(0, 1);  }		100% {    transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_recruit {		0% {    transform-origin: right top;    transform: scale(1, 1);  }		100% {    transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #recruit #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #recruit #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}	
}

@media screen and (min-width:701px) and ( max-width:1050px)  {	
	header #inner{position: relative;width: 100%; height: 100vh;margin: 0 auto;padding:0px ;}	
	
	header #inner #wim{position: absolute;top:0%;left:0%;width:100%;height: 670px; overflow: hidden; margin: 0;padding: 0; text-align: center;}
	header #inner #wim .mask01 {					
		width:100%;
		-webkit-width:100%;		
					
		mask-image: url('../img/mask01.png');
		-webkit-mask-image: url('../img/mask01.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:106% auto;
		-webkit-mask-size:106% auto;
		mask-position: center -20px;
		-webkit-mask-position: center -20px;		
	}	
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #wim .wim span:last-of-type{	display: none;	}	
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, header #inner #wim .wim span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #wim .wim span:last-of-type{display: block;width: 100%;height: 670px;background: url("../img/sub_image_wim.png") no-repeat;background-size:106% auto;background-position: 50% -20px;}
	
	
	header #inner #catch_copy{position: absolute;top:50%;left: 0%;width:100%;height:auto;text-align: center;}	
	header #inner #catch_copy #english{display: block; width:80%;height: 100px;overflow: hidden; margin: 0 auto;padding: 0;}	
	header #inner #catch_copy #english .mask02 {
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask02.png');
		-webkit-mask-image: url('../img/mask02.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #english .catch span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #english .catch span:last-of-type{display: block;width:600px;height: 100px;background:url("../img/sub_image_catchcopy01.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	
		
	header #inner #catch_copy #japanese{display: block;width:90%;height: 100px;overflow: hidden; margin: 0 auto;padding: 0;}
	header #inner #catch_copy #japanese .mask03 {
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask03.png');
		-webkit-mask-image: url('../img/mask03.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}		
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #japanese .catch02 span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #japanese .catch02 span:last-of-type{display: block;width:600px;height: 100px;background:url("../img/sub_image_catchcopy02.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	
	
	header #inner #video{position: absolute;top: 0;left: 0; width:100%;/*height:100%;*/ z-index: -100;}	
	header #inner #video .visual {	position: relative;	width: 100%;	height: 100vh;}
	header #inner #video .visual .movie {	overflow: hidden;	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	z-index: 1;	}
	header #inner #video .visual .movie video {	position: absolute;	top: 50%;	left: 50%;	display: block;	width: auto;	height: auto;	min-width: 100%;	min-height: 100%;	transform: translate(-50%,-50%);}
	
	main #concept{position: relative;width: 100%;height: 600px;margin: 0 auto;padding: 0;}
	main #concept #figure_box { position: absolute;top:0%;right: 0%;width:100%;height: 400px; margin: 0;padding: 0;  overflow: hidden;}	
	main #concept #figure_box figure.boxInner { /* width: inherit;  height: inherit;*/width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #concept #figure_box figure.boxInner img{width:100%;height: 100%;object-fit: cover;object-position: 0% 50%;}
	/*
	main #concept #h3_box {position: absolute;top:36%;left:10%; margin: 0;padding: 0;  overflow: hidden;}
	main #concept h3{width:100%;height: 100%;margin: 0;padding: 0; opacity: 0;color: white;}
	main #concept h3 span:first-of-type{display:block;font-size:40px;line-height:40px;letter-spacing: 1px;opacity: 0.6}
	main #concept h3 span:last-of-type{display:block;font-size:60px;line-height:60px;letter-spacing: 1px;opacity: 0.6}	
	*/
	main #concept #english_box {position: absolute;top:30%;left:5%; width:90%;margin: 0;padding: 0;  overflow: hidden;}
	main #concept #english_box #english{display: block;width:100%;height: 90px; margin: 0 auto;padding: 0;}
	main #concept #english_box #english .mask04 {
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask04.png');
		-webkit-mask-image: url('../img/mask04.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, main #concept #english_box #english span:last-of-type{	display: none;	}
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, main #concept #english_box #english span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, main #concept #english_box #english span:last-of-type{display: block;width:100%;height: 90px;background:url("../img/sub_image_concept01.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	
	/*
	main #concept #text01{position: absolute;top:55%;left:10%;margin: 0;padding: 0;color:white;letter-spacing:2px;font-weight: bold}
	main #concept #text01 span:first-of-type{display: block;font-size: 30px;}
	main #concept #text01 span:last-of-type{display: block;font-size:25px;}	
	*/
	main #concept #japanese_box{position: absolute;top:44%;left:5%; width:90%;margin: 0;padding: 0;}
	main #concept #japanese_box #japanese{display: block;width:100%;height: 120px; margin: 0 auto;padding: 0;}
	main #concept #japanese_box #japanese .mask05{
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask05.png');
		-webkit-mask-image: url('../img/mask05.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外*/
	_:-ms-lang(x)::backdrop, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	/*IE11のみ*/
	_:-ms-lang(x)::-ms-backdrop, main #concept #japanese_box #japanese span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, main #concept #japanese_box #japanese:last-of-type{display: block;width:100%;height: 120px;background:url("../img/sub_image_concept02.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	
	main #concept #button{position: absolute;top:75%;left:10%;width:220px;margin: 0;padding: 0;border: 1px solid black;}	
	main #concept #button #inner{width: 100%;margin:0;padding:0; }	
	main #concept #button #inner a{position: relative;display:block;margin:0;padding:20px;color:black;font-size: 18px;letter-spacing: 2px;text-align: center; text-decoration: none;	transition: .3s;}
	main #concept #button #inner a:hover { background:black; animation: hover_concept .6s forwards; color:white;}
	main #concept #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #concept #button #inner a:hover::before {  animation: hover-in_concept .3s forwards alternate, hover-out_concept .3s .3s forwards alternate;}
	@keyframes hover_concept {		0%, 100% {    color:white;  }		50% {    color:white;  }	}
	@keyframes hover-in_concept {  		0% {		transform-origin: left top;    transform: scale(0, 1);  }		100% {    transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_concept {		0% {    transform-origin: right top;    transform: scale(1, 1);  }		100% {    transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #concept #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #concept #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}
	/*	
	main #service{width: 100%;margin: 0 auto;padding:80px 0;background: #e9edf5;}
	main #service #h3_box {width:100%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #service #h3_box h3{margin: 0 auto 20px auto;padding: 0;text-align: center;  opacity: 0;}
	main #service #h3_box h3 span{font-size: 50px;letter-spacing: 5px; }
	main #service table{width:80%; margin: 0 auto;padding: 0;text-align: center;border-collapse: collapse;border: 1px solid #9fa0a0;background: white;}
	main #service table td{border: 1px solid #9fa0a0;margin: 0 auto;padding:20px 0;}
	main #service table td h4{margin: 0 auto 20px auto;padding: 0;text-align: center;font-size:20px;letter-spacing: 1px;font-weight: normal;}
	*/
	main #service{position: relative;height: 1750px;margin: 0 auto;padding:0px 0;}	
	main #service #background_box {position: absolute;top:0px;left:0%;width:45%;height: 1750px; margin: 0;padding: 0; background: #e9edf5;}
	main #service #h2_box {position: absolute;top:50px;left:10%;width:80%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #service #h2_box h2{margin: 0 auto 20px auto;padding: 0;text-align: center;  opacity: 0;}
	main #service #h2_box h2 span{font-size: 50px;letter-spacing: 3px; }	
	main #service #service_box { position: absolute;top:10%;left: 0%;width:100%;margin: 0;padding: 0;}		
	main #service #service_box section{position: relative;display: block; width: 100%; height:320px;margin: 0 0 50px 0;padding:0px 0;}
	main #service #service_box section #image{ position: absolute;top:0%;left: 0%;width:60%;height:320px; margin: 0;padding: 0;  overflow: hidden;}	
	main #service #service_box section #image figure.boxInner { /* width: inherit;  height: inherit;*/width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #service #service_box section #image figure.boxInner img{width:100%;height: 100%;object-fit: cover;}
	main #service #service_box section #number{ position: absolute;top:4%;left: 58%;margin: 0;padding: 0;  overflow: hidden;}	
	main #service #service_box section #number p.boxInner { margin: 0;padding: 0; color:#e9edf5;font-size: 150px;opacity: 0;}
	main #service #service_box section #text{position: absolute;top:46%;left:62%;margin: 0;padding: 0;font-size: 30px;letter-spacing: 1px;}		
	main #service #service_box section #text span::after{display:inline-block;content:'※準備中';position:absolute;top:16px;left:108%;width:80px;font-size:14px;letter-spacing:1px;border: 1px solid #ADADAD;color: #ADADAD;text-align: center; border-radius: 20px;}
	main #service #service_box section #button{position: absolute;top:65%;left:62%;width:220px;margin: 0;padding: 0;border: 1px solid black;}	
	main #service #service_box section #button #inner{width: 100%;margin:0;padding:0; }	
	main #service #service_box section #button #inner a{position: relative;display:block;margin:0;padding:20px;color:black;font-size: 18px;letter-spacing: 2px;text-align: center; text-decoration: none;	transition: .3s;}
	main #service #service_box section #button #inner a:hover { background:black; animation: hover_service .6s forwards; color:white;}
	main #service #service_box section #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #service #service_box section #button #inner a:hover::before {  animation: hover-in_service .3s forwards alternate, hover-out_service .3s .3s forwards alternate;}
	@keyframes hover_service {		0%, 100% {    color: white;  }		50% {    color: white;  }	}
	@keyframes hover-in_service {  		0% {	 transform-origin: left top;    transform: scale(0, 1);  }		100% {  transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_service {		0% {   transform-origin: right top;    transform: scale(1, 1);  }		100% {  transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #service #service_box section #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #service #service_box section #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}
	
	main #port_folio{width: 100%;margin: 0 auto;padding:80px 0;background: black;}
	main #port_folio #h3_box {width:100%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #port_folio #h3_box h3{margin: 0 auto 20px auto;padding: 0;text-align: center;font-size: 50px;letter-spacing: 5px;color: white; opacity: 0; opacity: 0;}
	main #port_folio #h3_box h3 span{font-size: 50px;letter-spacing: 5px; }
	main #port_folio #inner{width:80%;margin: 0 auto;padding:0px 0;font-size: 0;text-align: center;}
	main #port_folio #inner .list{display: inline-block;width: 33.333%;margin: 0 0 30px 0;padding: 0;vertical-align: top;}
	main #port_folio #inner .list figure{width:95%;margin:0 auto;padding: 0;}
	main #port_folio #inner .list figure img{width:100%;margin: 0 auto 10px auto}
	main #port_folio #inner .list figure figcaption{width:100%;font-size: 12px;color: white; text-align: left;}
	main #port_folio a{display:block;width: 200px;margin: 0 auto;padding: 20px 0; background: #1d2088;color: white;text-align: center;text-decoration: none;font-size: 16px;letter-spacing: 3px;}
	
	main #recruit{position: relative;width: 100%;height: 500px;margin: 0 auto;padding: 0;/*background: url("../img/recuruit_image_background.png") no-repeat;background-position: 50% 100%;background-size: 100% auto*/}
	main #recruit #figure_box {position: absolute;top:0%;right: 0%;width:55%;height: 500px;  margin: 0;padding: 0;  overflow: hidden;}	
	main #recruit #figure_box figure.boxInner {width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #recruit #figure_box figure.boxInner img{width:100%;height: 100%;object-fit: cover;object-position: 50% 20%}	
	main #recruit #h3_box {position: absolute;top:35%;left:10%;margin: 0;padding: 0;  overflow: hidden;}
	main #recruit #h3_box h3{width:100%;height: 100%;margin: 0;padding: 0;letter-spacing: 3px;font-size: 50px; opacity: 0;}
	main #recruit #text01{position: absolute;top:48%;left:10%;margin: 0;padding: 0;font-size:20px;letter-spacing: 0px;}	
	main #recruit #button{ position: absolute;top:58%;left:10%;width:220px;padding: 0;border: 1px solid black; }	
	main #recruit #button #inner{width: 100%;margin:0;padding:0; }	
	main #recruit #button #inner a{position: relative;display:block;margin:0;padding:20px;color:black;font-size: 18px;letter-spacing: 2px;text-align: center; text-decoration: none;	transition: .3s;}
	main #recruit #button #inner a:hover { background:black; animation: hover_recruit .6s forwards; color:white;}
	main #recruit #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #recruit #button #inner a:hover::before {  animation: hover-in_recruit .3s forwards alternate, hover-out_recruit .3s .3s forwards alternate;}
	@keyframes hover_recruit {		0%, 100% {    color: white;  }		50% {    color:white;  }	}
	@keyframes hover-in_recruit {  		0% {		transform-origin: left top;    transform: scale(0, 1);  }		100% {    transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_recruit {		0% {    transform-origin: right top;    transform: scale(1, 1);  }		100% {    transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #recruit #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #recruit #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}
}
@media (max-width: 700px) {	
	header #inner{position: relative;width: 100%; height: 100vh;margin: 0 auto;padding:0px ;}	
	
	header #inner #wim{position: absolute;top:10%;left:0%;width:100%;height: 300px; overflow: hidden; margin: 0;padding: 0; text-align: center;}
	header #inner #wim .mask01 {		
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask01.png');
		-webkit-mask-image: url('../img/mask01.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:106% auto;
		-webkit-mask-size:106% auto;
		mask-position: center 50%;
		-webkit-mask-position: center 50%;		
	}	
	/*IE11以外
	_:-ms-lang(x)::backdrop, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #wim .wim span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #wim .wim span:last-of-type{	display: none;	}	
	*/
	/*IE11のみ
	_:-ms-lang(x)::-ms-backdrop, header #inner #wim .wim span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #wim .wim span:last-of-type{display: block;width: 100%;height: 300px;background: url("../img/sub_image_wim.png") no-repeat;background-size:106% auto;background-position: 50% 50%;}
	*/
	header #inner #wim .wim span:first-of-type{	display: none;	}
	header #inner #wim .wim span:last-of-type{display: block;width: 100%;height: 300px;background: url("../img/sub_image_wim.png") no-repeat;background-size:106% auto;background-position: 50% 50%;}
	
	header #inner #catch_copy{position: absolute;top:50%;left: 0%;width:100%;height:auto;text-align: center;}	
	header #inner #catch_copy #english{display: block; width:80%;height:30px;overflow: hidden; margin: 0 auto;padding: 0;}	
	header #inner #catch_copy #english .mask02 {
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask02.png');
		-webkit-mask-image: url('../img/mask02.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外
	_:-ms-lang(x)::backdrop, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #catch_copy #english .catch span:last-of-type{	display: none;	}*/
	/*IE11のみ
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #english .catch span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #english .catch span small{display: block;width:300px;height: 100px;background:url("../img/sub_image_catchcopy01.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	*/
	header #inner #catch_copy #english .catch span:first-of-type{display: none;	}
	header #inner #catch_copy #english .catch span:last-of-type{display: block; width:300px;height:30px; margin: 0 auto;padding: 0; background:url("../img/sub_image_catchcopy01.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	
	
	header #inner #catch_copy #japanese{display: block;width:90%;height: 30px;overflow: hidden; margin: 0 auto;padding: 0;}
	header #inner #catch_copy #japanese .mask03 {
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask03.png');
		-webkit-mask-image: url('../img/mask03.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}		
	/*IE11以外
	_:-ms-lang(x)::backdrop, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, header #inner #catch_copy #japanese .catch02 span:last-of-type{	display: none;	}*/
	/*IE11のみ
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #japanese .catch02 span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, header #inner #catch_copy #japanese .catch02 span small{display: block;width:300px;height: 100px;background:url("../img/sub_image_catchcopy02.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	*/
	header #inner #catch_copy #japanese .catch02 span:first-of-type{	display: none;	}
	header #inner #catch_copy #japanese .catch02 span:last-of-type{display: block;width:300px;height: 30px;background:url("../img/sub_image_catchcopy02.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	
	header #inner #video{position: absolute;top: 0;left: 0; width:100%;/*height:100%;*/ z-index: -100;}	
	header #inner #video .visual {	position: relative;	width: 100%;	height: 100vh;}
	header #inner #video .visual .movie {	overflow: hidden;	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	z-index: 1;	}
	header #inner #video .visual .movie video {	position: absolute;	top: 50%;	left: 50%;	display: block;	width: auto;	height: auto;	min-width: 100%;	min-height: 100%;	transform: translate(-50%,-50%);}
	
	main #concept{/*position: relative;*/width: 100%;/*height: 300px;*/margin: 0 auto;padding: 0;}
	main #concept #figure_box { /*position: absolute;top:0%;right: 0%;*/width:100%;height: 200px; margin: 0 auto 30px auto;padding: 0;  overflow: hidden;}	
	main #concept #figure_box figure.boxInner { /* width: inherit;  height: inherit;*/width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #concept #figure_box figure.boxInner img{width:100%;height: 100%;object-fit: cover;object-position: 0% 50%;}
	/*
	main #concept #h3_box {position: absolute;top:30%;left:10%; margin: 0;padding: 0;  overflow: hidden;}
	main #concept h3{width:100%;height: 100%;margin: 0;padding: 0;color: white; opacity: 0;}
	main #concept h3 span{font-size:24px;line-height:24px;letter-spacing: 1px;opacity: 0.6}		
	main #concept #text01{position: absolute;top:45%;left:10%;width:80%;margin: 0;padding: 0;color:white;letter-spacing:0px;font-weight: bold}
	main #concept #text01 span:first-of-type{display: block;font-size: 18px;}
	main #concept #text01 span:last-of-type{display: block;font-size:15px;}
	*/
	main #concept #english_box {/*position: absolute;top:30%;left:5%;*/ width:80%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #concept #english_box #english{display: block;width:100%;height:30px; margin: 0 auto;padding: 0;}
	main #concept #english_box #english .mask04 {
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask04.png');
		-webkit-mask-image: url('../img/mask04.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外
	_:-ms-lang(x)::backdrop, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, main #concept #english_box #english span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, main #concept #english_box #english span:last-of-type{	display: none;	}
	*/
	/*IE11のみ
	_:-ms-lang(x)::-ms-backdrop, main #concept #english_box #english span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, main #concept #english_box #english span small{display: block;width:100%;height: 50px;background:url("../img/sub_image_concept01.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	*/
	main #concept #english_box #english span:first-of-type{	display: none;	}
	main #concept #english_box #english span:last-of-type{display: block;width:300p;height: 30px;margin: 0 auto;padding: 0;background:url("../img/sub_image_concept01.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	
	main #concept #japanese_box{/*position: absolute;top:44%;left:5%; */width:90%;margin: 0 auto 0px auto;padding: 0;}
	main #concept #japanese_box #japanese{display: block;width:100%;height: 70px; margin: 0 auto;padding: 0;}
	main #concept #japanese_box #japanese .mask05{
		width:100%;
		-webkit-width:100%;			
		mask-image: url('../img/mask05.png');
		-webkit-mask-image: url('../img/mask05.png');
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-size:100% auto;
		-webkit-mask-size:100% auto;		
	}	
	/*IE11以外
	_:-ms-lang(x)::backdrop, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-ms-, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-internal-media-controls-overlay-cast-button, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)::-moz-placeholder, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	_:lang(x)+_:-webkit-full-screen-document, main #concept #japanese_box #japanese span:last-of-type{	display: none;	}
	*/
	/*IE11のみ
	_:-ms-lang(x)::-ms-backdrop, main #concept #japanese_box #japanese span:first-of-type{	display: none;	}
	_:-ms-lang(x)::-ms-backdrop, main #concept #japanese_box #japanese small{display: block;width:100%;height: 90px;background:url("../img/sub_image_concept02.png") no-repeat;background-size:1000px auto;background-position: 50% 50%;}
	*/
	main #concept #japanese_box #japanese span:first-of-type{	display: none;	}
	main #concept #japanese_box #japanese span:last-of-type{display: block;width:300p;height: 70px;margin: 0 auto;padding: 0;background:url("../img/sub_image_concept02.png") no-repeat;background-size:100% auto;background-position: 50% 50%;}
	
	main #concept #button{/*position: absolute;bottom:10%;left:10%;*/width:80%;margin: 0 auto 30px auto;padding: 0;border: 1px solid black;}	
	main #concept #button #inner{width: 100%;margin:0;padding:0; }	
	main #concept #button #inner a{position: relative;display:block;margin:0;padding:20px;color:black;font-size: 16px;letter-spacing: 0px;text-align: center; text-decoration: none;	transition: .3s;}
	main #concept #button #inner a:hover { background:black; animation: hover_concept .6s forwards; color:white;}
	main #concept #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #concept #button #inner a:hover::before {  animation: hover-in_concept .3s forwards alternate, hover-out_concept .3s .3s forwards alternate;}
	@keyframes hover_concept {		0%, 100% {    color:white;  }		50% {    color:white;  }	}
	@keyframes hover-in_concept {  		0% {		transform-origin: left top;    transform: scale(0, 1);  }		100% {    transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_concept {		0% {    transform-origin: right top;    transform: scale(1, 1);  }		100% {    transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #concept #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #concept #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}
		/*
	main #service{width: 100%;margin: 0 auto;padding:30px 0;background: #e9edf5;}
	main #service #h3_box {width:100%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #service #h3_box h3{margin: 0 auto 20px auto;padding: 0;text-align: center; opacity: 0;}
	main #service #h3_box h3 span{font-size: 30px;letter-spacing: 3px; }
	main #service table{width:80%; margin: 0 auto;padding: 0;text-align: center;border-collapse: collapse;border: 1px solid #9fa0a0;background: white;}
	main #service table td{border: 1px solid #9fa0a0;margin: 0 auto;padding:20px 0;}
	main #service table td figure{margin:0;padding: 0;text-align: center}
	main #service table td figure img{width: 80%; margin:0;padding: 0;}
	main #service table td h4{margin: 0 auto 0px auto;padding: 0;text-align: center;font-size:16px;letter-spacing:0px;font-weight: normal;}
	*/
	main #service{width: 100%; margin: 0 auto;padding:30px 0 0 0;background: #e9edf5;}	
	main #service #background_box {display: none}
	main #service #h2_box {width:80%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #service #h2_box h2{margin: 0 auto 20px auto;padding: 0;text-align: center;  opacity: 0;}
	main #service #h2_box h2 span{font-size: 30px;letter-spacing: 3px; }	
	main #service #service_box {width:100%;margin: 0;padding: 0;}		
	main #service #service_box section{position: relative;display: block; width: 100%; height:280px;/* height:380px;*/margin: 0 0 0px 0;padding:0px 0;}
	main #service #service_box section #image{ position: absolute;top:0%;left: 0%;width:70%;height:180px; margin: 0;padding: 0;  overflow: hidden;}	
	main #service #service_box section #image figure.boxInner { /* width: inherit;  height: inherit;*/width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #service #service_box section #image figure.boxInner img{width:100%;height: 100%;object-fit: cover;}
	main #service #service_box section #number{ position: absolute;top:14%;left: 55%;margin: 0;padding: 0;  overflow: hidden;}	
	main #service #service_box section #number p.boxInner { margin: 0;padding: 0; color:white;font-size: 120px;opacity: 0;}
	main #service #service_box section #text{position: absolute;top:70%;/*top:52%;*/left:10%;width:80%;margin: 0;padding: 0;font-size: 22px;letter-spacing: 1px;}		
	main #service #service_box section #text span::after{display:inline-block;content:'※準備中';position:absolute;top:38px;left:0%;width:80px;font-size:13px;letter-spacing:0px;background: white;color: #ADADAD;text-align: center; border-radius: 20px;}
	main #service #service_box section #button{position: absolute;top:65%;left:10%;width:80%;margin: 0;padding: 0;border: 1px solid black;}	
	main #service #service_box section #button #inner{width: 100%;margin:0;padding:0; }	
	main #service #service_box section #button #inner a{position: relative;display:block;margin:0;padding:20px;color:black;font-size: 16px;letter-spacing: 0px;text-align: center; text-decoration: none;	transition: .3s;}
	main #service #service_box section #button #inner a:hover { background:black; animation: hover_service .6s forwards; color:white;}
	main #service #service_box section #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #service #service_box section #button #inner a:hover::before {  animation: hover-in_service .3s forwards alternate, hover-out_service .3s .3s forwards alternate;}
	@keyframes hover_service {		0%, 100% {    color: white;  }		50% {    color: white;  }	}
	@keyframes hover-in_service {  		0% {	 transform-origin: left top;    transform: scale(0, 1);  }		100% {  transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_service {		0% {   transform-origin: right top;    transform: scale(1, 1);  }		100% {  transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #service #service_box section #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #service #service_box section #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}
	
	main #port_folio{width: 100%;margin: 0 auto;padding:50px 0;background:black; }
	main #port_folio #h3_box {width:100%;margin: 0 auto;padding: 0;  overflow: hidden;}
	main #port_folio #h3_box h3{margin: 0 auto 20px auto;padding: 0;text-align: center;color: white; opacity: 0;}
	main #port_folio #h3_box h3 span{font-size: 30px;letter-spacing: 3px; }
	main #port_folio #inner{width:80%;margin: 0 auto;padding:0px 0;font-size: 0;text-align: center;}
	main #port_folio #inner .list{display: inline-block;width:50%;margin: 0 0 10px 0;padding: 0;vertical-align: top;}
	main #port_folio #inner .list figure{width:95%;margin:0 auto;padding: 0;}
	main #port_folio #inner .list figure img{width:100%;margin: 0 auto 10px auto}
	main #port_folio #inner .list figure figcaption{width:100%;font-size: 12px;color: white; text-align: left;}
	main #port_folio a{display:block;width:80%;margin: 0 auto;padding: 20px 0; background: #1d2088;color: white;text-align: center;text-decoration: none;font-size: 16px;letter-spacing: 0px;}
	
	main #recruit{position: relative;width: 100%;height: 300px;margin: 0 auto;padding: 0;/*background: url("../img/recuruit_image_background.png") no-repeat;background-position: 50% 100%;background-size: 100% auto*/}
	main #recruit #figure_box {position: absolute;top:0%;right: 0%;width:100%;height: 300px;  margin: 0;padding: 0;  overflow: hidden;}	
	main #recruit #figure_box figure.boxInner {width:100%;height: 100%;margin: 0;padding: 0;  opacity: 0;}
	main #recruit #figure_box figure.boxInner img{width:100%;height: 100%;object-fit: cover;object-position: 50% 20%;opacity: 0.6}	
	main #recruit #h3_box {position: absolute;top:32%;left:10%;margin: 0;padding: 0;  overflow: hidden;}
	main #recruit #h3_box h3{width:100%;height: 100%;margin: 0;padding: 0;letter-spacing: 3px;font-size: 30px; opacity: 0;}
	main #recruit #text01{position: absolute;top:48%;left:10%;margin: 0;padding: 0;font-size: 16px;letter-spacing: 0px;}	
	main #recruit #button{ position: absolute;top:58%;left:10%;width:80%;padding: 0;border: 1px solid black; }	
	main #recruit #button #inner{width: 100%;margin:0;padding:0; }	
	main #recruit #button #inner a{position: relative;display:block;background: white; margin:0;padding:20px;color:black;font-size: 16px;letter-spacing:0px;text-align: center; text-decoration: none;	transition: .3s;}
	main #recruit #button #inner a:hover { background:black; animation: hover_recruit .6s forwards; color: #fff;}
	main #recruit #button #inner a::before {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   content: '';  transform: scale(0, 1);background:rgba(255,255,255,0.5); z-index: 1;}	
	main #recruit #button #inner a:hover::before {  animation: hover-in_recruit .3s forwards alternate, hover-out_recruit .3s .3s forwards alternate;}
	@keyframes hover_recruit {		0%, 100% {    color: white;  }		50% {    color: #fff;  }	}
	@keyframes hover-in_recruit {  		0% {		transform-origin: left top;    transform: scale(0, 1);  }		100% {    transform-origin: left top;    transform: scale(1, 1);  }	}
	@keyframes hover-out_recruit {		0% {    transform-origin: right top;    transform: scale(1, 1);  }		100% {    transform-origin: right top;    transform: scale(0, 1);  }	}	
	main #recruit #button #inner a::after{ font-family: 'Font Awesome 5 Free'; content:"\f055";  padding-left:10px;transition: .3s;}
	main #recruit #button #inner a:hover::after{ font-family: 'Font Awesome 5 Free';  content:"\f0a9";  padding-left:20px;}
}