.sec-rec-header h2{
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
}
.entry-list span{
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
}
#company .nunber-item .circle i{
	font-family: 'Montserrat', sans-serif;	
}
#foot-bnr{
	z-index: 100;
}
main{
	/* z-index: 110; */
	z-index: 300;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
.footer-recruit-nav dd a{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

@keyframes cube{
	0%{transform: translateY(0)}
	25%{transform: translateY(-15px)}
	75%{transform: translateY(15px)}
	100%{transform: translateY(0)}
}

@keyframes cubeSP{
	0%{transform: translateY(0)}
	25%{transform: translateY(-15px)}
	75%{transform: translateY(15px)}
	100%{transform: translateY(0)}
}

/*.container{
	visibility: hidden;
}
*/


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


	.ignore-pc{
		display: none;
	}

/* gheader
------------------------------------*/

	#gheader{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 92px;
		z-index: 500;
		background: none;
	}
	#fixed-header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 92px;
		z-index: 500;
		background: #fff;
		transform: translateY(-100%);
		transition: transform 300ms ease;
	}
	#fixed-header.on{
		transform: translateY(0);		
	}

	#fixed-header h1,
	#gheader h1{
		position: absolute;
		top: 50%;
		left: 40px;
		margin: -11.5px 0 0;
		width: 178px;
		height: 23px;
	}
	.top-grad #gheader h1 a{
		display: block;
		width: 178px;
		height: 23px;
		text-indent: -9999px;
		background: url(/shared/img/logo_wh.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#fixed-header h1 a{
		display: block;
		width: 178px;
		height: 23px;
		text-indent: -9999px;
		background: url(/shared/img/logo_bl.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.top-grad #gheader .gnav > ul > li > a,
	.top-grad #gheader .nav-lang li a{
		color: #fff;
	}
	.top-grad #gheader .gnav > ul > li a:after,
	.top-grad #gheader .nav-lang li a:after{
		background: #fff;
	}


	.lower-grad-logo{
		position: absolute;	
		top: -60px;
		left: 35px;
		z-index: 100;
	}
	.lower-grad-logo img{
		width: 282px;
		height: auto;		
	}



/* recruit
------------------------------------*/


	.recruit-list{
		display: flex;
	}

	.recruit-list .recruit-list-title{
		width: 45%;
		padding: 0 5%;
		box-sizing: border-box;
	}
	.recruit-list ul{
		width: 55%;
		padding-left: 3%;
		box-sizing: border-box;
	}
	.recruit-list .recruit-list-title span{
		display: table-cell;
		width: 67px;
		height: auto;
	}
	.recruit-list .recruit-list-title img{
		width: 100%;
		height: auto;
	}
	.recruit-list .recruit-list-title h3{
		display: table-cell;
		vertical-align: middle;
		padding: 0 0 0 30px;
		font-size: 16px;
		font-weight: 500;
	}

	.recruit-list ul li + li{
		margin-top: 5px;
	}
	.recruit-list ul li a{
		color: #26b3e6;
		font-weight: 500;
	}
	.recruit-list ul li a:hover{
		text-decoration: underline;
	}
	.recruit-list{
		padding: 30px 0;
		border-bottom: 1px solid #d6d6d6;
	}

	.recruit-list ul li div{
		display: inline-block;
		margin-left: 8px;
	}
	.recruit-list ul li i{
		display: inline-block;
		width: 12px;
		height: 12px;
		border-radius: 6px;
	}
	.recruit-list ul li i + i{
		margin-left: 8px;		
	}
	.recruit-list ul li .pos-leader{
		background: #cf6235;
	}
	.recruit-list ul li .pos-section{
		background: #ebc65f;
	}
	.recruit-list ul li .pos-member{
		background: #80b1b1;
	}
	.recruit-piramid{
		display: flex;
		margin: 50px 0 0;
		padding: 35px;
		background: #fafafb;
		border-radius: 25px;
		border: 1px solid #d6d6d6;
		box-sizing: border-box;	
	}
	.recruit-piramid figure{
		width: 352px;		
	}
	.recruit-piramid figure img{
		width: 100%;
		height: auto;
	}
	.recruit-piramid div{
		padding: 0 0 0 40px;
		width: calc(100% - 352px);	
		box-sizing: border-box;	
	}
	.recruit-piramid div dl + dl{
		margin-top: 20px;
	}
	.recruit-piramid div dl dt{
		font-weight: 700;
	}
	.recruit-piramid div dd strong{
		font-weight: 700;
	}
	.recruit-piramid div dd{
		font-size: 14px;
	}


	#recruit .btn-index-link{
		margin-top: 30px;
		position: relative;
	}

	#recruit .btn-index-link:before {
		content: '';
    display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: -10px;
		right: -10px;
    background: rgba(38, 179, 230, 0.4);
	}


	.recruit-list-box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.recruit-list-box .recruit-list2{
		position: relative;
		width: calc(100% / 3 - 20px);
	}
	.recruit-list-box .recruit-list2 a:after{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: #26b3e6;
		transform: translate(10px,10px);
		z-index: 10;
	}
	.recruit-list-box .recruit-list2 a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		display: flex;
	}
	.recruit-list-box .recruit-list2 a:hover{
		opacity: 0.7;
		transition: opacity 300ms ease;
	}
	.recruit-list-box .recruit-list2:nth-child(n+4){
		margin-top: 40px;
	}
	.recruit-list2 .recruit-list-title{
		position: relative;
		padding: 80px 0;
		width: 100%;
		border: 2px solid #26b3e6;
		text-align: center;
		box-sizing: border-box;
		background: #fff;
		z-index: 20;
	}

	.recruit-list2 .recruit-list-title span{
		display: inline-block;
		width: 90px;
		height: auto;
	}
	.recruit-list2 .recruit-list-title img{
		width: 100%;
		height: auto;
	}
	.recruit-list2 .recruit-list-title h3{
		margin-top: 25px;
		font-size: 16px;
		font-weight: 500;
	}



/* gfooter
------------------------------------*/

	#foot-bnr{
		position: relative;
	}
	.link-bnr .col-wrap {
		padding: 100px 0 0;
		margin: 0 0 0 120px;
	}

	#gfooter{
		position: relative;
		margin-top: 300px;
		width: 100%;
		z-index: 100;
		background: #26b3e6;
	}
	#gfooter .gfooter-inner{
		position: relative;
		/* margin: 180px 0 0; */
		margin: 110px 0 0;
		height: 40px;
	}

	.btm-f4kun{
		position: absolute;
		top: -260px;
		/* right: 20px; */
		right: 0;
		width: 311px;
		height: 445px;
		z-index: 10;
		
		-webkit-transform: translateY(110%);
		-ms-transform: translateY(110%);
		-o-transform: translateY(110%);
		transform: translateY(110%);
		
		-webkit-transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-o-transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

	}
	.btm-f4kun.on{
		
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		
	}

	#gfooter .btm-f4kun a{
		display: block;
		width: 311px;
		height: 445px;
		background: url(../img/f4_kun.png) 0 0 no-repeat;
	}
	.btm-f4kun a:hover{
		animation: vibe 100ms linear infinite;
	}
	#gfooter #fnav{
		position: absolute;
		left: 40px;
	}

	#gfooter #fnav li{
		float: left;
	}
	#gfooter #fnav li + li{
		margin: 0 0 0 20px;
	}
	#gfooter #fnav li:nth-child(3){
		margin: 0 0 0 40px;
	}
	#gfooter #fnav li a{
		position: relative;
		color: #fff;
		font-size: 15px;
	}
	#gfooter li a:after{
		position: absolute;
		bottom: -4px;
		left: 50%;
		margin: 0 0 0 -53%;
		content: "";
		display: inline-block;
		height: 1px;
		width: 106%;
		background: #fff;
		display: none;
	}
	#gfooter .footer-recruit li a:hover:after,
	#gfooter .footer-recruit li a.active:after{
		display: none;
	}
	#gfooter .footer-recruit a:hover{
		text-decoration: underline;
	}
	#gfooter .copy{
		position: absolute;
		left: 50%;
		z-index: 100;
		font-size: 14px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		color: #fff;
	}


	/* footer-recruit
	------------------------------------*/

	.footer-recruit{
		margin: 0 40px;
	}
	.footer-recruit-logo{
		padding: 45px 0 0;
	}
	.footer-recruit-nav{
		display: flex;
		padding: 45px 0;		
	}
	.footer-recruit-nav dl{
		max-width: 290px;
	}
	.footer-recruit-nav dl + dl{
		margin-left: 50px;		
		padding-left: 50px;
		border-left: 1px solid #68caee;
	}
	.footer-recruit-logo img{
		width: 282px;
		height: auto;
	}
	.footer-recruit-nav a{
		color: #fff;
	}
	.footer-recruit-nav dt{
		margin-bottom: 40px;
	}
	.footer-recruit-nav dd + dd{
		margin-top: 30px;
	}
	.footer-recruit-nav dd a{
		font-size: 14px;
	}
	.footer-recruit-nav dd ul{
		margin-top: 30px;
	}
	.footer-recruit-nav dd ul li{
		position: relative;
		padding: 0 0 0 50px;
	}
	.footer-recruit-nav dd ul li:before{
		content: "";
		position: absolute;
		left: 0;
		top: 1em;
		display: block;
		width: 25px;
		height: 1px;
		background: #fff;
	}

	.footer-recruit-nav dd ul li + li{
		margin-top: 20px;
	}


/* bg-obj
------------------------------------*/

	.bg-obj-wrap{
		position: fixed;
		top: 0;
		left: 50%;
		margin: 0 0 0 -590px;
		width: 1180px;
		height: 100%;
		z-index: 80;
	}

	.bg-obj{
		position: absolute;
		top: 0;
		right: -827px;
		width: 1655px;
		height: 1273px;
		z-index: 80;
	}
	.lower-grad .bg-obj{
		top: -480px;
		right: -500px;
	}

	#bg-main-obj{
		position: absolute;
		top: 0;
		right: 0;
		width: 1655px;
		height: 1273px;
	}



	.m-obj{
		position: absolute;
		z-index: 100;
		overflow: hidden;

	}
	.m-obj img{
		position: relative;
	}

	#bg-obj-layer-under{
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
	}
	#bg-obj-layer-over{
		position: fixed;
		top: 0;
		right: 0;
		margin: 0;
		width: 0;
		height: 100%;
		z-index: 200;
	}

/*	.cube-obj{
		animation: cube 1000ms ease infinite;
	}*/



/* btn pt
------------------------------------*/

	.btn-pt{
		position: absolute;
		left: 50%;
		bottom: 98px;
		margin: 0 0 0 -40px;
		width: 80px;
		height: 80px;
		z-index: 20;
	}
	.btn-pt a{
		position: relative;
		display: block;
		width: 80px;
		height: 80px;
		border-radius: 40px;
		border: 3px solid #fff;
		box-sizing: border-box;
		background: none;
	}
	.btn-pt a:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: inline-block;
		width: 32px;
		height: 30px;
		background: url(../img/arrow_btn.svg) 0 0 no-repeat;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);

		-webkit-transition: top 200ms ease;
		-o-transition: top 200ms ease;
		transition: top 200ms ease;
	}
	.btn-pt a:hover:after{
		top: -20px;
	}



/* pankuzu
------------------------------------*/

	.pankuzu{
		position: relative;
		margin: auto;
		z-index: 200;
		box-sizing: border-box;
	}
	.pankuzu + .sec-rec-header{
		margin-top: 70px;		
	}
	.pankuzu ul{
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.pankuzu li{
		position: relative;
		display: inline;
	}
	.pankuzu li + li{
		margin-left: 30px;
		padding-left: 30px;
	}
	.pankuzu li + li:before{
		position: absolute;
		left: 0;
		top: 50%;
		margin: -3px 0 0 -2px;
		content: "";
		display: block;
		width: 7px;
		height: 9px;
		background: url(../img/arrow_pankuzu.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.pankuzu a,.pankuzu span{
		font-size: 14px;
	}
	.pankuzu a{
		color: #26b3e6;
	}
	.pankuzu a:hover{
		text-decoration: underline;
	}




/* contents
------------------------------------*/

	section + section{
		margin-top: 130px;
	} 

	.lower-grad main{	
		padding: 170px 0 0;
	}

	.sec-rec-header h2{
		font-size: 40px;
		font-family: "Kiwi Maru", sans-serif;
	}
	.sec-rec-header span{
		position: relative;
		display: inline-block;
		margin: 5px 0 0;
		padding:  0 0 0 35px;
		font-size: 18px;
		font-weight: 500;
	}
	.sec-rec-header span:before{
		position: absolute;
		content: "";
		margin: auto;
		left: 0;
		top: 0;
		bottom: 0;
		display: block;
		width: 25px;
		height: 1px;
		background: #000;
	}
	.sec-rec-header + article{
		margin-top: 60px;
	}



	section{
		margin: 0 20px;
	}
	.sec-rec-inner{
		position: relative;
		margin: auto;
		padding: 90px;
		width: 100%;
		max-width: 1180px;
		box-sizing: border-box;
	}


	.sec-rec-innerbox{
		opacity: 0;
		position: relative;
		z-index: 50;
	}
	.sec-rec-innerbox.on{
		transition: opacity 800ms ease;
		opacity: 1;
	}




	.bg-contents{
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
	}

	.bg-contents span{
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 100%;
		overflow: hidden;
	}
	.bg-contents span i{
		position: absolute;
		top: 0;
		right: 0;
		width: 100vw;
		height: 100%;
		border-radius: 10px 0 0 10px;
		overflow: hidden;
		background: url(../img/bg_grid.gif) 0 0 repeat;
	}
	.bg-contents span i:before{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		max-width: 1180px;
		height: 100%;
		background: -moz-linear-gradient(left, #fff, 90%, rgba(255,255,255,0));
		background: -webkit-linear-gradient(left, #fff, 90%, rgba(255,255,255,0));
		background: linear-gradient(to right, #fff, 90%, rgba(255,255,255,0));
		z-index: 30;			
	}

	/* --- 下階層 --- */

	.lower-grad .sec-rec-inner{
/*		padding: 140px 90px 160px;
*/		padding: 80px 90px 100px;
	}
	.lower-grad .btn-index-link{
		margin-top: 90px;
	}

	.lower-grad .bg-contents span i:before{
		position: relative;
		content: "";
		display: block;
		margin: auto;
		width: 100%;
		max-width: 1180px;
		height: 100%;
		background: -moz-linear-gradient(left, #fff, 90%, rgba(255,255,255,0));
		background: -webkit-linear-gradient(left, #fff, 90%, rgba(255,255,255,0));
		background: linear-gradient(to right, #fff, 90%, rgba(255,255,255,0));
		z-index: 30;			
	}
	.lower-grad .bg-contents{
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		height: 100%;
	}

	.lower-grad .bg-contents span i:after{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		display: block;
		margin: auto;
		width: 50%;
		height: 100%;
		background: #fff;
		z-index: 30;			
	}


	.bg-contents.on span{
		width: 100%;
		transition: width 800ms ease;
	}	


/* col
------------------------------------*/

	.col-rec + .col-rec{
		margin-top: 100px;
	}
	.col-rec.mt {
		margin-top: 120px;
	}
	.col-rec h3{
		position: relative;
		padding: 0 0 0 60px;
		margin: 0 0 50px;
		font-size: 24px;
		font-weight: 500;
	}
	.col-rec h3:after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		width: 41px;
		height: 49px;
		background: url(../img/icon_cube.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}




/* entry
------------------------------------*/

	.entry-list-box.entry-col{
		margin: 0 -15px;
		display: flex;
		flex-wrap: wrap;
	}
	.entry-list-wrap + .entry-list-wrap .entry-list-box{
		padding-top: 90px;
	}


	.entry-list{
		position: relative;
	}
	.entry-list a{
		display: block;
		padding: 0 10px;
	}
	.entry-list a:hover{
		opacity: 0.7;
		transition: opacity 300ms ease;
	}
	.entry-list dl dd{
		font-size: 12px;
	}
	.entry-list figure{
		position: relative;
	}
	.entry-list figure:after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(38, 179, 230, 0.4);
		transform: translate(10px,10px);
	}
	.entry-list a figure em{
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		background: #26b3e6 url(../img/arrow_r.png) 50% 50% no-repeat;
		background-size: 19px 14px;
		z-index: 60;
	}


	.entry-list1 span{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		left: -25px;
		font-size: 110px;
		color: #26b3e6;
		z-index: 80;
	}
	.entry-list2 span{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		left: -15px;
		font-size: 80px;
		color: #26b3e6;
		z-index: 80;
	}

	.entry-list1{
		/* padding: 55px 0 0; */
		padding: 0;
		margin: 0 15px 60px;
		width: calc(33% - 30px);
	}
	.entry-list1 figure{
		position: relative;
		max-width: 470px;
	}
	.entry-list1 img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 50;
	}
	.entry-list1 dl{
		padding: 20px 0 0;
	}
	.entry-list1 dl dt{
		font-size: 20px;
		font-weight: 500;
	}
	.entry-list1 dl dd{
		margin-top: 15px;
		display: flex;
	}
	.entry-list1 dl dd i + i{
		margin-left: 15px;
	}
	.entry-list1 dl dd i:nth-child(2){
		position: relative;
		width: 20px;
	}
	.entry-list1 dl dd i:nth-child(2):before,
	.entry-list1 dl dd i:nth-child(2):after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 1px;
		height: 20px;
		background: #747474;
	}
	.entry-list1 dl dd i:nth-child(2):before{
		transform: rotate(45deg);
	}
	.entry-list1 dl dd i:nth-child(2):after{
		transform: rotate(-45deg);
	}
	/* .entry-list1:nth-child(n+3){
		margin-top: 60px;
	} */
	.entry-list1 div{
		font-size: 14px;
    color: #9a9a9a;
    margin: 10px 0px;
		
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.entry-slide{
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
	}
	.entry-slide .entry-list-conatiner{
		overflow: inherit;
		margin: 0;
		max-width: 1050px;
	}
	.entry-list2{
		margin: 0 15px;
		width: calc(100% / 3 - 30px);
		box-sizing: border-box;
	}
	.entry-slide .entry-list2{
		padding: 0 50px 0 0;
		width: calc(100% / 3);
		margin: 0;
	}
	.entry-list-box .entry-list2:nth-child(n+4){
		margin-top: 90px;
	}
	.entry-list2 a{
		display: block;
		padding: 0 10px;
	}


	.entry-list2 figure{
		position: relative;
		width: 100%;
	}
	.entry-list2 img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 50;
	}
	.entry-list2 dl{
		padding: 15px 0 0;
	}
	.entry-list2 dl dt{
		font-size: 18px;
		font-weight: 500;
	}
	.entry-list2 dl dd{
		margin-top: 15px;
	}
	.entry-list2 dl dd br{
		display: none;
	}
	.entry-list2 dl dd i{
		display: block;
	}
	.entry-list2 dl dd i + i{
		margin-top: 5px;
	}
	.entry-list2 dl dd i:nth-child(2){
		position: relative;
		left: 20px;
		width: 20px;
		height: 20px;
	}
	.entry-list2 dl dd i:nth-child(2):before,
	.entry-list2 dl dd i:nth-child(2):after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 1px;
		height: 20px;
		background: #747474;
	}
	.entry-list2 dl dd i:nth-child(2):before{
		transform: rotate(45deg);
	}
	.entry-list2 dl dd i:nth-child(2):after{
		transform: rotate(-45deg);
	}
/*	.entry-list1 dl dd,	.entry-list2 dl dd{
		display: none;
	}*/


	.entry-pager{
		margin: 60px 0 0;
		text-align: center;
		font-size: 0;
	}
	.entry-pager.no-pager{
		display: none;
	}
	.entry-pager li{
		display: inline-block;
	}
	.entry-pager li + li{
		margin-left: 10px;
	}
	.entry-pager li a{
		display: block;
		width: 42px;
		height: 42px;
		border-radius: 22px;
		border: 2px solid #26b3e6;
		box-sizing: border-box;
	}
	.entry-pager li a.btn-prev{
		outline: none;
		background: url(../img/arrow_bl_l.png) 50% 50% no-repeat;
		background-size: 19px 14px;
	}
	.entry-pager li a.btn-next{
		outline: none;
		background: url(../img/arrow_bl_r.png) 50% 50% no-repeat;
		background-size: 19px 14px;
	}
	.entry-pager li a:hover{
		opacity: 0.7;
		transition: opacity 300ms ease;
	}


	.other-entry-list{
		margin: 0 -15px;
	}
	.other-entry-list .entry-list{
		padding-top: 36px;
	}




/* interview
------------------------------------*/


	.interview-dialogue{
		margin: 0 -15px;
		display: flex;
		flex-wrap: wrap;	
	}
	.interview-series-list{
		margin-top: 90px;
	}



/* link
------------------------------------*/

	
	.link-index{
		padding-top: 85px;
	}
	.link-index a{
		position: relative;
		padding: 0 0 0 65px;
		font-size: 20px;
	}
	.link-index a:before{
		content: "";
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		left: 0;
		bottom:  0;
		width: 40px;
		height: 40px;
		background: #26b3e6 url(../img/arrow_r.png) 50% 50% no-repeat;
		background-size: 19px 14px;
		z-index: 60;
		transform: rotate(180deg);
	}

	.link-index a:hover{
		transition: opacity 300ms ease;
		opacity: 0.7;
	}


/* btn
------------------------------------*/

	.btn-rec-link{
		position: relative;
	}
	.btn-rec-link a{
		position: relative;
		display: block;
		width: 210px;
		height: 50px;
		background: rgba(38,179,230,0.4);
	}
	.btn-rec-link a i{
		position: relative;
		display: block;
		width: 210px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		font-size: 20px;
		color: #fff;
		background: #26b3e6;
		transform: translate(-10px,-10px);
		transition: transform 300ms ease;
	}
	.btn-rec-link a i:after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 10px;
		width: 19px;
		height: 14px;
		background: url(../img/arrow_r.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.btn-rec-link a:hover i{
		transform: translate(0,0);
	}


	.btn-index-link{
		margin: auto;
		max-width: 650px;
		height: 60px;
	}
	.btn-index-link a{
		position: relative;
		display: block;
		width: 100%;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background: #26b3e6;
		color: #fff;
		font-weight: 500;
	}
	.btn-index-link a:hover{
		opacity: 0.7;
		transition: opacity 300ms ease;
	}
	.btn-index-link a:after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 20px;
		width: 19px;
		height: 14px;
		background: url(../img/arrow_r.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}




}




@media screen and (min-width: 768px) and (max-width: 1180px) {


	.entry-list2{
		margin: 0 7.5px;
		width: calc(100% / 3 - 15px);
		box-sizing: border-box;
	}
	.entry-slide .entry-list2{
		padding: 0 15px 0 0;
	}
/*	.lower-grad .sec-rec-inner{
		padding: 140px 45px 160px;
	}
	.lower-grad .sec-rec-inner{
		padding: 140px 45px 160px;
	}*/




}


@media screen and (min-width: 768px) and (max-width: 980px) {


	.recruit-list-box .recruit-list2{
		width: calc(100% / 2 - 15px);
	}
	.recruit-list-box .recruit-list2:nth-child(n+3){
		margin-top: 30px;
	}

	.recruit-piramid{
		display: block;
	}
	.recruit-piramid figure{
		margin: auto;
		width: 352px;		
	}
	.recruit-piramid figure img{
		width: 100%;
		height: auto;
	}
	.recruit-piramid div{
		padding: 20px 0 0;
		width: 100%;
		box-sizing: border-box;	
	}


}



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

	.ignore-sp{
		display: none;
	}



/* gheader
------------------------------------*/

	#gheader{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 55px;
		z-index: 500;
		background: none;
	}
	#fixed-header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 55px;
		z-index: 500;
		background: #fff;
		transform: translateY(-100%);
		transition: transform 300ms ease;
	}
	#fixed-header.on{
		transform: translateY(0);		
	}

	#fixed-header h1,
	#gheader h1{
		position: absolute;
		top: 50%;
		left: 15px;
		margin: -12px 0 0;
		width: 150px;
		height: 20px;
	}
	.top-grad #gheader h1 a{
		display: block;
		width: 150px;
		height: 20px;
		text-indent: -9999px;
		background: url(/shared/img/logo_wh.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	#fixed-header h1 a{
		display: block;
		width: 150px;
		height: 20px;
		text-indent: -9999px;
		background: url(/shared/img/logo_bl.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.top-grad #gheader .gnav > ul > li > a,
	.top-grad #gheader .nav-lang li a{
		color: #fff;
	}
	.top-grad #gheader .gnav > ul > li a:after,
	.top-grad #gheader .nav-lang li a:after{
		background: #fff;
	}
	#fixed-header .nav-lang{
		display: none
	}


	.lower-grad-logo{
		position: absolute;	
		top: -35px;
		left: 15px;
		z-index: 100;
	}
	.lower-grad-logo img{
		width: 150px;
		height: auto;		
	}


/* recruit
------------------------------------*/


	.recruit-list{
		display: flex;
	}

	.recruit-list .recruit-list-title{
		width: 130px;
		text-align: center;
	}
	.recruit-list ul{
		padding-left: 15px;
		width: calc(100% - 130px);
		box-sizing: border-box;
	}
	.recruit-list .recruit-list-title img{
		width: 52px;
		height: auto;
	}
	.recruit-list .recruit-list-title h3{
		margin-top: 10px;
		font-weight: 500;
	}

	.recruit-list ul li + li{
		margin-top: 10px;
	}
	.recruit-list ul li a{
		color: #26b3e6;
		font-weight: 500;
	}

	.recruit-list{
		padding: 30px 0;
		border-bottom: 1px solid #d6d6d6;
	}
	.recruit-list ul li i{
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: 6px;
	}
	.recruit-list ul li i + i{
		margin-left: 6px;
	}
	.recruit-list ul li .pos-leader{
		background: #cf6235;
	}
	.recruit-list ul li .pos-section{
		background: #ebc65f;
	}
	.recruit-list ul li .pos-member{
		background: #80b1b1;
	}

	.recruit-piramid{
		margin: 25px 0 0;
		padding: 25px 25px;
		background: #fafafb;
		border-radius: 10px;
		border: 1px solid #d6d6d6;
		box-sizing: border-box;	
	}
	.recruit-piramid figure{
		margin: auto;
		max-width: 352px;		
	}
	.recruit-piramid figure img{
		width: 100%;
		height: auto;
	}
	.recruit-piramid div{
		padding: 20px 0 0;
		box-sizing: border-box;	
	}
	.recruit-piramid div dl + dl{
		margin-top: 15px;
	}
	.recruit-piramid div dl dt{
		font-weight: 700;
	}
	.recruit-piramid div dd strong{
		font-weight: 700;
	}
	.recruit-piramid div dd{
		font-size: 10px;
	}


	.recruit-list-box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.recruit-list-box .recruit-list2{
		position: relative;
		width: calc(100% / 2 - 8px);
	}


	.recruit-list-box .recruit-list2 a:after{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		display: block;
		width: calc(100% - 5px);
		height:  calc(100% - 5px);
		background: #26b3e6;
		transform: translate(5px,5px);
		z-index: 10;
	}
	.recruit-list-box .recruit-list2 a{
		position: relative;
		display: block;
		padding: 0 5px 5px 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
	}
	.recruit-list-box .recruit-list2 a:hover{
		opacity: 0.7;
		transition: opacity 300ms ease;
	}
	.recruit-list-box .recruit-list2:nth-child(n+4){
		margin-top: 16px;
	}
	.recruit-list2 .recruit-list-title{
		position: relative;
		padding: 30px 10px;
		width: 100%;
		border: 1px solid #26b3e6;
		text-align: center;
		box-sizing: border-box;
		background: #fff;
		z-index: 20;
	}
	
	.recruit-list-box .recruit-list2:nth-child(n+3){
		margin-top: 20px;
	}
	.recruit-list2 .recruit-list-title span{
		display: inline-block;
		width: 52px;
		height: auto;
	}
	.recruit-list2 .recruit-list-title img{
		width: 100%;
		height: auto;
	}
	.recruit-list2 .recruit-list-title h3{
		margin-top: 15px;
		font-weight: 500;
	}



	#recruit .btn-index-link{
		margin-top: 30px;
	}



/* gfooter
------------------------------------*/

	#foot-bnr{
		position: relative;
	}
	.link-bnr .col-wrap {
		padding: 20px 0 0;
		margin: 0 0 0 20px;

/*		padding: 100px 0 0;
		margin: 0 0 0 120px;*/
	}

	#gfooter{
		margin: 75px 0 0;
		padding: 0 0 116px;
/*		position: relative;
		margin-top: 300px;
		width: 100%;
		z-index: 100;*/
		background: #26b3e6;
	}
/*	#gfooter .gfooter-inner{
		position: relative;
		margin: 180px 0 0;
		height: 40px;
	}
*/
	/*.btm-f4kun{
		position: absolute;
		top: -260px;
		right: 20px;
		width: 311px;
		height: 445px;
		z-index: 10;
		
		-webkit-transform: translateY(110%);
		-ms-transform: translateY(110%);
		-o-transform: translateY(110%);
		transform: translateY(110%);
		
		-webkit-transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-o-transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

	}
	.btm-f4kun.on{
		
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		
	}*/

	#gfooter .btm-f4kun a{
		background: url(../img/f4_kun.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
/*	.btm-f4kun a:hover{
		animation: vibe 100ms linear infinite;
	}*/
/*	#gfooter #fnav{
		position: absolute;
		left: 40px;
	}

	#gfooter #fnav li{
		float: left;
	}
	#gfooter #fnav li + li{
		margin: 0 0 0 20px;
	}
	#gfooter #fnav li:nth-child(3){
		margin: 0 0 0 40px;
	}
	#gfooter #fnav li a{
		position: relative;
		color: #fff;
		font-size: 15px;
	}*/
	#gfooter #fnav li a{
		color: #fff;
	}
	#gfooter li a:after{
		position: absolute;
		bottom: -4px;
		left: 50%;
		margin: 0 0 0 -53%;
		content: "";
		display: inline-block;
		height: 1px;
		width: 106%;
		background: #fff;
		display: none;
	}
	#gfooter .footer-recruit li a:hover:after,
	#gfooter .footer-recruit li a.active:after{
		display: none;
	}
	#gfooter .copy{
		color: #fff;
	}


/*	#gfooter .footer-recruit a:hover{
		text-decoration: underline;
	}*/
/*	#gfooter .copy{
		position: absolute;
		left: 50%;
		z-index: 100;
		font-size: 14px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		color: #fff;
	}

*/
	/* footer-recruit
	------------------------------------*/

	.footer-recruit{
		margin: 0 25px;
	}
	.footer-recruit-logo{
		padding: 25px 0 0;
	}
	.footer-recruit-nav{
/*		display: flex;
*/		padding: 75px 0;		
	}
/*	.footer-recruit-nav dl{
		max-width: 290px;
	}*/
	.footer-recruit-nav dl + dl{
		margin-top: 35px;		
		padding-top: 35px;
		border-top: 1px solid #68caee;
	}
	.footer-recruit-logo img{
		width: 150px;
		height: auto;
	}
	.footer-recruit-nav a{
		color: #fff;
		font-size: 16px;
	}
	.footer-recruit-nav dt{
		margin-bottom: 30px;
	}
	.footer-recruit-nav dd + dd{
		margin-top: 30px;
	}
	.footer-recruit-nav dd a{
		font-size: 12px;
	}
	.footer-recruit-nav dd ul{
		margin-top: 30px;
	}
	.footer-recruit-nav dd ul li{
		position: relative;
		padding: 0 0 0 25px;
	}
	.footer-recruit-nav dd ul li:before{
		content: "";
		position: absolute;
		left: 0;
		top: 1em;
		display: block;
		width: 13px;
		height: 1px;
		background: #fff;
	}

	.footer-recruit-nav dd ul li + li{
		margin-top: 20px;
	}


/* bg-obj
------------------------------------*/


	.bg-obj-wrap{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 80;
	}


	.bg-obj{
		position: absolute;
		top: 0;
		right: -413px;
		width: 827px;
		height: 636px;
		z-index: 80;
	}

	.lower-grad .bg-obj{
		top: -200px;
		right: -450px;
	}

	#bg-main-obj{
		position: absolute;
		top: 0;
		right: 0;
		width: 1655px;
		height: 1273px;
		transform-origin: top right;
		transform: scale(0.5);
	}



	.m-obj{
		position: absolute;
		z-index: 100;
		overflow: hidden;
	}
	.m-obj img{
		position: relative;
		width: 100%;
		height: auto;
	}

	#bg-obj-layer-under{
		position: fixed;
		top: 0;
		right: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		transform-origin: top right;
/*		transform: scale(0.5);*/

	}
	#bg-obj-layer-over{
		position: fixed;
		top: 0;
		right: 0;
		margin: 0;
		width: 0;
		height: 100%;
		z-index: 200;
		transform-origin: top right;
/*		transform: scale(0.5);
*/
	}
/*
	.cube-obj{
		animation: cubeSP 1000ms ease infinite;
	}
*/


/* link
------------------------------------*/

	
	.link-index{
		padding-top: 60px;
	}
	.link-index a{
		position: relative;
		padding: 0 0 0 45px;
		font-size: 14px;
	}
	.link-index a:before{
		content: "";
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		width: 30px;
		height: 30px;
		background: #26b3e6 url(../img/arrow_r.png) 50% 50% no-repeat;
		background-size: 12px 9px;
		z-index: 60;
		transform: rotate(180deg);
	}




/* btn pt
------------------------------------*/

	.btn-pt{
		position: absolute;
		left: 50%;
		bottom: 208px;
		margin: 0 0 0 -25px;
		width: 50px;
		height: 50px;
		z-index: 20;
	}
	.btn-pt a{
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 25px;
		border: 2px solid #fff;
		box-sizing: border-box;
		background: none;
	}
	.btn-pt a:after{
		content: "";
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(../img/arrow_btn.svg) 0 0 no-repeat;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);

		-webkit-transition: top 200ms ease;
		-o-transition: top 200ms ease;
		transition: top 200ms ease;
	}
	.btn-pt a:hover:after{
		top: -20px;
	}



/* pankuzu
------------------------------------*/

	.pankuzu{
		position: relative;
		margin: auto;
		z-index: 200;
		box-sizing: border-box;
	}
	.pankuzu + .sec-rec-header{
		margin-top: 30px;		
	}
	.pankuzu ul{
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.pankuzu li{
		position: relative;
		display: inline;
	}
	.pankuzu li + li{
		margin-left: 10px;
		padding-left: 10px;
	}
	.pankuzu li + li:before{
		position: absolute;
		left: 0;
		top: 50%;
		margin: -3px 0 0 -2px;
		content: "";
		display: block;
		width: 5px;
		height: 8px;
		background: url(../img/arrow_pankuzu.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.pankuzu a,.pankuzu span{
		font-size: 10px;
	}
	.pankuzu a{
		color: #26b3e6;
	}
	.pankuzu a:hover{
		text-decoration: underline;
	}





/* contents
------------------------------------*/


	section{
		margin: 0;
	}

	section + section{
		margin-top: 75px;
	}


	.lower-grad main{	
		padding: 90px 0 0;
	}

	.sec-rec-header h2{
		font-size: 40px;
		font-family: "Kiwi Maru", sans-serif;
	}
	.sec-rec-header span{
		position: relative;
		display: inline-block;
		margin: 5px 0 0;
		padding:  0 0 0 18px;
		font-size: 9px;
		font-weight: 500;
	}
	.sec-rec-header span:before{
		position: absolute;
		content: "";
		margin: auto;
		left: 0;
		top: 0;
		bottom: 0;
		display: block;
		width: 13px;
		height: 1px;
		background: #000;
	}
	.sec-rec-header + article{
		margin-top: 45px;
	}

	.sec-rec-inner{
		position: relative;
		margin: auto;
		padding: 40px 25px;
		width: 100%;
		max-width: 1180px;
		box-sizing: border-box;
	}
	.sec-rec-innerbox{
		opacity: 0;
	}
	.sec-rec-innerbox.on{
		transition: opacity 800ms ease;
		opacity: 1;
	}

	.bg-contents{
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
	}
	.bg-contents span{
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 100%;
		overflow: hidden;
	}
	.bg-contents span i{
		position: absolute;
		top: 0;
		right: 0;
		width: 100vw;
		height: 100%;
		background: #fff;
		overflow: hidden;
		background: url(../img/bg_grid.gif) 0 0 repeat;
	}
	.bg-contents span i:before{
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		max-width: 1180px;
		height: 100%;
		background: -moz-linear-gradient(left, #fff, 90%, rgba(255,255,255,0));
		background: -webkit-linear-gradient(left, #fff, 90%, rgba(255,255,255,0));
		background: linear-gradient(to right, #fff, 90%, rgba(255,255,255,0));
		z-index: 30;			
	}
	.bg-contents.on span{
		width: 100%;
		transition: width 800ms ease;
	}	


	/* --- 下階層 --- */

	.lower-grad .sec-rec-inner{
		padding: 75px 25px 60px;
	}
	.lower-grad .btn-index-link{
		margin-top: 50px;
	}



	.sec-rec-innerbox{
		position: relative;
		z-index: 50;
	}






/* col
------------------------------------*/

	.col-rec + .col-rec{
		margin-top: 60px;
	}
	.col-rec.mt {
		margin-top: 60px;
	}
	.col-rec h3{
		position: relative;
		padding: 0 0 0 30px;
		margin: 0 0 30px;
		font-size: 14px;
		font-weight: 500;
	}
	.col-rec h3:after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		width: 20px;
		height: 25px;
		background: url(../img/icon_cube.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}




/* entry
------------------------------------*/

	.entry-list-box{
		display: flex;
		flex-wrap: wrap;
	}
/*	.entry-list-wrap + .entry-list-wrap{
		margin-top: 35px;
	}*/
	.entry-list-wrap + .entry-list-wrap .entry-list-box{
		padding-top: 35px;
	}


	.entry-list{
		position: relative;
	}
	.entry-list a{
		display: block;
		padding: 0 5px;
	}
	.entry-list dl dd{
		font-size: 10px;
	}
	.entry-list figure{
		position: relative;
	}
	.entry-list figure:after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #26b3e6;
		transform: translate(5px,5px);
	}
	.entry-list a figure em{
		position: absolute;
		display: block;
		margin: auto;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background: #26b3e6 url(../img/arrow_r.png) 50% 50% no-repeat;
		background-size: 12px 9px;
		z-index: 60;
	}


	.entry-list1 span{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		left: -17px;
		font-size: 67px;
		color: #26b3e6;
		z-index: 80;
	}
	.entry-list2 span{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		left: -13px;
		font-size: 55px;
		color: #26b3e6;
		z-index: 80;
	}


	.entry-list1{
		/* padding: 32px 0 0; */
		padding: 0 0 40px;
		width: 50%;
	}
	.entry-list1 figure{
		position: relative;
	}
	.entry-list1 img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 50;
	}
	.entry-list1 dl{
		padding: 20px 0 0;
	}
	.entry-list1 dl dt{
		font-size: 14px;
		font-weight: 500;
	}
	.entry-list1 dl dd{
		margin-top: 10px;
		display: flex;
	}
	.entry-list1 dl dd i + i{
		margin-left: 15px;
	}
	.entry-list1 dl dd i:nth-child(2){
		position: relative;
		width: 16px;
	}
	.entry-list1 dl dd i:nth-child(2):before,
	.entry-list1 dl dd i:nth-child(2):after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 1px;
		height: 20px;
		background: #747474;
	}
	.entry-list1 dl dd i:nth-child(2):before{
		transform: rotate(45deg);
	}
	.entry-list1 dl dd i:nth-child(2):after{
		transform: rotate(-45deg);
	}
	.entry-list1 div {
		font-size: 12px;
		color: #9a9a9a;
		margin: 6px 0;

		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	/* .entry-list1 + .entry-list1{
		margin-top: 35px;
	} */


	.entry-list2{
		box-sizing: border-box;
	}

	.entry-list2 a{
		display: block;
	}
	.entry-list2 figure{
		position: relative;
		width: 100%;
	}
	.entry-list2 img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 50;
	}
	.entry-list2 dl{
		padding: 20px 0 0;
	}
	.entry-list2 dl dt{
		font-size: 16px;
		font-weight: 500;
	}
	.entry-list2 dl dd{
		margin-top: 10px;
	}
	.entry-list2 dl dd i{
		display: block;
	}
	.entry-list2 dl dd br{
		display: none;
	}
	.entry-list2 dl dd i:nth-child(2){
		position: relative;
		width: 20px;
		height: 20px;
	}
	.entry-list2 dl dd i:nth-child(2):before,
	.entry-list2 dl dd i:nth-child(2):after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 1px;
		height: 20px;
		background: #747474;
	}
	.entry-list2 dl dd i:nth-child(2):before{
		transform: rotate(45deg);
	}
	.entry-list2 dl dd i:nth-child(2):after{
		transform: rotate(-45deg);
	}
/*	.entry-list1 dl dd,
	.entry-list2 dl dd{
		display: none;
	}
*/

	.entry-slide{
		position: relative;
		padding: 0 45px 0 0;
		box-sizing: border-box;
	}
	.entry-slide .entry-list-conatiner{
		overflow: inherit;
		margin: 0;
		max-width: 1050px;
	}
	.entry-slide .entry-list2{
		padding: 0 25px 0 0;
		margin: 0;
	}
	.entry-list-box .entry-list2 + .entry-list2{
		margin-top: 35px;
	}


	.entry-list-box .entry-list2 dl dd{
		margin-top: 10px;
		display: flex;
	}
	.entry-list-box .entry-list2 dl dd i + i{
		margin-left: 15px;
	}
	.entry-slide .entry-list2 dl dd i + i{
		margin-top: 5px;
	}
	.entry-slide .entry-list2 dl dd i:nth-child(2){
		left: 20px;
	}



	.other-entry-slide{
		padding: 0 45px 0 0;
	}

	.other-entry-list .entry-list2{
		padding: 0 25px 0 0;
		margin: 0;
		box-sizing: border-box;
	}
	.other-entry-list .entry-list-conatiner{
		overflow: inherit;
		margin: 0;
		max-width: 1050px;
	}
	.other-entry-slide .entry-list2 dl dd i + i{
		margin-top: 5px;
	}
	.other-entry-slide .entry-list2 dl dd i:nth-child(2){
		left: 20px;
	}
	.other-entry-list .entry-list{
		padding-top: 25px;
	}

	.entry-pager{
		display: none;
		margin: 60px 0 0;
		text-align: center;
		font-size: 0;
	}



/* interview
------------------------------------*/

	.interview-series-list{
		margin-top: 35px;
	}




/* btn
------------------------------------*/

	.btn-rec-link{
		position: relative;
	}
	.btn-rec-link a{
		position: relative;
		display: block;
		width: 156px;
		height: 37px;
		background: rgba(38,179,230,0.4);
	}
	.btn-rec-link a i{
		position: relative;
		display: block;
		width: 156px;
		height: 37px;
		line-height: 37px;
		text-align: center;
		font-size: 15px;
		color: #fff;
		background: #26b3e6;
		transform: translate(-5px,-5px);
		transition: transform 300ms ease;
	}
	.btn-rec-link a i:after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 14px;
		width: 14px;
		height: 10px;
		background: url(../img/arrow_r.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}

	.btn-entry .btn-rec-link a{
		width: 100%;
		max-width: 650px;
	}
	.btn-entry .btn-rec-link a i{
		width: 100%;
		max-width: 650px;
		font-size: 14px;
	}


	.btn-index-link{
		margin: auto;
		max-width: 650px;
		height: 40px;
	}
	.btn-index-link a{
		position: relative;
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 14px;
		background: #26b3e6;
		color: #fff;
		font-weight: 500;
	}
	.btn-index-link a:after{
		position: absolute;
		content: "";
		display: block;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 20px;
		width: 12px;
		height: 9px;
		background: url(../img/arrow_r.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}




}




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



	.recruit-list-title{
		width: 90px;
	}
	.recruit-list ul{
		width: calc(100% - 90px);
	}
	.recruit-list-title h3{
		font-size: 10px;
	}


}