@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/
/* web fonts
-------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');

/* reset style
-------------------------------------------------------------*/
*{padding:0;margin:0;}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{display:block;padding:0;margin:0;}
html{-webkit-text-size-adjust:100%;}
body{
	color:#333;
	font:normal 15px/1 'ÓÎ¥´¥·¥Ã¥¯', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'Meiryo UI', "¥á¥¤¥ê¥ª", 'Meiryo', sans-serif;
	background:#fff;
	text-align:left;
	font-weight:500;
}
body .roboto{
	font-family: 'Roboto Condensed', sans-serif;
}

ol,ul,dl,li,dt,dd{list-style:none;}
img{
	vertical-align:top;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-user-drag:none;
	-moz-user-drag:none;
	-ms-user-drag:none;
	user-drag:none;
}
a,img{border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
sup,
sub{
	height:0;
	line-height:1;
	vertical-align:baseline;
	margin:0 1px;
	position:relative;
}
sup{bottom:0.7ex;}
sub{top:0.1ex;}

/* JS element
-------------------------------------------------------------*/
.noSc,
.telLink,/* for mobile */
.setAutoHeight,
.setAutoHeightTgr,
.ah-tgr{}

/* text Layout
-------------------------------------------------------------*/
.textBold{font-weight:bold !important;}
.textNormal{font-weight:normal !important;}
.textItalic{font-style:italic;}
.textCondensed,
.textCondensed02{
	letter-spacing:.08em;
	display:block;
	width:calc(100% / .85);
	-webkit-transform:scaleX(.85);
	transform:scaleX(.85);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
}
.textCondensed02{
	width:calc(100% / .8);
	-webkit-transform:scaleX(.8);
	transform:scaleX(.8);
}
/*---.nowrap   --- SmartPhone : nowrap */
/*---.nowrap-pc --- SmartPhone/tablet P : normal */
.nowrap,
.nowrap-pc{white-space:nowrap;}
.noNowrap{white-space:normal !important;}
.textBreak{word-break:break-all;}

small{font-size:100%;}
.textSS{font-size:75%;}  /* 12px */
.textS{font-size:87.5%;} /* 14px */
.textL{font-size:112.5%;}/* 18px */
.textLL{font-size:125%;} /* 20px */
.sp-textS{}

/* Color */
.textRed{color:#f00 !important;}
.key{color:#ca004c !important;}

/* indent */
.textIdt-numDot{/* 1. text */
	text-indent:-1.32em;
	padding-left:1.32em;
}
/* a Element
-------------------------------------------------------------*/
a{
	color:#eb6e00;
	text-decoration:none;
}
a:visited{color:#649;}
a:hover{color:#fe871e;}
a,
button,
input[type="submit"]{
	transition-property:color, background, opacity, border, box-shadow;
	transition-duration:.3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
/* overOpc */
.overOpc{
	transition:opacity .3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
html:not(.mobile) .overOpc:hover,
html:not(.mobile) a:hover .overOpc{opacity:0.7;}

/* overSlide */
a.overSlide{
	color:#fff;
	background:linear-gradient(to right,#000,#000);
  display:inline-block;
  vertical-align:middle;
  position:relative;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
}
a.overSlide::before{
  content:"";
	background-color:#ccc;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 50%;
  transform-origin:0 50%;
  transition:transform .2s ease-out;
}
html:not(.mobile) a.overSlide:hover{color:#fff;}
html:not(.mobile) a.overSlide:hover::before{
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
}
/* imgIcon */
img.imgIcon{
	background:url(/saiyou/newgraduate/shared/img/parts_spr.png) no-repeat 0 0/auto 50px;
	vertical-align:-3px;
	width:20px;
	height:23px;
	margin:-3px 4px 0;
}
img.imgIcon.blank{
	vertical-align:-1px;
	width:14px;
	height:14px;
	margin-top:0;
}
img.imgIcon.blank.white{background-position:-15px 0;}
/*img.imgIcon.pdf{background-position:-46px -20px;}
img.imgIcon.pdf.white{background-position:-172px -20px;}*/
img.imgIconS{vertical-align:text-bottom;}

/* block Layout
-------------------------------------------------------------*/
img{
	box-sizing:border-box;
	max-width:100%;
	height:auto;
}
.forReader,
.dsp-none,
.sp-dsp-block,
.spP-dsp-block,
.spS-dsp-block{display:none;}
.sp-dsp-none,
.spP-dsp-none,
.spS-dsp-none,
.sp-dsp-inline{}
.dsp-block{display:block;}
.dsp-inlineBlock{display:inline-block;}
.dsp-table{display:table;}
.dsp-table>*{
	display:table-cell;
	vertical-align:top;
}
/* Float Element */
.cClear{clear:both !important;}
.fLeft {float:left !important;}
.fRight{float:right !important;}
.clearfix::after{
	content:"";
	display:block;
	clear:both;
	width:0;
	height:0;
}
/* width */
.wAuto{
	width:auto !important;
	max-width:none !important;
}
.w5 {width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}
.sp-w5,.sp-w10,.sp-w15,.sp-w20,.sp-w25,.sp-w30,.sp-w35,.sp-w40,.sp-w45,.sp-w50,.sp-w55,.sp-w60,.sp-w65,.sp-w70,.sp-w75,.sp-w80,.sp-w85,.sp-w90,.sp-w95,.sp-w100{}
.wMin0{min-width:0 !important;}
.sp-wAuto{}/*---SmartPhone : auto */
@media print, screen and (min-width:751px){
.pc-wAuto{width:auto !important;}
}

/* height */
.hAuto{height:auto !important;}
.hMin0{min-height:0 !important;}
.sp-hMin0{}

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}
.sp-alignL,
.sp-alignC,
.sp-alignR{}

/* margin padding */
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mT60{margin-top:60px !important;}
.mT70{margin-top:70px !important;}
.mT80{margin-top:80px !important;}
.mT90{margin-top:90px !important;}
.mR0 {margin-right:0 !important;}
.mR10{margin-right:10px !important;}
.mR20{margin-right:20px !important;}
.mR40{margin-right:40px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.mL0 {margin-left:0 !important;}
.mL10{margin-left:10px !important;}
.mL20{margin-left:20px !important;}
.mL40{margin-left:40px !important;}
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}
.pR0 {padding-right:0 !important;}
.pR10{padding-right:10px !important;}
.pR20{padding-right:20px !important;}
.pR40{padding-right:40px !important;}
.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}
.pL0{padding-left:0 !important;}
.pL10{padding-left:10px !important;}
.pL20{padding-left:20px !important;}
.pL40{padding-left:40px !important;}
.sp-mT0,
.sp-mT10,
.sp-mT15,
.sp-mT20,
.sp-mT30,
.sp-mT40,
.sp-mT50,
.sp-mT60,
.sp-mR0,
.sp-mL0,
.sp-pR0,
.sp-pL0{}

/* border */
.noBdr{border:none !important;}
.noBdrT{border-top:none !important;}
.noBdrR{border-right:none !important;}
.noBdrB{border-bottom:none !important;}
.noBdrL{border-left:none !important;}
.imgBdr{border:1px solid #ccc;}

/* background */
.noBg{background:none !important;}

/* container
-------------------------------------------------------------*/
#container{
	/*min-width:1024px;*/
	min-width:768px;
	padding-top:100px;
	overflow:hidden;
}
@media print, screen and (max-width:1024px){
#container{
	min-width:320px;
	padding-top:56px;
}
}
/*=============================================================
 header
=============================================================*/
#header{
	background-color:#fff;
	box-sizing:border-box;
	width:100%;
	height:100px;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 large PC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print, screen and (min-width:1025px){
#header:after{
	content:"";
	background-color:#fff;
	box-sizing:border-box;
	width:100%;
	height:5px;
	position:fixed;
	top:0;
	left:0;
	background: linear-gradient(to right, #cf121b 0%, #f6b32c 100%);
}
/* hdr-logo
-------------------------------------------------------------*/
	#hdr-logo{
		position:absolute;
		top:28px;
		left:35px;
	}
	#hdr-logo h1{
		position:relative;
	}
	#hdr-logo a{
		display: block;
	}
	#hdr-logo a img{
		width:100%;
	}
	#hdr-logo #hdrLogo{
		width:174px;
		height:43px;
	}
	#hdr-logo #hdrSiteName{
		position:absolute;
		top:18px;
		left:189px;
		display:inline-block;
		width:114px;
		height:18px;
		box-sizing:border-box;
	}


		#hdrBtnEntry ul, #hdrBtnMyPage ul{
			 display: none;
	   }
    
/* globalNavSet
-------------------------------------------------------------*/
	#globalNavSet>dt{display:none;}
/* globalNav
-------------------------------------------------------------*/
	#globalNav{
		padding:0 200px 0 0;
		font-size:0;
		text-align:right;
	}
	#globalNav>li{
		display:inline-block;
		padding:0 0 0 35px;
		overflow:hidden;
		text-align:left;
	}
	#globalNav>li:hover{
		overflow:visible;
	}
	#globalNav>li>a{
		box-sizing:border-box;
		/*margin:45px 0 0;*/
		margin: 60px 0 0;
		display:block;
		text-decoration:none;
		display:block;
		position:relative;
		z-index:25;
		overflow:hidden;
		font-size:13px;
		font-weight:700;
	}
	#globalNav>li>a>span{
		display:block;
		height:22px;
		position:relative;
		color: #000;
	}
	#globalNav>li>a>span::after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #cf121b 0%, #f6b32c 100%);
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
	}
	#globalNav>li>a.act span::after,
	#globalNav>li>a:hover span::after{
  transform-origin: left top;
  transform: scale(1, 1);
	}
	#about #globalNav>li#gb-about>a>span::after,
	#work #globalNav>li#gb-work>a>span::after,
	#workplace #globalNav>li#gb-workplace>a>span::after,
	#info #globalNav>li#gb-info>a>span::after{
  transform-origin: left top;
  transform: scale(1, 1);
	}
    
    /* add to 2024/02/20 --------------------------------------*/
    #header nav p.linkCorp.sp-dsp-none{
        position: absolute;
        right: 200px;
        top: 25px;
        font-size: 14px;
    }
    #header nav p.linkCorp.sp-dsp-none a{
        display: inline-block;
        font-weight: bold;
        color: #000;
    }
    #header nav p.linkCorp.sp-dsp-none a:visited{
        color: #000;
    }
    #header nav p.linkCorp.sp-dsp-none a span{
        position: relative;
        padding: 0 18px 0 0;
    }
    #header nav p.linkCorp.sp-dsp-none a span::before {
        content: "";
        width: 15px;
        height: 15px;
        display: block;
        background: url(/saiyou/newgraduate/shared/img/icn_blank.png) no-repeat center center;
        background-size: auto;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    
/* .hdr-gbDrop
-------------------------------------------------------------*/
	.hdr-gbDrop{
		color:#333;
		width:100%;
		box-sizing:border-box;
		position:fixed;
		top:65px;
		padding:35px 0 0;
		left:0;
		z-index:20;
		visibility:hidden;
		opacity:0;
		transition:all 0.3s ease-out;
	}
	.hdr-gbDrop.openPC{
		visibility:visible;
		opacity:1;
		z-index:20 !important;
	}
	.hdr-gbDrop .boxInner{
		padding:35px;	
		text-align:left;
		background-color:#f8ebe9;
	}
	.hdr-gbDrop .boxInner ul{
		width:100%;
		max-width:960px;
		margin:0 auto;
		display:flex;
		flex-wrap:nowrap;
	}
	.hdr-gbDrop .boxInner ul li{
		width:calc((100% - 60px) / 5) ;
		line-height:1.25;
	}
	.hdr-gbDrop .boxInner ul li ul{
		display:none;
	}
	.hdr-gbDrop .boxInner ul li:not(:nth-child(5n+1)){
        margin-left:10px;
    }
	.hdr-gbDrop .boxInner li a{
		font-size:16px;
		font-weight:700;
		text-decoration:none;
		display:block;
		padding:0;
		color:#000;
	}
	.hdr-gbDrop .boxInner ul li a span.thum{
		display:block;
		position:relative;
	}
	.hdr-gbDrop .boxInner ul li a span.thum::after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #cf121b 0%, #f6b32c 100%);
		opacity:0;
  transition: opacity .7s;
	}
	.hdr-gbDrop .boxInner ul li a:hover span.thum::after{
		opacity:0.4;
	}
	.hdr-gbDrop .boxInner ul li a span.txt{
		padding:5px 0;
		display:inline-block;
		position:relative;
	}
	.hdr-gbDrop .boxInner ul li a span.txt::after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #cf121b 0%, #f6b32c 100%);
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
	}
	.hdr-gbDrop .boxInner ul li a:hover span.txt::after{
  transform-origin: left top;
  transform: scale(1, 1);
	}
  
#gbDrop-info.hdr-gbDrop .boxInner ul{
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}  
#gbDrop-info.hdr-gbDrop .boxInner ul li{
    text-align:center;
    background:#ffffff;
  }
#gbDrop-info.hdr-gbDrop .boxInner ul li a{
    width:100%;
    height:100px;
    display:table;
    box-sizing:border-box;
    position:relative;
    z-index:2;
    color:#000;
    font-weight:700;
    font-size:16px;
    text-decoration:none;
  }
#gbDrop-info.hdr-gbDrop .boxInner ul li.act a{
    opacity:0.7;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a:hover{
	color:#fff;
	opacity:1;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	background:linear-gradient(to right, #cf121b, #f6b32c);
	z-index:1;
	opacity:0;
	transition: all .3s;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a:hover::after{
	opacity:1;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span{
	position:relative;
	display:table-cell;
	height:100px;
	vertical-align:middle;
	z-index:3;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.arw{
	position: absolute;
	width: 18px;
	height: 18px;
	display: block;
	top: 50%;
	right: 10px;
	z-index: 4;
	transform:translateY(-50%);
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.arw::before{
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	width: 18px;
	height: 2px;
	background: linear-gradient(to right, #f5af2b 0%, #d11a24 100%);
	vertical-align: middle;
	transition: all .3s;
	transform:translateY(-50%);
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.arw::after {
 position: absolute;
	top: 50%;
 right: 4px;
 content: '';
	width: 6px;
	height: 6px;
	margin-top:-1px;
	border-top: 2px solid #d11a24;
	border-right: 2px solid #d11a24;
	transform: rotate(45deg) translateY(-50%);
	transition: all .3s;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a:hover span.arw::before{
	background:#fff;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a:hover span.arw::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineTL,
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineBR{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	z-index: 4;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineTL::before,
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineTL::after,
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineBR::before,
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineBR::after{
	content: "";
	display: block;
	position: absolute;
}

#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineTL::before,
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineBR::before{
	width: 100%;
	height: 2px;
	background:linear-gradient(to right, #cf121b, #f6b32c);
	left: 0;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineTL::after{
	width: 2px;
	height: 100%;
	background:#cf121b;
	left: 0;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineBR::after{
	width: 2px;
	height: 100%;
	background:#f6b32c;
	right: 0;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineTL::before{
	top: 0;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li a span.lineBR::before{
	bottom: 0;
}
#gbDrop-info.hdr-gbDrop .boxInner ul li.act a span.lineTL,
#gbDrop-info.hdr-gbDrop .boxInner ul li.act a span.lineBR{
	display:none;
}
/* subBtn
-------------------------------------------------------------*/
	#subBtn{
		width:120px;
		height:34px;
		position:absolute;
		top:15px;
		right:35px;
	}
	#subBtn>ul{
		width: 100%;
		height: 100%;
		height:34px;
	}
	#subBtn>ul>li{
		position: relative;
		width:120px;
		height:34px;
		display:block;
	}
li#hdrBtnEntry{
	z-index: 3;
}
	li#hdrBtnEntry>a{
		width:100%;
		height:34px;
		box-sizing:border-box;
		display:table;
		position:relative;
		text-align:center;
		z-index:2;
		font-size:18px;
		line-height:18px;
		text-decoration:none;
		color:#fff;
	}
	li#hdrBtnEntry>a span{
		display:table-cell;
		height:34px;
		vertical-align:middle;
		z-index:3;
		/*border:1px solid #fff;*/
		background-image: linear-gradient(to right, #f18e01 0%, #e90f64 15%, #e90f64 25%, #e90f64 35%, #7515c9 50%, #e90f64 65%, #e90f64 75%, #e90f64 85%, #f18e01 100%);
		background-position: left center;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
		background-size: 200% auto;
	}
	li#hdrBtnEntry>a:hover span,
	li#hdrBtnEntry>a.act span{
		background-position: right center;
	}
	li#hdrBtnEntry #entryNavi{
		color:#333;
		width:100%;
		box-sizing:border-box;
		position:fixed;
		top:65px;
		padding:35px 0 0;
		left:0;
		z-index:20;
		visibility:hidden;
		opacity:0;
		transition:all 0.3s ease-out;
	}
	li#hdrBtnEntry #entryNavi.openPC{
		visibility:visible;
		opacity:1;
		z-index:20 !important;
	}
	li#hdrBtnEntry .entryNaviInner{
		padding:35px;	
		text-align:left;
		background-color:rgba(255,255,255,0.8);
		position:relative;
	}
	li#hdrBtnEntry .entryNaviInner::after{
		content:"";
		background-color:#fff;
		box-sizing:border-box;
		width:100%;
		height:2px;
		position:absolute;
		bottom:0;
		left:0;
		background: linear-gradient(to right, #cf121b 0%, #f6b32c 100%);
	}
	li#hdrBtnEntry .entryNaviInner ul{
		width:100%;
		max-width:472px;
		margin:0 auto;
		display:flex;
		flex-wrap:nowrap;
	}
	li#hdrBtnEntry .entryNaviInner ul li{
		width:calc((100% - 20px)) / 2;
		line-height:1.25;
	}
	li#hdrBtnEntry .entryNaviInner ul li:not(:nth-child(4n+1)){margin-left:20px;}
	li#hdrBtnEntry .entryNaviInner li a{
		font-size:16px;
		font-weight:700;
		text-decoration:none;
		display:block;
		padding:0;
		color:#000;
	}
	li#hdrBtnEntry .entryNaviInner ul li a span.thum{
		display:block;
		position:relative;
		padding:16px 0;
		background-color:#fff;
		border:1px solid #ccc;
	}
	li#hdrBtnEntry .entryNaviInner ul li a span.txt{
		padding:5px 0;
		display:inline-block;
		position:relative;
	}
	li#hdrBtnEntry .entryNaviInner ul li a span.txt::after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #cf121b 0%, #f6b32c 100%);
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
	}
	li#hdrBtnEntry .entryNaviInner ul li a:hover span.txt::after{
  transform-origin: left top;
  transform: scale(1, 1);
	}
    /* #hdrBtnMyPage */
    li#hdrBtnMyPage {
        margin-top: 5px;
    }
    li#hdrBtnMyPage a {
        width: 100%;
        height: 34px;
        box-sizing: border-box;
        display: table;
        position: relative;
        text-align: center;
        z-index: 2;
        font-size: 18px;
        line-height: 18px;
        text-decoration: none;
        color: #333;
        background: linear-gradient(to right, #ff0000 0%, #fbaf3b 33.33%, #ff0000 66.66%, #fbaf3b 100%);
        background-size: 300% auto;
        padding: 1px;
    }
    li#hdrBtnMyPage a:hover {
        background-position: right center;
    }
    li#hdrBtnMyPage > a span {
        display: table-cell;
        height: 34px;
        vertical-align: middle;
        z-index: 3;
        box-sizing: border-box;
        background: #fff;
        transition: .3s;
    }
    li#hdrBtnMyPage > a:hover span {
        background: rgba(255,255,255,0);
        color: #fff;
    }
	  #hdrBtnEntry li.menu a,#hdrBtnMyPage li.menu a {
        width: 100%;
        height: 38px;
        box-sizing: border-box;
        display: table;
        position: relative;
        text-align: center;
        font-size: 13px;
        line-height: 20px;
        text-decoration: none;
        color: #333;
			  border:1px solid #999;
        background: #fff;
			  margin-top: -1px;
			  text-align: left;
			  padding-left: 5px;
    }
		 li.menu > a span {
        display: table-cell;
        height: 34px;
        vertical-align: middle;
        z-index: 3;
        box-sizing: border-box;
        background: #fff;
        transition: .3s;
			 }
			
	   #hdrBtnEntry li.menu a:hover,
	   #hdrBtnMyPage li.menu a:hover{
				color: #cf121b;
			 
    }
	#sp_subBtn{
		display: none;
	}
}
@media all and (-ms-high-contrast: none){
	#globalNav>li>a>span{
		box-sizing:border-box;
		padding:2px 0 0;
	}
}

/*¡¡Ò»•rÏ÷³ý
------------------------------------------------------------------------------------*/
#gbDrop-info.hdr-gbDrop .boxInner ul li.internship{
  display: none;
}









/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones - small PC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print, screen and (max-width:1024px){
/*=============================================================
 header
=============================================================*/
#header{
	min-width:0;
	height:56px;
}
/* hdr-logo
-------------------------------------------------------------*/
	#hdr-logo{
		position:absolute;
		top:11px;
		left:19px;
	}
	#hdr-logo h1{
		position:relative;
	}
	#hdr-logo a img{
		width:100%;
	}
	#hdr-logo #hdrLogo{
		width:134px;
		height:33px;
	}
	#hdr-logo #hdrSiteName{
		position:absolute;
		top:14px;
		left:150px;
		display:inline-block;
		width:87px;
		height:9px;
		box-sizing:border-box;
	}

/* globalNavSet
-------------------------------------------------------------*/
	#globalNavSet>dt{
		display:block;
		width:56px;
		height:56px;
		position:absolute;
		top:0;
		right:0;
		cursor:pointer;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		color:#ca004c;
	}
	#globalNavSet>dt::before,
	#globalNavSet>dt::after{
		content:"";
		background-color:#333333;
		display:block;
		width:22px;
		height:2px;
		margin-left:-11px;
		position:absolute;
		left:50%;
		z-index:1;
		transition:all 0.3s ease;
	}
	#globalNavSet>dt::before{
		top:19px;
		transform-origin: left top;
	}
	#globalNavSet>dt::after{
		bottom:19px;
		transform-origin: left bottom;	
	}
	#globalNavSet.open>dt::before{
		width:24px;
		transform:rotate(45deg);
	}
	#globalNavSet.open>dt::after{
		width:24px;
		transform:rotate(-45deg);
	}
	#globalNavSet>dt>span::before{
		content:"";
		background-color:#333333;
		display:block;
		width:22px;
		height:2px;
		margin-left:-11px;
		position:absolute;
		top:27px;
		left:50%;
		z-index:1;
		opacity:1;
		transition:all 0.3s ease;
	}
	#globalNavSet.open>dt>span::before{
		opacity:0;
	}
	#globalNavSet>dt>span .open,
	#globalNavSet>dt>span .close{
		display:none;
	}
	#globalNavSet>dd{
		color:#333;
		background-color:#ffffff;
		box-sizing:border-box;
		width:100%;
		padding:0;
		visibility:hidden;
		overflow:hidden;
		position:fixed;
		top:56px;
		bottom:100%;
		left:0;
		z-index:200;
		opacity:0;
		transition:all 0.3s ease;
	}
	#globalNavSet.open>dd{
		visibility:visible;
		bottom:0;
		opacity:1;
	}
	#globalNavSet>dd>*{visibility:hidden;}
	#globalNavSet>dd>div::after{
		content:"";
			display:block;
			height:30px;
	}
	#globalNavSet.open>dd>*{visibility:inherit;}
	html.gNavOpen,
	html.gNavOpen body{
		height:100%;
		overflow:hidden;
	}
	html.gNavOpen #globalNavSet>dd>div{
		box-sizing:border-box;
		width:100%;
		height:100%;
		overflow:auto;
		overflow-x: hidden;
		position:relative;
		-webkit-overflow-scrolling:touch;
	}
  




/* globalNav
-------------------------------------------------------------*/
	#globalNav{
		width:100%;
		max-width:640px;
		margin:0 auto;
		padding:0 30px;
		box-sizing:border-box;
		position:static;
		text-align:left;
	}
	#globalNav>li{
		position:relative;
		padding-bottom: 1px;
		border-bottom:1px solid #b8bdc5;
	}
	#globalNav>li>a{
		display:block;
		padding:24px 0;
		font-size: 16px;
		font-weight:700;
		position:relative;
		text-decoration:none;
	}
	#globalNav>li>a span{
		padding:0;
		display:inline-block;
		color:#ee9542;
		background: linear-gradient(to right, #cf121b 0%, #f6b02b 100%);
  background: -webkit-linear-gradient(to right, #cf121b 0%, #f6b02b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	}

	#globalNav li a.btnSp::before,
	#globalNav li a.btnSp::after{
		content:"";
		width:15px;
		height:1px;
		background: linear-gradient(to right, #cf121b 0%, #f6b32c 100%);
		position:absolute;
		top:50%;
		right:10px;
		transform:translate(0, -50%) rotate(0);
		transition:.3s;
	}
	#globalNav li a.btnSp::after{
		background:#ee9542;
		transform:translate(0, -50%) rotate(90deg);
	}
	#globalNav li.open a.btnSp::before,
	#globalNav li.open a.btnSp::after{
		transform:translate(0, -50%) rotate(180deg);
	}
	#globalNav li .box{
		padding-bottom:15px;
		display:none;
	}
	#globalNav li li a{
		text-decoration:none;
		display:block;
		height:auto;
		padding:5px 0 10px 18px;
		position:relative;
		font-size: 13px;
		line-height:1.35;
		color:#333;
	}
	#globalNav li li.ttl>a{
		padding:5px 0 10px 0;
		font-weight:700;
	}
	#globalNav li li a::before{
		content: '';
		display: block;
		width:10px;
		height:1px;
		position: absolute;
		top:13px;
		left:0;
		background: linear-gradient(to right, #cf121b, #f6b32c);
	}
	#globalNav li li.ttl>a::before{
		display:none;
	}
	.hdr-gbDrop .boxInner ul li a span.thum{
		display:none;
	}
	.hdr-gbDrop .m2ndWorkplace .boxInner ul,
	.hdr-gbDrop .m2ndInfo .boxInner ul,
	.hdr-gbDrop .boxInner ul li ul{
		display:flex;
		flex-wrap:wrap;
	}
	.hdr-gbDrop .m2ndWorkplace .boxInner ul li,
	.hdr-gbDrop .m2ndInfo .boxInner ul li,
	.hdr-gbDrop .boxInner ul li ul li{
		width:calc(50% - 10px);
		padding-right:10px;
	}
    
    /* sp_entry btn */
    #sp_subBtn {
        /*! display: flex; */
        /*! justify-content: space-between; */
        width: 100%;
        max-width: 640px;
        margin: 25px auto 0;
        padding: 0 30px;
        box-sizing: border-box;
    }
    #sp_subBtn li.menu a {
        position: relative;
			  color: #333;
    }
		#sp_subBtn li.menu a::before{
		content: '';
    display: block;
    width: 10px;
    height: 1px;
    position: absolute;
    top: 8px;
    left: 0;
    background: linear-gradient(to right, #cf121b, #f6b32c);
}
	#sp_hdrBtnEntry{
		padding-bottom: 20px;
	}
    #sp_hdrBtnEntry > a {
        width: 100%;
        height: 45px;
        box-sizing: border-box;
        display: table;
        position: relative;
        text-align: left;
        z-index: 2;
        font-size: 18px;
        line-height: 18px;
        text-decoration: none;
        color: #fff;
    }
    #sp_hdrBtnEntry > a span{
        display: table-cell;
        height: 45px;
        vertical-align: middle;
        z-index: 3;
        background-image: linear-gradient(to right, #f18e01 0%, #e90f64 15%, #e90f64 25%, #e90f64 35%, #7515c9 50%, #e90f64 65%, #e90f64 75%, #e90f64 85%, #f18e01 100%);
        background-position: left center;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
        background-size: 200% auto;
        padding-left: 20px;
    }
    #sp_hdrBtnMyPage>a {
        width: 100%;
        height: 45px;
        box-sizing: border-box;
        display: table;
        position: relative;
        text-align: left;
        z-index: 2;
        font-size: 18px;
        line-height: 18px;
        text-decoration: none;
        color: #333;
        background: linear-gradient(to right, #ff0000, #fbaf3b);
        padding: 1px;
    }
    #sp_hdrBtnMyPage > a span {
        display: table-cell;
        height: 45px;
        vertical-align: middle;
        z-index: 3;
        box-sizing: border-box;
        background: #fff;
        transition: .3s;
			  padding-left: 20px;
    }
	#sp_subBtn li.menu a{
		font-size: 13px;
		padding-left: 20px;
		line-height: 3; 
	}

	#subBtn{
		display: none;
	}
    
    /* add to 2024/02/20 --------------------------------------*/
    #globalNavSet p.linkCorp.sp-dsp-block{
        display: block;
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 16px;
    }
    #globalNavSet p.linkCorp.sp-dsp-block a{
        display: block;
        padding: 25px 0;
        color: #000;
    }
    #globalNavSet p.linkCorp.sp-dsp-block a:visited{
        color: #000;
    }
    #globalNavSet p.linkCorp.sp-dsp-block a span{
        position: relative;
        padding: 0 18px 0 0;
    }
    #globalNavSet p.linkCorp.sp-dsp-block a span::before {
        content: "";
        width: 15px;
        height: 15px;
        display: block;
        background: url(/saiyou/newgraduate/shared/img/icn_blank.png) no-repeat center center;
        background-size: auto;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    #header nav p.linkCorp.sp-dsp-none{
        display: none;
    }
}
@media all and (-ms-high-contrast: none){
	#globalNav>li>a span{
		background:none;
	}
}
/*=============================================================
 footer
=============================================================*/
#footer{
	padding:65px 35px 20px;
	color:#333333;
	line-height:1.4;
	background-color:#f1f2f3;
	position:relative;
}
#ftr-menu{
	position:relative;
	width: 100%;
	max-width:960px;
	margin:0 auto;
	padding:0 0 65px;
}
#ftr-menu-ttl{
	position:relative;
	padding:0 0 65px;
	font-size:0;
}
#ftr-menu-ttl img{
	width:100%;
}
#ftr-menu-ttl #ftrLogo{
	width:174px;
	height:43px;
}
#ftr-menu-ttl #ftrSiteName{
	position:absolute;
		top:18px;
	left:189px;
	display:inline-block;
	width:114px;
	height:18px;
	box-sizing:border-box;
}
/* #ftr-menu-inner
-------------------------------------------------------------*/
#ftr-menu-inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#ftr-menu-inner a{
	display:inline-block;
	color:#333333;
	text-decoration:none;
	position:relative;
}
#ftr-menu-inner dl{
	width:23%;
	line-height:1.0;
}
#ftr-menu-inner dl dt{
	height:35px;
	font-size:15px;
	font-weight:700;
}
#ftr-menu-inner dl dd{
}
#ftr-menu-inner dl dd li{
	position:relative;
	padding:0 0 0 15px;
}
#ftr-menu-inner dl dd li+li{
	margin:15px 0 0;
}
#ftr-menu-inner dl dd li ul{
	padding:13px 0 0 15px;
}
#ftr-menu-inner dl dd li a{
	height:19px;
	overflow:hidden;
	line-height:19px;
}
#ftr-menu-inner dl dd li.ttl>a{
	font-weight:700;
}
#ftr-menu-inner dl dd li::before{
	content: '';
 display: block;
	width:10px;
	height:1px;
	position: absolute;
	top:9px;
	left:0;
	background: linear-gradient(to right, #cf121b, #f6b32c);
}
#ftr-menu-inner dl dd li.ttl::before{
 display: none;
}
#ftr-menu-inner a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#ftr-menu-inner a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

/* ftr_bannerList
-------------------------------------------------------------*/
#ftr-menu-inner dl dd .ftr_bannerList {
    margin-top: 30px;
}
#ftr-menu-inner dl dd .ftr_bannerList li {
    padding: 0;
}
#ftr-menu-inner dl dd .ftr_bannerList li:before {
    display: none;
}
#ftr-menu-inner dl dd .ftr_bannerList li a {
    height: inherit;
}
#ftr-menu-inner dl dd .ftr_bannerList li a:after {
    display: none;
}
.sp_ftr_bannerList {
    display: none;
}


/* ftr-coporatesite
-------------------------------------------------------------*/
#ftr-coporatesite{
	display:inline-block;
	position:absolute;
	top:17px;
	right:0;
}
#ftr-coporatesite a{
	white-space:nowrap;
	padding:0 18px 0 0;
	font-size:14px;
}
#ftr-coporatesite a::before{
	content:"";
	width:15px;
	height:15px;
	display:block;
	background:url(/saiyou/newgraduate/shared/img/icn_blank.png) no-repeat center center;
	background-size:100% 100%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{
	width: 60px;
	height: 60px;
	position: fixed;
	right:35px;
	bottom: 35px;
	overflow:hidden;
}
#ftr-pagetop a{
	display:block;
	width: 60px;
	height: 60px;
	border-radius:100px;
	overflow: hidden;
	background-color: rgba(180,180,180,0.6);
}
#ftr-pagetop a:hover {
	background-color: rgba(180,180,180,0.9);
}
#ftr-pagetop a span{
	display:block;
	width: 60px;
	height: 60px;
	position: relative;
	box-sizing: border-box;
	text-indent:-300%;
}
#ftr-pagetop a span::before,
#ftr-pagetop a span::after {
	content: "";
	display: block;
	width: 20px;
	height: 4px;
 background: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 12px;
	bottom: 0;
	right: 0;
	margin: auto;
}
#ftr-pagetop a span::after {
	transform: rotate(-45deg);
	left: -13px;
}
#ftr-pagetop.show,
#ftr-pagetop.bottom {
	visibility: visible;
	opacity: 1;
}
#ftr-pagetop.bottom {
	position: absolute;
	top: -30px;
	bottom: auto;
}
/* ftr-copyright
-------------------------------------------------------------*/
#ftr-copyright{
	color:#999999;
	font-size:12px;
	text-align:right;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:750px), only screen and (max-device-width:750px){

/*=============================================================
 Common Layout
=============================================================*/
body{font-size:14px;}

/* text Layout
-------------------------------------------------------------*/
.nowrap-pc{white-space:normal;}
.sp-textS{font-size:87.5%;} /* 14px */

/* block Layout
-------------------------------------------------------------*/
.sp-dsp-none{display:none !important;}
.sp-dsp-block,
.dsp-table.sp-dsp-block,
.dsp-table.sp-dsp-block>*{display:block;}
img.sp-dsp-block,
.sp-dsp-inline{display:inline;}

/* width */
.sp-w5 {width:5% !important;}
.sp-w10{width:10% !important;}
.sp-w15{width:15% !important;}
.sp-w20{width:20% !important;}
.sp-w25{width:25% !important;}
.sp-w30{width:30% !important;}
.sp-w35{width:35% !important;}
.sp-w40{width:40% !important;}
.sp-w45{width:45% !important;}
.sp-w50{width:50% !important;}
.sp-w55{width:55% !important;}
.sp-w60{width:60% !important;}
.sp-w65{width:65% !important;}
.sp-w70{width:70% !important;}
.sp-w75{width:75% !important;}
.sp-w80{width:80% !important;}
.sp-w85{width:85% !important;}
.sp-w90{width:90% !important;}
.sp-w95{width:95% !important;}
.sp-w100{width:100% !important;}
.sp-wAuto{
	width:auto !important;
	max-width:none !important;
}
/* height */
.sp-hMin0,
.setAutoHeight.sp-hMin0>*,
.setAutoHeightTgr.sp-hMin0 .ah-tgr{
	height:auto !important;
	min-height:0 !important;
}
/* aligh */
.sp-alignL{text-align:left !important;}
.sp-alignC{text-align:center !important;}
.sp-alignR{text-align:right !important;}

/* margin padding */
.sp-mT0{margin-top:0 !important;}
.sp-mT10{margin-top:10px !important;}
.sp-mT15{margin-top:15px !important;}
.sp-mT20{margin-top:20px !important;}
.sp-mT30{margin-top:30px !important;}
.sp-mT40{margin-top:40px !important;}
.sp-mT50{margin-top:50px !important;}
.sp-mT60{margin-top:60px !important;}
.sp-mR0{margin-right:0 !important;}
.sp-mL0{margin-left:0 !important;}
.sp-pR0{padding-right:0 !important;}
.sp-pL0{padding-left:0 !important;}



    
/*=============================================================
 footer
=============================================================*/
#footer{
	padding:30px 0;
	text-align:center;
}
#ftr-menu{
	padding:0 0 15px;
}
#ftr-menu-ttl{
	display:none;
}
/* #ftr-menu-inner
-------------------------------------------------------------*/
#ftr-menu-inner{
	display:inline-block;
}
#ftr-menu-inner a{
	display:inline-block;
}
#ftr-menu-inner dl{
	display:none;
}
/* ftr-coporatesite
-------------------------------------------------------------*/
#ftr-coporatesite{
	position:static;
}
/* ftr-copyright
-------------------------------------------------------------*/
#ftr-copyright{
	text-align:center;
}
/* sp_ftr_bannerList
-------------------------------------------------------------*/
.sp_ftr_bannerList {
    display: block;
}
.sp_ftr_bannerList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 40px);
    margin: 0 auto 30px;
}
    .sp_ftr_bannerList ::after {
        content: '';
        width: 100%;
    }
    .sp_ftr_bannerList li:nth-child(n+3) {
        order: 1;
        margin-top: 15px;
    }
.sp_ftr_bannerList li {
    width: calc(50% - 10px);
}
.sp_ftr_bannerList li a::after {
    display: none;
}
    
    

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

/* block Layout
-------------------------------------------------------------*/
.spP-dsp-none{display:none !important;}
.spP-dsp-block{display:block;}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){

/* block Layout
-------------------------------------------------------------*/
.spS-dsp-none{display:none !important;}
.spS-dsp-block{display:block;}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print{

#header{position:absolute !important;}
.clearfix{overflow:hidden;}

}