@charset "UTF-8";

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

@media screen and (min-width:769px) {
  
	#interview #submainbox .tlcont{
		margin-bottom:0;
		padding:0 0 80px 0;
	}
	
	#interview .interview_cont{
		position: relative;
	}
	
	#interview .interview_cont::after{
		content: "";
		width:100%;
		height:calc(100% - 310px);
		background:#FAFAFA;
		bottom:0;
		left:0;
		display: block;
		position: absolute;
		z-index:1;
	}
	
	/*index*/
	#interview .interview_cont .innercont{
		width:1000px;
		margin:0 auto;
	}
	
	#interview ol.interview_list{
		width:calc(100% + 84px);
		margin:0 0 0 -84px;
		padding:0 0 70px 0;
		display: flex;
		justify-content: center;
		counter-reset: item;
  		list-style-type: none;
		position: relative;
		z-index: 2;
		flex-wrap: wrap;
	}
	
	#interview ol.interview_list li{
		width:calc(100% / 3 );
		padding:0 0 84px 84px;
		box-sizing: border-box;
	}
	
	#interview ol.interview_list .phbox{
		width:100%;
		position: relative;
		height:380px;
	}
	
	#interview ol.interview_list .phbox img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
	}
	
	#interview ol.interview_list .phbox img.over{
		opacity: 0;
		transition: all 0.2s;
	}
	
	#interview ol.interview_list a:hover .phbox img.over{
		opacity: 1;
	}
	
	#interview ol.interview_list .txcont{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100%;
		display: flex;
		z-index: 2;
		flex-direction: column;
	}
	
	#interview ol.interview_list .txcont .num{
		font-size:5rem;
		font-weight: 600;
		color:#fff;
		padding:5px 0;
	}
	
	#interview ol.interview_list .txcont .infotx{
		margin:auto 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	#interview ol.interview_list .txcont .infotx p{
		background:#fff;
		font-size:1.4rem;
		font-weight: 500;
		line-height: 1;
		display: inline-block;
		padding:3px;
		margin:0;
	}
	
	#interview ol.interview_list .txcont .infotx p:last-child{
		font-size:2.4rem;
		font-weight: 700;
	}
	
	#interview ol.interview_list li .num::before{
		counter-increment: item;
  		content: "#0" counter(item); 
		letter-spacing: -0.08em;
	}
	
	#interview ol.interview_list li .tx{
		font-size:1.5rem;
		line-height: 2.4rem;
		padding:10px 10px 0 10px;
	}
	
	#interview .bottommegacont .cap{
		font-size:1.5rem;
		padding:10px 0 0 0;
	}
	
	/*page*/
	#submainbox.pagedheight{
		height:100vh;
		padding:0 0 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#submainbox.pagedheight::after{
		display: none;
	}
	
	#submainbox.pagedheight .scrollmotion {
    position: absolute;
    bottom: 0;
    right: calc((100% - 1000px) / 4 - 0.6em);
    z-index: 4;
  }
  #submainbox.pagedheight .scrollmotion .tx {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    font-size: 1.2rem;
    padding: 0 0 10px 0;
  }
  #submainbox.pagedheight .scrollmotion .border {
    height: 140px;
    width: 1px;
    background: #fff;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 0 0 calc(0.4em - 0.5px);
  }
  #submainbox.pagedheight .scrollmotion .border span {
    content: "";
    height: 50%;
    width: 1px;
    background: #888;
    position: absolute;
    top: -50%;
    left: 0;
    animation-name: scanime;
    animation-fill-mode: backwards;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-direction: normal;
  }
	
	#submainbox .interview_maincont{
		width:1000px;
		margin:0 auto;
		z-index:3;
		transition: opacity 1s;
		transition-delay: 0.5s;
		opacity: 0;
	}
	
	#submainbox .interview_maincont.active{
		opacity: 1;
	}
	
	#submainbox .interview_maincont .phcont{ 
		width:100%;
		height:525px;
		position: relative;
	}
	
	#submainbox .interview_maincont .phcont img{ 
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
	}
	
	#submainbox .interview_maincont .txcont{ 
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		z-index:2;
		display: flex;
		flex-direction:column;
		align-items: flex-start;
		overflow: hidden;
	}
	
	#submainbox .interview_maincont .txcont .mtl,
	#submainbox .interview_maincont .txcont .num{
    font-size: 8rem;
    line-height: 8rem;
    font-weight: 500;
    letter-spacing: -0.4rem;
    margin: -0.2em 0 0 -0.1em;
    position: relative;
    display: inline-block;
    transform: scaleX(0);
    transform-origin: left;
		color:#fff;
  	}
	
	#submainbox .interview_maincont .txcont .num{
		font-size:4rem;
		line-height: 1;
		margin:20px 0 0 0;
	}
  #submainbox .interview_maincont .txcont .mtl.active,
	#submainbox .interview_maincont .txcont .num.active{
    animation-name: navscale;
    animation-duration: 0.5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
  }
  #submainbox .interview_maincont .txcont .mtl::after,
	 #submainbox .interview_maincont .txcont .num::after {
    content: "";
    width: calc(100% + 10px);
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    transform: scaleX(1);
    transform-origin: right;
  }
  #submainbox .interview_maincont .txcont .mtl.active::after,
	#submainbox .interview_maincont .txcont .num.active::after{
    animation-name: navscale2;
    animation-duration: 0.5s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
  }
	
	#submainbox .interview_maincont .txcont .infotx{
		margin:auto 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	#submainbox .interview_maincont .txcont .infotx p {
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: 0.1rem;
    overflow: hidden;
    transform: translate(-100%, 0);
    transition: 0.5s;
    transition-delay: 1.5s;
  }
	
	#submainbox .interview_maincont .txcont .infotx p:last-child {
    font-size: 5.5rem;
		font-weight: 700;
  }
  #submainbox .interview_maincont .txcont .infotx p span {
    display: block;
    transform: translate(100%, 0);
    transition: 0.5s;
    transition-delay: 1.5s;
	  background:#fff;
		font-weight: 700;
		padding:5px;
		margin:0;
  }
  #submainbox .interview_maincont .txcont .infotx p.active, #submainbox .interview_maincont .txcont .infotx p.active span {
    transform: translate(0, 0);
  }
	
	#submainbox .interview_maincont .caption {
    font-size:2.2rem;
    line-height: 4rem;
    letter-spacing: 0.1rem;
    overflow: hidden;
		font-weight: 700;
    transform: translate(-100%, 0);
    transition: 0.5s;
    transition-delay: 1.75s;
		margin:30px 0 0 0;
		display: inline-block;
  }
  #submainbox .interview_maincont .caption span {
    display: block;
    transform: translate(100%, 0);
    transition: 0.5s;
    transition-delay: 1.75s;
  }
  #submainbox .interview_maincont .caption.active, #submainbox .interview_maincont .caption.active span {
    transform: translate(0, 0);
  }
	
	#interview .explaincont{
		padding:140px 0 110px 0;
		background:#FAFAFA;
		overflow: hidden;
	}
	
	#interview .explaincont ol{
		width:1000px;
		margin:0 auto;
		counter-reset: item;
  		list-style-type: none;
	}
	
	#interview .explaincont ol li{
		display: flex;
		justify-content: space-between;
		margin:0 0 140px 0;
	}
	
	#interview .explaincont ol li:last-child{
		margin-bottom:0;
	}
	
	#interview .explaincont ol li.box2{
		width:calc(100% + 220px);
		margin-left: -220px;
	}
	
	#interview .explaincont ol li.box3{
		width:calc(100% + 220px);
		margin-right: -220px;
	}
	
	#interview .explaincont ol li .txcont{
		width:50%;
		padding:0 30px 0 0;
		box-sizing: border-box;
	}
	
	#interview .explaincont ol li .txcont.box2{
		width:50%;
		padding:0 0 0 60px;
		box-sizing: border-box;
		order:1;
	}
	
	#interview .explaincont ol li .txcont.box3{
		width:100%;
		padding:0 0 0 0;
	}
	
	#interview .explaincont ol li .txcont.box4{
		width:50%;
		padding:0 0 0 0;
	}
	
	#interview .explaincont ol li .txcont .txbox.box2{
		display: flex;
	}
	
	#interview .explaincont ol li .ph{
		width:50%;
		padding:0 0 0 80px;
		box-sizing: border-box;
	}
	
	#interview .explaincont ol li .ph.box2{
		width:calc(50% + 220px);
		padding:0 60px 0 0;
		box-sizing: border-box;
	}
	
	#interview .explaincont ol li .ph.box3{
		width:calc(50% + 220px);
		padding:0 0 0 100px;
		box-sizing: border-box;
	}
	
	#interview .explaincont ol li .ph.box2 img{
		max-width:calc(100% + 220px);
		margin:0 0 0 0;
	}
	
	#interview .explaincont ol li .txcont .subtl{
		font-size:2rem;
		font-weight: 700;
		margin:0 0 30px 0;
	}
	
	#interview .explaincont ol li .txcont .subtl span:before{
		counter-increment: item;
  		content: "0" counter(item); 
		margin:0 15px 0 0;
	}
	
	#interview .explaincont ol li .txcont .txbox .mtl{
		font-size:2.6rem;
		line-height: 4.2rem;
		margin:0 0 20px 0;
		font-weight: 700;
		letter-spacing: -0.01em;
	}
	
	#interview .explaincont ol li .txcont .txbox.box2 .mtl{
		width:410px;
		padding:0 40px 0 0;
		box-sizing: border-box;
	}
	
	#interview .explaincont ol li .txcont .txbox .tx{
		font-size:1.5rem;
		line-height: 2.6rem;
	}
	
	#interview .explaincont ol li .txcont .txbox.box2 .tx{
		width:calc(100% - 410px);
	}
	
	/*nextlink*/
	#interview .nextlinkcont{
		padding:145px 0 ;
		display: flex;
		justify-content: center;
		
	}
	
	#interview .nextlinkcont .innerbox{
		width:1000px;
		display: flex;
		justify-content: space-between;
	}
	
	#interview .nextlinkcont .inbox{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#interview .nextlinkcont .phbox{
		width:260px;
		position: relative;
		height:180px;
		margin:0 0 0 20px;
	}
	
	#interview .nextlinkcont .phbox.box2{
		width:260px;
		position: relative;
		height:180px;
		margin:0 20px 0 0;
	}
	
	#interview .nextlinkcont .phbox img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
	}
	
	#interview .nextlinkcont .txcont{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100%;
		display: flex;
		z-index: 2;
		flex-direction: column;
	}
	
	#interview .nextlinkcont .txcont .num{
		font-size:5rem;
		font-weight: 600;
		color:#fff;
		padding:5px;
		margin:0 0 0 auto;
		letter-spacing: -0.08em;
	}
	
	#interview .nextlinkcont .txcont .infotx{
		margin:auto 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	#interview .nextlinkcont .txcont .infotx p{
		background:#fff;
		font-size:1.4rem;
		font-weight: 700;
		line-height: 1;
		display: inline-block;
		padding:3px;
		margin:0 0;
	}
	
	#interview .nextlinkcont .txcont .infotx p:last-child{
		font-size:2.4rem;
		font-weight: 700;
	}
	
	#interview .nextlinkcont .arrowlink{
		font-size:2.2rem;
		letter-spacing: -0.08em;
	}
	
	#interview .nextlinkcont .arrowlink.prev {
    	padding: 0 0 2px 60px;
   		 position: relative;
  	}
	
  	#interview .nextlinkcont .arrowlink.prev .arrow {
    	left: 0;
		display: inline-block;
		width:40px;
 	 }
	
	#interview .nextlinkcont .arrowlink.prev::after {
    content: "";
    width: calc(100% - 60px);
    border-bottom: 1px solid #222;
    position: absolute;
    bottom: 0;
    right: 0;
		left:auto;
  }

  #interview .nextlinkcont .arrowlink.prev span {
    position: absolute;
    top: 50%;
    right: 50%;
	left:auto;
    display: block;
	transform: rotate(180deg);
  }
	
 	#interview .nextlinkcont .inbox:hover .arrowlink .scalebox {
    transform: scale(1.5);
  }

}

@media screen and (max-width:768px) {
  
	#interview #submainbox .tlcont{
		margin-bottom:0;
		padding:0 0 80px 0;
	}
	
	#interview .interview_cont{
		position: relative;
	}
	
	#interview .interview_cont::after{
		content: "";
		width:100%;
		height:calc(100% - 150px);
		background:#FAFAFA;
		bottom:0;
		left:0;
		display: block;
		position: absolute;
		z-index:1;
	}
	
	/*index*/
	#interview .interview_cont .innercont{
		width:90%;
		margin:0 auto;
	}
	
	#interview ol.interview_list{
		width:100%;
		margin:0 0 0 0;
		padding:0 0 30px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		counter-reset: item;
  		list-style-type: none;
		position: relative;
		z-index: 2;
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	#interview ol.interview_list li{
		width:100%;
		max-width: 250px;
		padding:0 0 50px 0;
		box-sizing: border-box;
	}
	
	#interview ol.interview_list .phbox{
		width:100%;
		position: relative;
		height:320px;
	}
	
	#interview ol.interview_list .phbox img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
	}
	
	#interview ol.interview_list .phbox img.over{
		opacity: 0;
		transition: all 0.2s;
	}
	
	#interview ol.interview_list a:hover .phbox img.over{
		opacity: 1;
	}
	
	#interview ol.interview_list .txcont{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100%;
		display: flex;
		z-index: 2;
		flex-direction: column;
	}
	
	#interview ol.interview_list .txcont .num{
		font-size:3rem;
		font-weight: 600;
		color:#fff;
		padding:5px 0;
	}
	
	#interview ol.interview_list .txcont .infotx{
		margin:auto 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	#interview ol.interview_list .txcont .infotx p{
		background:#fff;
		font-size:1.2rem;
		font-weight: 500;
		line-height: 1;
		display: inline-block;
		padding:3px;
		margin:0;
	}
	
	#interview ol.interview_list .txcont .infotx p:last-child{
		font-size:1.8rem;
		font-weight: 700;
	}
	
	#interview ol.interview_list li .num::before{
		counter-increment: item;
  		content: "#0" counter(item); 
		letter-spacing: -0.08em;
	}
	
	#interview ol.interview_list li .tx{
		font-size:1.2rem;
		line-height: 2rem;
		padding:10px 10px 0 10px;
	}
	
	#interview .bottommegacont .cap{
		font-size:1.5rem;
		padding:10px 0 0 0;
	}
	
	/*page*/
	#submainbox.pagedheight{
		height:auto;
		padding:100px 0 30px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#submainbox.pagedheight::after{
		display: none;
	}
	
	#submainbox.pagedheight .scrollmotion {
    position: absolute;
    bottom: 0;
    right: calc((100% - 1000px) / 4 - 0.6em);
    z-index: 4;
		display: none;
  }
  #submainbox.pagedheight .scrollmotion .tx {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    font-size: 1.2rem;
    padding: 0 0 10px 0;
  }
  #submainbox.pagedheight .scrollmotion .border {
    height: 140px;
    width: 1px;
    background: #fff;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 0 0 calc(0.4em - 0.5px);
  }
  #submainbox.pagedheight .scrollmotion .border span {
    content: "";
    height: 50%;
    width: 1px;
    background: #888;
    position: absolute;
    top: -50%;
    left: 0;
    animation-name: scanime;
    animation-fill-mode: backwards;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    animation-delay: 0s;
    animation-direction: normal;
  }
	
	#submainbox .interview_maincont{
		width:100%;
		margin:0 auto;
		z-index:3;
		transition: opacity 1s;
		transition-delay: 0.5s;
		opacity: 0;
	}
	
	#submainbox .interview_maincont.active{
		opacity: 1;
	}
	
	#submainbox .interview_maincont .phcont{ 
		width:100%;
		height:60vw;
		position: relative;
	}
	
	#submainbox .interview_maincont .phcont img{ 
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		z-index:1;
	}
	
	#submainbox .interview_maincont .txcont{ 
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		z-index:2;
		display: flex;
		flex-direction:column;
		align-items: flex-start;
		overflow: hidden;
	}
	
	#submainbox .interview_maincont .txcont .mtl,
	#submainbox .interview_maincont .txcont .num{
    font-size: 4rem;
    line-height: 4rem;
    font-weight: 500;
    letter-spacing: -0.1rem;
    margin: -0.2em 0 0 -0.1em;
    position: relative;
    display: inline-block;
    transform: scaleX(0);
    transform-origin: left;
		color:#fff;
  	}
	
	#submainbox .interview_maincont .txcont .num{
		font-size:3rem;
		line-height: 1;
		margin:5px 0 0 0;
	}
  #submainbox .interview_maincont .txcont .mtl.active,
	#submainbox .interview_maincont .txcont .num.active{
    animation-name: navscale;
    animation-duration: 0.5s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
  }
  #submainbox .interview_maincont .txcont .mtl::after,
	 #submainbox .interview_maincont .txcont .num::after {
    content: "";
    width: calc(100% + 10px);
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    transform: scaleX(1);
    transform-origin: right;
  }
  #submainbox .interview_maincont .txcont .mtl.active::after,
	#submainbox .interview_maincont .txcont .num.active::after{
    animation-name: navscale2;
    animation-duration: 0.5s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
  }
	
	#submainbox .interview_maincont .txcont .infotx{
		margin:auto 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	#submainbox .interview_maincont .txcont .infotx p {
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.1rem;
    overflow: hidden;
    transform: translate(-100%, 0);
    transition: 0.5s;
    transition-delay: 1.5s;
  }
	
	#submainbox .interview_maincont .txcont .infotx p:last-child {
    font-size: 2.7rem;
		font-weight: 700;
  }
  #submainbox .interview_maincont .txcont .infotx p span {
    display: block;
    transform: translate(100%, 0);
    transition: 0.5s;
    transition-delay: 1.5s;
	  background:#fff;
		font-weight: 700;
		padding:5px;
		margin:0;
  }
  #submainbox .interview_maincont .txcont .infotx p.active, #submainbox .interview_maincont .txcont .infotx p.active span {
    transform: translate(0, 0);
  }
	
	#submainbox .interview_maincont .caption {
    font-size:1.5rem;
    line-height: 3rem;
    letter-spacing: 0.1rem;
    overflow: hidden;
		font-weight: 700;
    transform: translate(-100%, 0);
    transition: 0.5s;
    transition-delay: 1.75s;
		margin:20px 0 0 0;
		display: inline-block;
  }
  #submainbox .interview_maincont .caption span {
    display: block;
    transform: translate(100%, 0);
    transition: 0.5s;
    transition-delay: 1.75s;
	margin-left:1rem;
  }
  #submainbox .interview_maincont .caption.active, #submainbox .interview_maincont .caption.active span {
    transform: translate(0, 0);
	  margin-left:1rem;
  }
	
	#interview .explaincont{
		padding:50px 0 50px 0;
		background:#FAFAFA;
		overflow: hidden;
	}
	
	#interview .explaincont ol{
		width:90%;
		margin:0 auto;
		counter-reset: item;
  		list-style-type: none;
	}
	
	#interview .explaincont ol li{
		display: flex;
		justify-content: space-between;
		margin:0 0 50px 0;
		flex-direction: column;
	}
	
	#interview .explaincont ol li:last-child{
		margin-bottom:0;
	}
	
	#interview .explaincont ol li.box2{
		width:100%;
		margin-left:0;
	}
	
	#interview .explaincont ol li.box3{
		width:100%;
		margin-right:0;
	}
	
	#interview .explaincont ol li .txcont{
		width:100%;
		padding:0 0 0 0;
		box-sizing: border-box;
		order:-1;
	}
	
	#interview .explaincont ol li .ph{
		width:100%;
		padding:30px 0 0 0;
		box-sizing: border-box;
	}
	
	#interview .explaincont ol li .txcont .subtl{
		font-size:1.4rem;
		font-weight: 700;
		margin:0 0 0 0;
	}
	
	#interview .explaincont ol li .txcont .subtl span:before{
		counter-increment: item;
  		content: "0" counter(item); 
		margin:0 10px 0 0;
	}
	
	#interview .explaincont ol li .txcont .txbox .mtl{
		font-size:1.8rem;
		line-height: 3.6rem;
		margin:2rem 0 1rem;
		font-weight: 700;
	}
	
	#interview .explaincont ol li .txcont .txbox .tx{
		font-size:1.3rem;
		line-height: 2.6rem;
	}
	
	/*nextlink*/
	#interview .nextlinkcont{
		padding:70px 0 ;
		display: flex;
		justify-content: center;
		
	}
	
	#interview .nextlinkcont .innerbox{
		width:90%;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	
	#interview .nextlinkcont .inbox{
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}
	
	#interview .nextlinkcont .inbox.box2{
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		flex-direction: column;
	}
	
	#interview .nextlinkcont .phbox{
		width:260px;
		position: relative;
		height:180px;
		margin:0 0 15px 0;
		order:-1;
	}
	
	#interview .nextlinkcont .phbox.box2{
		width:260px;
		position: relative;
		height:180px;
		margin:15px 0 20px 0;
		order:1;
	}
	
	#interview .nextlinkcont .phbox img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1;
	}
	
	#interview .nextlinkcont .txcont{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height: 100%;
		display: flex;
		z-index: 2;
		flex-direction: column;
	}
	
	#interview .nextlinkcont .txcont .num{
		font-size:5rem;
		font-weight: 600;
		color:#fff;
		padding:5px;
		margin:0 0 0 auto;
		letter-spacing: -0.08em;
	}
	
	#interview .nextlinkcont .txcont .infotx{
		margin:auto 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	#interview .nextlinkcont .txcont .infotx p{
		background:#fff;
		font-size:1.4rem;
		font-weight: 700;
		line-height: 1;
		display: inline-block;
		padding:3px;
		margin:0 0;
	}
	
	#interview .nextlinkcont .txcont .infotx p:last-child{
		font-size:2.4rem;
		font-weight: 700;
	}
	
	#interview .nextlinkcont .arrowlink{
		font-size:2.2rem;
		letter-spacing: -0.08em;
	}
	
	#interview .nextlinkcont .arrowlink.prev {
    	padding: 0 0 2px 60px;
   		 position: relative;
  	}
	
  	#interview .nextlinkcont .arrowlink.prev .arrow {
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
		width:30px;
  }
	
	#interview .nextlinkcont .arrowlink.prev::after {
    content: "";
    width: calc(100% - 60px);
    border-bottom: 1px solid #222;
    position: absolute;
    bottom: 0;
    right: 0;
		left:auto;
  }

  #interview .nextlinkcont .arrowlink.prev span {
    position: absolute;
    top: 50%;
    right: 50%;
	  left:auto;
    display: block;
	transform: rotate(180deg);
  }
	
 	#interview .nextlinkcont .inbox:hover .arrowlink .scalebox {
    transform: scale(1.5);
  }

}