@charset "utf-8";
@keyframes flash{0%,100%{opacity:1;}50%{opacity:0;}}
:root{
	--main-color:#dbbd73;
	--dark-color:#b99335;
	--black-color:#968559;
	--light-color:#e8d6a7;
	--pale-color:#f8f2e3;
	--main-gray:#333;
	--link-color:#1a50b7;
}

*,*:before,*:after{box-sizing:border-box;}html,body,main,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}address{font-style:normal;}

/*base*/
html{touch-action:pan-y;}
html,body{width:100%;}
body{
	position:relative;
	background-color:#fff;
	font-family:"Noto Sans JP",sans-serif;
	line-height:2.5;
	color:var(--main-gray);
	text-align:center;
	overflow-x:hidden;
	overflow-y:auto;
}
body.menuOpen{overflow-y:hidden;}
body:before{
	content:"";
	display:block;
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);
	opacity:0;
	transition:all 0.4s;
	pointer-events:none;
	z-index:-1;
}
body.menuOpen:before{
	opacity:1;
	z-index:101;
}
*[data-font="ship"]{
	font-family:"Shippori Mincho", serif;
	font-weight:400;
	font-style:normal;
}
*[data-font="en"]{
  font-family:"Montserrat",sans-serif;
  font-optical-sizing:auto;
  font-weight:400;
  font-style:normal;
}
*[data-font="cochin"]{
	font-family:"Radley", serif;
	font-weight:400;
	font-style:normal;
}
*[data-font="hind"]{
  font-family:"Hind", sans-serif;
  font-weight:700;
  font-style:normal;
}
*[hidden]{display:none!important;}
a,button,label{
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a{
	color:var(--main-gray);
	text-decoration:none;
	transition:all 0.4s;
}
a:hover,
button:hover,
label:hover{
	color:#666;
	opacity:0.7;
}
a img,
button img,
a svg,
button svg{pointer-events:none;}
a img,
button img{transition:opacity 0.4s;}
a:hover img,
button:hover img{opacity:0.7;}
a svg > *,
button svg > *{transition:fill 0.4s;}
a svg > *,
button svg > *{fill:#fff;}
a:hover svg > *,
button:hover svg > *{fill:#666;}
button{
	padding:0;
	outline:none;
	border:none;
	background-color:transparent;
}
input,select,button,textarea{font-family:"Noto Sans JP",sans-serif;}
input::placeholder,textarea::placeholder{color:#ddd;}
.selectBox{
	position:relative;
	display:inline-block;
}
.selectBox svg{
	display:block;
	position:absolute;
	border-bottom:0;
	transform:rotate(0deg);
	pointer-events:none;
	transition:transform 0.4s;
}
.selectBox svg use{fill:var(--main-gray);}
.selectBox select:focus+svg{transform:rotate(180deg);}
select{
	background-color:#fff;
	color:var(--main-gray);
	-webkit-appearance:none;
	appearance:none;
}
option{
	background-color:#fff;
	color:var(--main-gray);
}
img,svg{
	display:block;
	width:100%;
	height:auto;
	vertical-align:top;
}
html :where(img){max-width:initial;}
*[data-fade]{
	opacity:0;
	transition:opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
}
*[data-fade].show{opacity:1;}
*[data-zoom]{
	opacity:0;
	transform:translateY(50px);
	transition:opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
}
*[data-zoom].show{
	opacity:1;
	transform:translateY(0px);
}
.doubleTtl > *{
	display:block;
	line-height:1.0;
}
.doubleTtl strong[data-fade]{transition-delay:0.4s;}
.doubleTtl small:not([data-color]){color:var(--main-color);}
.boxBtn{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	height:100%;
	background-color:#fff;
	border:2px solid;
	overflow:hidden;
}
.boxBtn:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform:scaleX(0);
	transform-origin:left top;
	transition:0.3s cubic-bezier(0.45,0,0.55,1);
	z-index:0;
}
.boxBtn:hover{opacity:1;}
.boxBtn:hover:after{transform:scaleX(1);}
.boxBtn > *{
	display:block;
	position:relative;
	line-height:1.0;
	z-index:1;
}
.boxBtn svg{
	border-radius:50%;
	overflow:hidden;
}
.boxBtn:not([data-color]){
	background-color:#fff;
	border-color:#ccc;
}
.boxBtn:not([data-color]):after{background-color:var(--main-color);}
.boxBtn:not([data-color]) svg use{fill:var(--main-color);}
.boxBtn:not([data-color]):hover{color:#fff;}
.boxBtn:not([data-color]):hover svg use{fill:#fff;}
.boxBtn[data-color="white"]{
	background-color:transparent;
	border-color:#fff;
	color:#fff;
}
.boxBtn[data-color="white"]:after{background-color:#fff;}
.boxBtn[data-color="white"]:hover{color:#000;}
.boxBtn[data-color="white"] svg{background-color:#000;}
.boxBtn[data-color="white"] svg use{fill:#fff;}
.boxBtn[data-color="white"]:hover svg{background-color:#fff;}
.boxBtn[data-color="white"]:hover svg use{fill:#000;}
.boxBtn[data-color="gray"]{
	background-color:#fff;
	border-color:#fff;
	color:var(--main-gray)!important;
}
.boxBtn[data-color="gray"]:after{background-color:var(--main-gray);}
.boxBtn[data-color="gray"]:hover{background-color:#ddd;}
.boxBtn[data-color="gray"] svg use{fill:var(--main-gray)!important;}
.boxBtn[data-color="gray"]:hover{color:#fff!important;}
.boxBtn[data-color="gray"]:hover svg use{fill:#fff!important;}
.noPosts{
	display:block;
	line-height:1.0;
	text-align:center;
}
#pagination{
	display:flex;
	justify-content:center;
	line-height:1.0;
}
#pagination li,
#pagination li > * > *{
	display:block;
	text-align:center;
	line-height:1.0;
}
#pagination li > *{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	border-radius:50%;
}
#pagination li > a{
	background-color:var(--pale-color);
	color:var(--main-color);
}
#pagination li > strong,
#pagination li > a:hover{
	background-color:var(--black-color);
	color:var(--pale-color);
}
#pagination li svg use{fill:var(--main-color);}
#pagination li a:hover svg use{fill:var(--pale-color);}
#pagination .prev svg{
	transform-origin:center center;
	transform:rotate(180deg);
}
@media screen and (max-width:767.98px){
	html{font-size:3.0769vw;}
	*[data-type="pc"]{display:none!important;}
	.boxBtn{border-radius:1.0256vw;}
	.boxBtn svg{width:5.3846vw;}
	.noPosts{margin-top:7.6923vw;}
	#pagination{margin-top:9.2308vw;}
	#pagination li{
		width:6.1538vw;
		height:6.1538vw;
		margin:0 1.5385vw;
	}
	#pagination li svg{width:2.0513vw;}
	#pagination .pages{font-size:1.3333rem;}
}
@media screen and (min-width:768px){
	*[data-type="sp"]{display:none!important;}
	#pagination .pages{font-size:1.5rem;}
}
@media screen and (min-width:768px) and (max-width:1219.98px){
	html{font-size:1.333vw;}
	.boxBtn{border-radius:0.333vw;}
	.boxBtn svg{width:2.5vw;}
	.noPosts{margin-top:3vw;}
	#pagination{margin-top:5.0vw;}
	#pagination li{
		width:4.1667vw;
		height:4.1667vw;
		margin:0 1.6667vw;
	}
	#pagination li svg{width:12px;}
}
@media screen and (min-width:1220px){
	html{font-size:16px;}
	.boxBtn{border-radius:4px;}
	.boxBtn svg{width:30px;}
	.noPosts{margin-top:26px;}
	#pagination{margin-top:60px;}
	#pagination li{
		width:50px;
		height:50px;
		margin:0 20px;
	}
	#pagination li svg{width:12px;}
}

/*#gHeader*/
#gHeader{
	position:fixed;
	top:0;
	left:0;
	display:grid;
	grid-template-columns:1fr auto;
	grid-template-rows:auto;
	width:100%;
	background-color:#fff;
	z-index:100;
}
#gHeader .logo{
	grid-column:1 / 2;
	text-align:left;
}
#gHeader .logo a{
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	height:100%;
}
#gHeader .logo svg use{fill:#9fa0a0;}
#gHeader #siteMenu{grid-column:2 / 3;}
#siteMenu{display:flex;}
#siteMenu li,
#siteMenu a{
	display:block;
	height:100%;
}
#siteMenu li[data-type="pc"]{background-color:#fff;}
#siteMenu a[class],
#btnNavi menu a{color:#fff;}
#siteMenu .newgradLink,
#btnNavi menu .newgradLink{background-color:#d6b460;}
#siteMenu .careerLink,
#btnNavi menu .careerLink{background-color:var(--dark-color);}
#gNavBtn{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
#gNavBtn{height:100%;}
#gNavBtn > span{
	display:block;
	position:relative;
}
#gNavBtn > span:before,
#gNavBtn > span:after,
#gNavBtn > span > span{
	content:"";
	position:absolute;
	left:0;
	display:block;
	width:100%;
	height:1px;
	background-color:#373737;
}
#gNavBtn > span:before{top:0;}
#gNavBtn > span:after{bottom:0;}
#gNavBtn > span > span{top:calc(50% - 0.5px);}
#mainMenu{
	position:fixed;
	top:0;
	right:0;
	width:100%;
	max-width:596px;
	height:100vh;
	height:100dvh;
	background-color:#f5f5f5;
	text-align:left;
	overflow-x:hidden;
	overflow-y:auto;
	transform:translateX(100vw);
	transition:transform 0.4s;
	z-index:102;
}
#gNavCheck:checked ~ #mainMenu{transform:translateX(0vw);}
#gNavClose{position:absolute;}
#gNavClose:before,
#gNavClose:after{
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background-color:var(--main-gray);
}
#gNavClose:before{
	transform-origin:right top;
	transform:rotate(-45deg);
}
#gNavClose:after{
	transform-origin:right bottom;
	transform:rotate(45deg);
}
.bigMenuLink{
	display:flex;
	align-items:center;
	line-height:1.0;
}
.bigMenu .subMenu{
	line-height:1.0;
	text-align:left;
}
.bigMenu .subMenu li,
.bigMenu .btnMenu li{
	position:relative;
	vertical-align:top;
	line-height:1.0;
}
.bigMenu .subMenu li{display:inline-block;}
.bigMenu .subMenu li:not(:last-child):after{
	content:"/";
	position:absolute;
	top:0;
}
.bigMenu .subMenu a{display:block;}
.bigMenu .subMenu a:hover{text-decoration:underline;}
.bigMenu .btnMenu li{display:block;}
.socialMenu li{
	display:inline-block;
	vertical-align:top;
	line-height:1.0;
}
.socialMenu a{display:block;}
.socialMenu svg{
	display:block;
	width:auto;
}
#mainMenu .bigMenuLink{color:var(--black-color);}
#mainMenu .bigMenuLink svg use{fill:var(--black-color);}
#mainMenu .socialMenu a svg > use{fill:var(--main-gray);}
#jobDescription{
	position:relative;
	width:100%;
	background-color:#f0f6f7;
	text-align:left;
}
#jobDescription:before{
	content:"";
	display:block;
	position:absolute;
	background:url("../img/common/description-txt.svg") no-repeat left top / contain;
	transform:translateX(-100%);
	opacity:0;
	transition:all 2.4s;
}
#jobDescription.show:before{
	transform:translateX(0);
	opacity:1;
}
#jobDescription > *:not(.swiper){
	position:relative;
	z-index:1;
}
#jobDescription .swiper{
	height:100%;
	pointer-events:none;
}
#jobDescription .swiper-wrapper{transition-timing-function:linear;}
#bnrBox{margin:0 auto;}
#bnrBox > *{
	color:#fff;
	text-align:left;
	overflow:hidden;
}
#bnrBox > * a{
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	background-color:var(--black-color);
	color:#fff;
	overflow:hidden;
}
#bnrBox > * a:before{
	content:"";
	display:block;
	position:absolute;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0;
	transform:translateX(-100%);
	transition:all 0.8s;
}
#bnrBox.show > * a:before{
	opacity:1;
	transform:translateX(0);
}
#bnrBox > * a > *{
	position:relative;
	z-index:1;
}
#bnrBox h2{line-height:1.0;}
#bnrBox p{line-height:2.857;}
#bnrBox svg{
	position:absolute;
	background-color:#fff;
	border-radius:50%;
}
#bnrBox svg use{fill:var(--main-color);}
.faqBox a:before{background:url("../img/common/qa-txt.svg");}
.meetBox a:before{
	background:url("../img/common/casual-txt.svg");
	transition-delay:0.4s;
}
#gFooter{
	width:100%;
	background-color:var(--main-gray);
	color:#fff;
}
#gFooter a{color:#fff;}
#gFooter svg use{fill:#fff;}
#gFooter .fLogo,
#gFooter .socialMenu,
#copyrights{line-height:1.0;}
#gFooter .fLogo a{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
#gFooter .fLogo svg use{fill:#fff;}
#gFooter .socialMenu a svg > use{fill:#fff;}
#btnNavi{
	position:fixed;
	right:0;
	bottom:0;
	transition:all 0.4s;
	z-index:101;
}
#btnNavi.hide,
#btnNavi.hide2{
	opacity:0;
	pointer-events:none;
}
#pageReTop{
	position:fixed;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	background-color:var(--pale-color);
	transition:all 0.4s;
}
#pageReTop:hover{
	opacity:1;
	background-color:var(--black-color);
}
#pageReTop svg{
	transform-origin:center center;
	transform:rotate(-90deg);
}
#pageReTop svg use{fill:var(--black-color);}
#pageReTop:hover svg use{fill:var(--pale-color);}
.lightBox{
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.7);
	opacity:0;
	transition:all 0.8s;
	pointer-events:none;
	z-index:-1;
}
#recruitVideoSet:checked ~ .lightBox[data-pop="recruitVideoSet"]{
	opacity:1;
	pointer-events:auto;
	z-index:300;
}
.lightBox .closeOuterPop{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}
.lightBox .inner{
	display:block;
	position:relative;
	z-index:1;
}
.lightBox .closePop{
	position:absolute;
	width:30px;
	height:30px;
	top:-38px;
	right:0;
}
.lightBox .closePop:before,
.lightBox .closePop:after{
	content:"";
	display:block;
	width:141.421%;
	height:1px;
	position:absolute;
	left:-20.7105%;
	background-color:#fff;
	transform-origin:left top;
}
.lightBox .closePop:before{
	top:0;
	transform:rotate(45deg);
}
.lightBox .closePop:after{
	bottom:0;
	transform:rotate(-45deg);
}
.pgHeader{
	width:100%;
	margin:0 auto;
	text-align:left;
	line-height:1.0;
	font-weight:bold;
}
.pgHeader > *{line-height:1.0;}
.pgHeader h1{color:var(--main-color);}
#breadcrumbs{margin:0 auto;}
#breadcrumbs ol{
	width:100%;
	line-height:1.8;
	text-align:left;
}
#breadcrumbs li{
	display:inline;
	position:relative;
}
#breadcrumbs li:not(:last-child):after{
	content:"/";
	position:absolute;
}
#breadcrumbs a{color:#ccc;}
#breadcrumbs li:last-child a{
	color:var(--main-gray);
	pointer-events:none;
}
.entryFullBtn a{
	position:relative;
	display:block;
	background-color:var(--black-color);
	color:#fff;
	overflow:hidden;
}
.entryFullBtn a:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:var(--light-color);
	transform:scaleX(0);
	transform-origin:left top;
	transition:0.3s cubic-bezier(0.45,0,0.55,1);
	z-index:0;
}
.entryFullBtn a:hover{
	opacity:1;
	color:var(--black-color);
}
.entryFullBtn a:hover:after{transform:scaleX(1);}
.entryFullBtn a > *{
	display:block;
	position:relative;
	line-height:1.0;
	z-index:1;
}
.entryFullBtn svg{
	position:absolute;
	z-index:1;
}
.entryFullBtn svg > use{fill:#fff;}
.entryFullBtn a:hover svg > use{fill:var(--black-color);}
@media screen and (max-width:767.98px){/*390px*/
	.doubleTtl strong{margin-top:4.8718vw;}
	.doubleTtl:not([data-sm]) small{font-size:1.1667rem;}
	.doubleTtl:not([data-sm]) strong{font-size:2.0rem;}
	.doubleTtl[data-sm] small{font-size:1.0rem;}
	.doubleTtl[data-sm] strong{font-size:1.6667rem;}
	.bigMenu .btnMenu li a{border:none;}
	#gHeader{height:60px;}
	#gHeader .logo{
		width:216px;
		padding-left:20px;
	}
	#gHeader .logo svg:first-child{width:172px;}
	#gHeader .logo svg:last-child{
		width:34px;
		margin-left:10px;
	}
	#gHeader #siteMenu{
		line-height:60px;
		font-size:1.0rem;
	}
	#gNavBtn{width:68px;}
	#gNavBtn > span{
		width:28px;
		height:22px;
	}
	#mainMenu{padding:33px 27px 40px;}
	#gNavClose{
		top:13px;
		right:13px;
		width:30px;
		height:30px;
	}
	#gNavClose:before,
	#gNavClose:after{
		right:6px;
		width:30px;
	}
	#gNavClose:before{top:4px;}
	#gNavClose:after{bottom:4px;}
	#mainMenu+*{margin-top:60px;}
	#mainMenu .bigMenu{padding-right:53px;}
	#mainMenu .bigMenu > li+li{margin-top:21px;}
	#mainMenu .btnMenu li+li{margin-top:8px;}
	#mainMenu .bigMenuLink svg{
		width:10px;
		margin-right:8px;
	}
	#mainMenu .bigMenuLink span{
		font-size:14px;
		letter-spacing:0.5px;
	}
	#mainMenu .bigMenu .subMenu{
		margin-top:14px;
		padding-left:18px;
		line-height:1.6;
		font-size:11px;
	}
	#mainMenu .bigMenu .subMenu li:not(:last-child){padding-right:10px;}
	#mainMenu .bigMenu .subMenu li:not(:last-child):after{right:3px;}
	#mainMenu .bigMenu .btnMenu{margin-top:13px;}
	#mainMenu .bigMenu .btnMenu li{
		width:155px;
		height:42px;
	}
	#mainMenu .bigMenu .btnMenu .boxBtn{
		padding:11px 7px 11px 15px;
		font-size:13px;
	}
	#mainMenu .socialMenu{
		margin-top:34px;
		text-align:center;
	}
	#mainMenu .socialMenu li+li{margin-left:8px;}
	#mainMenu .socialMenu svg{height:25px;}
	#siteMenu a[class]{width:180px;}
	#jobDescription{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin:10.2564vw auto 8.7179vw;
		padding:21.0256vw 5.1282vw 0;
	}
	#jobDescription:before{
		width:92.0513vw;
		height:18.7179vw;
		top:10.2564vw;
		left:1.0256vw;
	}
	#jobDescription .titleLead{margin:7.6923vw 0 10vw;}
	#jobDescription .btnMenu{margin-bottom:10.2564vw;}
	#jobDescription .btnMenu li{
		width:89.7436vw;
		height:20.5128vw;
	}
	#jobDescription .btnMenu li+li{margin-top:4.1026vw;}
	#jobDescription .boxBtn{
		padding:5.8974vw 7.1795vw 5.8974vw 9.7436vw;
		font-size:1.6667rem;
	}
	#jobDescription .boxBtn svg{width:7.6923vw;}
	#jobDescription .swiper{height:100vw;}
	#jobDescription .swiper-slide{
		height:auto;
		margin-bottom:3.3333vw;
	}
	#jSlider01{
		width:calc(47.7142% + 5.1282vw);
		margin:0 0 0 -5.1282vw;
	}
	#jSlider02{
		width:calc(50% + 5.1282vw);
		margin:0 -5.1282vw 0 0;
	}
	#bnrBox{
		width:89.7436vw;
		margin:0 auto;
	}
	#bnrBox > * a{
		height:51.2821vw;
		padding:13.3333vw 12.3077vw 12.8205vw 6.1538vw;
	}
	#bnrBox h2{font-size:2.0rem;}
	#bnrBox p{margin-top:2.5641vw;}
	#bnrBox svg{
		width:8.7179vw;
		right:3.5897vw;
		bottom:3.5897vw;
	}
	.faqBox a:before{
		width:50.2564vw;
		height:100%;
		left:0.7692vw;
		top:-0.2564vw;
	}
	.meetBox{margin-top:4.1026vw;}
	.meetBox a:before{
		width:94.1026vw;
		height:100%;
		left:-0.7692vw;
		top:0.7692vw;
	}
	#gFooter{
		margin-top:8.2051vw;
		padding:10.7692vw 5.1282vw 9.2308vw;
	}
	#gFooter .bigMenu{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-bottom:5.3846vw;
	}
	#gFooter .bigMenuLink svg{display:none;}
	#gFooter .bigMenu .subMenu{
		padding-left:0;
		margin-top:5.1282vw;
	}
	#gFooter .bigMenu .subMenu li{
		display:block;
		font-size:1.1667rem;
	}
	#gFooter .bigMenu .subMenu li+li{
		padding-left:0;
		margin-top:5.641vw;
	}
	#gFooter .bigMenu .subMenu li:not(:last-child):after{content:none;}
	#gFooter .bigMenu > li{margin-bottom:13.8462vw;}
	#gFooter .bigMenu > li:nth-child(odd){width:59.1428%;}
	#gFooter .bigMenu > li:nth-child(even){width:40.8572%;}
	#gFooter .bigMenu .btnMenu{margin-top:16px;}
	#gFooter .bigMenu .btnMenu li+li{margin-top:16px;}
	#gFooter .bigMenu > li:last-child > a{display:none;}
	#gFooter .bigMenu .btnMenu li+li{margin-top:2.0513vw;}
	#gFooter .bigMenu .btnMenu li{
		width:43.5897vw;
		height:11.7949vw;
	}
	#gFooter .bigMenu .btnMenu .boxBtn{
		padding:3.0769vw 2.0513vw 3.0769vw 3.5897vw;
		border:1px solid #fff;
	}
	#gFooter .bigMenu .btnMenu span{font-size:1.1667rem;}
	#gFooter .fLogo{text-align:center;}
	#gFooter .fLogo a{
		width:65.3846vw;
		margin:0 auto;
	}
	#gFooter .fLogo a svg:first-child{width:44.8718vw;}
	#gFooter .fLogo a svg:last-child{width:16.9231vw;}
	#gFooter .socialMenu{margin-top:10.2564vw;}
	#gFooter .socialMenu li+li{margin-left:2.3077vw;}
	#gFooter .socialMenu svg{height:7.4359vw;}
	#copyrights{
		margin-top:10vw;
		font-size:0.8333rem;
	}
	#pageReTop{
		width:50px;
		height:50px;
		right:16px;
		bottom:80px;
	}
	#btnNavi menu{
		display:flex;
		justify-content:space-between;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:50px;
		background-color:#fff;
		line-height:1.0;
	}
	#btnNavi menu li{
		width:50%;
		height:100%;
	}
	#btnNavi menu li a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		font-size:16px;
	}
	#pageReTop svg{width:11px;}
	.pgHeader{
		display:block;
		padding:9.7436vw 5.1282% 0;
	}
	.pgHeader > *{display:block;}
	.pgHeader h1{font-size:3.333rem;}
	.pgHeader .titleLead{
		margin-top:2.0513vw;
		font-size:1.1666rem;
	}
	#breadcrumbs{
		margin-top:2.5641vw;
		padding:0 5.1282% 19.4872vw;
	}
	#breadcrumbs ol{font-size:1.0rem;}
	#breadcrumbs li:not(:last-child){padding-right:7.6923vw;}
	#breadcrumbs li:not(:last-child):after{
		right:3.0769vw;
		top:-0.75vw;
	}
	.entryFullBtn a{padding:7.6923vw 12.8205vw 8.9744vw;}
	.entryFullBtn strong{font-size:3.3333rem;}
	.entryFullBtn small{
		margin-top:6.6667vw;
		font-size:1.1667rem;
	}
	.entryFullBtn svg{
		width:6.4103vw;
		top:calc(50% - 6.1538vw);
		right:4.8718vw;
	}
}
@media screen and (min-width:768px){
	.doubleTtl small{font-size:1.25rem;}
	.doubleTtl strong{font-size:2.5rem;}
	#gHeader #siteMenu{font-size:1.0rem;}
	#mainMenu .bigMenu .subMenu{font-size:0.8125rem;}
	#jobDescription .swiper{
		position:absolute;
		top:0;
	}
	#jobDescription .boxBtn{font-size:1.25rem;}
	#bnrBox{
		width:97.1%;
		max-width:1340px;
		display:flex;
		justify-content:space-between;
	}
	#bnrBox > *{width:49.25%;}
	#bnrBox h2{font-size:1.875rem;}
	#bnrBox p{font-size:0.875rem;}
	.meetBox *[data-fade]{transition-delay:0.4s;}
	#gFooter{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		align-items:center;
	}
	#gFooter .bigMenu{
		display:grid;
		grid-template-rows:auto auto auto;
		align-items:flex-start;
		width:100%;
	}
	#gFooter .bigMenu > li:nth-child(-n+3){grid-column:1 / 2;}
	#gFooter .bigMenu > li:nth-child(n+4){grid-column:2 / 3;}
	#gFooter .bigMenu > li:nth-child(1),
	#gFooter .bigMenu > li:nth-child(4){grid-row:1 / 2;}
	#gFooter .bigMenu > li:nth-child(2){grid-row:2 / 3;}
	#gFooter .bigMenu > li:nth-child(3){grid-row:3 / 4;}
	#gFooter .bigMenu > li:nth-child(5){grid-row:2 / 4;}
	#mainMenu .bigMenuLink,
	#gFooter .bigMenuLink{font-size:1.25rem;}
	#gFooter .bigMenu .subMenu{font-size:0.875rem;}
	#copyrights{font-size:0.75rem;}
	.pgHeader > *{
		display:inline-block;
		vertical-align:middle;
	}
	.pgHeader h1{
		font-size:5.0rem;
		letter-spacing:0.05rem;
	}
	.pgHeader .titleLead{font-size:1.25rem;}
	.entryFullBtn strong{font-size:4rem;}
	.entryFullBtn small{font-size:1.25rem;}
	.entryFullBtn svg{top:calc(50% - 33px);}
}
@media screen and (min-width:768px) and (max-width:1219.98px){
	.doubleTtl strong{margin-top:2.9167vw;}
	.bigMenuLink svg{
		width:1vw;
		margin-right:1.25vw;
	}
	.bigMenu .subMenu{
		margin-top:2vw;
		padding-left:2.1667vw;
	}
	.bigMenu .subMenu li:not(:last-child){padding-right:1.3333vw;}
	.bigMenu .subMenu li:not(:last-child):after{right:0.4167vw;}
	.bigMenu .btnMenu{margin-top:1.3333vw;}
	.bigMenu .btnMenu li{
		width:20vw;
		height:5vw;
	}
	.bigMenu .btnMenu li a{padding:1.0833vw 1.0833vw 1.0833vw 1.8333vw;}
	.socialMenu li+li{margin-left:0.6667vw;}
	.socialMenu svg{height:2.3333vw;}
	#gHeader{height:6.3333vw;}
	#gHeader .logo{padding-left:2.9167vw;}
	#gHeader .logo svg:first-child{width:21.3333vw;}
	#gHeader .logo svg:last-child{
		width:5.5833vw;
		margin-left:1.3333vw;
	}
	#gHeader #siteMenu{line-height:6.3333vw;}
	#gNavBtn{width:6.3333vw;}
	#gNavBtn > span{
		width:2.0833vw;
		height:1.8333vw;
	}
	#mainMenu+*{margin-top:6.4064vw;}
	#mainMenu{padding:7.0833vw 5.8333vw 6.25vw;}
	#gNavClose{
		top:1.3333vw;
		right:1.3333vw;
		width:3.6667vw;
		height:3.6667vw;
	}
	#gNavClose:before,
	#gNavClose:after{
		right:0.5833vw;
		width:3.6667vw;
	}
	#gNavClose:before{top:0.5833vw;}
	#gNavClose:after{bottom:0.5833vw;}
	#mainMenu .bigMenu > li+li{margin-top:3.1667vw;}
	#mainMenu .btnMenu li+li{margin-top:0.6667vw;}
	#mainMenu .socialMenu{margin-top:2.8333vw;}
	#siteMenu a[class]{width:15vw;}
	#jobDescription{
		height:68.5vw;
		margin:14vw auto 5.5vw;
		padding-top:21vw;
		padding-right:2vw;
		padding-left:2vw;
	}
	#jobDescription:before{
		width:38.8333vw;
		height:8vw;
		top:14.1667vw;
		left:-7vw;
	}
	#jobDescription .titleLead{margin:3.25vw 0;}
	#jobDescription > *:not(.swiper){width:41.6667vw;}
	#jobDescription .swiper{width:24.1667vw;}
	#jSlider01{right:26.25vw;}
	#jSlider02{right:0;}
	#jobDescription .swiper-slide{
		height:33.3333vw;
		margin-bottom:1.6667vw;
	}
	#jobDescription .btnMenu li{
		width:33.3333vw;
		height:8.3333vw;
	}
	#jobDescription .btnMenu li+li{margin-top:1.6667vw;}
	#jobDescription .boxBtn{padding:2.75vw 2.3333vw 2.75vw 3.1667vw;}
	#bnrBox > * a{
		height:26.0833vw;
		padding:1.6667vw 10vw 1.6667vw 3.8333vw;
	}
	#bnrBox p{margin-top:1.3333vw;}
	#bnrBox svg{
		width:5.25vw;
		right:3.0833vw;
		top:calc(50% - 2.625vw);
	}
	.faqBox a:before{
		width:22.8333vw;
		height:100%;
		left:-1.25vw;
		top:0;
	}
	.meetBox a:before{
		width:44.1667vw;
		height:100%;
		left:-0.1667vw;
		top:0.25vw;
	}
	#gFooter{
		margin-top:4.8333vw;
		padding:7vw 7vw 6vw;
	}
	#gFooter .bigMenu{
		grid-template-columns:65% 35%;
		margin-bottom:7.5vw;
	}
	#gFooter .bigMenu > li{margin-bottom:3.6667vw;}
	#gFooter .bigMenu .btnMenu li+li{margin-top:1.3333vw;}
	#gFooter .fLogo a{width:26.5vw;}
	#gFooter .fLogo a svg:first-child{width:18vw;}
	#gFooter .fLogo a svg:last-child{width:6.75vw;}
	#pageReTop{
		width:5vw;
		height:5vw;
		right:1.3333vw;
		bottom:3.3333vw;
	}
	#pageReTop svg{width:0.9167vw;}
	.pgHeader{
		display:flex;
		flex-direction:row;
		align-items:center;
		padding:9% 2vw 3.1666%;
	}
	.pgHeader .titleLead{margin-left:3.333vw;}
	#breadcrumbs{padding:0 2vw 5.8333vw;}
	#breadcrumbs ol{font-size:1.0rem;}
	#breadcrumbs li:not(:last-child){padding-right:3.75vw;}
	#breadcrumbs li:not(:last-child):after{
		right:1.666vw;
		top:-0.25vw;
	}
	.entryFullBtn a{padding:5vw 2vw;}
	.entryFullBtn small{margin-top:2.5vw;}
	.entryFullBtn svg{
		width:3vw;
		right:3vw;
	}
}
@media screen and (min-width:1220px){
	.doubleTtl strong{margin-top:35px;}
	.bigMenuLink svg{
		width:12px;
		margin-right:15px;
	}
	.bigMenu .subMenu{
		margin-top:24px;
		padding-left:26px;
	}
	.bigMenu .subMenu li:not(:last-child){padding-right:16px;}
	.bigMenu .subMenu li:not(:last-child):after{right:5px;}
	.bigMenu .btnMenu{margin-top:16px;}
	.bigMenu .btnMenu li{
		width:240px;
		height:60px;
	}
	.bigMenu .btnMenu li a{padding:13px 13px 13px 22px;}
	.socialMenu li+li{margin-left:8px;}
	.socialMenu svg{height:28px;}
	#gHeader{height:76px;}
	#gHeader .logo{padding-left:35px;}
	#gHeader .logo svg:first-child{width:256px;}
	#gHeader .logo svg:last-child{
		width:67px;
		margin-left:16px;
	}
	#gHeader #siteMenu{line-height:76px;}
	#gNavBtn{width:76px;}
	#gNavBtn > span{
		width:25px;
		height:22px;
	}
	#mainMenu+*{margin-top:76px;}
	#mainMenu{padding:85px 70px 75px;}
	#gNavClose{
		top:16px;
		right:16px;
		width:44px;
		height:44px;
	}
	#gNavClose:before,
	#gNavClose:after{
		right:7px;
		width:44px;
	}
	#gNavClose:before{top:7px;}
	#gNavClose:after{bottom:7px;}
	#mainMenu .bigMenu > li+li{margin-top:38px;}
	#mainMenu .btnMenu li+li{margin-top:8px;}
	#mainMenu .socialMenu{margin-top:34px;}
	#siteMenu a[class]{width:180px;}
	#jobDescription{
		height:822px;
		margin:168px auto 66px;
		padding-top:252px;
		padding-right:calc(50% - 600px);
		padding-left:calc(50% - 600px);
	}
	#jobDescription:before{
		width:466px;
		height:96px;
		top:170px;
		left:calc(50% - 684px);
	}
	#jobDescription .titleLead{margin:39px 0;}
	#jobDescription > *:not(.swiper){width:500px;}
	#jobDescription .swiper{width:290px;}
	#jSlider01{right:calc(50% - 285px);}
	#jSlider02{right:calc(50% - 600px);}
	#jobDescription .swiper-slide{
		height:400px;
		margin-bottom:20px;
	}
	#jobDescription .btnMenu li{
		width:400px;
		height:100px;
	}
	#jobDescription .btnMenu li+li{margin-top:20px;}
	#jobDescription .boxBtn{padding:33px 28px 33px 38px;}
	#bnrBox > * a{
		height:313px;
		padding:20px 120px 20px 46px;
	}
	#bnrBox p{margin-top:16px;}
	#bnrBox svg{
		width:63px;
		right:37px;
		top:calc(50% - 31.5px);
	}
	.faqBox a:before{
		width:274px;
		height:100%;
		left:-15px;
		top:0;
	}
	.meetBox a:before{
		width:530px;
		height:100%;
		left:-2px;
		top:3px;
	}
	#gFooter{
		margin-top:58px;
		padding:84px 0 72px;
		padding-right:calc(50% - 424px);
		padding-left:calc(50% - 424px);
	}
	#gFooter .bigMenu{
		grid-template-columns:71.664% 28.336%;
		margin-bottom:90px;
	}
	#gFooter .bigMenu > li{margin-bottom:44px;}
	#gFooter .bigMenu .btnMenu li+li{margin-top:16px;}
	#gFooter .fLogo a{width:318px;}
	#gFooter .fLogo a svg:first-child{width:216px;}
	#gFooter .fLogo a svg:last-child{width:81px;}
	#pageReTop{
		width:60px;
		height:60px;
		right:16px;
		bottom:40px;
	}
	#pageReTop svg{width:11px;}
	.pgHeader{padding:108px 6.739% 38px;}
	.pgHeader .titleLead{margin-left:40px;}
	#breadcrumbs{padding:0 6.739% 70px;}
	#breadcrumbs ol{font-size:1.0rem;}
	#breadcrumbs li:not(:last-child){padding-right:45px;}
	#breadcrumbs li:not(:last-child):after{
		right:20px;
		top:-3px;
	}
	.entryFullBtn a{padding:60px 0;}
	.entryFullBtn small{margin-top:30px;}
	.entryFullBtn svg{width:36px;}
}
@media screen and (min-width:1220px) and (max-width:1399.98px){
	.entryFullBtn a{
		padding-right:calc(50% - 600px);
		padding-left:calc(50% - 600px);
	}
	.entryFullBtn svg{right:calc(50% - 600px);}
}
@media screen and (min-width:1400px){
	.entryFullBtn a{
		padding-right:calc(50% - 636px);
		padding-left:calc(50% - 636px);
	}
	.entryFullBtn svg{right:calc(50% - 636px);}
}

