@charset "utf-8";


/* ÐÂ×ÅÇéˆó
----------------------------------------------------- */
.index01 {
padding: 1em 0 2em 0;
}

.index01box {
width:980px;
margin:0 auto;
overflow:hidden;
text-align:left;
}

.index01box h2 {
font-size:32px;
font-weight:normal;
line-height:1.2;
margin:0 0 1.5em 0;
letter-spacing:0.2em;
text-align:center;
}

.index01box dl {
overflow:hidden;
padding: 1em 0;
border-bottom:1px dashed #777;
}

.index01box dt {
width:30%;
float:left;
}

.index01box dt span {
width:110px;
display:block;
float:right;
font-size:12px;
color:#FFF;
margin:4px 0 0 0;
text-align:center;
background-color:#3996C1;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

.index01box dt span.internship {
background-color:#0860A8;
}

.index01box dt span.course {
background-color:#FBB03B;
}


.index01box dd {
width:66%;
float:right;
text-align:left;
line-height:1.5;
padding:0.3em 0 0 0;
}

.linkbox {
margin:3em 0 0 0;
text-align:right;
}

.linkbox a {
display:inline-block;
padding:0.2em 3.5em 0.2em 3em;
text-align:center;
text-decoration:none;
font-size:15px;
color:#EEE;
background-color:#333;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background-image:url(/sanriku/images/img_arrow.png);
background-repeat:no-repeat;
background-position:90% center;
transition: 1.0s ;
}

.linkbox a:hover {
color:#FFF;
background-color:#0860A8;
}


@media screen and (max-width: 750px) {
	.index01 {
	padding: 1em 0 3em 0;
	}
	.index01box {
	width:90%;
	margin:0 auto;
	padding: 0;
	}
	.index01box h2 {
	font-size:26px;
	margin:0 0 0.8em 0;
	}
	.index01box dt {
	width:100%;
	float:none;
	}
	.index01box dd {
	width:100%;
	float:none;
	}
	.linkbox {
	margin:2em 0 0 0 ;
	}
	.linkbox a {
	width:100%;
	font-size:16px;
	padding:0.3em 0;
	}
}