@charset "utf-8";
/* CSS Document */

a {
	color:#f27800;
}

/* docBox
----------------*/
.docBox {
	padding-top:1.5em;
	margin-bottom:2em;
}
.docBox .cap01 {
	display:inline-block;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-shadow:1px 1px 5px #000;
	padding:0.4em 2em;
	margin-bottom:1em;
	background-color:#f89b9b;
}
#box01 .docBox p {
	font-size:1.1em;
	font-weight:bold;
}
#box01 .docBox p.text01 {
	font-size:0.9em;
	font-weight:normal;
	color:#c33;
}

#box01 .docBox p span {
	display:inline-block;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

.docBox .btn01 a {
	display:block;
	font-size:1.25em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 5px #000;
	background-image:url(../../images/enrollment/btn01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.docBox .btn01 a:after {
	display:block;
	width:100%;
	text-align:center;
}
.docBox .btn01 a:hover {
	filter:alpha(opacity=8);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


a.linkbtn01:hover {
	filter:alpha(opacity=8);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*===============================================
●画面の横幅が736px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 736px){

	/* box01
	---------------------------------------- */
	#box01 {
		width:100%;
		margin-bottom:70px;
	}
	#box01 p {
		font-size:16px;
	}
	#box01 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	#box01 table {
		width:100%;
		margin-bottom:2em;
	}
	#box01 th {
		vertical-align:top;
		font-size:15px;
		font-weight:bold;
		color:#f89b9b;
		line-height:1.6em;
		height:1.6em;
	}
	#box01 td {
		padding:10px 0 20px;
		border-top:#635958 1px solid;
	}
	#box01 td.noborder {
		width:20px;
	}
	#box01 th.step {
		padding:0 !important;
		width:20%;
		background:url(../../images/enrollment/line01.gif) repeat-y center top;
	}
	#box01 th.nobg {
		background-image:none;
	}
	#box01 th img {
		display:block;
		margin-bottom:30px;
	}
	#box01 th img.nomargin {
		margin:0 !important;
	}

	/* docBox
	----------------*/
	.docBox .btn01 {
		width:100%;
		margin-bottom:2em;
	}
	.docBox .btn01 a {
		width:100%;
		font-size:1.1em;
		background-size:100% auto;
		padding-top:18.5%;
		position:relative;
	}
	.docBox .btn01 a span {
		display:block;
		width:100%;
		position:absolute;
		left:0;
		top:50%;
		margin-top:-0.65em;
	}


	a.linkbtn01 {
		width:100%;
	}
	
}

/*===============================================
●画面の横幅が737px以上(PCのみ)
===============================================*/
@media print, screen and (min-width: 737px){
	
	/* box01
	---------------------------------------- */
	#box01 {
		width:100%;
		margin-bottom:70px;
		background:url(../../images/enrollment/bg01.png) no-repeat right bottom;
	}
	#box01 p {
		font-size:16px;
	}
	#box01 img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	#box01 table {
		width:85%;
		margin-bottom:35px;
	}
	#box01 th {
		vertical-align:top;
		font-size:18px;
		font-weight:bold;
		color:#f89b9b;
		line-height:1.7em;
		height:1.7em;
	}
	#box01 td {
		padding-top:10px;
		border-top:#635958 1px solid;
	}
	#box01 td.bgwhite {
		background-color:#fff;
	}
	#box01 td.noborder {
		width:20px;
	}
	#box01 th.step {
		padding:0 !important;
		width:140px;
		background:url(../../images/enrollment/line01.gif) repeat-y center top;
	}
	#box01 th img {
		display:block;
		margin-bottom:30px;
	}
	#box01 th img.nomargin {
		margin:0 !important;
	}
	
	/* docBox
	----------------*/
	.docBox section {
		float:left;
		width:43%;
	}
	.docBox .btn01 {
		float:right;
		width:380px;
		height:70px;
	}
	.docBox .btn01 a {
		height:70px;
		line-height:70px;
		background-size:380px 70px;
	}

	a.linkbtn01 {
		display:block;
		width:620px;
		margin:0 auto 70px;
	}

}