@charset "UTF-8";


@media screen and (min-width:769px){


	#careers header .innerbox .linkbox .obtn .overbox.careers::after{
  		transform: scale(1, 1) !important;
	}

	#careers header .innerbox .linkbox a.careers::after{
  		transform: scale(1, 1);
	}
	
	#careers header{
		background-color:rgba(0,0,0,0.5);
	}
	
	#careers{
		background:#fff;
	}
	
	#careers .aboutbottombtn{
		display: none;
	}
	
	#careers header{
		background-color:rgba(0,0,0,0.5);
	}
	
	#careers header{
		background-color:rgba(255,255,255,1);
	}
	
	#careers header .innerbox .linkbox .obtn,
	#careers header .innerbox .linkbox a{
		position: relative;
		margin:0 0 0 40px;
		padding:0 0;
		display: block;
		color:#000;
		font-size:1.6rem;
		line-height: 1;
		cursor: pointer;
		font-weight: 500;
		white-space: nowrap;
	}
	
	#careers header .innerbox .linkbox a::after,
	#careers header .innerbox .linkbox .obtn .overbox.careers::after{
  		background: #000;
	}
	
	#careers header .contact_langbtn{
		border:1px solid #000;
	}
	
	#careers header .contact_langbtn a.contact{
		color:#fff;
		background:#000;
	}
	
	#careers header .contact_langbtn a.contact:hover{
		background:none;
		color:#000;
	}
	
	#careers header .contact_langbtn .langbtn a{
		border-right:1px solid #000;
	}
	
	#careers header .contact_langbtn .langbtn a:hover{
		color: #000;
	}
	
	#careers header .contact_langbtn .langbtn a.active{
		color:#000;
		pointer-events: none;
	}
	
	#careers header .contact_langbtn .langbtn ul li.current a{
		color: #000;
	}
	
	#careers header .contact_langbtn .langbtn ul li.en-US{
		border-left:1px solid #000;
	}
	
	#careers header .contact_langbtn .langbtn a:last-child{
		border-right:none;
	}
	
	#careers .mainarea.info {
		width:100%;
		padding: 0;
		margin: 100px 0;
		position: relative;
	}

	#careers .mainarea.info::after {
		content: "";
		background-color: #E6E6E6;
		width: 100%;
		height: calc(100% - 120px);
		position: absolute;
		bottom: -60px;
	}

	#careers .mainarea.info .innerbox {
		max-width: 1120px;
		width: 80%;
	    margin: 0 auto;
	    position: relative;
	    z-index: 1;
	}

	#careers .mainarea.info .phbox {
		width: 55%;
		aspect-ratio: 16/9;
		position: absolute;
		right: 0;
		top: 0;
		z-index: -1;
	}
	#careers .mainarea.info .phbox img {
		height: 100%;
		object-fit: cover;
	}
	
	#careers .mainarea.info .maintl{
		color:#ea5514;
		font-size:8rem;
		font-weight: 900;
		line-height: 1;
		margin:0 0 30px 0;
	}

	#careers .mainarea.box2{
		width:100%;
		padding:140px 0 0 0;
	}
	
	#careers .mainarea.box2 .msub{
		font-size:2.8rem;
		line-height: 1;
		margin:0 0 20px 0;
		text-align: center;
		color:#000;
	}
	
	#careers .mainarea.box2 .maintl{
		color:#000;
		font-size:10rem;
		font-weight: 900;
		text-align: center;
		line-height: 1;
		margin:0 0 45px 0;
	}
	
	#careers .mainarea.box2 .subtl{
		color:#000;
		font-size:1.6rem;
		text-align: center;
		line-height: 3.2rem;
		margin:0 0 25px 0;
	}
	
	#careers .messagecont{
		position: relative;
		width: calc(45% - 20px);
		margin:30px 0 40px 0;
	}
	
	#careers .messagecont .txcont p{
		font-size:1.4rem;
		line-height: 2.6rem;
		font-weight: 600;
	}
	
	#careers .messagecont .txcont span{
		font-size:1.4rem;
		line-height: 2.6rem;
		padding:20px 0 0 0;
		display: block;
	}
	
	#careers .messagecont .mtl{
		font-size:10rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		position: absolute;
		bottom:0;
		left:calc((100% - 1120px) / 2);
	}

	#careers .ourmindcont{
		margin:0 0 150px 0;
	}
	
	#careers .ourmindcont .innerbox{
		max-width:1120px;
		width: 90%;
		margin:0 auto;
		position: relative;
	}
	
	#careers .ourmindcont .innerbox .phbox{
		max-width:600px;
		width: 50%;
	}
	
	#careers .ourmindcont .innerbox .txcont{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox{
		width:50%;
		text-align: center;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox .mtl{
		font-size:10rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: center;
		letter-spacing: 0.em;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox .tx{
		font-size:1.8rem;
		line-height: 3.4rem;
		font-weight: 600;
		text-align: center;
		margin:40px 0 40px 0;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox a{
		font-size:3.8rem;
		line-height: 1;
		display: inline-block;
		padding:0 10px 20px;
		position: relative;
		color:#ea5514;
		font-weight: 600;
		
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox a::after{
		content: "";
		width:100%;
		border-bottom:1px solid #ea5514;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox a:hover::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .aboutcont{
		margin:0 0 120px 0;
	}
	
	#careers .aboutcont .aboutbottombtn{
		display: block !important;
	}
	
	#careers .aboutcont .mtl{
		font-size:10rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: center;
		letter-spacing: 0.em;
	}
	
	#careers .aboutcont .tx{
		font-size:1.8rem;
		line-height: 3.4rem;
		font-weight: 600;
		text-align: center;
		margin:20px 0 0 0;
	}
	
	#careers .aboutbottombtn .btncont{
		padding:30px 25px;
		display: flex;
		justify-content: space-between;
		background:#fff;
		position: relative;
		z-index:2;
	}
	
	#careers .aboutbottombtn .btncont .box{
		width:calc((100% - 10px) / 3);
	}
	
	#careers .aboutbottombtn .btncont .box .cap{
		padding:20px 50px 0;
		font-size:1.4rem;
		line-height: 2.4rem;
	}
	
	#careers .aboutbottombtn .btncont a{
		width:100%;
		display: block;
		height:260px;
		position: relative;
		overflow: hidden;
	}
	
	#careers .aboutbottombtn .btncont a::after{
		content: "";
		width:100%;
		height:100%;
		position: absolute;
		z-index: 3;
		top:0;
		left:0;
		background-color:rgba(0,0,0,0.7);
		transition: all 0.2s;
		opacity: 0;
	}
	
	#careers .aboutbottombtn .btncont a.active::after{
		opacity: 1;
	}
	
	#careers .aboutbottombtn .btncont a img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
	}
	
	#careers .aboutbottombtn .btncont a .overbox{
		position: absolute;
		width:100%;
		height:100%;
		display: flex;
		align-content: center;
		justify-content: center;
		flex-direction: column;
		top:0;
		left:0;
		color:#fff;
		z-index:2;
		text-align: center;
		transition: all 0.2s;
	}
	
	#careers .aboutbottombtn .btncont a .overbox .tl{
		font-size:3.8rem;
		line-height: 1;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	#careers .membercont{
		margin:0 0 150px 0;
	}
	
	#careers .membercont .innerbox{
		width:1000px;
		margin:0 auto;
		position: relative;
	}
	
	#careers .membercont .innerbox .memberbox{
		background:#ea5514;
		position: relative;
		box-sizing: border-box;
		display: flex;
		margin:40px 0 0 0;
		align-items: flex-start;
	}
	
	#careers .membercont .innerbox .memberbox::after{
		content: "";
		width:60px;
		height:100%;
		background:#fff;
		top:0;
		right:0;
		display: block;
		position: absolute;
		z-index: 1;
	}
	
	#careers .membercont .mtl{
		font-size:10rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: left;
		letter-spacing: 0.em;
	}
	
	#careers .membercont .txcont{
		background:#ea5514;
		width:50%;
		box-sizing: border-box;
		color:#fff;
		position: relative;
	}

	#careers .membercont .txcont .box{
		visibility: hidden;
		opacity: 0;
		display: none;
		transition: all 0.5s;
		position: relative;
		top:0;
		left:0;
		padding:50px 60px 50px 60px;
	}
	
	#careers .membercont .txcont .box.thumbnail-current{
		visibility: visible;
		opacity: 1;
		display: block;
	}
	
	#careers .membercont .txcont .ensub{
		font-size:1.6rem;
		line-height: 2rem;
		margin:0 0 15px 0;
	}
	
	#careers .membercont .txcont .name{
		font-size:2.4rem;
		line-height: 2.4rem;
		margin:0 0 0 0;
		font-weight: 600;
	}
	
	#careers .membercont .txcont .name.box2{
		font-size:2.4rem;
		line-height: 2.4rem;
		margin:0 0 30px 0;
		font-weight: 600;
	}
	
	#careers .membercont .txcont .huri{
		font-size:1.2rem;
		margin:0 0 30px 0;
	}
	#careers .membercontEn .name{
		display: none;
	}
	#careers .membercontEn .txcont .huri{
		font-size:2.4rem;
		line-height: 2.4rem;
		margin:0 0 30px 0;
		font-weight: 600;
	}
	#careers .membercont .txcont .tx{
		font-size:1.6rem;
		line-height: 3.4rem;
		border-bottom:1px solid #fff;
		margin:0 0 20px 0;
		padding:0 0 20px 0;
	}
	
	#careers .membercont .txcont .cap{
		font-size:1.2rem;
		line-height: 2rem;
	}
	
	#careers .membercont .slidecont{
		width:50%;
		position: relative;
		top:-50px;
		z-index:2;
	}
	
	#careers .membercont .slidecont .box{
		width:500px;
	}
	
	#careers .membercont .slidecont .box img{
		width:100%;
	}
	
	#careers .membercont .slidecont .next{
		display: inline-block;
  		width: 35px;
  		height: 35px;
  		margin: 0 10px;
  		border-top: 3px solid #ea5514;
  		border-right: 3px solid #ea5514;
  		transform: rotate(45deg);
		position: absolute;
		right:-60px;
		top:calc(50% + 35px);
		cursor: pointer;
	}
	
	#careers .membercont .slidecont .prev{
		display: inline-block;
  		width: 35px;
  		height: 35px;
  		margin: 0 10px;
  		border-left: 3px solid #ea5514;
  		border-bottom: 3px solid #ea5514;
  		transform: rotate(45deg);
		position: absolute;
		top:calc(50% + 35px);
		left:calc(-100% - 60px);
		cursor: pointer;
	}
	
	#careers .requirementcont{
		margin:0 0 150px 0;
	}
	
	#careers .requirementcont .innerbox{
		width:1120px;
		margin:0 auto;
	}

	#careers .requirementcont .innerbox .titlebox {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	#careers .requirementcont .innerbox .titlebox p {
	}
	
	#careers .requirementcont .innerbox .titlebox .mtl{
		font-size:5.4rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: left;
		letter-spacing: 0.em;
		margin:0 0 20px 0;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin:0 0 5px 0;
		padding:0 0 0 0;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li{
		width:calc((100% - 15px )/ 4);
		display: flex;
		margin:0 0 0 5px;
		align-items: center;
		justify-content: center;
		background:#e6e6e6;
		cursor: pointer;
		height: 80px;
		position: relative;
		transition: all 0.2s;
		border:1px solid #e6e6e6;
		box-sizing: border-box;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:first-child{
		margin:0 0 5px 0;
	}

	#careers .requirementcont .innerbox .titlelist .list-section ul li:nth-child(5),
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:nth-child(5),
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:nth-child(5),
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:nth-child(5),
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:nth-child(5){
		margin:0 0 5px 0;
	}

	#careers .requirementcont .innerbox .titlelist .list-section ul li:nth-child(9),
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:nth-child(9),
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:nth-child(9),
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:nth-child(9),
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:nth-child(9){
		margin:0 0 5px 0;
	}

	#careers .requirementcont .innerbox .titlelist .list-section ul li:nth-child(13),
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:nth-child(13),
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:nth-child(13),
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:nth-child(13),
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:nth-child(13){
		margin:0 0 5px 0;
	}

	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:nth-child(17),
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:nth-child(17),
	#careers .requirementcont .innerbox .titlelist .list-section ul li:nth-child(17),
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:nth-child(17),
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:nth-child(17){
		margin:0 0 5px 0;
	}
	
	#careers .requirementcont .innerbox .titlelist  .list-section ul li:hover,
	#careers .requirementcont .innerbox .titlelist  .list-section_two ul li:hover,
	#careers .requirementcont .innerbox .titlelist  .list-section_three ul li:hover,
	#careers .requirementcont .innerbox .titlelist  .list-section_four ul li:hover,
	#careers .requirementcont .innerbox .titlelist  .list-section_five ul li:hover{
		background:#fff;
		border:1px solid #ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist  .list-section ul li::after,
	#careers .requirementcont .innerbox .titlelist  .list-section_two ul li::after,
	#careers .requirementcont .innerbox .titlelist  .list-section_three ul li::after,
	#careers .requirementcont .innerbox .titlelist  .list-section_four ul li::after,
	#careers .requirementcont .innerbox .titlelist  .list-section_five ul li::after{
		content: "";
		width:100%;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:hover::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li.active,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li.active,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li.active,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li.active,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li.active{
		background:#fff;
		border:1px solid #ea5514;
		pointer-events: none;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li.active::after{
		content: "";
		width:100%;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:hover::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li.active::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li span,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li span,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li span,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li span,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li span{
		font-size:1.4rem;
		line-height: 2.4rem;
		transition: all 0.2s;
		text-align: center;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li:hover span,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:hover span,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:hover span,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:hover span,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:hover span{
		color:#ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li.active span,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li.active span,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li.active span,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li.active span,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li.active span{
		color:#ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox{
		width:100%;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox .box,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox .box,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox .box,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox .box,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox .box{
		padding:25px 0 25px 0;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox table,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox table,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox table,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox table,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox table{
		width:100%;
		border-collapse: collapse;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox table td,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox table td,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox table td,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox table td,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox table td{
		padding:20px 0;
		font-size:1.4rem;
		line-height: 2.4rem;
		vertical-align: middle;
		border-bottom:1px solid #000;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox table td:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox table td:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox table td:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox table td:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox table td:first-child{
		font-weight: bold;
		width:20%;
	}
	
	#careers .requirementcont .innerbox .infobox{
		display: none;
	}

	#careers .requirementcont .innerbox .infobox_two{
		display: none;
	}
	#careers .requirementcont .innerbox .infobox_three{
		display: none;
	}

	#careers .requirementcont .innerbox .infobox_four{
		display: none;
	}

	#careers .requirementcont .innerbox .infobox_five{
		display: none;
	}
	

	
	#careers .requirementcont .innerbox .closebtn{
		display: none;
		text-align: center;
		width:100%;
		padding:0 0 25px 0;
	}
	
	#careers .requirementcont .innerbox .closebtn span{
		color:#ea5514;
		font-size:2.4rem;
		font-weight: 600;
		display: inline-block;
		cursor: pointer;
	}
	
	#careers .requirementcont .innerbox .closebtn span::before{
		content: "×";
		margin:0 10px 0 0;
		font-size:3.5rem;
		vertical-align: middle;
		position: relative;
		font-weight: normal;
		top:-0.1em;
	}
	
	#careers .flowcont{
		margin:0 0 150px 0;
	}
	
	#careers .flowcont .innerbox{
		width:1120px;
		margin:0 auto;
	}
	
	#careers .flowcont .flowtl{
		margin:0 0 60px 0;
		display: flex;
		align-items: center;
	}
	
	#careers .flowcont .flowtl h2{
		width:200px;
	}
	
	#careers .flowcont .flowtl .cap{
		font-size:1.2rem;
		margin:0 0 0 0;
	}
	
	#careers .flowcont .innerbox .mtl{
		font-size:6rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: left;
		letter-spacing: 0.em;
	}
	
	#careers .flowcont .listcont{
		width:100%;
		display: flex;
		padding:0 0 0 0;
		color:#000;
		justify-content: space-between;
	}
	
	#careers .flowcont .listcont .box{
		width:calc((100% - 100px) / 5);
		position: relative;
	}
	
	#careers .flowcont .listcont .box::after{
		content: "";
		width:calc(100% + 25px);
		border-bottom:4px solid #ea5514;
		position: absolute;
		top:23px;
		left:50%;
		z-index:1;
		transform: scaleX(0);
	}
	
	#careers .flowcont .listcont.active .box::after{
		animation-name: borderscale;
		animation-delay: 1s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		transform:scaleX(0);
		transform-origin: left top;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(2)::after{
		animation-delay: 2s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(3)::after{
		animation-delay: 3s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(4)::after{
		animation-delay: 4s;
	}
	
	#careers .flowcont .listcont .box:last-child::after{
		display: none;
	}
	
	#careers .flowcont .listcont .box .listmtl{
		width:50px;
		height:50px;
		border:3px solid #ea5514;
		border-radius: 50%;
		background:#ea5514;
		display: flex;
		justify-content: center;
		align-items: center;
		margin:0 auto;
		position: relative;
		z-index:2;
		transform:scale(0.2);
		color:#ea5514;
	}
	
	#careers .flowcont .listcont.active .box .listmtl{
		animation-name: listscale;
		animation-delay: 0s;
		animation-duration: 0.5s;
		animation-fill-mode: forwards;
		transform:scale(0.4);
	}
	
	#careers .flowcont .listcont.active .box:nth-child(2) .listmtl{
		animation-delay: 1s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(3) .listmtl{
		animation-delay: 2s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(4) .listmtl{
		animation-delay: 3s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(5) .listmtl{
		animation-delay: 4s;
	}
	
	#careers .flowcont .listcont .box .listmtl .inbox{
		font-size:2rem;
		line-height: 2.1rem;
		font-weight: 600;
		text-align: center;
		opacity: 0;
	}
	
	#careers .flowcont .listcont.active .box .listmtl .inbox{
		animation-name: listmtl;
		animation-delay: 0.5s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(2) .listmtl .inbox{
		animation-delay: 1.5s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(3) .listmtl .inbox{
		animation-delay: 2.5s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(4) .listmtl .inbox{
		animation-delay: 3.5s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(5) .listmtl .inbox{
		animation-delay: 4.5s;
	}
	
	#careers .flowcont .listcont .box .listmtl .inbox span{
		font-weight: normal;
	}
	
	#careers .flowcont .listcont .box .ltxcont{
		opacity: 0;
	}
	
	#careers .flowcont .listcont.active .box .ltxcont{
		animation-name: listtx;
		animation-delay: 1s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(2) .ltxcont{
		animation-delay: 2s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(3) .ltxcont{
		animation-delay: 3s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(4) .ltxcont{
		animation-delay: 4s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(5) .ltxcont{
		animation-delay: 5s;
	}
	
	#careers .flowcont .listcont .box .ltl{
		font-weight: 600;
		font-size:1.8rem;
		line-height: 2.8rem;
		padding:45px 0 15px 0;
	}
	
	#careers .flowcont .listcont .box:first-child .ltx{
		font-size:1.8rem;
		line-height: 2.6rem;
		padding:25px 0 0 0;
		text-align: center;
		font-weight: bold;
	}
	
	#careers .flowcont .listcont .box .ltx{
		font-size:1.8rem;
		line-height: 2.6rem;
		padding:calc(0.5em + 25px) 0 0 0;
		text-align: center;
		font-weight: bold;
	}
	
	/*entry_form*/
	
	#careers .entrycont{
		background:#e6e6e6;
	}
	
	#careers .entrycont .innerbox{
		width:1120px;
		margin:0 auto;
	}
	
	#careers .entrycont .innerbox .mtl{
		font-size:6rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: left;
		letter-spacing: 0.em;
		margin:0 0 0 0;
		position: relative;
		top:-0.5em;
	}
	
	#careers .formcontainer{
		width:1120px;
		margin:0 auto;
		padding:40px 0 150px 0;
	}
	
	#careers .formcontainer .formcont{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#careers .formcontainer .formcont .statusbox{
		width:320px;
	}
	
	#careers .formcontainer .formcont .statusbox .box{
		padding:0 0 0 20px;
		position: relative;
		margin:0 0 30px 0;
		font-size:1.6rem;
	}
	
	#careers .formcontainer .formcont .statusbox .box span{
		font-size:0.5em;
	}
	
	#careers .formcontainer .formcont .statusbox .box::before{
		content: "";
		width:6px;
		height:6px;
		background:#b2b2b2;
		display: block;
		position: absolute;
		top:calc(50% - 3px);
		left:0;
		border-radius: 50%;
	}
	
	#careers .formcontainer .formcont .statusbox .box::after{
		content: "";
		height:20px;
		border-right:1px solid #b2b2b2;
		display: block;
		position: absolute;
		top:calc(100% + 5px);
		left:3px;
	}
	
	#careers .contacttop .formcontainer .formcont .statusbox .box:nth-child(1){
		font-size:2rem;
		color:#ea5514;
	}
	
	#careers .contacttop .formcontainer .formcont .statusbox .box:nth-child(1)::before{
		content: "";
		width:12px;
		height:12px;
		background:#ea5514;
		display: block;
		position: absolute;
		top:calc(50% - 6px);
		left:-2px;
		border-radius: 50%;
	}
	
	#careers .contacttop .formcontainer .formcont .statusbox .box:nth-child(1)::after{
		content: "";
		height:20px;
		border-right:1px solid #ea5514;
		display: block;
		position: absolute;
		top:calc(100% + 5px);
		left:3px;
	}
	
	#careers .checkbox .formcontainer .formcont .statusbox .box:nth-child(2){
		font-size:2rem;
		color:#ea5514;
	}
	
	#careers .checkbox .formcontainer .formcont .statusbox .box:nth-child(2)::before{
		content: "";
		width:12px;
		height:12px;
		background:#ea5514;
		display: block;
		position: absolute;
		top:calc(50% - 6px);
		left:-2px;
		border-radius: 50%;
	}
	
	#careers .checkbox .formcontainer .formcont .statusbox .box:nth-child(2)::after{
		content: "";
		height:20px;
		border-right:1px solid #ea5514;
		display: block;
		position: absolute;
		top:calc(100% + 5px);
		left:3px;
	}
	
	#careers .thanksbox .formcontainer .formcont .statusbox .box:nth-child(3){
		font-size:2rem;
		color:#ea5514;
	}
	
	#careers .thanksbox .formcontainer .formcont .statusbox .box:nth-child(3)::before{
		content: "";
		width:12px;
		height:12px;
		background:#ea5514;
		display: block;
		position: absolute;
		top:calc(50% - 6px);
		left:-2px;
		border-radius: 50%;
	}
	
	#careers .formcontainer .formcont .statusbox .box:last-child::after{
		display: none;
	}
	
	#careers .formcontainer .formcont .contbox{
		width:800px;
	}
	
	#careers .formcontainer .formcont .bottombtnbox{
		width:100%;
		display: none;
	}
	
	#careers .checkbox .formcontainer .formcont .bottombtnbox{
		display: block;
		text-align: center;
		padding:80px 0 0 0;
	}
	
	#careers .checkbox .cbtnbox{
		display: none;
	}
	
	#careers .formcontainer .privacybox{
		width:100%;
		background:#dfddda;
		padding:20px 0;
		margin:80px 0 0 0;
		text-align: center;
	}
	
	#careers .checkbox .formcontainer .privacybox{
		display: none;
	}
	
	#careers .formcontainer .privacybox .linktx{
		font-weight: 600;
		margin:0 0 15px 0;
	}
	
	#careers .formcontainer .privacybox .linktx a{
		display: inline-block;
		padding-bottom:0;
		position: relative;
	}
	
	#careers .formcontainer .privacybox .linktx a::after{
		content: "";
		width:100%;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		left:0;
	}
	
	#careers .thanksbox .contbox{
		padding:70px 0;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
	
	#careers .thanksbox .contbox .mtl{
		font-size:3.4rem;
		line-height: 7.2rem;
		margin:0 0 20px 0;
	}
	
	#careers .thanksbox .contbox .mtx{
		font-size:1.6rem;
		line-height: 3.2rem;
		magin:0 0 20px 0;
	}
	
	#careers .thanksbox a.anibtn{
		position: relative;
		display: inline-block;
		padding:25px 0 0 0;
		opacity: 0;
		left:-30px;
		transition: all 1s;
		transition-delay: 0.3s;
	}
	
	#careers .thanksbox a.anibtn{
		opacity: 1;
		left:0;
	}
	
	#careers .thanksbox a.anibtn .inbox{
		display: flex;
		align-items: center;
	}
	
	#careers .thanksbox a.anibtn .tx{
		font-size:1.6rem;
		font-weight: 600;
		color:#ea5514;
		display: inline-block;
		padding:0 0 0 30px;
		position: relative;
		transition: all 0.5s;
	}
	
	#careers .thanksbox a.anibtn:hover .tx{
		padding:0 20px 0 0;
	}
	
	#careers .thanksbox a.anibtn .tx::before{
		content: "";
		width:20px;
		border-bottom:1px solid #ea5514;
		top:50%;
		left:0;
		display: block;
		position: absolute;
		transition: all 0.5s;
	}
	
	#careers .thanksbox a.anibtn:hover .tx::before{
		content: "";
		width:0;
	}
	
	#careers .thanksbox a.anibtn .arrow{
		width:30px;
		height:30px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		
	}
	
	#careers .thanksbox a.anibtn .arrow::before{
		content: "";
		width:7px;
		height:7px;
		border-radius: 50%;
		background:#ea5514;
		transition: all 0.5s;
	}
	
	#careers .thanksbox a.anibtn:hover .arrow::before{
		content: "";
		width:30px;
		height:30px;
		border-radius: 50%;
		background:#ea5514;
		display: block;
	}
	
	#careers .thanksbox a.anibtn .arrow::after{
		content: "";
		display: inline-block;
  		width: 7px;
  		height: 7px;
  		margin: 0 0;
  		border-top: 1px solid #fff;
  		border-right: 1px solid #fff;
  		transform: rotate(45deg);
		position: absolute;
		top:calc(50% - 3.5px);
		left:calc(50% - 5.5px);
		transition: all 0.5s;
		opacity: 0;
	}
	
	#careers .thanksbox a.anibtn:hover .arrow::after{
		opacity: 1;
	}
	
	#careers .formcontainer .cbtnbox{
		padding:60px 0 0 0;
		text-align: center;
	}
	
	#careers .contbox table{
		width:100%;
		margin:0 0 0 0;
		border-collapse: collapse;
	}
	
	#careers .contbox table tr{
	}
	
	#careers .contbox table tr th{
		padding:60px 0 20px 0;
	}
	
	#careers .contbox table tr th .intl{
		font-size:2rem;
		line-height:2.8rem;
		font-weight:600;
		border-bottom:1px solid #ccc;
		text-align:left;
		padding:0 0 15px 0;
		position: relative;
	}
	
	#careers .contbox table tr th .intl::after{
		border-bottom:1px solid #008599;
		position: absolute;
		content: "";
		bottom:-1px;
		left:0;
		width:190px;
	}
	
	#careers .contbox table tr td{
		padding:10px 0;
		border:none;
		vertical-align:top;
		border-left:none;
		border-right:none;
		line-height:2rem;
		position:relative;
		
	}
	
	#careers .checkbox .contbox table tr td{
		padding:40px 0;
		border:none;
		vertical-align:top;
		border-left:none;
		border-right:none;
		line-height:2rem;
		position:relative;
	
	}
	
	#careers .contbox table tr td.radiobox{
		padding:40px 0;
		border:none;
		vertical-align:top;
		border-left:none;
		border-right:none;
		line-height:2rem;
		position:relative;
		
	}
	
	#careers .contbox table tr td.radiobox span.horizontal-item{
		width:calc(50% - 20px);
		margin:0 15px 0 0;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
	}
	
	#careers .contbox table tr td.pbox .intx{
		padding:15px 0;
	}
	
	#careers .checkbox .contbox table tr td.pbox .intx{
		padding:0 0;
	}

	#careers .contbox table tr td span.check{
		color:#ea5514;
		display:inline-block;
		font-size:1.2rem;
	}
	
	#careers .contbox table tr td.pbox span.check{
		color:#ea5514;
		display:inline-block;
		font-size:1.2rem;
	}

	#careers .contbox table tr td span.cap{
		text-decoration: underline;
		font-size:1.2rem;
	}

	
	#careers .contbox span.error{
		margin:10px 0 0 0;
		display:block;
	}
	
	#careers .contbox table tr td:first-child{
		width:220px;
		box-sizing: border-box;
		vertical-align: top;
	}
	
	.checkbox span.check{
		display: none !important;
	}
	
	.checkbox span.cap{
		text-decoration: underline;
		font-size:1.2rem;
	}
	
	.checkbox .abtn{
		display: none !important;
	}
	
	.checkbox .contbox table tr td:first-child{
		padding:0 20px 40px 0;
		width:220px;
		box-sizing: border-box;
		vertical-align: top;
		font-weight: nomal;
	}
	
	#careers .contbox table tr td a{
		color:#666;
		text-decoration:underline;
	}
	
	input[type="text"],input[type="email"],input[type="button"] {
  		margin: 0;
 		padding: 0;
  		background: #eaeaea;
  		border: none;
  		border-radius: 0;
  		outline: none;
  		-webkit-appearance: none;
  		-moz-appearance: none;
  		appearance: none;
		box-shadow: none;
	}
	
	input[type="radio"]{
		position:relative;
		margin:-0.25em 5px 0 0;
	}
	
	input[type="text"],input[type="email"]{
		padding:10px;
		width:100%;
		box-sizing: border-box;
		background:#dfddda;
	}
	
	#careers .hbtn{
		display: inline-block;
		cursor: pointer;
		position:relative;
		min-width:250px;
		margin:0 35px;
	}
	
	#careers .hbtn::after{
		content: "";
		width:100%;
		border-bottom:1px solid #ea5514;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .hbtn:hover::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .hbtn.back::after{
		content: "";
		width:100%;
		border-bottom:1px solid #dfddda;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .hbtn.back:hover::after{
		border-bottom:4px solid #dfddda;
	}
	
	input[type="submit"].btn01{
		background-color:rgba(0,0,0,0);
		padding:0 0 20px 0;
		margin:0 auto;
		color:#ea5514;
		letter-spacing:0em;
		font-size:2.4rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: all 0.2s;
		cursor: pointer;
		position:relative;
		border:none;
		z-index:2;
	}
	
	input[type="submit"].btn02{
		background-color:rgba(0,0,0,0);
		padding:0 0 20px 0;
		margin:0 auto;
		color:#dfddda;
		letter-spacing:0em;
		font-size:2.4rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: all 0.2s;
		cursor: pointer;
		position:relative;
		border:none;
		z-index:2;
	}
	
	a.backbtn{
		background-color:rgba(0,0,0,0);
		padding:20px 0;
		width:300px;
		margin:0 0 0 0;
		color:#fff;
		letter-spacing:0.1em;
		font-size:1.8rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: all 0.2s;
		cursor: pointer;
		position:relative;
		border:1px solid #1a1a1a;
		z-index:2;
		line-height: 1;
		box-sizing: border-box;
	}
	
	::-webkit-input-placeholder {
  	color: #888;
	}
	::-moz-placeholder {
  	color: #888; opacity: 1;
	}
	:-ms-input-placeholder {
  	color: #888;
	}
	
	select{
		margin:0 0 0 0;
		width: 240px;
		padding: 15px 45px 15px 15px;
		border-radius: 5px;
		border:1px solid #C1C1C1;
		outline: none;
		font-size:1.4rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		line-height: 1;
		display: inline-block;
		background: url(/images/contact/select_arrow.svg) no-repeat ,#fff;
		background-size:10px;
		background-position: right 15px top 50%;
		box-sizing: border-box;
	}
	
	.mwform-checkbox-field{width:auto; display:inline-block; margin:0 0 0 0;}
	.pcheck .mwform-checkbox-field{width:auto; display:inline-block; margin:0 0 40px 0;}
	
	.mw_wp_form .horizontal-item + .horizontal-item{margin:0 15px 0 0 !important; display:inline-block; line-height:1;}
	
	.mwform-radio-field input[type="radio"]{
		display: none;
	}
	.mwform-radio-field input[type="radio"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 30px 0 0 !important;
		display:inline-block;
	}
	.mwform-radio-field input[type="radio"] + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	background:url("../images/contact/en2.svg") no-repeat;
		background-size:17px;
    	vertical-align:middle;
		border-radius: 50%;
	}
	.mwform-radio-field input[type="radio"]:checked + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	background:url("../images/contact/en.svg") no-repeat;
		background-size:17px;
    	vertical-align:middle;
	}
	
	.mwform-checkbox-field input[type="checkbox"]{
		display: none;
	}
	.mwform-checkbox-field input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 0 10px 0;
		display:inline-block;
		text-indent: -27px;
		padding-left: 27px;
	}
	
	.pcheck .mwform-checkbox-field input[type="checkbox"] + span{
		margin:0 0 0 0;
	}
	.mwform-checkbox-field input[type="checkbox"] + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #000;
    	background:none;
    	vertical-align:middle;
		border-radius: 0px;
	}
	
	.privacytr .mwform-checkbox-field input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 0 0 0;
		display:inline-block;

	}
	
	.mwform-checkbox-field input[type="checkbox"]:checked + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #000;
    	background:url("../images/contact/check.svg") no-repeat;
    	vertical-align:middle;
	}
	
	textarea{
		padding:10px;
		font-size: 1.4rem;
		width:100%;
		line-height: 2.3rem;
		box-sizing: border-box;
		min-height:145px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		margin: 0;
  		background: #dfddda;
  		border: none;
  		border-radius: 0;
	}

	#careers .phtl{
		font-size:4rem;
		color:#090909;
		text-align: center;
		margin:0 0 20px 0;
	}

	#careers .phtx{
		font-size:1.4rem;
		line-height: 2.6rem;
		text-align: center;
		margin:0 0 100px 0;
	}
	
	#careers .memberlist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 100px auto 9rem;
		max-width: 950px;
		width: 100%;
	}
	#careers .memberlist .box {
		position:relative;
		margin-bottom: 6rem;
		width: 26%;
	}
	#careers .memberlist .box .image,
	#careers .memberlist_modal .image {
		position: relative;
		margin-bottom: 3rem;
		width: 100%;
	}
	#careers .memberlist .box .image .plus {
		position: absolute;
        bottom: 2rem;
        right: 1.5rem;
        color: #fff;
        background: currentColor;
        width: 17px;
        height: 1px;
	}
	#careers .memberlist .box .image .plus::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: inherit;
		border-radius: inherit;
		transform: rotate(90deg);
	}
	#careers .memberlist .box .name,
	#careers .memberlist_modal .name {
		margin-bottom: 0.8rem;
	}
	#careers .memberlist .box .name h4,
	#careers .memberlist_modal .name h4 {
		font-size: 28px;
		margin-bottom: 0.5rem;
	}
	#careers .memberlist .box p,
	#careers .memberlist_modal p {
		font-size: 14px;
	}
	#careers .memberlist .box .position {
		line-height: 2.5rem;
	}
	#careers .memberlist .box .desc {
		display: none;
	}
	#careers .memberlist .box a {
		pointer-events: auto;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: -999px;
		transition: all 0.2s;
	}
	#careers .memberlist .box a:hover {
		opacity: 0.3;
		background: #fff;
	}
	#careers .memberlist_modal .container {
		z-index: 99;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(0,0,0,0.7);
		padding: 40px 20px;
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
	}
	#careers .memberlist_modal .container:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	#careers .memberlist_modal .container.show {
		opacity: 1;
		visibility: visible;
	}
	#careers .memberlist_modal .body {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		max-width: 1200px;
		width: 90%;
	}
	#careers .memberlist_modal .close {
		cursor: pointer;
		position: absolute;
		top: 0;
        right: 0;
        padding: 1rem 2rem;
		transition: all 0.2s;
	}
	#careers .memberlist_modal .close:hover {
		opacity: 0.7;
	}
	#careers .memberlist_modal .close .plus {
		display: inline-block;
		position: relative;
        color: #1a1a1a;
        background: currentColor;
        width: 17px;
        height: 1px;
		transform: rotate(45deg);
	}
	#careers .memberlist_modal .close .plus::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: inherit;
		border-radius: inherit;
		transform: rotate(90deg);
	}
	#careers .memberlist_modal .contents {
		background: #fff;
		text-align: left;
		padding: 5rem;
	}
	#careers .memberlist_modal .box {
		display: flex;
		justify-content: space-between;
	}
	#careers .memberlist_modal .image {
		padding: 0;
		margin: 0 4rem 0 0;
		min-width: 240px;
		width: 240px;
		height: 240px;
	}
	#careers .memberlist_modal .name {
		display: flex;
		align-items: flex-end 
	}
	#careers .memberlist_modal .name h4 {
		margin-right: 3rem;
	}
	#careers .memberlist_modal .position {
		margin-bottom: 1rem;
	}
	#careers .memberlist_modal .desc p {
		font-size: 16px;
	}
	#careers .memberlist_modal hr {
		border: none;
		border-bottom: solid 1px #1d1d1d;
		margin: 1.5rem 0;
		width: 100px;
	}
}

@media screen and (max-width:768px){
	
	#careers header{
		background-color:rgba(0,0,0,0.5);
	}
	
	#careers{
		background:#fff;
	}
	
	#careers .aboutbottombtn{
		display: none;
	}
	
	#careers header{
		background-color:rgba(0,0,0,0.5);
	}
	
	#careers header{
		background-color:rgba(255,255,255,1);
	}
	
	#careers .mainarea.info {
		width: 100%;
		padding: 60px 0;
		margin-top: 80px;
		box-sizing: border-box;
		position: relative;
	}

	#careers .mainarea.info::after {
		content: "";
		background-color: #E6E6E6;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 0;
	}

	#careers .mainarea.info .mainWrap{
		padding: 0 2rem;
		position: relative;
		z-index: 1;
	}
	
	#careers .mainarea.info .maintl{
		color:#ea5514;
		font-size: 4rem;
		font-weight: 900;
		text-align: center;
		line-height: 1;
		margin:0 0 30px 0;
	}

	#careers .mainarea.box2{
		width:100%;
		padding:100px 10% 0;
		position: relative;
		box-sizing: border-box;
		z-index:2;
	}
	
	#careers .mainarea.box2 .msub{
		font-size:1.5rem;
		line-height: 1;
		margin:0 0 20px 0;
		text-align: center;
		color:#000;
	}
	
	#careers .mainarea.box2 .maintl{
		color:#000;
		font-size:3.6rem;
		font-weight: 900;
		text-align: center;
		line-height: 1;
		margin:0 0 35px 0;
	}
	
	#careers .mainarea.box2 .subtl{
		color:#000;
		font-size:1.2rem;
		text-align: left;
		line-height: 2.4rem;
		margin:0 0 25px 0;
	}
	
	#careers .messagecont{
		position: relative;
		margin:30px 0;
		padding:0 0 0 0;
	}
	
	#careers .messagecont .phbox{
		width:100%;
		position: relative;
	}
	
	#careers .messagecont .txcont{
		width:100%;
		box-sizing: border-box;
		position: relative;
		display: flex;
        justify-content: center;
	}
	
	#careers .messagecont .txcont p{
		font-size:1.4rem;
		line-height: 2.6rem;
		margin:0 0 5px 0;
		font-weight: 600;
	}
	
	#careers .messagecont .txcont span{
		font-size:1.2rem;
		line-height: 2rem;
		padding:20px 0 0 0;
		display: block;
	}
	
	#careers .messagecont .mtl{
		font-size:3.6rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		position: absolute;
		bottom:-4px;
		left:10%;
	}
	
	#careers .ourmindcont{
		margin:0 auto 80px;
		width:80%;
	}
	
	#careers .ourmindcont .innerbox{
		width:100%;
		margin:0 auto;
		position: relative;
	}
	
	#careers .ourmindcont .innerbox .phbox{
		width:100%;
	}
	
	#careers .ourmindcont .innerbox .txcont{
		position: relative;
		top:-1.8rem;
		left:0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox{
		width:100%;
		text-align: center;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox .mtl{
		font-size:3.6rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: center;
		letter-spacing: 0.em;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox .tx{
		font-size:1.4rem;
		line-height: 2.6rem;
		font-weight: 600;
		text-align: center;
		margin:30px 0 30px 0;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox a{
		font-size:1.9rem;
		line-height: 1;
		display: inline-block;
		padding:0 10px 20px;
		position: relative;
		color:#ea5514;
		font-weight: 600;
		
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox a::after{
		content: "";
		width:100%;
		border-bottom:1px solid #ea5514;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .ourmindcont .innerbox .txcont .inbox a:hover::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .aboutcont{
		margin:0 0 10px 0;
	}
	
	#careers .aboutcont .aboutbottombtn{
		display: block !important;
	}
	
	#careers .aboutcont .mtl{
		font-size:3.6rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: center;
		letter-spacing: 0.em;
	}
	
	#careers .aboutcont .tx{
		font-size:1.4rem;
		line-height: 2.6rem;
		font-weight: 600;
		text-align: center;
		margin:20px 0 0 0;
	}
	
	#careers .aboutbottombtn .btncont{
		padding:30px 10%;
		display: flex;
		justify-content: space-between;
		background:#fff;
		position: relative;
		flex-wrap: wrap;
		z-index:2;
	}
	
	#careers .aboutbottombtn .btncont .box{
		width:100%;
		margin:0 0 30px 0;
	}
	
	#careers .aboutbottombtn .btncont .box .cap{
		padding:10px 0 0;
		font-size:1.2rem;
		line-height: 2rem;
	}
	
	#careers .aboutbottombtn .btncont a{
		width:100%;
		display: block;
		padding-top:60%;
		position: relative;
		overflow: hidden;
	}
	
	#careers .aboutbottombtn .btncont a::after{
		content: "";
		width:100%;
		height:100%;
		position: absolute;
		z-index: 3;
		top:0;
		left:0;
		background-color:rgba(0,0,0,0.7);
		transition: all 0.2s;
		opacity: 0;
	}
	
	#careers .aboutbottombtn .btncont a.active::after{
		opacity: 1;
	}
	
	#careers .aboutbottombtn .btncont a img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
	}
	
	#careers .aboutbottombtn .btncont a .overbox{
		position: absolute;
		width:100%;
		height:100%;
		display: flex;
		align-content: center;
		justify-content: center;
		flex-direction: column;
		top:0;
		left:0;
		color:#fff;
		z-index:2;
		text-align: center;
		transition: all 0.2s;
	}
	
	#careers .aboutbottombtn .btncont a .overbox .tl{
		font-size:2.8rem;
		line-height: 1;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	#careers .aboutbottombtn .btncont a .overbox .sub{
		font-size:1.4rem;
	}
	
	#careers .membercont{
		margin:0 0 80px 0;
	}
	
	#careers .membercont .innerbox{
		width:100%;
		margin:0 auto;
		position: relative;
	}
	
	#careers .membercont .innerbox .memberbox{
		background:#ea5514;
		position: relative;
		box-sizing: border-box;
		display: flex;
		margin:-1.8rem 0 0 0;
		align-items: flex-start;
		flex-wrap: wrap;
		z-index: 1;
	}
	
	#careers .membercont .mtl{
		font-size:3.6rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: center;
		letter-spacing: 0.em;
		position: relative;
		z-index: 2;
	}
	
	#careers .membercont .txcont{
		background:#ea5514;
		width:100%;
		box-sizing: border-box;
		color:#fff;
		position: relative;
		min-height: 50vh;
	}

	
	#careers .membercont .txcont .box{
		visibility: hidden;
		opacity: 0;
		transition: all 0.5s;
		position: relative;
		display: none;
		top:0;
		left:0;
		padding:30px 10%;
	}
	
	#careers .membercont .txcont .box.thumbnail-current{
		visibility: visible;
		opacity: 1;
		display: block;
	}
	
	#careers .membercont .txcont .ensub{
		font-size:1.2rem;
		line-height: 2rem;
		margin:0 0 10px 0;
	}
	
	#careers .membercont .txcont .name{
		font-size:1.8em;
		line-height: 2rem;
		margin:0 0 0 0;
		font-weight: 600;
	}
	
	#careers .membercont .txcont .name.box2{
		font-size:1.8rem;
		line-height: 2rem;
		margin:0 0 30px 0;
		font-weight: 600;
	}
	
	#careers .membercont .txcont .huri{
		font-size:1rem;
		margin:0 0 20px 0;
	}
	#careers .membercontEn .name{
		display: none;
	}
	#careers .membercontEn .txcont .huri{
		font-size:1.8em;
		line-height: 2rem;
		margin:0 0 20px 0;
		font-weight: 600;
	}
	#careers .membercont .txcont .tx{
		font-size:1.4rem;
		line-height: 2.6rem;
		border-bottom:1px solid #fff;
		margin:0 0 20px 0;
		padding:0 0 20px 0;
	}
	
	#careers .membercont .txcont .cap{
		font-size:1.2rem;
		line-height: 2rem;
	}
	
	#careers .membercont .slidecont{
		width:100%;
		position: relative;
		top:0;
		z-index:2;
		order:-1;
	}
	
	#careers .membercont .slidecont .box{
		width:100%;
		
	}
	
	#careers .membercont .slidecont .box .inbox{
		width:100%;
		padding-top:70%;
		position: relative;
		
	}
	
	#careers .membercont .slidecont .box img{
		width:100%;
		position: absolute;
		top:0;
		left:0;
		height:100%;
		object-position: top;
	}
	
	#careers .membercont .slidecont .next{
		display: inline-block;
  		width: 25px;
  		height: 25px;
  		margin: 0 10px;
  		border-top: 3px solid #ea5514;
  		border-right: 3px solid #ea5514;
  		transform: rotate(45deg);
		position: absolute;
		right:10px;
		top:calc(50% - 12px);
		cursor: pointer;
		z-index:3;
	}
	
	#careers .membercont .slidecont .prev{
		display: inline-block;
  		width: 25px;
  		height: 25px;
  		margin: 0 10px;
  		border-left: 3px solid #ea5514;
  		border-bottom: 3px solid #ea5514;
  		transform: rotate(45deg);
		position: absolute;
		top:calc(50% - 12px);
		left:10px;
		cursor: pointer;
		z-index:3;
	}
	
	#careers .requirementcont{
		margin:0 0 80px 0;
	}
	
	#careers .requirementcont .innerbox{
		width:90%;
		margin:0 auto;
	}
	
	#careers .requirementcont .innerbox .mtl{
		font-size:2.4rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: left;
		letter-spacing: 0.em;
		margin:0 0 30px 0;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin:0 0 5px 0;
		padding:0 0 0 0;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li{
		width:calc((100% - 5px )/ 2);
		display: flex;
		align-items: center;
		justify-content: center;
		background:#e6e6e6;
		cursor: pointer;
		height: 60px;
		position: relative;
		transition: all 0.2s;
		border:1px solid #e6e6e6;
		box-sizing: border-box;
	}

	#careers .requirementcont .innerbox .titlelist .list-section ul li:nth-child(odd),
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:nth-child(odd),
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:nth-child(odd),
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:nth-child(odd),
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:nth-child(odd){
		margin:0 5px 5px 0px;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li:hover,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:hover,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:hover,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:hover,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:hover{
		background:#fff;
		border:1px solid #ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li::after{
		content: "";
		width:100%;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:hover::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li.active,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li.active,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li.active,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li.active,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li.active{
		background:#fff;
		border:1px solid #ea5514;
		pointer-events: none;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li.active::after{
		content: "";
		width:100%;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:hover::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:hover::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li.active::after,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li.active::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li span,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li span,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li span,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li span,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li span{
		font-size:1.2rem;
		line-height: 2rem;
		transition: all 0.2s;
		text-align: center;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li:hover span,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li:hover span,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li:hover span,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li:hover span,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li:hover span{
		color:#ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul li.active span,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul li.active span,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul li.active span,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul li.active span,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul li.active span{
		color:#ea5514;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox{
		width:100%;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox .box,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox .box,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox .box,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox .box,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox .box{
		padding:25px 0 25px 0;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox table,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox table,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox table,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox table,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox table{
		width:100%;
		border-collapse: collapse;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox table td,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox table td,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox table td,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox table td,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox table td{
		padding:0 0 10px 0;
		font-size:1.2rem;
		line-height: 2.4rem;
		vertical-align: middle;
		border-bottom:1px solid #000;
		display: block;
	}
	
	#careers .requirementcont .innerbox .titlelist .list-section ul .explainbox table td:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_two ul .explainbox table td:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_three ul .explainbox table td:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_four ul .explainbox table td:first-child,
	#careers .requirementcont .innerbox .titlelist .list-section_five ul .explainbox table td:first-child{
		font-weight: bold;
		width:100%;
		border:none;
		padding:10px 0 5px 0;
	}
	
	#careers .requirementcont .innerbox .infobox{
		display: none;
	}

	#careers .requirementcont .innerbox .infobox_two{
		display: none;
	}

	#careers .requirementcont .innerbox .infobox_three{
		display: none;
	}

	#careers .requirementcont .innerbox .infobox_four{
		display: none;
	}

	#careers .requirementcont .innerbox .infobox_five{
		display: none;
	}
	
	#careers .requirementcont .innerbox .closebtn{
		display: none;
		text-align: center;
		width:100%;
		padding:0 0 25px 0;
	}
	
	#careers .requirementcont .innerbox .closebtn span{
		color:#ea5514;
		font-size:2rem;
		font-weight: 600;
		display: inline-block;
		cursor: pointer;
	}
	
	#careers .requirementcont .innerbox .closebtn span::before{
		content: "×";
		margin:0 10px 0 0;
		font-size:2.5rem;
		vertical-align: middle;
		position: relative;
		font-weight: normal;
		top:-0.1em;
	}
	
	#careers .flowcont{
		margin:0 0 80px 0;
	}
	
	#careers .flowcont .innerbox{
		width:80%;
		margin:0 auto;
	}
	
	#careers .flowcont .flowtl{
		margin:0 0 30px 0;
		display: flex;
		flex-direction: column;
	}
	
	#careers .flowcont .flowtl .cap{
		font-size:1rem;
		margin:10px 0 0 0;
	}
	
	#careers .flowcont .innerbox .mtl{
		font-size:2.4rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: left;
		letter-spacing: 0.em;
		margin:0 0 0 0;
	}
	
	#careers .flowcont .listcont{
		width:100%;
		display: flex;
		padding:0 0 0 0;
		color:#000;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#careers .flowcont .listcont .box{
		width:100%;
		position: relative;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding:0 0 30px 0;
	}
	
	#careers .flowcont .listcont .box:last-child{
		padding:0 0 0 0;
	}
	
	#careers .flowcont .listcont .box::after{
		content: "";
		height:calc(100% - 15px);
		border-right:4px solid #ea5514;
		position: absolute;
		top:50%;
		left:22px;
		z-index:1;
		transform: scaleY(0);
	}
	
	#careers .flowcont .listcont.active .box::after{
		animation-name: borderscale2;
		animation-delay: 1s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		transform:scaleY(0);
		transform-origin: left top;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(2)::after{
		animation-delay: 2s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(3)::after{
		animation-delay: 3s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(4)::after{
		animation-delay: 4s;
	}
	
	#careers .flowcont .listcont .box:last-child::after{
		display: none;
	}
	
	#careers .flowcont .listcont .box .listmtl{
		width:50px;
		height:50px;
		border:3px solid #ea5514;
		border-radius: 50%;
		background:#ea5514;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		z-index:2;
		transform:scale(0.2);
		color:#ea5514;
	}
	
	#careers .flowcont .listcont.active .box .listmtl{
		animation-name: listscale;
		animation-delay: 0s;
		animation-duration: 0.5s;
		animation-fill-mode: forwards;
		transform:scale(0.4);
	}
	
	#careers .flowcont .listcont.active .box:nth-child(2) .listmtl{
		animation-delay: 1s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(3) .listmtl{
		animation-delay: 2s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(4) .listmtl{
		animation-delay: 3s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(5) .listmtl{
		animation-delay: 4s;
	}
	
	#careers .flowcont .listcont .box .listmtl .inbox{
		font-size:2rem;
		line-height: 2.1rem;
		font-weight: 600;
		text-align: center;
		opacity: 0;
	}
	
	#careers .flowcont .listcont.active .box .listmtl .inbox{
		animation-name: listmtl;
		animation-delay: 0.5s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(2) .listmtl .inbox{
		animation-delay: 1.5s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(3) .listmtl .inbox{
		animation-delay: 2.5s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(4) .listmtl .inbox{
		animation-delay: 3.5s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(5) .listmtl .inbox{
		animation-delay: 4.5s;
	}
	
	#careers .flowcont .listcont .box .listmtl .inbox span{
		font-weight: normal;
	}
	
	#careers .flowcont .listcont .box .ltxcont{
		opacity: 0;
	}
	
	#careers .flowcont .listcont.active .box .ltxcont{
		animation-name: listtx;
		animation-delay: 1s;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		opacity: 0;
		padding:0 0 0 20px;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(2) .ltxcont{
		animation-delay: 2s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(3) .ltxcont{
		animation-delay: 3s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(4) .ltxcont{
		animation-delay: 4s;
	}
	
	#careers .flowcont .listcont.active .box:nth-child(5) .ltxcont{
		animation-delay: 5s;
	}
	
	#careers .flowcont .listcont .box .ltl{
		font-weight: 600;
		font-size:1.8rem;
		line-height: 2.8rem;
		padding:0 0 0 15px;
	}
	
	#careers .flowcont .listcont .box .ltx{
		font-size:1.6rem;
		line-height:3rem;
		padding:0 0 0 0;
		text-align: center;
		font-weight: bold;
	}
	
	/*entry_form*/
	
	#careers .entrycont{
		background:#e6e6e6;
	}
	
	#careers .entrycont .innerbox{
		width:90%;
		margin:0 auto;
	}
	
	#careers .entrycont .innerbox .mtl{
		font-size:2.4rem;
		line-height: 1;
		font-weight: 900;
		color:#ea5514;
		text-align: left;
		letter-spacing: 0.em;
		margin:0 0 0 0;
		position: relative;
		top:-0.5em;
	}
	
	#careers .formcontainer{
		width:90%;
		margin:0 auto;
		padding:60px 0 60px 0;
	}
	
	#careers .formcontainer .formcont{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#careers .formcontainer .formcont .statusbox{
		width:320px;
		display: none;
	}
	
	#careers .formcontainer .formcont .statusbox .box{
		padding:0 0 0 20px;
		position: relative;
		margin:0 0 30px 0;
		font-size:1.6rem;
	}
	
	#careers .formcontainer .formcont .statusbox .box span{
		font-size:0.5em;
	}
	
	#careers .formcontainer .formcont .statusbox .box::before{
		content: "";
		width:6px;
		height:6px;
		background:#b2b2b2;
		display: block;
		position: absolute;
		top:calc(50% - 3px);
		left:0;
		border-radius: 50%;
	}
	
	#careers .formcontainer .formcont .statusbox .box::after{
		content: "";
		height:20px;
		border-right:1px solid #b2b2b2;
		display: block;
		position: absolute;
		top:calc(100% + 5px);
		left:3px;
	}
	
	#careers .contacttop .formcontainer .formcont .statusbox .box:nth-child(1){
		font-size:2rem;
		color:#ea5514;
	}
	
	#careers .contacttop .formcontainer .formcont .statusbox .box:nth-child(1)::before{
		content: "";
		width:12px;
		height:12px;
		background:#ea5514;
		display: block;
		position: absolute;
		top:calc(50% - 6px);
		left:-2px;
		border-radius: 50%;
	}
	
	#careers .contacttop .formcontainer .formcont .statusbox .box:nth-child(1)::after{
		content: "";
		height:20px;
		border-right:1px solid #ea5514;
		display: block;
		position: absolute;
		top:calc(100% + 5px);
		left:3px;
	}
	
	#careers .checkbox .formcontainer .formcont .statusbox .box:nth-child(2){
		font-size:2rem;
		color:#ea5514;
	}
	
	#careers .checkbox .formcontainer .formcont .statusbox .box:nth-child(2)::before{
		content: "";
		width:12px;
		height:12px;
		background:#ea5514;
		display: block;
		position: absolute;
		top:calc(50% - 6px);
		left:-2px;
		border-radius: 50%;
	}
	
	#careers .checkbox .formcontainer .formcont .statusbox .box:nth-child(2)::after{
		content: "";
		height:20px;
		border-right:1px solid #ea5514;
		display: block;
		position: absolute;
		top:calc(100% + 5px);
		left:3px;
	}
	
	#careers .thanksbox .formcontainer .formcont .statusbox .box:nth-child(3){
		font-size:2rem;
		color:#ea5514;
	}
	
	#careers .thanksbox .formcontainer .formcont .statusbox .box:nth-child(3)::before{
		content: "";
		width:12px;
		height:12px;
		background:#ea5514;
		display: block;
		position: absolute;
		top:calc(50% - 6px);
		left:-2px;
		border-radius: 50%;
	}
	
	#careers .formcontainer .formcont .statusbox .box:last-child::after{
		display: none;
	}
	
	#careers .formcontainer .formcont .contbox{
		width:100%;
	}
	
	#careers .formcontainer .formcont .bottombtnbox{
		width:100%;
		display: none;
	}
	
	#careers .checkbox .formcontainer .formcont .bottombtnbox{
		display: block;
		text-align: center;
		padding:40px 0 0 0;
	}
	
	#careers .checkbox .cbtnbox{
		display: none;
	}
	
	#careers .formcontainer .privacybox{
		width:100%;
		background:#dfddda;
		padding:20px 20px;
		margin:40px 0 0 0;
		text-align: left;
	}
	
	#careers .checkbox .formcontainer .privacybox{
		display: none;
	}
	
	#careers .formcontainer .privacybox .linktx{
		font-weight: 600;
		margin:0 0 15px 0;
	}
	
	#careers .formcontainer .privacybox .linktx a{
		display: inline-block;
		padding-bottom:0;
		position: relative;
	}
	
	#careers .formcontainer .privacybox .linktx a::after{
		content: "";
		width:100%;
		border-bottom:1px solid #000;
		position: absolute;
		bottom:0;
		left:0;
	}
	
	#careers .thanksbox .contbox{
		padding:40px 0;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
	
	#careers .thanksbox .contbox .mtl{
		font-size:2.6rem;
		line-height: 4rem;
		margin:0 0 20px 0;
	}
	
	#careers .thanksbox .contbox .mtx{
		font-size:1.2rem;
		line-height: 2.4rem;
		magin:0 0 20px 0;
	}
	
	#careers .thanksbox a.anibtn{
		position: relative;
		display: inline-block;
		padding:25px 0 0 0;
		opacity: 0;
		left:-30px;
		transition: all 1s;
		transition-delay: 0.3s;
	}
	
	#careers .thanksbox a.anibtn{
		opacity: 1;
		left:0;
	}
	
	#careers .thanksbox a.anibtn .inbox{
		display: flex;
		align-items: center;
	}
	
	#careers .thanksbox a.anibtn .tx{
		font-size:1.6rem;
		font-weight: 600;
		color:#ea5514;
		display: inline-block;
		padding:0 0 0 30px;
		position: relative;
		transition: all 0.5s;
	}
	
	#careers .thanksbox a.anibtn .tx{
		padding:0 20px 0 0;
	}
	
	#careers .thanksbox a.anibtn .tx::before{
		content: "";
		width:20px;
		border-bottom:1px solid #ea5514;
		top:50%;
		left:0;
		display: block;
		position: absolute;
		transition: all 0.5s;
	}
	
	#careers .thanksbox a.anibtn .tx::before{
		content: "";
		width:0;
	}
	
	#careers .thanksbox a.anibtn .arrow{
		width:30px;
		height:30px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		
	}
	
	#careers .thanksbox a.anibtn .arrow::before{
		content: "";
		width:7px;
		height:7px;
		border-radius: 50%;
		background:#ea5514;
		transition: all 0.5s;
	}
	
	#careers .thanksbox a.anibtn .arrow::before{
		content: "";
		width:30px;
		height:30px;
		border-radius: 50%;
		background:#ea5514;
		display: block;
	}
	
	#careers .thanksbox a.anibtn .arrow::after{
		content: "";
		display: inline-block;
  		width: 7px;
  		height: 7px;
  		margin: 0 0;
  		border-top: 1px solid #fff;
  		border-right: 1px solid #fff;
  		transform: rotate(45deg);
		position: absolute;
		top:calc(50% - 3.5px);
		left:calc(50% - 5.5px);
		transition: all 0.5s;
		opacity: 0;
	}
	
	#careers .thanksbox a.anibtn .arrow::after{
		opacity: 1;
	}
	
	#careers .formcontainer .cbtnbox{
		padding:40px 0 0 0;
		text-align: center;
	}
	
	#careers .contbox table{
		width:100%;
		margin:0 0 0 0;
		border-collapse: collapse;
		border-top:1px solid #000;
	}
	
	#careers .contbox table tr{
	}
	
	#careers .contbox table tr th{
		padding:60px 0 20px 0;
	}
	
	#careers .contbox table tr th .intl{
		font-size:2rem;
		line-height:2.8rem;
		font-weight:600;
		border-bottom:1px solid #ccc;
		text-align:left;
		padding:0 0 15px 0;
		position: relative;
	}
	
	#careers .contbox table tr th .intl::after{
		border-bottom:1px solid #008599;
		position: absolute;
		content: "";
		bottom:-1px;
		left:0;
		width:190px;
	}
	
	#careers .contbox table tr td{
		padding:0 0 15px 0;
		border:none;
		vertical-align:top;
		border-left:none;
		border-right:none;
		line-height:2rem;
		position:relative;
		border-bottom:1px solid #000;
		display: block;
	}
	
	#careers .contbox table tr td.pbox{
		padding:15px 0 0 0;
		border:none;
		vertical-align:top;
		border-left:none;
		border-right:none;
		line-height:2rem;
		position:relative;
		border-bottom:1px solid #000;
		display: block;
	}
	
	#careers .checkbox .contbox table tr td{
		padding:0 0 15px 0;
		border:none;
		vertical-align:top;
		border-left:none;
		border-right:none;
		line-height:2rem;
		position:relative;
		border-bottom:1px solid #000;
		display: block;
	}
	
	#careers .checkbox .contbox table tr td.pbox{
		padding:15px 0;
		border:none;
		vertical-align:top;
		border-left:none;
		border-right:none;
		line-height:2rem;
		position:relative;
		display: block;
	}
	
	#careers .contbox table tr td.radiobox{
		padding:0 0 15px 0;
		border:none;
		vertical-align:top;
		border-left:none;
		border-right:none;
		line-height:2rem;
		position:relative;
		border-bottom:1px solid #000;
	}
	
	#careers .contbox table tr td:first-child.radiobox{
		padding:15px 0 15px 0;
	}
	
	#careers .contbox table tr td.pbox .intx{
		padding:0 0;
	}
	
	#careers .checkbox .contbox table tr td.pbox .intx{
		padding:0 0;
	}

	#careers .contbox table tr td span.check{
		color:#ea5514;
		display:inline-block;
		font-size:1.2rem;
	}
	
	#careers .contbox table tr td.pbox span.check{
		color:#ea5514;
		display:inline-block;
		font-size:1.2rem;
	}

	
	#careers .contbox span.error{
		margin:10px 0 0 0;
		display:block;
	}
	
	#careers .contbox table tr td:first-child{
		width:100%;
		box-sizing: border-box;
		vertical-align: top;
		border-bottom:none;
	}
	
	.checkbox span.check{
		display: none !important;
	}
	
	#careers .contbox span.cap{
		font-size:1rem;
		text-decoration: underline;
	}
	
	.checkbox .abtn{
		display: none !important;
	}
	
	.checkbox .contbox table tr td:first-child{
		padding:0 20px 40px 0;
		width:220px;
		box-sizing: border-box;
		vertical-align: top;
		font-weight: nomal;
	}
	
	#careers .contbox table tr td a{
		color:#666;
		text-decoration:underline;
	}
	
	input[type="text"],input[type="email"],input[type="button"] {
  		margin: 0;
 		padding: 0;
  		background: #eaeaea;
  		border: none;
  		border-radius: 0;
  		outline: none;
  		-webkit-appearance: none;
  		-moz-appearance: none;
  		appearance: none;
		box-shadow: none;
	}
	
	input[type="radio"]{
		position:relative;
		margin:-0.25em 5px 0 0;
	}
	
	input[type="text"],input[type="email"]{
		padding:10px 10px;
		width:100%;
		box-sizing: border-box;
		background:#dfddda;
		margin:10px 0 0 0;
	}
	
	#careers .hbtn{
		display: inline-block;
		cursor: pointer;
		position:relative;
		min-width:210px;
		margin:0 15px;
	}
	
	#careers .hbtn::after{
		content: "";
		width:100%;
		border-bottom:1px solid #ea5514;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .hbtn:hover::after{
		border-bottom:4px solid #ea5514;
	}
	
	#careers .hbtn.back{
		margin:0 0 30px 0;
	}
	
	#careers .hbtn.back::after{
		content: "";
		width:100%;
		border-bottom:1px solid #dfddda;
		position: absolute;
		bottom:0;
		left:0;
		transition: all 0.2s;
	}
	
	#careers .hbtn.back:hover::after{
		border-bottom:4px solid #dfddda;
	}
	
	input[type="submit"].btn01{
		background-color:rgba(0,0,0,0);
		padding:0 0 20px 0;
		margin:0 auto;
		color:#ea5514;
		letter-spacing:0em;
		font-size:2rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: all 0.2s;
		cursor: pointer;
		position:relative;
		border:none;
		z-index:2;
	}
	
	input[type="submit"].btn02{
		background-color:rgba(0,0,0,0);
		padding:0 0 20px 0;
		margin:0 auto;
		color:#dfddda;
		letter-spacing:0em;
		font-size:2rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: all 0.2s;
		cursor: pointer;
		position:relative;
		border:none;
		z-index:2;
	}
	
	a.backbtn{
		background-color:rgba(0,0,0,0);
		padding:20px 0;
		width:300px;
		margin:0 0 0 0;
		color:#fff;
		letter-spacing:0.1em;
		font-size:1.8rem;
		text-align: center;
		text-decoration: none;
		display: block;
		transition: all 0.2s;
		cursor: pointer;
		position:relative;
		border:1px solid #1a1a1a;
		z-index:2;
		line-height: 1;
		box-sizing: border-box;
	}
	
	::-webkit-input-placeholder {
  	color: #888;
	}
	::-moz-placeholder {
  	color: #888; opacity: 1;
	}
	:-ms-input-placeholder {
  	color: #888;
	}
	
	select{
		margin:0 0 0 0;
		width: 240px;
		padding: 15px 45px 15px 15px;
		border-radius: 5px;
		border:1px solid #C1C1C1;
		outline: none;
		font-size:1.4rem;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		line-height: 1;
		display: inline-block;
		background: url(/images/contact/select_arrow.svg) no-repeat ,#fff;
		background-size:10px;
		background-position: right 15px top 50%;
		box-sizing: border-box;
	}
	
	.mwform-checkbox-field{width:auto; display:inline-block; margin:0 0 0 0;}
	.pcheck .mwform-checkbox-field{width:auto; display:inline-block; margin:0 0 40px 0;}
	
	.mw_wp_form .horizontal-item + .horizontal-item{margin:0 0 0 0 !important; display:block; line-height:1;}
	
	.mwform-radio-field input[type="radio"]{
		display: none;
	}
	.mwform-radio-field input[type="radio"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 30px 0 0 !important;
		display:block;
	}
	.mwform-radio-field input[type="radio"] + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	background:url("../images/contact/en2.svg") no-repeat;
		background-size:17px;
    	vertical-align:middle;
		border-radius: 50%;
	}
	.mwform-radio-field input[type="radio"]:checked + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	background:url("../images/contact/en.svg") no-repeat;
		background-size:17px;
    	vertical-align:middle;
	}
	
	.mwform-checkbox-field input[type="checkbox"]{
		display: none;
	}
	.mwform-checkbox-field input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 30px 10px 0;
		display:block;
		text-indent: -27px;
		padding-left: 27px;
	}
	
	.pcheck .mwform-checkbox-field input[type="checkbox"] + span{
		margin:0 0 0 0;
	}
	.mwform-checkbox-field input[type="checkbox"] + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #000;
    	background:none;
    	vertical-align:middle;
		border-radius: 0px;
	}
	
	.privacytr .mwform-checkbox-field input[type="checkbox"] + span{
  		position:relative;
		font-weight: normal;
		margin:0 0 0 0;
		display:inline-block;
	}
	
	.mwform-checkbox-field input[type="checkbox"]:checked + span::before{
  		margin:-2px 10px 0 0;
    	content:" ";
    	display:inline-block;
    	width:17px;
    	height:17px;
    	border:1px solid #000;
    	background:url("../images/contact/check.svg") no-repeat;
		background-size:17px;
    	vertical-align:middle;
	}
	
	textarea{
		padding:10px;
		font-size: 1.2rem;
		width:100%;
		line-height: 2.3rem;
		box-sizing: border-box;
		min-height:145px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
  		background:#dfddda;
  		border: none;
  		border-radius: 0;
		margin:10px 0 0 0;
	}

	#careers .en-list .innerbox .titlelist .list-section ul li span,
	#careers .en-list .innerbox .titlelist .list-section_two ul li span,
	#careers .en-list .innerbox .titlelist .list-section_three ul li span,
	#careers .en-list .innerbox .titlelist .list-section_four ul li span,
	#careers .en-list .innerbox .titlelist .list-section_five ul li span {
		font-size: 1.1rem;
		line-height: 1.6rem;
		width: 100%;
	}
	
	#careers .phtl{
		font-size:2.2rem;
		color:#090909;
		text-align: center;
		margin:0 0 20px 0;
	}
	
	#careers .phtx{
		font-size:1.2rem;
		line-height: 2.4rem;
		text-align: left;
		margin:0 auto 60px;
		width:80%;
	}

	#careers .memberlist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 2rem;
		margin: 0 auto 9rem;
		max-width: 660px;
		width: 100%;
	}
	#careers .memberlist .box {
		position: relative;
		margin-bottom: 4rem;
		width: 26%;
	}
	#careers .memberlist .box .image,
	#careers .memberlist_modal .image {
		position: relative;
		margin-bottom: 1.5rem;
		width: 100%;
	}
	#careers .memberlist .box .image .plus {
		position: absolute;
        bottom: 2rem;
        right: 1.5rem;
        color: #fff;
        background: currentColor;
        width: 17px;
        height: 1px;
	}
	#careers .memberlist .box .image .plus::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: inherit;
		border-radius: inherit;
		transform: rotate(90deg);
	}
	#careers .memberlist .box .name,
	#careers .memberlist_modal .name {
		margin-bottom: 0.3rem;
	}
	#careers .memberlist .box .name h4,
	#careers .memberlist_modal .name h4 {
		font-size: 18px;
	}
	#careers .memberlist .box p,
	#careers .memberlist_modal p {
		font-size: 12px;
	}
	#careers .memberlist .box .position,
	#careers .memberlist_modal .position {
		line-height: 2rem;
	}
	#careers .memberlist .box .desc {
		display: none;
	}
	#careers .memberlist .box a {
		pointer-events: auto;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: -999px;
		transition: all 0.2s;
	}
	#careers .memberlist .box a:hover {
		opacity: 0.3;
		background: #fff;
	}
	#careers .memberlist_modal .container {
		z-index: 99;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(0,0,0,50%);
		padding: 40px 20px;
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
	}
	#careers .memberlist_modal .container:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	#careers .memberlist_modal .container.show {
		opacity: 1;
		visibility: visible;
	}
	#careers .memberlist_modal .body {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
	}
	#careers .memberlist_modal .close {
		cursor: pointer;
		position: absolute;
		top: 0;
        right: 0;
        padding: 1rem 1.5rem;
		transition: all 0.2s;
	}
	#careers .memberlist_modal .close:hover {
		opacity: 0.7;
	}
	#careers .memberlist_modal .close .plus {
		display: inline-block;
		position: relative;
        color: #1a1a1a;
        background: currentColor;
        width: 17px;
        height: 1px;
		transform: rotate(45deg);
	}
	#careers .memberlist_modal .close .plus::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: inherit;
		border-radius: inherit;
		transform: rotate(90deg);
	}
	#careers .memberlist_modal .contents {
		background: #fff;
		text-align: left;
		padding: 3rem;
		padding-top: 4rem;
	}
	#careers .memberlist_modal .image {
		padding: 0;
		margin: 0 auto 2rem;
		max-width: 240px;
	}
	#careers .memberlist_modal .position {
		margin-bottom: 1rem;
	}
	#careers .memberlist_modal .desc p {
		font-size: 14px;
	}
	#careers .memberlist_modal hr {
		border: none;
		border-bottom: solid 1px #1d1d1d;
		margin: 1.5rem 0;
		width: 100px;
	}
}

@media (max-width: 576px) {
	#careers .memberlist .box {
		width: 46%;
	}
}

@keyframes listtx {
    0% {
        opacity:0%;
    }
    100% {
        opacity:100%;
    }
}

@keyframes listmtl {
    0% {
        opacity:0%;
    }
    100% {
        opacity:100%;
    }
}

@keyframes listscale {
    0% {
        transform:scale(0.4);
		background:#ea5514;
    }
    100% {
        transform:scale(1);
		background:#fff;
    }
}

@keyframes borderscale {
    0% {
        transform:scaleX(0);
    }
    100% {
       transform:scaleX(1);
    }
}

@keyframes borderscale2 {
    0% {
        transform:scaleY(0);
    }
    100% {
       transform:scaleY(1);
    }
}

@keyframes scanime {
    75% {
        top:-50%;
    }
    100% {
        top:100%;
    }
}

.mw_wp_form .g-recaptcha{
display:none
}
.mw_wp_form_confirm .g-recaptcha{
display: block !important;
}
.mw_wp_form .hbtn{
opacity: 1;
pointer-events:inherit;
}

.mw_wp_form_confirm .hbtn input[type="submit"]{
	opacity: 0.2 ;
	pointer-events: none ;
}

.mw_wp_form_confirm .back input[type="submit"]{
		opacity: 1 !important;
	pointer-events:inherit !important;
}

/*----------------------------------
　↓ 0322エントリーボタン
-----------------------------------*/

.entryBtn {
    max-width: 1120px;
    margin: 0 auto 100px;
}

.entryBtn a {
    display: block;
    text-align: center;
    width: 100%;
    position: relative;
    padding: 120px 0;
    font-size: 5.45rem;
    letter-spacing: 0.04em;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    background: url('../images/careers/entry-btn.jpg') center center / cover no-repeat;
}

.entryBtn a span {
    width: 100%;
    display: flex;
    /* 子要素をflexboxで揃える */
    flex-direction: column;
    /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center;
    /* 子要素をflexboxにより中央に配置する */
    align-items: center;
    /* 子要素をflexboxにより中央に配置する */
    height: 100%;
    z-index: 2;
    position: relative;
    opacity: 1;
}

.entryBtn a::after {
    content: "JOIN US!";
    z-index: 2;
    opacity: 0;
    transition: 0.2s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 30px;
}

.entryBtn a:hover span {
    opacity: 0;
}

.entryBtn a:hover::after {
    opacity: 1 !important;
}

.entryBtn a::before {
    content: "";
    height: 100%;
    width: 100%;
    transition: 0.2s;
    background-color: rgba(234, 85, 20, 0.8);
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
}

.entryBtn a:hover::before {
    background: rgba(234, 85, 20, 1);
}

.entryBtn h2 {
    text-align: center;
    color: #ea5514;
    margin-bottom: 20px;
}

.entryBtn .sp {
    display: none;
}

.entryBtn .ico {
    width: 56px;
    z-index: 2;
    height: 56px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.joinbtn {
    display: none !important;
}

.recLink{
	display: block;
	background: #ea5514;
	color: #ffffff;
	text-align: center;
	padding: 20px;transition: 0.2s;
	margin:40px 0 0 ;
}

.recLink:hover{
	background: #000000;
}
@media screen and (max-width: 1120px) {
    .entryBtn {
        padding: 0 20px;
    }

    .entryBtn a {
        padding: 100px 0;
    }
}

@media screen and (max-width: 1024px) {
    .entryBtn a::after {
        display: none;
    }

    .entryBtn a:hover span {
        opacity: 1;
    }
}

@media screen and (max-width: 640px) {
    .entryBtn {
        margin: 0 auto 60px;
    }
.recLink{
	margin:20px 0 0 ;
}
    .entryBtn .sp {
        display: block;
    }

    .entryBtn a {
        padding: 80px 0;
        font-size: 4rem;
    }

    .entryBtn .ico {
        width: 30px;
        height: 30px;
    }
}




/*202304追加*/
#careers .term-title {
	color: #fff;
	margin: 6rem auto 1.6rem;
	box-sizing: border-box;
}

#careers .term-title::after {
	content: "";
	display: block;
	border-bottom: 2px solid #333;
}

#careers .term-title h3 {
	background-color: #333;
	padding: 1rem 2rem;
	display: inline-block;
}

#careers .jump {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	max-width: 1120px;
	width: 80%;
    margin: 100px auto;
    justify-content: center;
}

#careers .jump a {
	color: #ea5514;
	max-width: 32rem;
	width: 100%;
	height: 4rem;
	border-bottom: 1px solid #ea5514;
	padding: 2.6rem 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.4rem;
	font-weight: 600;
}

#careers .jump a::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px;
	border-bottom: 1px solid #ea5514;
	border-right: 1px solid #ea5514;
	transform: rotate(45deg);
}

#careers .jump p {
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-left: 4rem;
	max-width: 50rem;
	width: 100%;
}

#careers .culturedeck {
	max-width: 1120px;
	width: 90%;
    margin: 12rem auto;
    text-align: center;
}

#careers .culturedeck h2 {
	font-size: 10rem;
    line-height: 1;
    font-weight: 900;
    color: #ea5514;
    margin-bottom: 2rem;
}

#careers .culturedeck .deckbox {
	width: 80%;
	height: auto;
	aspect-ratio: 16/9;
	margin: 6rem auto 0;
}

#careers .othercont {
    background-color: #E6E6E6;
    padding: 8rem 0;
    margin-bottom: 15rem;
}

#careers .othercont .innerbox {
	max-width: 1120px;
	width: 90%;
    margin: 8rem auto;
    display: flex;
    justify-content: space-between;
    gap: 2.6rem;
}

#careers .othercont .innerbox .Item {
	background-color: #fff;
	padding: 4rem 0 0;
}

#careers .othercont .innerbox .Item h2 {
	text-align: center;
	font-size: 4.4rem;
	line-height: 4.4rem;
	font-weight: 800;
	margin-bottom: -2rem;
	position: relative;
	z-index: 1;
}

#careers .othercont .innerbox .Item .textBox {
	padding: 2rem 4rem 4rem;
	box-sizing: border-box;
}

#careers .othercont .innerbox .Item .textBox .simpleBtn {
	color: #ea5514;
	font-weight: 800;
	margin-top: 2rem;
	display: flex;
	align-items: center;
}

#careers .othercont .innerbox .Item .textBox .simpleBtn::before {
	content: "";
	display: inline-block;
	width: 1.6rem;
	height: .1rem;
	background-color: #ea5514;
	margin-right: 1rem;
}

#careers .othercont .innerbox .Item .textBox .simpleBtn::after {
	content: "";
	display: inline-block;
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	background-color: #ea5514;
	margin-left: 1rem;
}

.recruit-fixed-two {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	background: url(../images/index/join-fixed02.jpg) center center/cover no-repeat;
	width: 28rem;
	height: 8rem;
	background-color: #222;
	border: 1px solid #222;
	z-index: 10;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .2rem;
}
.recruit-fixed-two p {
	font-size: 2.6rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}
.recruit-fixed-two span {
	font-weight: 200;
	margin: 0 .6rem;
}
.recruit-fixedText::after {
	content: "";
	display: inline-block;
	width: .8rem;
	height: .8rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	margin-left: .8rem;
}



@media screen and (max-width: 768px) {
	#careers .othercont {
		background-color: #E6E6E6;
		padding: 6rem 0;
		margin-bottom: 12rem;
	}
	
	#careers .othercont .innerbox {
		width: 100%;
		padding: 0 2rem;
		flex-direction: column;
		margin: 0;
	}
	
	#careers .othercont .innerbox .Item {
		width: 100%;
		background-color: #fff;
		padding: 2rem 0 0;
	}
}


@media screen and (max-width: 640px) {

	#careers .jump {
		flex-direction: column;
		width: 100%;
		padding: 0 2rem;
		margin: 60px auto;
	}
	#careers .jump p {
		margin-left: 0;
		margin-top: 2rem;
		width: 100%;
	}


	#careers .culturedeck {
		width: 100%;
		padding: 2rem;
	    margin: 8rem auto;
	}
	#careers .culturedeck h2 {
		font-size: 3.6rem;
	}
	#careers .culturedeck .deckbox {
		width: 100%;
	}

	.recruit-fixed-two {
		position: fixed;
		bottom: 4rem;
		right: 0;
		width: 100%;
		height: 6rem;
	}
	.recruit-fixed-two p {
		font-size: 2.2rem;
		font-weight: 500;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.recruit-fixed-two span {
		font-weight: 200;
		margin: 0 .4rem;
	}
	.recruit-fixedText::after {
		content: "";
		display: inline-block;
		width: .6rem;
		height: .6rem;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		margin-left: .8rem;
	}

}

#requirementList {
	padding-top: 8rem;
}


/*　202312修正ここから */
/*#careers .teamgroup{
    display: grid;
    grid-gap:10px;
    width:calc(100% - 90px);
    height:calc(100% - 50px);
    max-height: 1100px;
    margin-block:40px 130px;
    -ms-grid-rows: 10% 20% 20% 20% 20% 10%;
    grid-template-rows: 10% 20% 20% 20% 20% 10%;
    -ms-grid-columns: 6% 4% 15% 5% 20% 16% 11% 4% 7% 12%;
    grid-template-columns: 6% 4% 15% 5% 20% 16% 11% 4% 7% 12%;
    grid-template-areas:
    "white1 white1 white2 white2 white2 talk talk talk officer officer "
    "white1 white1 blackboard blackboard engineer talk talk talk officer officer "
    "gathering gathering gathering gathering gathering gathering explanation intro intro intro "
    "gathering gathering gathering gathering gathering gathering reception reception reception white4 "
    "white3 ceo ceo engineer2 engineer2 engineer2 consultation consultation consultation white4 "
    "white3 ceo ceo engineer2 engineer2 engineer2 white5 white5 white5 white5 ";
}*/

#careers .teamgroup{
    display: grid;
    grid-gap:10px;
    width:calc(100% - 90px);
    height:calc(100% - 50px);
    max-height: 1100px;
    margin-block:40px 130px;
    -ms-grid-rows: 10% 20% 20% 20% 20% 10%;
    grid-template-rows: 10% 20% 20% 20% 20% 10%;
    -ms-grid-columns: 6% 4% 15% 5% 20% 16% 11% 4% 7% 12%;
    grid-template-columns: 6% 4% 15% 5% 20% 16% 11% 4% 7% 12%;
    grid-template-areas:
    "white1 white1 white2 white2 white2 talk talk talk officer officer "
    "white1 white1 blackboard blackboard engineer talk talk talk officer officer "
    "gathering gathering gathering gathering gathering gathering intro intro intro intro "
    "gathering gathering gathering gathering gathering gathering reception reception reception white4 "
    "white3 ceo ceo engineer2 engineer2 engineer2 consultation consultation consultation white4 "
    "white3 ceo ceo engineer2 engineer2 engineer2 white5 white5 white5 white5 ";
}

@media screen and (min-width:1400px){
	#careers .teamgroup{
	    width:calc(100% - 90px);
	    height:calc(100% - 50px);
	    max-height: 100%;
	   	margin-block:40px 150px;
    }
}
@media screen and (max-width:1200px){
	#careers .teamgroup{
	    max-height: 100%;
	   	margin-block:40px 110px;
    }
}

@media screen and (max-width:768px){
	#careers .teamgroup{
	    display: grid;
	    grid-gap:10px;
	    width:80%;
	    height:100%;
	    max-height: 100%;
	    margin-block:25px 60px;
	    margin-inline: auto;
	    -ms-grid-rows: 48% 48% ;
	    grid-template-rows: 48% 48% ;
	    -ms-grid-columns: 100% ;
	    grid-template-columns: 100% ;
	    grid-template-areas:
	    "gathering "
	    "engineer2 "
	}
}

.teamgroup__img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.teamgroup__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: all 1s;
}
.teamgroup__img img.active{
	opacity: 1;
}

#careers .team01{
    grid-area: blackboard;
}
#careers .team02{
	grid-area: engineer;
}
#careers .team03{
	grid-area: talk;
}
#careers .team04{
	grid-area: officer;
}
#careers .team05{
	grid-area: gathering;
}
#careers .team06{
	grid-area: explanation;
	display: none;
}
#careers .team07{
	grid-area: intro;
}
#careers .team08{
	grid-area: reception;
}
#careers .team09{
	grid-area: ceo;
}
#careers .team10{
	grid-area: engineer2;
}
#careers .team11{
	grid-area: consultation;
}

#careers .team12{
	grid-area: white;
}
#careers .team13{
	grid-area: white2;
}
#careers .team14{
	grid-area: white3;
}
#careers .team15{
	grid-area: white4;
}
#careers .team16{
	grid-area: white5;
}
@media screen and (max-width:768px){
	#careers .team01,
	#careers .team02,
	#careers .team03,
	#careers .team04,
	#careers .team06,
	#careers .team07,
	#careers .team08,
	#careers .team09,
	#careers .team11,
	#careers .team12,
	#careers .team13,
	#careers .team14,
	#careers .team15,
	#careers .team16{
		display: none;
	}
}


/*　202312修正ここまで */