@charset "utf-8";
@keyframes barUpDw{0%{transform:translateX(0);} 100%{transform:translateX(58px);}}
@keyframes barUpDw2{0%{transform:translateX(0);} 100%{transform:translateX(4.8333vw);}}
@keyframes barUpDw3{0%{transform:translateX(0);} 100%{transform:translateX(12.1795vw);}}
@keyframes numScroll{0%{transform:translateX(0);} 100%{transform:translateX(-100vw);}}

body{overflow:hidden;}
body.loaded{overflow-y:auto;}
#gHeader,
#gNavBtn > span:before,
#gNavBtn > span:after,
#gNavBtn > span > span{transition:background-color 0.4s;}
#gHeader.hdColor{background-color:transparent;}
#gHeader.hdColor .logo svg{filter:drop-shadow(0 0 5px var(--main-gray));}
#gHeader.hdColor .logo svg use{fill:#fff;}
#gHeader.hdColor #gNavBtn > span:before,
#gHeader.hdColor #gNavBtn > span:after,
#gHeader.hdColor #gNavBtn > span > span{
	background-color:#fff;
	box-shadow:0 0 5px #000;
}
#gMain{margin-top:0;}
#loading{
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:#d6b460;
	color:#fff;
	opacity:1;
	transition:opacity 1.2s ease-out 0s,z-index 0s ease 1.2s;
	z-index:200;
}
.loaded #loading{
	opacity:0;
	z-index:-1;
}
#loading svg{width:160px;}
#loading svg use{fill:#fff;}
main{width:100%;}
section{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}
#mainVideo{background-color:#000;}
#mainVideo .mainVideo{
	position:relative;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}
#mainVideo .lead{
	position:absolute;
	color:#fff;
	transition-delay:1.0s;
	z-index:1;
}
#mainVideo .scrollbar{
	display:flex;
	align-items:center;
	position:absolute;
	color:#fff;
	line-height:1.0;
	transform-origin:right top;
	transform:rotate(90deg);
}
#mainVideo .scrollbar:before{
	content:"";
	display:block;
	position:absolute;
	background-color:var(--main-color);
	border-radius:50%;
}
#mainVideo .scrollbar:after{
	content:"";
	display:block;
	height:1px;
	background-color:#fff;
}
#messageSec{text-align:center;}
#messageSec .doubleTtl:before{
	content:"";
	display:block;
	width:1px;
	margin:0 auto;
	background-color:var(--main-color);
	transition:transform 0.8s;
	transform-origin:left top;
	transform:scaleY(0);
}
#messageSec.show .doubleTtl:before{transform:scaleY(1);}
#interviewSec .swiper-slide h3{line-height:1.5;}
#missionSec h2{
	position:relative;
	line-height:1.0;
}
#missionSec h2 span{
	display:block;
	position:relative;
	z-index:1;
}
#missionSec h2:before{
	content:"";
	position:absolute;
	background:url("../img/top/mission-bg.svg") no-repeat left center / contain;
	transform:translateX(100%);
	opacity:0;
	transition:all 2.4s;
	z-index:0;
}
#missionSec h2.show:before{
	transform:translateX(0);
	opacity:1;
}
#missionSec h3{
	display:inline;
	line-height:2.0;
	background:linear-gradient(transparent 65%,var(--pale-color) 65%);
}
#missionSec .endMsg{text-align:right;}
#recruitmentSec{
	width:100%;
	max-width:1330px;
	margin:0 auto;
	overflow:visible;
}
#recruitmentSec .inner{
	position:relative;
	height:100%;
	margin:0 auto;
}
#recruitmentSec h2{color:#fff;}
#recruitmentSec .recVideo{z-index:1;}
#recruitmentSec .recVideo:before{
	content:"";
	display:block;
	width:100%;
	height:0;
	padding-top:56.25%;
	background-color:#000;
}
#recruitmentSec .recVideo img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}
#valueSec{
	background-color:#f5f5f5;
	text-align:center;
}
#valueSec .valSec h3{
	position:relative;
	display:flex;
	align-items:center;
	line-height:1.0;
}
#valueSec .valSec h3:before,
#valueSec .valSec h3:after{
	content:"";
	position:absolute;
	left:0;
	display:block;
	width:100%;
	height:1px;
	background-color:#747474;
	transform-origin:left top;
	transform:scaleX(0);
	transition:opacity 1s cubic-bezier(0.37,0.16,0.12,1),transform 1s cubic-bezier(0.37,0.16,0.12,1);
}
#valueSec .valSec h3:before{top:0;}
#valueSec .valSec h3:after{bottom:0;}
#valueSec .valSec.show h3:before,
#valueSec .valSec.show h3:after{transform:scaleX(1);}
#workSec,
#dataSec{color:#fff;}
#workSec .inner{
	position:relative;
	width:100%;
	height:100%;
}
#dataSec{width:100vw;}
#dataSec:before{
	content:"";
	display:block;
	width:100%;
	height:0;
}
#dataSec > *{
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
#dataSec .beltBg{
	width:100vw;
	z-index:0;
}
#dataSec .beltBg img{position:absolute;}
#dataSec .beltBg .num01,
#dataSec .beltBg .num05{opacity:0.3;}
#dataSec .beltBg .num02,
#dataSec .beltBg .num06{opacity:0.4;}
#dataSec .beltBg .num03,
#dataSec .beltBg .num07{opacity:0.3;}
#dataSec .beltBg .num04,
#dataSec .beltBg .num08{opacity:0.4;}
#dataSec > .inner{
	width:100%;
	z-index:1;
}
#dataSec .doubleTtl img{transition-delay:0.8s;}
#ourJob{text-align:center;}
#ourJob .jobLink{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#ourJob .jobLink li:nth-child(2){transition-delay:0.4s;}
#ourJob .jobLink li:nth-child(3){transition-delay:0.8s;}
#ourJob .jobLink li:nth-child(4){transition-delay:1.2s;}
#ourJob .jobLink .boxBtn{border-width:2px;}
#ourJob .boxBtn svg:first-child{
	width:auto;
	border-radius:0;
	overflow:visible;
}
#ourJob .boxBtn svg:first-child use{fill:var(--main-gray);}
#ourJob .boxBtn:hover svg:first-child use{fill:#fff;}
#ourJob .boxBtn span{
	flex:1;
	text-align:left;
}
#interviewSec .interviewHd{
	position:relative;
	width:100%;
	margin:0 auto;
}
#interviewSec .interviewHd:before{
	content:"";
	position:absolute;
	display:block;
	background:url("../img/top/interview-txt.svg") no-repeat left top / contain;
	transform:translateX(-100%);
	opacity:0;
	transition:all 2.4s;
}
#interviewSec.show .interviewHd:before{
	transform:translateX(0);
	opacity:1;
}
#interviewSec #interviewSlider:before{
	content:"";
	display:block;
	position:absolute;
	background-color:#f0f6f7;
	z-index:0;
}
#interviewSec #interviewSlider > *{z-index:1;}
#interviewSec .swiper-slide{
	transform-origin:left top;
	transition:all 0.8s ease-out;
}
#interviewSec .swiper-slide figcaption{
	position:relative;
	border:solid #f5f5f5;
	background-color:#fff;
	z-index:1;
}
#interviewSec .swiper-slide .joinYear{
	display:block;
	line-height:1.0;
}
#interviewSec .swiper-slide .joinName{
	display:flex;
	align-items:center;
	line-height:1.0;
}
#interviewSec .swiper-slide .joinName > *{display:block;}
#interviewSec .swiper-slide .joinName dd{font-weight:bold;}
#interviewSlider .sliderParts{
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:absolute;
}
#interviewSlider .sliderParts > *{position:static!important;}
#interviewSlider .swiper-pagination{
	border-top:1px solid #686969;
	border-bottom:1px solid #686969;
	font-family:"Montserrat",sans-serif;
  font-optical-sizing:auto;
  font-weight:400;
  font-style:normal;
}
#interviewSlider .swiper-pagination-current{color:var(--main-color);}
#interviewSec .swiper-button-next,
#interviewSec .swiper-button-prev{
	margin:0;
	border:1px solid #ccc;
	background-color:#fff;
	border-radius:50%;
	transition:all 0.4s;
}
#interviewSec .swiper-button-prev{
	transform-origin:center center;
	transform:rotate(180deg);
}
#interviewSec .swiper-button-next:after,
#interviewSec .swiper-button-prev:after{content:none;}
#interviewSec .swiper-button-next svg,
#interviewSec .swiper-button-prev svg{height:auto;}
#interviewSec .swiper-button-next svg use,
#interviewSec .swiper-button-prev svg use{fill:#707070;}
#interviewSec .swiper-button-next:hover,
#interviewSec .swiper-button-prev:hover{background-color:#707070;}
#interviewSec .swiper-button-next:hover svg use,
#interviewSec .swiper-button-prev:hover svg use{fill:#fff;}
#recruitVideoPop video{width:100%;}
@media screen and (max-width:767.98px){/*390px*/
	section p+p{margin-top:7.6923vw;}
	#mainVideo{
		height:100vh;
		height:100dvh;
	}
	#mainVideo .lead{
		bottom:4.1026vw;
		left:7.4359vw;
		line-height:1.356;
		font-size:4.8333rem;
	}
	#mainVideo .scrollbar{
		bottom:-2.6vw;
		right:3.8462vw;
		font-size:0.8333rem;
	}
	#mainVideo .scrollbar:before{
		left:9.5vw;
		top:0.418vw;
		width:1.6667vw;
		height:1.6667vw;
		animation:barUpDw3 3.2s infinite ease-in-out alternate;
	}
	#mainVideo .scrollbar:after{
		width:13.8462vw;
		margin-left:2.5641vw;
	}
	#messageSec{margin-top:9.7436vw;}
	#messageSec .doubleTtl{margin-bottom:6.1538vw;}
	#messageSec .doubleTtl:before{height:13.8462vw;}
	#messageSec .doubleTtl small{margin-top:6.6667vw;}
	#messageSec .doubleTtl strong{
		margin-top:8.7179vw;
		font-size:3.3333rem;
		line-height:1.525;
	}
	#messageSec p{
		padding:0 5.1282vw;
		text-align:left;
	}
	#messageSec *[class^="msgFg"]{display:block;}
	#messageSec .msgFg01{margin-top:15.3846vw;}
	#messageSec .msgFg02{margin-top:1.0256vw;}
	#missionSec{
		padding-top:20.5128vw;
		text-align:center;
	}
	#missionSec h2{
		margin-bottom:54px;
		padding-left:5.1282vw;
		font-size:2.6667rem;
	}
	#missionSec h2:before{
		width:83.3333vw;
		height:17.6923vw;
		left:17.1795vw;
		top:-5.8974vw;
	}
	#missionSec h3{font-size:1.6667rem;}
	#missionSec h3+p{margin-top:48px;}
	#missionSec p{
		padding:0 5.1282vw;
		text-align:left;
	}
	#missionSec picture{
		display:block;
		width:94.8718vw;
		margin:17.9487vw auto 0 0;
	}
	#recruitmentSec{
		height:72.5641vw;
		margin-top:27.6923vw;
		background:url("../img/top/mvi-bg-sp.webp") no-repeat center center / cover;
	}
	#recruitmentSec .inner{width:100%;}
	#recruitmentSec .doubleTtl{padding:9.4872vw 5.1282vw 0;}
	#recruitmentSec .recVideo{
		position:relative;
		width:89.7436vw;
		height:50.5128vw;
		margin:15.641vw auto 0;
	}
	#recruitVideoPop{
		width:90%;
		max-width:800px;
	}
	#valueSec{
		margin-top:23.0769vw;
		padding:14.1026vw 5.1282vw 15.3846vw;
	}
	#valueSec .doubleTtl{margin-bottom:10vw;}
	#valueSec figure{
		width:64.6154vw;
		margin:0 auto 3.8462vw;
	}
	#valueSec .valSec+.valSec{margin-top:16.4103vw;}
	#valueSec .valSec h3{padding:3.3333vw 0;}
	#valueSec .valSec h3:before{transition-delay:0.4s;}
	#valueSec .valSec h3:after{transition-delay:0.8s;}
	#valueSec .valSec h3 img{width:7.6923vw;}
	#valueSec .valSec h3 strong{
		margin-left:2.5641vw;
		font-size:1.6667rem;
	}
	#valueSec .valSec p{margin-top:1.7949vw;}
	#workSec{
		width:89.7436vw;
		height:138.4615vw;
		margin:14.8718vw auto 17.9487vw;
		background:url("../img/top/work-bg-sp.webp") no-repeat center top / cover;
	}
	#workSec .inner{padding:7.1795vw 11.2821vw 5.1282vw 5.1282vw;}
	#workSec .doubleTtl{margin-bottom:2.8205vw;}
	#workSec .doubleTtl strong{
		margin-top:1.7949vw;
		line-height:4.1667rem;
	}
	#workSec .doubleTtl strong span{font-size:2.4167rem;}
	#workSec .secLink,
	#dataSec .secLink{
		width:38.4615vw;
		height:10.2564vw;
		margin-top:4.359vw;
	}
	#workSec .boxBtn,
	#dataSec .boxBtn{
		padding:2.3077vw 1.5385vw 2.3077vw 6.1538vw;
		font-size:1.1667rem;
	}
	#dataSec{background:url("../img/top/data-bg-sp.webp") no-repeat center top / cover;}
	#dataSec:before{padding-top:153.846%;}
	#dataSec .beltBg .num01,
	#dataSec .beltBg .num05{
		width:33.462%;
		bottom:21.167%;
		animation:numScroll 40s infinite ease 0s both;
	}
	#dataSec .beltBg .num02,
	#dataSec .beltBg .num06{
		width:79.744%;
		bottom:-0.083%;
		animation:numScroll 40s infinite cubic-bezier(0.37,0,0.63,1) 0s both;
	}
	#dataSec .beltBg .num03,
	#dataSec .beltBg .num07{
		width:31.538%;
		top:44.083%;
		animation:numScroll 40s infinite linear 0s both;
	}
	#dataSec .beltBg .num04,
	#dataSec .beltBg .num08{
		width:42.051%;
		top:0.417%;
		animation:numScroll 40s infinite cubic-bezier(0.45,0,0.55,1) 0s both;
	}
	#dataSec .beltBg .num01{left:8.846%;}
	#dataSec .beltBg .num02{left:21.154%;}
	#dataSec .beltBg .num03{left:66.154%;}
	#dataSec .beltBg .num04{left:57.436%;}
	#dataSec .beltBg .num05{left:108.846%;}
	#dataSec .beltBg .num06{left:121.154%;}
	#dataSec .beltBg .num07{left:166.154%;}
	#dataSec .beltBg .num08{left:157.436%;}
	#dataSec .inner{padding:21.0256vw 5.1282vw 5vw;}
	#dataSec .doubleTtl strong,
	#dataSec .doubleTtl img{display:block;}
	#dataSec .doubleTtl strong{
		margin-top:5.1282vw;
		font-size:2.1667rem;
	}
	#dataSec .doubleTtl img{
		width:74.359vw;
		margin-top:4.6154vw;
	}
	#ourJob{
		width:89.7436vw;
		margin:17.9487vw auto 29.4872vw;
	}
	#ourJob p{margin-top:6.6667vw;}
	#ourJob .jobLink{margin-top:6.1538vw;}
	#ourJob .jobLink li{
		width:48.57%;
		height:15.3846vw;
	}
	#ourJob .jobLink li:nth-child(n+3){margin-top:2.5641vw;}
	#ourJob .boxBtn{
		padding:0 2.3077vw 0 1.2821vw;
		font-size:1.1667rem;
	}
	#ourJob .boxBtn svg:first-child{width:5.641vw;}
	#ourJob .boxBtn span{padding-left:1.5385vw;}
	#interviewSec .interviewHd:before{
		width:93.8462vw;
		height:11.0256vw;
		top:2.8205vw;
		left:0.7692vw;
	}
	#interviewSec .doubleTtl{padding-left:5.3846vw;}
	#interviewSec .doubleTtl strong{margin-top:4.8718vw;}
	#interviewSec .titleLead{padding:5.641vw 5.1282vw 0;}
	#interviewSec #interviewSlider{
		height:105.641vw;
		margin-top:10vw;
	}
	#interviewSec #interviewSlider:before{
		width:100%;
		height:92.3077vw;
		left:0;
		bottom:0;
	}
	#interviewSec .swiper-slide{
		width:89.7436vw;
		padding-left:3.8462vw;
		margin:0 5.1282vw;
	}
	#interviewSec .swiper-slide figcaption{
		width:83.5897vw;
		margin:-17.9487vw 0 0 -3.8462vw;
		padding:2.5641vw 3.5897vw 4.8718vw;
		border-width:1.0256vw;
	}
	#interviewSec .swiper-slide h3{font-size:1.3333rem;}
	#interviewSec .swiper-slide .joinYear{margin-top:2.5641vw;}
	#interviewSec .swiper-slide .joinName{margin-top:3.8462vw;}
	#interviewSec .swiper-slide .joinName dd{
		margin-left:2.3077vw;
		font-size:1.5rem;
	}
	#interviewSlider .sliderParts{
		width:41.0256vw;
		height:8.2051vw;
		bottom:11.2821vw;
		right:5.1282vw;
		font-size:1.1667rem;
	}
	#interviewSlider .swiper-pagination{width:19.4872vw;}
	#interviewSec .swiper-button-next,
	#interviewSec .swiper-button-prev{
		width:7.9487vw;
		height:7.9487vw;
	}
	#interviewSec .swiper-button-prev{margin-left:4.359vw;}
	#interviewSec .swiper-button-next{margin-left:1.0256vw;}
	#interviewSec .swiper-button-next svg,
	#interviewSec .swiper-button-prev svg{width:2.0513vw;}
	#interviewSec .secLink{
		width:76.9231vw;
		height:17.9487vw;
		margin:7.6923vw auto 0;
	}
	#interviewSec .boxBtn{
		padding:4.6154vw 4.6154vw 4.6154vw 9.2308vw;
		font-size:1.3333rem;
	}
	#jobDescription{margin-top:23.5897vw;}
}
@media screen and (min-width:768px){
	#mainVideo{
		height:100vh;
		height:100dvh;
	}
	#mainVideo .lead{
		font-size:5rem;
		line-height:1.75;
	}
	#mainVideo .scrollbar{font-size:0.9166rem;}
	#messageSec{width:100%;}
	#messageSec .doubleTtl strong{font-size:3.75rem;}
	#messageSec .msgFg01,
	#messageSec .msgFg02{position:absolute;}
	#messageSec .msgFg02{transition-delay:0.4s;}
	#missionSec h2{font-size:2.5rem;}
	#missionSec h3{font-size:1.625rem;}
	#missionSec picture{
		position:absolute;
		top:0;
	}
	#recruitmentSec{background:url("../img/top/mvi-bg.webp") no-repeat center center / cover;}
	#recruitmentSec .inner{
		display:flex;
		align-items:center;
		justify-content:flex-start;
		width:90.2256%;
	}
	#recruitmentSec .recVideo{
		position:absolute;
		width:66.6666%;
		max-width:800px;
		right:0;
	}
	#recruitVideoPop{
		width:80%;
		max-width:800px;
	}
	#valueSec .valSec{
		display:grid;
		grid-template-columns:auto auto;
		grid-template-rows:auto auto;
		align-items:center;
	}
	#valueSec .valSec figure{
		grid-column:1 / 2;
		grid-row:1 / 3;
		padding-right:9.075%;
	}
	#valueSec .valSec figure img{
		width:71.0616%;
		margin:0 auto;
	}
	#valueSec .valSec h3{
		grid-column:2 / 3;
		grid-row:1 / 2;
		align-self:flex-end;
	}
	#valueSec .valSec h3:after{transition-delay:0.4s;}
	#valueSec .valSec h3 strong{font-size:1.875rem;}
	#valueSec .valSec p{
		grid-column:2 / 3;
		grid-row:2 / 3;
		align-self:flex-start;
	}
	#workSec{
		max-width:1200px;
		background:url("../img/top/work-bg.webp") no-repeat center center / cover;
	}
	#workSec .inner{
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:center;
		padding:5px 46% 5px 7.08333%;
	}
	#workSec .doubleTtl strong{line-height:4.4rem;}
	#workSec .doubleTtl strong span{font-size:3.75rem;}
	#dataSec{
		max-height:600px;
		background:url("../img/top/data-bg.webp") no-repeat center center / cover;
	}
	#dataSec:before{padding-top:43.2608695%;}
	#dataSec .beltBg .num01,
	#dataSec .beltBg .num05{
		width:13.623%;
		top:50%;
		animation:numScroll 80s infinite ease 0s both;
	}
	#dataSec .beltBg .num02,
	#dataSec .beltBg .num06{
		width:33.116%;
		top:58%;
		animation:numScroll 80s infinite cubic-bezier(0.37,0,0.63,1) 0s both;
	}
	#dataSec .beltBg .num03,
	#dataSec .beltBg .num07{
		width:17.971%;
		bottom:-1.5%;
		animation:numScroll 80s infinite linear 0s both;
	}
	#dataSec .beltBg .num04,
	#dataSec .beltBg .num08{
		width:27.246%;
		top:0.5%;
		animation:numScroll 80s infinite cubic-bezier(0.45,0,0.55,1) 0s both;
	}
	#dataSec .beltBg .num01{left:3.333%;}
	#dataSec .beltBg .num02{left:15.87%;}
	#dataSec .beltBg .num03{left:68.696%;}
	#dataSec .beltBg .num04{left:75.942%;}
	#dataSec .beltBg .num05{left:103.333%;}
	#dataSec .beltBg .num06{left:115.87%;}
	#dataSec .beltBg .num07{left:168.696%;}
	#dataSec .beltBg .num08{left:175.942%;}
	#dataSec .doubleTtl strong,
	#dataSec .doubleTtl img{
		display:inline-block;
		vertical-align:bottom;
	}
	#interviewSec .interviewHd{
		max-width:1200px;
		display:flex;
		justify-content:space-between;
	}
	#interviewSec .doubleTtl{width:44.1666%;}
	#interviewSec .titleLead{width:55.8334%;}
	#interviewSec #interviewSlider:before{
		width:69.710%;
		bottom:0;
		right:0;
	}
	#interviewSec .swiper-slide-active{padding-right:0!important;}
	#interviewSec .swiper-slide h3{font-size:1.25rem;}
	#interviewSec .swiper-slide-active h3{line-height:1.666;}
	#interviewSec .swiper-slide .joinYear,
	#interviewSec .swiper-slide .joinName dt{font-size:0.875rem;}
	#interviewSec .swiper-slide .joinName dd{font-size:1.25rem;}
	#interviewSec .swiper-slide-active h3{font-size:1.5rem;}
	#interviewSlider .swiper-pagination{font-size:1.25rem;}
}
@media screen and (min-width:768px) and (max-width:1219.98px){
	section p+p{margin-top:3.3333vw;}
	#mainVideo .lead{
		bottom:3.1667vw;
		left:2vw;
	}
	#mainVideo .scrollbar{
		bottom:-1.2vw;/*-0.9167vw*/
		right:3.6667vw;
	}
	#mainVideo .scrollbar:before{
		left:4vw;
		top:0.3333vw;
		width:0.5vw;
		height:0.5vw;
		animation:barUpDw2 3.2s infinite ease-in-out alternate;
	}
	#mainVideo .scrollbar:after{
		width:5.3333vw;
		margin-left:0.5vw;
	}
	#messageSec{
		min-height:120.25vw;
		margin-top:2.3333vw;
	}
	#messageSec .doubleTtl{margin-bottom:4vw;}
	#messageSec .doubleTtl:before{height:8.333vw;}
	#messageSec .doubleTtl small{margin-top:3.8333vw;}
	#messageSec .doubleTtl strong{margin-top:4.3333vw;}
	#messageSec .msgFg01,
	#messageSec .msgFg02{
		width:25vw;
		top:34.3333vw;
	}
	#messageSec .msgFg01{left:-7.5vw;}
	#messageSec .msgFg02{right:-7.5vw;}
	#missionSec{
		margin-top:-42vw;
		padding-top:5.1667vw;
		padding-right:2vw;
		padding-left:56.3333vw;
	}
	#missionSec picture{
		width:35vw;
		left:17.5vw;
	}
	#missionSec h2{margin-bottom:4.5vw;}
	#missionSec h2:before{
		width:40.8333vw;
		height:8.5vw;
		left:7.8333vw;
		top:-4.0833vw;
	}
	#missionSec h3+p{margin-top:4vw;}
	#recruitmentSec{
		height:37.8333vw;
		margin-top:16.6667vw;
	}
	#recruitmentSec .recVideo{top:16.3333vw;}
	#valueSec{
		margin-top:28.3333vw;
		padding:8.1667vw 2vw 16.6667vw;
	}
	#valueSec .doubleTtl{margin-bottom:14.8333vw;}
	#valueSec .valSec+.valSec{margin-top:16vw;}
	#valueSec .valSec h3{padding:1.9167vw 0;}
	#valueSec .valSec h3 img{width:4.6667vw;}
	#valueSec .valSec h3 strong{margin-left:2.5vw;}
	#valueSec .valSec p{margin-top:2vw;}
	#workSec{
		height:45vw;
		margin:10.8333vw auto 12.1667vw;
	}
	#workSec .doubleTtl strong{margin-top:1.1667vw;}
	#workSec .secLink,
	#dataSec .secLink{
		width:16.6667vw;
		height:4.3333vw;
		margin-top:1.6667vw;
	}
	#workSec .boxBtn,
	#dataSec .boxBtn{padding:1.0833vw 1.0833vw 1.0833vw 1.8333vw;}
	#dataSec .inner{padding:8.8333vw 2vw 0;}
	#dataSec .doubleTtl strong{margin-top:2.0833vw;}
	#dataSec .doubleTtl img{
		width:39.1667vw;
		margin-top:2.0833vw;
		margin-left:2vw;
	}
	#ourJob{
		width:68.3333vw;
		margin:12.1667vw auto 15.8333vw;
	}
	#ourJob p{margin-top:3.3333vw;}
	#ourJob .jobLink{margin-top:5.6667vw;}
	#ourJob .jobLink li{
		width:33.3333vw;
		height:8.3333vw;
	}
	#ourJob .jobLink li:nth-child(n+3){margin-top:1.6667vw;}
	#ourJob .boxBtn{padding:0 2.3333vw;}
	#ourJob .boxBtn svg:first-child{height:3.6667vw;}
	#ourJob .boxBtn span{padding-left:1.6667vw;}
	#interviewSec .interviewHd{padding:0 2vw;}
	#interviewSec .interviewHd:before{
		width:67.3333vw;
		height:8vw;
		top:12.0833vw;
		left:-7vw;
	}
	#interviewSec .doubleTtl strong{margin-top:2.3333vw;}
	#interviewSec .titleLead{padding-top:0.5vw;}
	#interviewSec #interviewSlider{
		height:52.3333vw;
		margin-top:8.8333vw;
		padding-left:0;
	}
	#interviewSec #interviewSlider:before{height:39.3333vw;}
	#interviewSec .swiper-slide{
		width:51.3333vw;
		padding:0 14.1667vw 0 1.3333vw;
		margin-right:2.5vw;
	}
	#interviewSec .swiper-slide-next{margin-right:-11.6667vw;}
	#interviewSec .swiper-slide figcaption{
		width:33vw;
		margin:-3.5vw 0 0 -1.3333vw;
		padding:0.75vw 1.4167vw 2.1667vw;
		border-width:0.6667vw;
	}
	#interviewSec .swiper-slide .joinYear{margin-top:0.75vw;}
	#interviewSec .swiper-slide .joinName{margin-top:1.25vw;}
	#interviewSec .swiper-slide .joinName dd{margin-left:0.4167vw;}
	#interviewSec .swiper-slide-active figcaption{
		width:43.3333vw;
		padding:1.3333vw 1.8333vw 2.9167vw;
	}
	#interviewSec .swiper-slide-active .joinYear{margin-top:1.25vw;}
	#interviewSec .swiper-slide-active .joinName{margin-top:1.75vw;}
	#interviewSec .swiper-slide-active .joinName dd{margin-left:1.8333vw;}
	#interviewSlider .sliderParts{
		width:21.25vw;
		height:3.75vw;
		bottom:4vw;
		right:2vw;
	}
	#interviewSlider .swiper-pagination{width:10.6667vw;}
	#interviewSec .swiper-button-next,
	#interviewSec .swiper-button-prev{
		width:3.75vw;
		height:3.75vw;
	}
	#interviewSec .swiper-button-prev{margin-left:2.1667vw;}
	#interviewSec .swiper-button-next{margin-left:0.8333vw;}
	#interviewSec .swiper-button-next svg,
	#interviewSec .swiper-button-prev svg{width:0.9167vw;}
	#interviewSec .secLink{
		width:33.3333vw;
		height:6.1667vw;
		margin:3.3333vw auto 0;
	}
	#interviewSec .boxBtn{padding:1.6667vw 1.5vw 1.6667vw 6.1667vw;}
}
@media screen and (min-width:1220px){
	section p+p{margin-top:40px;}
	#mainVideo .lead{
		bottom:38px;
		left:6.81159vw;
	}
	#mainVideo .scrollbar{
		bottom:-16px;
		right:44px;
	}
	#mainVideo .scrollbar:before{
		left:48px;
		top:4px;
		width:6px;
		height:6px;
		animation:barUpDw 3.2s infinite ease-in-out alternate;
	}
	#mainVideo .scrollbar:after{
		width:64px;
		margin-left:6px;
	}
	#messageSec{margin-top:28px;}
	#messageSec .doubleTtl{margin-bottom:48px;}
	#messageSec .doubleTtl:before{height:100px;}
	#messageSec .doubleTtl small{margin-top:46px;}
	#messageSec .doubleTtl strong{margin-top:52px;}
	#messageSec .msgFg01,
	#messageSec .msgFg02{top:412px;}
	#missionSec{padding-right:calc(50% - 600px);}
	#missionSec h2{margin-bottom:54px;}
	#missionSec h2:before{
		width: 490px;
		height:102px;
		left:94px;
		top:-49px;
	}
	#missionSec h3+p{margin-top:48px;}
	#recruitmentSec{
		height:454px;
		margin-top:200px;
	}
	#recruitmentSec .recVideo{top:196px;}
	#valueSec{
		margin-top:340px;
		padding:98px 0 200px;
		padding-right:calc(50% - 592px);
		padding-left:calc(50% - 592px);
	}
	#valueSec .doubleTtl{margin-bottom:178px;}
	#valueSec .valSec+.valSec{margin-top:192px;}
	#valueSec .valSec h3{padding:23px 0;}
	#valueSec .valSec h3 img{width:56px;}
	#valueSec .valSec h3 strong{margin-left:30px;}
	#valueSec .valSec p{margin-top:24px;}
	#workSec{
		height:540px;
		margin:130px auto 146px;
	}
	#workSec .doubleTtl strong{margin-top:14px;}
	#workSec .secLink,
	#dataSec .secLink{
		width:200px;
		height:52px;
		margin-top:20px;
	}
	#workSec .boxBtn,
	#dataSec .boxBtn{padding:13px 13px 13px 22px;}
	#dataSec .inner{padding:106px 6.23188% 0;}
	#dataSec .doubleTtl strong{margin-top:25px;}
	#dataSec .doubleTtl img{
		width:470px;
		margin-top:25px;
		margin-left:24px;
	}
	#ourJob{
		width:820px;
		margin:146px auto 190px;
	}
	#ourJob p{margin-top:40px;}
	#ourJob .jobLink{margin-top:68px;}
	#ourJob .jobLink li{
		width:400px;
		height:100px;
	}
	#ourJob .jobLink li:nth-child(n+3){margin-top:20px;}
	#ourJob .boxBtn{padding:0 28px;}
	#ourJob .boxBtn svg:first-child{height:44px;}
	#ourJob .boxBtn span{padding-left:20px;}
	#interviewSec .interviewHd:before{
		width:808px;
		height:96px;
		top:145px;
		left:calc(50% - 684px);
	}
	#interviewSec .doubleTtl strong{margin-top:28px;}
	#interviewSec .titleLead{padding-top:6px;}
	#interviewSec #interviewSlider{
		height:628px;
		margin-top:109px;
		padding-left:calc(50% - 600px);
	}
	#interviewSec #interviewSlider:before{height:472px;}
	#interviewSec .swiper-slide{
		width:616px;
		padding:0 170px 0 16px;
		margin-right:30px;
	}
	#interviewSec .swiper-slide-next{margin-right:-140px;}/*170 -46*/
	#interviewSec .swiper-slide figcaption{
		width:396px;
		margin:-42px 0 0 -16px;
		padding:9px 17px 26px;
		border-width:8px;
	}
	#interviewSec .swiper-slide .joinYear{margin-top:9px;}
	#interviewSec .swiper-slide .joinName{margin-top:15px;}
	#interviewSec .swiper-slide .joinName dd{margin-left:5px;}
	#interviewSec .swiper-slide-active figcaption{
		width:520px;
		padding:16px 22px 35px;
	}
	#interviewSec .swiper-slide-active .joinYear{margin-top:15px;}
	#interviewSec .swiper-slide-active .joinName{margin-top:21px;}
	#interviewSec .swiper-slide-active .joinName dd{margin-left:22px;}
	#interviewSlider .sliderParts{
		width:255px;
		height:45px;
		bottom:48px;
		left:calc(50% + 345px);
	}
	#interviewSlider .swiper-pagination{width:128px;}
	#interviewSec .swiper-button-next,
	#interviewSec .swiper-button-prev{
		width:45px;
		height:45px;
	}
	#interviewSec .swiper-button-prev{margin-left:26px;}
	#interviewSec .swiper-button-next{margin-left:10px;}
	#interviewSec .swiper-button-next svg,
	#interviewSec .swiper-button-prev svg{width:11px;}
	#interviewSec .secLink{
		width:400px;
		height:74px;
		margin:40px auto 0;
	}
	#interviewSec .boxBtn{padding:20px 18px 20px 74px;}
}
@media screen and (min-width:1220px) and (max-width:1399.98px){
	#messageSec{min-height:1443px;}
	#messageSec .msgFg01,
	#messageSec .msgFg02{width:300px;}
	#messageSec .msgFg01{left:calc(50% - 690px);}
	#messageSec .msgFg02{right:calc(50% - 690px);}
	#missionSec{
		margin-top:-504px;
		padding-top:62px;
		padding-left:calc(50% + 100px);
	}
	#missionSec picture{
		width:420px;
		left:calc(50% - 390px);
	}
}
@media screen and (min-width:1400px){
	#messageSec{min-height:106.5942vw;}
	#messageSec .msgFg01,
	#messageSec .msgFg02{width:21.739%;}
	#messageSec .msgFg01{left:0;}
	#messageSec .msgFg02{right:0;}
	#missionSec{
		margin-top:-36.521739%;
		padding-top:4.5652%;
		padding-left:57.2463768vw;
	}
	#missionSec picture{
		width:30.434782%;
		left:21.739%;
	}
}