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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

.bg_gd{
	
background: -webkit-gradient(linear, left , right , color-stop(0.88, #00DA38), color-stop(0.00, #00B6FF));
background: -webkit-linear-gradient(left, #00B6FF 0%, #00DA38 88%);
background: -moz-linear-gradient(left, #00B6FF 0%, #00DA38 88%);
background: -o-linear-gradient(left, #00B6FF 0%, #00DA38 88%);
background: -ms-linear-gradient(left, #00B6FF 0%, #00DA38 88%);
background: linear-gradient(to right, #00B6FF 0%, #00DA38 88%);
color:#fff;

	}
.bg{
	
background:#661bd6 !important;
color:#fff;

	}
	

@font-face{ 
	font-family: 'makinas'; /* お好きな名前にしましょう */
	src: url('font/Makinas-Scrap-5.woff'); /* IE9以上用 */
	src: url('font/Makinas-Scrap-5.woff?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('font/Makinas-Scrap-5.woff') format('woff'), /* モダンブラウザ用 */;
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}

.makinas {
	font-family: 'makinas';
	font-weight: normal;
	letter-spacing:-0.05em;
}


.fadein{
	opacity:0;
	transform:translateY(-70px);
	-webkit-transform:translateY(-70px);
	}
	.fadein.scrollin{
		opacity:1;
		transition:500ms;
		-webkit-transition:1000ms;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		}
	

		
.fadeout{
	opacity:1;
	display:block;
	text-align:center;
	position:relative;
	font-size:22px;
	letter-spacing:0.1em;
	height:80px;
	width:80px;
	border-radius:50%;
	margin:0 auto;
	margin-top:50px;
	}
.fadeout span{
	position:absolute;
	content:"";
	top:24%;
	left:0;
	right:0;
	display:block;
	width: 80px;
	margin:0 auto;
	}
.fadeout span:after{
	position:absolute;
	content:"";
	bottom:-20%;
	left:0;
	right:0;
	display:block;
	width: 10px;
	margin:0 auto;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition:transform 500ms;
	-webkit-transition:transform 500ms;
	}
	.fadeout.scrollout{
		opacity:0;
		transition:300ms;
		-webkit-transition:300ms;
		}
.fadeout.pc{
	position:absolute;
	bottom:20px;
	background-color:#fff;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	}
	.fadeout.pc span{
		color:#671CD7;
		}
.fadeout.pc span:after{
	border-bottom: 2px solid #671CD7;
	border-right: 2px solid #671CD7;
	}

.fadeout.sp{
	display: block;
	margin-top:0;
	position:absolute;
	bottom:10%;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	height:60px;
	width:60px;
	}
.fadeout.sp span{
	top:25%;
	width: 60px;
	font-size:15px;
	}
.fadeout.sp span:after{
	bottom:-40%;
	}


.thin {opacity:0.7;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* pc */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (min-width: 801px){

body{
	padding-left:50vw!important;
	min-width:auto!important;
	}
	
	.main{
		position:fixed;
		width:50vw;
		left:0;
		height:100vh;
		background-size:cover;
		background-position:center;
		z-index: 999;
		background-image: url(../../img/special/apply_guide/top_main_bg.png);
		}
	/*
	.main::after{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		background:rgba(0,0,0,0.3);
		}
		*/
		.main > div.dis_table{
			display:table;
			width:100%;
			height:100%;
			position: absolute;
			top: 0;
			z-index:2;
			}
			.main > div.dis_table > div{
				display:table-cell;
				text-align:center;
				vertical-align:middle;
				color:#fff;
				}
			.main > div.dis_table > div h1 img{
				max-width:90%;
				width: 405px;
				}
			.main > div.dis_table > div p{
				font-size:25px;
				margin-top:40px;
				font-weight:bold;
				}
	.oc_logo{
		z-index:2;
		width:100%;
		text-align:center;
		}
		.oc_logo img{
			vertical-align:bottom;
			margin-top:50px;
			}
		.oc_logo img.img1{
			margin-right:20px;
			width:80px;
			}
		.oc_logo img.img2{
			width:180px;
			}
		
	
	#contents{
		overflow:hidden;
		}
			
			
			
	/* =========================================================== detail */
				
				
					
					
		/* 出願する前に */
			#contents.top .sec1 h3{
				padding-top:20px;
				font-size:1.5em;
				padding-bottom:20px;
				color:#671CD7;
				position:relative;
				padding-right:45px;
				}
				#contents.top .sec1 h3 img{
					position:absolute;
					right:10px;
					height:37px;
					}
			#contents.top .sec1 .dl_wrap{
				background-color:#fff;
				text-align:center;
				}
			#contents.top .sec1 dl{
				background-position:center;
				background-size:cover;
				color:#fff;
				padding:60px 0; 
				}
			#contents.top .sec1 dl.step1{
				background-image: url(../../img/special/apply_guide/point1_bg.png);
				}
			#contents.top .sec1 dl.step2{
				background-image: url(../../img/special/apply_guide/point2_bg.png);
				}
			#contents.top .sec1 dl.step3{
				background-image: url(../../img/special/apply_guide/point3_bg.png);
				}
				#contents.top .sec1 dl dt,
				#contents.top .sec1 dl dd{
					width:90%;
					margin:auto;
					}
				#contents.top .sec1 dl dt{
					font-size:17px;
					padding-bottom:25px;
					position:relative;
					}
					#contents.top .sec1 dl dt::after{
						content:"";
						width:2em;
						height:1px;
						background-color:#fff;
						position:absolute;
						left:50%;
						margin-left:-1em;
						bottom:1px;
						}
					#contents.top .sec1 dl dt img{
						width:100%;
						max-width:80px;
						margin-bottom:25px;
						}
				#contents.top .sec1 dl dd.text{
					font-size:13px;
					font-weight:bold;
					line-height:2em;
					margin-top:20px;
					text-align: left;
					}
					#contents.top .sec1 dl dd.text p{
						margin-bottom:15px;
						font-size:15px;
						}
				#contents.top .sec1 dl dd.btn{
					margin-top:25px;
					}
					#contents.top .sec1 dl dd.btn a{
						color:#671CD7;
						display:block;
						width:300px;
						max-width:90%;
						margin:auto;
						text-align:center;
						border:2px solid #671CD7;
						position:relative;
						padding:5px 10px;
						font-weight:bold;
						box-sizing: border-box;
						font-size:16px;
						background-color:#fff;
						border-radius:20px;
						}
					#contents.top .sec1 dl dd.btn a::after{
						position: absolute;
						content: "";
						top: 50%;
						right: 20px;
						width: 6px;
						margin-top: -4px;
						height: 6px;
						border-bottom: 2px solid #671CD7;
						border-right: 2px solid #671CD7;
						-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
						}
		



	#contents.top .sec2{
		padding:30px 0 150px;
		background:#661bd6;
		}
	#contents.top .sec2 h4{
		text-align:center;
		font-size:20px;
		font-weight:bold;
		color:#fff;
		}





		/* Recommend */
		#contents .sec3{
			overflow:hidden;
			margin:-0 10px 10px;
			background-color:#fff;
			border-radius:5px;
			padding:0 10px 20px 10px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			}
		#contents .sec3_1{
			margin-top:-120px;
			}
		#contents .sec3_2{
			margin-top:20px;
			}
			#contents.top .sec3 h3{
				margin-top:20px;
				font-size:1.5em;
				padding-bottom:10px;
				color:#671CD7;
				position:relative;
				padding-right:45px;
				margin-left:1em;
				text-indent:-1em;
				}
				#contents.top .sec3 h3 img{
					position:absolute;
					right:10px;
					height:37px;
					margin:auto;
					top:0;
					bottom:20px;
					}
				#contents .sec3 .detail_list_wrap{
					padding-top:10px;
					}
						#contents .sec3 .detail_list_wrap .ul01 > li{
							padding:20px;
							background-color:#EFEFEF;
							text-align:center;
							margin-bottom: 20px;
							}
						#contents .sec3 .detail_list_wrap .ul02 > li{
							padding:20px;
							background-color:#EFEFEF;
							text-align:center;
							}
						#contents .sec3 .detail_list_wrap .ul02 > li:nth-child(even){
							background:#f5f5f5;
							}
						#contents .sec3 .detail_list_wrap .ul02 li.last{
							margin-bottom: 20px;
							}
							#contents .sec3 .detail_list_wrap .ul01 > li img {
								width:100%;
								margin-bottom:10px;
								}
							#contents .sec3 .detail_list_wrap ul li h5{
								font-weight: bold;
								font-size: 18px;
								margin: 5px 10px 20px;
								}
							#contents .sec3 .detail_list_wrap .ul01 > li dl dt{
								font-weight: bold;
								margin: 5px 10px 10px;
								}
							#contents .sec3 .detail_list_wrap .ul01 > li dl dd{
								margin: 5px 10px 15px;
								text-align:left;
								}
							#contents .sec3 .detail_list_wrap .ul02 > li dl dt{
								font-weight: bold;
								margin: 5px 10px 10px;
								}
							#contents .sec3 .detail_list_wrap .ul02 > li dl dd{
								margin: 5px 10px 15px;
								text-align:left;
								}
							#contents .sec3 p{
								padding:0 10px;
								text-align:left;
								}
								
				#contents .sec3 .detail_list_wrap p {
					text-align: left;
					}
								
			#contents .sec3 ul.bunya{
				margin-top:15px;
				margin-left:-5px;
				}
				#contents .sec3 ul.bunya li{
					width:calc(100%/3 - 5px);
					float:left;
					margin-left:5px;
					font-weight:bold;
					display:table;
					margin-top:5px;
					padding:5px;
					box-sizing:border-box;
					line-height:1.5em;
					font-size:13px;
					}
				#contents .sec3 ul.bunya li span{
					display:table-cell;
					vertical-align:middle;
					text-align:center;
					}


	
			/* ボタン */
		#contents .btn_sec{
			margin-top: 25px;
			margin-bottom:25px;
			padding:0 20px;
			text-align:center;
			}
			#contents .btn_sec a{
				display: inline-block;
				width: 300px;
				font-weight: bold;
				color: #6526D6;
				background:#fff;
				line-height: 44px;
				text-align: center;
				border: solid 2px #6526D6;
				border-radius: 25px;
				position: relative;
				font-size: 16px;
				}
			#contents .btn_sec a + a{
				margin-top:15px;
				}
				#contents .btn_sec a::after{
					position:absolute;
					content:"";
					top: 0;
					bottom: 0;
					margin: auto;
					right: 25px;
					width: 8px;
					height: 8px;
					border-top: 2px solid #6526D6;
					border-left: 2px solid #6526D6;
					-webkit-transform: rotate(135deg);
					transform: rotate(135deg);
					}
				#contents .btn_sec2 a::after{
					display:none;
					}
				#contents .btn_sec2	 a img{
					position:absolute;
					content:"";
					top:0;
					bottom:0;
					margin:auto !important;
					right: 25px;
					width: 10px !important;
					height: 9px;
					}
					
					
					
					
					
			/* ボタン */								
			#contents .sec3 .btn{
				text-align:center;
				margin-top:40px;
				}
				#contents .sec3 .btn span{
					display:inline-block;
					padding:1px;
					position:relative;
					border-radius:30px;
				}
				#contents .sec3 .btn span::after{
					position:absolute;
					content:"";
					top:0;
					bottom:0;
					margin:auto;
					right: 25px;
					width: 8px;
					height: 8px;
					border-top: 2px solid #FFF;
					border-left: 2px solid #FFF;
					-webkit-transform: rotate(135deg);
					transform: rotate(135deg);
					transition:transform 500ms;
					-webkit-transition:transform 500ms;
					}
					#contents .sec3 .btn span div{
						background:#6526D6;
						padding:10px;
						width:280px;
						border-radius:30px;
						}
						#contents .sec3 .btn span div img{
							width:95px;
							line-height:0;
							vertical-align:middle;
							}
							
							




	
	.btn {
		margin-top:60px;
		}	
	.btn p {
		float:left;
		margin:0 auto;
		width:50%;
		text-align:center;
		font-weight:bold;
		}	
	.btn p a {
		padding: 25px 0 20px;
		display:block;
		color:#fff;
		}	
	.btn p a:hover {
		opacity:0.7;
		transition:0.7s;
		}	
	.btn p img {
		width: 100%;
		max-width: 80px;
		margin-bottom:10px;
		}	
	.btn p.step1_2 a {
		background-image: url(../../img/special/apply_guide/point1_bg.png);
		background-size:cover;
	}	
	.btn p.step2_2 a {
		background-image: url(../../img/special/apply_guide/point2_bg.png);
		background-size:cover;
	}	
	.btn p.step3_2 a {
		background-image: url(../../img/special/apply_guide/point3_bg.png);
		background-size:cover;
	}	





					
		
					
							
		#footer{
			margin-top:0;
			margin-bottom:0;
			}

#footer{
	margin-top:80px;
	}
		
	#footer .footer_gray{
		border-top:1px solid #D1D1D1;
		background-color:#F8F8F8;
		padding:20px 10px 30px;
		}
		#footer .footer_gray > div{
			width:auto;
			}
		#footer .footer_gray .footer_sns{
			margin-left:-5%;
			font-size:0;
			letter-spacing:0;
			padding:0 5%;
			text-align: center;
			}
		#footer .footer_gray .footer_sns li{
			display:inline-block;
			width:10%;
			margin-left:5%;
			float:none;
			}
		#footer .footer_gray .footer_sns li img{
			width:100%;
			}
			
		#footer .footer_gray .footer_link{
			margin-top:15px;
			}
		#footer .footer_gray .footer_link li{
			width:45%;
			background:url(../../../img/common/sp/dotted.png) repeat-x;
			padding-top:10px;
			padding-bottom:10px;
			position:relative;
			padding-left:10px;
			font-size:85%;
			box-sizing:border-box;
			margin-top: 0px;
			}
			#footer .footer_gray .footer_link li::before{
				content:"";
				position:absolute;
				background-image:url(../../../img/common/sp/arrow.png);
				left:0;
				top:1.3em;
				width:4px;
				height:6px;
				background-size:cover;
				}
		#footer .footer_gray .footer_link li:nth-of-type(1),
		#footer .footer_gray .footer_link li:nth-of-type(2){
			background:none;
			}
		#footer .footer_gray .footer_link li:nth-of-type(odd){
			float:left;
			clear:both;
			}
		#footer .footer_gray .footer_link li:nth-of-type(even){
			float:right;
			}
		.footer_content{
			float:none;
			max-width: 600px;
			width:100%;
			margin:auto;
			}
	#footer .footer_bottom{
		background-color:#D71717;
		text-align:center;
		color:#fff;
		padding:5px;
		}
		
	.footer_pr{
		margin: 0 auto;
		margin-bottom: 8%;
		width: 300px;
		text-align: right;
		float: none;
		}
	
				

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* sp */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (max-width: 800px){
			
	.pc_main{
		display:none;
		}	

.fadeout{
	opacity:1;
	display:block;
	text-align:center;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	position:relative;
	font-size:22px;
	letter-spacing:0.1em;
	height:80px;
	width:80px;
	border-radius:50%;
	margin:0 auto;
	z-index:9999;
	}
.fadeout span{
	position:absolute;
	content:"";
	top:24%;
	left:0;
	right:0;
	display:block;
	width: 80px;
	margin:0 auto;
	}
.fadeout span:after{
	position:absolute;
	content:"";
	bottom:-20%;
	left:0;
	right:0;
	display:block;
	width: 10px;
	margin:0 auto;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition:transform 500ms;
	-webkit-transition:transform 500ms;
	}
	.fadeout.scrollout{
		opacity:0;
		transition:300ms;
		-webkit-transition:300ms;
		}
			
	
	.main{
		display:none;
		width:100%;
		left:0;
		height:100vh;
		position:relative;
		background-position:center;
		background-size:cover;
		background-image: url(../../img/special/apply_guide/top_main_bg.png);
		}
		.main > div.dis_table{
			display:table;
			width:100%;
			height:100%;
			top:45%;
			transform:translateY(-50%);
			position:absolute;
			z-index:99999;
			}
			.main > div.dis_table > div{
				display:table-cell;
				text-align:center;
				vertical-align:middle;
				color:#fff;
				}
			.main > div.dis_table > div h1 img{
				max-width:90%;
				width: 405px;
				}
			.main > div.dis_table > div p{
				font-size:25px;
				margin-top:40px;
				font-weight:bold;
				}
			
				
	.oc_logo{
		width:100%;
		text-align:center;
		}
		.oc_logo img{
			vertical-align:bottom;
			margin-top:30px;
			}
		.oc_logo img.img1{
			margin-right: 15px;
			height: 13px;
			}
		.oc_logo img.img2{
			height: 20px;
			}


	
	/* =========================================================== detail */
				
				
	#contents.top .sec1 div{
		text-align:left;
		width:100%;
		margin:auto;
		padding:0px;
		color:#fff;
		}
	#contents.top .sec1 h1{
		font-size:18px;
		font-weight:bold;
		}
		#contents.top .sec1 p{
			margin-top:20px;
			line-height:2em;
			}
					
					





	
			/* ボタン */
		#contents .btn_sec{
			margin-top: 25px;
			margin-bottom:25px;
			padding:0 20px;
			text-align:center;
			}
			#contents .btn_sec a{
				display: inline-block;
				width: 300px;
				max-width:90%;
				font-weight: bold;
				color: #6526D6;
				background:#fff;
				line-height: 35px;
				text-align: center;
				border: solid 2px #6526D6;
				border-radius: 25px;
				position: relative;
				font-size: 16px;
				}
			#contents .btn_sec a + a{
				margin-top:15px;
				}
				#contents .btn_sec a::after{
					position:absolute;
					content:"";
					top: 0;
					bottom: 0;
					margin: auto;
					right: 25px;
					width: 8px;
					height: 8px;
					border-top: 2px solid #6526D6;
					border-left: 2px solid #6526D6;
					-webkit-transform: rotate(135deg);
					transform: rotate(135deg);
					}
				#contents .btn_sec2 a::after{
					display:none;
					}
				#contents .btn_sec2	 a img{
					position:absolute;
					content:"";
					top:0;
					bottom:0;
					margin:auto !important;
					right: 15px;
					width: 10px !important;
					height: 9px;
					}
					
					
					
					
					
			/* ボタン */								
			#contents .sec3 .btn{
				text-align:center;
				margin-top:40px;
				}
				#contents .sec3 .btn span{
					display:inline-block;
					padding:1px;
					position:relative;
					border-radius:30px;
				}
				#contents .sec3 .btn span::after{
					position:absolute;
					content:"";
					top:0;
					bottom:0;
					margin:auto;
					right: 25px;
					width: 8px;
					height: 8px;
					border-top: 2px solid #FFF;
					border-left: 2px solid #FFF;
					-webkit-transform: rotate(135deg);
					transform: rotate(135deg);
					transition:transform 500ms;
					-webkit-transition:transform 500ms;
					}
					#contents .sec3 .btn span div{
						background:#6526D6;
						padding:10px;
						width:280px;
						border-radius:30px;
						}
						#contents .sec3 .btn span div img{
							width:95px;
							line-height:0;
							vertical-align:middle;
							}








		/* 出願する前に */
			#contents.top .sec1 h3{
				padding-top:20px;
				font-size:1.5em;
				padding-bottom:20px;
				color:#671CD7;
				position:relative;
				padding-right:45px;
				}
				#contents.top .sec1 h3 img{
					position:absolute;
					right:10px;
					height:37px;
					}
			#contents.top .sec1 .dl_wrap{
				background-color:#fff;
				text-align:center;
				}
			#contents.top .sec1 dl{
				background-position:center;
				background-size:cover;
				color:#fff;
				padding:60px 0; 
				}
			#contents.top .sec1 dl.step1{
				background-image: url(../../img/special/apply_guide/point1_bg.png);
				}
			#contents.top .sec1 dl.step2{
				background-image: url(../../img/special/apply_guide/point2_bg.png);
				}
			#contents.top .sec1 dl.step3{
				background-image: url(../../img/special/apply_guide/point3_bg.png);
				}
				#contents.top .sec1 dl dt,
				#contents.top .sec1 dl dd{
					width:90%;
					margin:auto;
					}
				#contents.top .sec1 dl dt{
					font-size:17px;
					padding-bottom:25px;
					position:relative;
					}
					#contents.top .sec1 dl dt::after{
						content:"";
						width:2em;
						height:1px;
						background-color:#fff;
						position:absolute;
						left:50%;
						margin-left:-1em;
						bottom:1px;
						}
					#contents.top .sec1 dl dt img{
						width:100%;
						max-width:80px;
						margin-bottom:25px;
						}
				#contents.top .sec1 dl dd.text{
					font-size:13px;
					font-weight:bold;
					line-height:2em;
					margin-top:20px;
					text-align: left;
					}
					#contents.top .sec1 dl dd.text p{
						margin-bottom:15px;
						font-size:15px;
						}
				#contents.top .sec1 dl dd.btn{
					margin-top:25px;
					}
					#contents.top .sec1 dl dd.btn a{
						color:#671CD7;
						display:block;
						width:300px;
						max-width:90%;
						margin:auto;
						text-align:center;
						border:2px solid #671CD7;
						position:relative;
						padding:5px 10px;
						font-weight:bold;
						box-sizing: border-box;
						font-size:16px;
						background-color:#fff;
						border-radius:20px;
						}
					#contents.top .sec1 dl dd.btn a::after{
						position: absolute;
						content: "";
						top: 50%;
						right: 20px;
						width: 6px;
						margin-top: -4px;
						height: 6px;
						border-bottom: 2px solid #671CD7;
						border-right: 2px solid #671CD7;
						-webkit-transform: rotate(-45deg);
						transform: rotate(-45deg);
						}
		



	#contents.top .sec2{
		padding:30px 0 150px;
		background:#661bd6;
		}
	#contents.top .sec2 h4{
		text-align:center;
		font-size:20px;
		font-weight:bold;
		color:#fff;
		}





		/* Recommend */
		#contents .sec3{
			overflow:hidden;
			margin:-0 10px 10px;
			background-color:#fff;
			border-radius:5px;
			padding:0 10px 20px 10px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			}
		#contents .sec3_1{
			margin-top:-120px;
			}
		#contents .sec3_2{
			margin-top:20px;
			}
			#contents.top .sec3 h3{
				margin-top:20px;
				font-size:1.5em;
				padding-bottom:10px;
				color:#671CD7;
				position:relative;
				padding-right:45px;
				margin-left:1em;
				text-indent:-1em;
				}
				#contents.top .sec3 h3 img{
					position:absolute;
					right:10px;
					height:37px;
					margin:auto;
					top:0;
					bottom:20px;
					}
				#contents .sec3 .detail_list_wrap{
					padding-top:10px;
					}
						#contents .sec3 .detail_list_wrap .ul01 > li{
							padding:20px;
							background-color:#EFEFEF;
							text-align:center;
							margin-bottom: 20px;
							}
						#contents .sec3 .detail_list_wrap .ul02 > li{
							padding:20px;
							background-color:#EFEFEF;
							text-align:center;
							}
						#contents .sec3 .detail_list_wrap .ul02 > li:nth-child(even){
							background:#f5f5f5;
							}
						#contents .sec3 .detail_list_wrap .ul02 li.last{
							margin-bottom: 20px;
							}
							#contents .sec3 .detail_list_wrap .ul01 > li img {
								width:100%;
								margin-bottom:10px;
								}
							#contents .sec3 .detail_list_wrap ul li h5{
								font-weight: bold;
								font-size: 16px;
								margin: 5px 10px 20px;
								}
							#contents .sec3 .detail_list_wrap .ul01 > li dl dt{
								font-weight: bold;
								margin: 5px 10px 10px;
								}
							#contents .sec3 .detail_list_wrap .ul01 > li dl dd{
								margin: 5px 10px 15px;
								text-align:left;
								}
							#contents .sec3 .detail_list_wrap .ul02 > li dl dt{
								font-weight: bold;
								margin: 5px 10px 10px;
								text-align:left;
								}
							#contents .sec3 .detail_list_wrap .ul02 > li dl dd{
								margin: 5px 10px 15px;
								text-align:left;
								}
							#contents .sec3 p{
								padding:0 10px;
								text-align:left;
								}
								
				#contents .sec3 .detail_list_wrap p {
					text-align: left;
					}
								
			#contents .sec3 ul.bunya{
				margin-top:15px;
				margin-left:-5px;
				}
				#contents .sec3 ul.bunya li{
					width:calc(100%/3 - 5px);
					float:left;
					margin-left:5px;
					font-weight:bold;
					display:table;
					margin-top:5px;
					padding:5px;
					box-sizing:border-box;
					line-height:1.5em;
					font-size:13px;
					}
				#contents .sec3 ul.bunya li span{
					display:table-cell;
					vertical-align:middle;
					text-align:center;
					}




















	
	.btn {
		margin:60px 0 45px;
		}	
	.btn p {
		margin:0 auto;
		width:100%;
		text-align:center;
		font-weight:bold;
		}	
	.btn p a {
		padding: 25px 0 20px;
		display:block;
		color:#fff;
		}	
	.btn p a:hover {
		opacity:0.7;
		transition:0.7s;
		}	
	.btn p img {
		width: 100%;
		max-width: 80px;
		margin-bottom:10px;
		}	
	.btn p.step1_2 a {
		background-image: url(../../img/special/apply_guide/point1_bg.png);
		background-size:cover;
	}	
	.btn p.step2_2 a {
		background-image: url(../../img/special/apply_guide/point2_bg.png);
		background-size:cover;
	}	
	.btn p.step3_2 a {
		background-image: url(../../img/special/apply_guide/point3_bg.png);
		background-size:cover;
	}	




							
		#footer{
			margin-top:0;
			margin-bottom:0;
			}
			
	/* =========================================================== detail end */
		
		
		
		
}