/* CSS Document */

.admissionBox{
	border:1px solid #ccc;
	padding:20px;
	margin-top:40px;
	margin-bottom: 40px;
	position: relative;
}

.admissionBox>p:last-child{
	margin-bottom: 0;
}


.admissionBox span{
	position: absolute;
	width: 66px;
	height: 64px;
	top:-27px;
	left:-31px;
}
.admissionBox span.icon1{
	background-image: url("/educate/law/admission/images/icon_1.png");
	text-indent: -9999px;
}
.admissionBox span.icon2{
	background-image: url("/educate/law/admission/images/icon_2.png");
	text-indent: -9999px;
}
.admissionBox span.icon3{
	background-image: url("/educate/law/admission/images/icon_3.png");
	text-indent: -9999px;
}

.admissionBox .title{
	font-size: 20px;
	padding-left:35px;
	padding-bottom:20px;
	border-bottom: 4px solid #5e362b;
	margin-bottom: 20px;
}
.admissionBox .link{
	margin-bottom: 40px;
}
.admissionBox .link a{
	padding: 0.5em;
	border:1px solid #ccc;
	border-radius: 15px;
	display: block;
	text-align: center;
	margin:auto;
	color: black;
}
.admissionBox .link a:hover{
	background: #5e362b;
	color:white;
}

@media screen and (min-width:576px){
	.col-sm-6:first-child{
		padding-right: 25px!important;
	}
	.col-sm-6:last-child{
		padding-left:  25px!important;
	}
}

@media screen and (max-width:575px){
	.admissionBox{
		margin-top: 70px;
	}
	.admissionBox span{
		left: calc(50% - 33px);
		top: -38px;
	}
	.admissionBox .title{
		margin-top:25px;
		padding-left:0;
		text-align: center;
	}
}




.shinro{
	margin-bottom: 10px;
}
.shinro p{
	text-align: center;
	line-height: 110%;
	margin-bottom: 25px!important;
}
.shinro h4{
	display: block;
	border: none!important;
	text-align: center;
	padding-bottom: 8px!important;
	margin-bottom: 0!important;
	margin-left:auto;
	margin-right:auto;
	font-size: 18px!important;
}

.shinro p small{
	display: block;
	
}
.shinro>div{
	border-left: 1px solid #ccc;
}
.shinro>div:first-child{
	border-left:none;
}
@media screen and (max-width:575px){
	
	.shinro p{
		margin-top:5px;
		margin-bottom:0;
		line-height: 110%!important;
		font-size: 22px;
	}
	.shinro h4:first-child{
		margin-top:15px!important;
	}
}



.introBox{
	margin-bottom: 40px;
}

.introBox h3{
	background: #5e362b;
	border-radius: 15px;
	color:white!important;
	display: block;
	width: 15em;
	text-align: center;
	padding: 10px!important;
	margin-left:0;
	margin-bottom: 25px;
}
.introBox p{
	text-indent: 1em;
	margin-bottom: 15px;
}

@media screen and (max-width:575px){
	.introBox h3{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.introBox h4{
		font-size:18px!important;
	}
}


#shikakuShinro .link{
	margin-bottom: 40px;
}
#shikakuShinro .link a{
	padding: 0.5em;
	border:1px solid #ccc;
	border-radius: 15px;
	display: block;
	text-align: center;
	margin:auto;
	color: black;
}
#shikakuShinro .link a:hover{
	background: #5e362b;
	color:white;
}