@charset "utf-8";
/*.drawer-nav{
    display: none;
    background-repeat: no-repeat;
    background-position: center center;
}
.contact_chat{
	display: none;
}*/
.top{
	 margin: -110px auto 0;
	}
/*------------------------
    インターンシップトップ sp
-------------------------*/
.recruit_top{
	width: 90%;
	margin: 110px auto 0;
	height: calc(100vh - 110px - 180px);
	display: flex;
	justify-content: center;
	align-items: center;
}
.recruit_top2{
	width: 90%;
	margin: 110px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#contact_layer{
	bottom:161px;	
}
.recruit_box{
	width: 100%;
	max-width: 780px;
}
.recruit_ti_01{
    width: 100%;
    background-color: #065e8f;
    color: #ffffff;
    font-size: 3.4rem;
    padding: 25px;
    background-image: url(../images/ict/png_04.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    margin: 20px 0;
}
.recruit_ti_02{
    background-color: #0c7688;
}
.recruit_ti_03{
    background-color: #169c7d;
}
.re_001{
	width: 100%;
	position: relative;	
	display: inline-block;
}
.re_001:after{
	width: auto;
	font-size: 1.7rem;
	line-height: 1.7em;
	position: absolute;
	top:11px;
	left: 190px;
	content: "1day course";
	letter-spacing: .1em;
}
.re_002{
	width: 100%;
	position: relative;	
	display: inline-block;
}
.re_002:after{
	width: auto;
	font-size: 1.7rem;
	line-height: 1.7em;
	position: absolute;
	top:11px;
	left: 190px;
	content: "2day course";
	letter-spacing: .1em;
}
.re_003{
	width: 100%;
	position: relative;	
	display: inline-block;
}
.re_003:after{
	width: auto;
	font-size: 1.7rem;
	line-height: 1.7em;
	position: absolute;
	top:11px;
	left: 275px;
	content: "Remote course";
	letter-spacing: .1em;
}
/*------------------------
    インターンシップ1day sp
-------------------------*/
.internship_wrap{
	width: 90%;
	margin: 110px auto 0px;
	height: auto;
	padding-top: 50px;
}
.internship_box{
	width: 90%;
	max-width: 900px;
	margin: 0px auto 50px;
	border: solid 2px #065e8f;
	color: #ffffff;
}
.internship_box h4 {
	color: #0c7688;
	display: block;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 2rem;
	background-image: url(../images/common/line.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	margin-top: 30px;
	margin-bottom: 10px;
}
.internship_box h4 strong {
	background-color: #ffffff;
	font-weight: bold;
	width: auto;
	padding-right: 5px;
}

.internship_wrap p.text  {
	width: 90%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 30px;
}
.internship_box p  {
	display: block;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
	color: #3e3a39;
}
.internship_box p strong {
	font-weight: bold;
}



.bd_cl_02{
	border: solid 2px #0c7688;
}
.bd_cl_03{
	border: solid 2px #169c7d;
}
h1{
	font-size: 3.0rem;
	padding: 15px 30px;
	background-color: #065e8f;
	margin-bottom: 30px;
}
h2{
	font-size: 4.0rem;
	line-height: 1.4em;
	width: auto;
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: center;
	color: #065e8f;
}
h3{
	font-size: 2.4rem;
	line-height: 1.4em;
	color: #065e8f;
}
.flow{
	width: 100%;
	max-width: 480px;
	margin: 50px auto;
}
.flow_btn{
    width: 90%;
    margin: 1.5em auto;
    padding: 15px 5px;
    color: #ffffff;
    text-align: center;
	background: url(../images/ict/png_04.png),linear-gradient(to right, #004995,#169b7e) ;
    background-repeat: no-repeat;
    background-position: right bottom;
	border: 1px solid#fff;
	box-shadow: 0 0 0 4px #004995;
}
.remote_tx{
	padding: 20px 10px 0 20px;
	text-align: left;
	color: #3e3a39;
	line-height: 1.8em;
}
.remote_tx p{
	font-size: 110%;
	font-weight: bold;
}
.ss{
	font-size: 1.8rem;
}
@media (min-width:641px){
.top{
	 margin: -80px auto 0;
	}
/*------------------------
    インターンシップトップ pc
-------------------------*/
.recruit_top{
	margin: 80px auto 0;
	height: calc(100vh - 80px - 156px);
}	
#contact_layer{
	bottom:156px;	
}
.recruit_ti_01{
    font-size: 3.6rem;
}
.re_001:after{
	font-size: 1.3rem;
	top:8px;
}
.re_002:after{
	font-size: 1.3rem;
	top:8px;
}	
.re_003:after{
	font-size: 1.3rem;
	top:8px;
}
/*------------------------
    インターンシップ1day pc
-------------------------*/
.internship_wrap{
	margin: 80px auto 0px;
	height: auto;
}	
h1{
	font-size: 2.4rem;
}	
.flow_btn{
    width: 100%;
    padding: 10px 5px;
	box-shadow: 0 0 0 3px #004995;
	font-size: 2.3rem;
}		
.remote_tx{
	padding: 20px 15px 0 60px;
}	
.ss{
	font-size: 1.7rem;
}	
	
}