@charset "UTF-8";

/***********************************
募集要項
***********************************/
#internship{
	display:block;
	position:relative;
}

#internship #pgTitle{
	background-image:url('../internship/images/title.png');
}


/*リードセクション*/
#internship .innerFrame > p{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	line-height:175%;
}
#internship .innerFrame > p+p{
	margin-top: 1em;
}


#internship a{
	color:#1063aa;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {
	
	#internship #pgTitle{
		background-position:50%  0;
	}

}


#internship .infoBlock{
	display:block;
	/*overflow:hidden;*/
	position:relative;
	/*margin-bottom: 1em;
	padding-bottom: 1em;*/
}

#internship .infoBlock + .infoBlock{
	margin-top:160px;
}

#internship .infoBlock h3{
	display:block;
	overflow:hidden;
	margin-bottom:1em;
}


#internship .infoBlock h3 > span{
	display:inline-block;
	position:relative;
	vertical-align:middle;
}

#internship .infoBlock h3 > span.minTxt{
	font-size:2.8rem;
	line-height:125%;
}

#internship .infoBlock h3 > span.enTxt{
	display:inline-block;
	position:relative;
	font-size:1.8rem;
	line-height:125%;
	color:#ff001b;
	float:right;
	margin-top:0.25em
}

#internship .infoBlock h3 > span.enTxt::before{
	content:"";
	width:20em;
	height:2px;
	border-top: 2px solid #ff001b;
	position:absolute;
	top:0.75em;
	left: -21em;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#internship .infoBlock + .infoBlock{
		margin-top:24vw;
	}

	#internship .infoBlock h3{
		margin:1em 0;
	}

	#internship .infoBlock h3 > span{
		display:block;
	}

	#internship .infoBlock h3 > span.minTxt{
		font-size:2.0rem;
	}

	#internship .infoBlock h3 > span.enTxt{
		font-size:1.4rem;
		margin-top:0.25em;
	}

	#requirment .infoBlock h3 > span.enTxt::before{
		width:10em;
		top:0.75em;
		left: -11em;
	}

}


#internship .infoBlock > dl{
	display:block;
	overflow:hidden;
	padding:1em 1em;
	background-color:#f4f4f4;
}

#internship .infoBlock > dl > dt,
#internship .infoBlock > dl > dd{
	 display:block;
	 overflow:hidden;
	 float:left;
	 font-size:1.6rem;
	 line-height:175%;
	 padding:0.5em 0;
	 /*border-top:1px dotted #cccccc;*/
}

#internship .infoBlock > dl > dt{
	clear:both;
	width:10em;
}

#internship .infoBlock > dl > dt > strong{
	display: inline-block;
	overflow:hidden;
	width:80%;
	font-size:1.4rem;
	line-height:125%;
	font-weight:normal;
	text-align: center;
	padding:0.25em 0.5em;
	color:#ffffff;
	background-color:#ff001b;

}

#internship .infoBlock > dl > dd{
	width:calc(100% - 10em);
}


/* for Sp --------------------*/
@media screen and ( max-width:738px) {


	#internship .infoBlock > dl > dt,
	#internship .infoBlock > dl > dd{
		 float:none;
		 font-size:1.4rem;
		 padding:0 0;
	}

	#internship .infoBlock > dl > dt{
		width:100%;
	}

	#internship .infoBlock > dl > dt > strong{
		width:100%;
		font-size:1.4rem;
	}

	#internship .infoBlock > dl > dd{
		width:100%;
		padding:0 0;
	}

	#internship .infoBlock > dl > dd + dt{
		margin-top: 2em;
	}

}



#info01{
	margin-top:80px;
}

#info01 > img{
	position:absolute;
	bottom:-20px;
	right:-20px;
}


#info02{
	
}

#info02 > section{
	display:block;
	overflow:hidden;
	clear:both;
	margin-top:60px;
}

#info02 > section+section{
	margin-top:120px;
}

#info02 h4{
	display:block;
	overflow:hidden;
	padding-left:1em;
	margin-bottom:1em;
	font-size:2.4rem;
	font-weight:normal;
	line-height:155%;
	border-left:2px solid #ff001b;
}

#info02 section > p{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	line-height:155%;
}


/*ここがポイント*/
#info02 .point{
	display:block;
	overflow:hidden;
	padding:1em 1em;
	background-color:#f4f4f4;
	margin-top:2em;
}

#info02 .point > h5{
	font-size:1.4rem;
	line-height:155%;
	color:#ff001b;
	padding:0.5em 0;
	border-bottom:1px solid #ff001b;
}


#info02 .point > p{
	font-size:1.6rem;
	line-height:175%;
	padding-top: 0.5em;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#info02 h4{
		font-size:2.1rem;
	}

	#info02 > section{
		margin-top:8vw;
	}

	#info02 > section+section{
		margin-top:16vw;
	}

	#info02 section > p{
		font-size:1.6rem;
	}



	#info02 .point > h5{
		font-size:1.4rem;
	}


	#info02 .point > p{
		font-size:1.4rem;
	}


}



/*フロア見学*/
#prog01 > p,
#prog01 .point{
	float:left;
	width:560px;
}


#prog01 img{
	float:right;
}




/*加藤出による講義*/
#prog02 > img{
	float:left;
}

#prog02 > dl{
	width:560px;
	float:right;
	margin-bottom:2em;
}

#prog02 > dl > dt{
	clear:both;
	display:block;
	overflow:hidden;
	float:left;
	width:8em;
	font-size:1.4rem;
	line-height:125%;
	text-align:center;
	padding-top:1.25em;
}

#prog02 > dl > dt > span{
	display:inline-block;
	overflow:hidden;
	padding:0.25em 1em;
	min-width: 6em;
	color:#ffffff;
	background-color:#231815;
}

#prog02 > dl > dd{
	display:block;
	overflow:hidden;
	padding-top:1em;
	float:left;
	width:calc(100% - 8em);
	font-size:1.6rem;
	line-height:175%;
}

#prog02 .point{
	clear:both;
}

/*ブローカーズ・ゲーム*/
#prog03 > p,
#prog03 .point{
	float:left;
	width:640px;
}

#prog03 .imgSet{
	display:inline-block;
	width:300px;
	float:right;
}
#prog03 .imgSet > img + img{
	margin-top:10px;
}



/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#info01 > img{
		display:none;
	}
	
	#prog01 > p,
	#prog01 .point{
		float:none;
		width:100%;
	}

	#prog01 img{
		float:none;
		width:100%;
		height:auto;
		max-width:376px;
		margin-top:1em;
	}

	#prog02 > img{
		float:none;
		width:100%;
		height:auto;
		max-width:376px;
	}

	#prog02 > dl{
		width:100%;
		float:none;
		margin-bottom:2em;
	}

	#prog02 > dl > dt{
		float:none;
		width:100%;
		padding-top:1.25em;
	}

	#prog02 > dl > dt > span{
		min-width: 100%;
	}

	#prog02 > dl > dd{
		padding-top:0;
		float:none;
		width:100%;
	}


	#prog03 > p,
	#prog03 .point{
		float:none;
		width:100%;
	}

	#prog03 .imgSet{
		display:block;
		overflow:hidden;
		margin-top:1em;
		width:100%;
		float:none;
		letter-spacing: -.4em;
	}

	#prog03 .imgSet > img{
		width:calc(50% - 5px);
		height:auto;
		max-width:376px;
	}
	#prog03 .imgSet > img + img{
		margin-top:0;
		margin-left:10px;
	}

}






a.rnlink{
	display:inline-block;
}

a.rnlink > img{
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.pc a.rnlink:hover > img{
	filter: brightness(150%);
}


#entryBox{
	margin:70px 0 30px;
}

#entryBox a.rnlink{
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.4));
}




/* for Sp --------------------*/
@media screen and ( max-width:738px) {

	#entryBox{
		margin:4em 0 2em;
	}

	a.rnlink img{
		width:100%;
		height:auto;
	}

}