@charset "utf-8";


/**************************************************50
 * application
 **************************************************/
#application{
	color: #4D4D4D;
	text-align: center;
}
#application_head{
	color: #198633;
	line-height: 1.4;
}
#application_head > strong{
	display: block;
}
#application_head > strong span{
}
#application_head > strong b{
	line-height: 1;
}
#application_head h2{
}
#application_catch{
	background-color: #108329;
	color: #FFFFFF;
	line-height: 1.5;
	position: relative;
}
#application_catch span{
	color: #FFFF78;
}
#application_catch:after{
	content: "";
	display: block;
	background: #108329;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	pointer-events: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	-ms-transform: translate(-50%, 100%);
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
}
#application_list{
	margin-left: auto;
	margin-right: auto;
}
#application_list > li{
	border-bottom: 1px solid #4D4D4D;
	text-align: left;
}
#application_list > li p{
	line-height: 1.5;
	padding-left: 2em;
	position: relative;
}
#application_list > li p:before{
	color: #33A13E;
	content: "\F05E0";
	font-family: "Material Design Icons";
	font-size: 150%;
	line-height: 1;
	pointer-events: none;
	position: absolute;
	top: 0.5375em;
	left: 0;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
#application_step{
}
#application_step > li{
}
#application_step > li:not(:first-child){
	position: relative;
}
#application_step > li:not(:first-child):before,
#application_step > li:not(:first-child):after{
	content: "";
	display: block;
	background: #06C755;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	pointer-events: none;
	position: absolute;
	left: 50%;
}
#application_step > li:not(:first-child):before{
	-ms-transform: translate(-50%, -100%);
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
#application_step > li:not(:first-child):after{
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
#application_step > li img{
	width: 84%;
	max-width: 630px;
}
#application a[href="https://lin.ee/67nzIyR"] img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
	width: 100%;
	max-width: 750px;
}
#application a[href="https://lin.ee/67nzIyR"]:hover img{
	opacity: 0.7;
}
@media screen and (max-width:319px){
	#application_catch{
		font-size: 112.5%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	#application_catch{
		font-size: 125%;
	}
}
@media screen and (min-width:360px) and (max-width:375px){
	#application_catch{
		font-size: 137.5%;
	}
}
@media screen and (min-width:374px) and (max-width:767px){
	#application_catch{
		font-size: 150%;
	}
}
@media screen and (max-width:767px){
	#application{
		margin-bottom: 12.5%;
	}
	#application_head{
		margin-bottom: 6.25%;
		padding: 0 3.125%;
	}
	#application_head > strong{
	}
	#application_head > strong span{
		font-size: 150%;
	}
	#application_head > strong b{
		font-size: 281.25%;
	}
	#application_head h2{
		font-size: 150%;
	}
	#application_catch{
		margin: 0 auto -webkit-calc(3.125% + 14px);
		margin: 0 auto calc(3.125% + 14px);
		padding: 3.125% 3.125%;
		width: 93.75%;
	}
	#application_catch:after{
		height: 14px;
		width: 32px;
	}
	#application_list{
		margin-bottom: 6.25%;
	}
	#application_list > li{
		margin: 0 auto;
		padding: 1.5625% 3.125%;
		width: 93.75%;
	}
	#application_step{
	}
	#application_step > li{
	}
	#application_step > li:not(:first-child){
		margin-top: -webkit-calc((6.25% * 2) + (4.375% * 2));
		margin-top: calc((6.25% * 2) + (4.375% * 2));
	}
	#application_step > li:not(:first-child):before,
	#application_step > li:not(:first-child):after{
		margin-top: -webkit-calc(-6.25% - 4.375%);
		margin-top: calc(-6.25% - 4.375%);
		padding-top: 4.375%;
		top: 0;
		width: 9.375%;
	}
	#application a[href="https://lin.ee/67nzIyR"] img{
		margin-top: 3.125%;
	}
}
@media screen and (min-width:768px){
	#application{
		margin-bottom: 100px;
	}
	#application_head{
		margin-bottom: 50px;
	}
	#application_head > strong{
	}
	#application_head > strong span{
		font-size: 200%;
	}
	#application_head > strong b{
		font-size: 375%;
	}
	#application_head h2{
		font-size: 200%;
	}
	#application_catch{
		font-size: 150%;
		margin-bottom: -webkit-calc(20px + 0.5em);
		margin-bottom: calc(20px + 0.5em);
		padding: 0.5em 1em;
	}
	#application_catch:after{
		height: 21px;
		width: 48px;
	}
	#application_list{
		margin-bottom: 50px;
		width: -webkit-calc(100% - (40px * 2));
		width: calc(100% - (40px * 2));
		max-width: 800px;
	}
	#application_list > li{
		padding: 0.5em 1em;
	}
	#application_step{
		margin-bottom: 50px;
	}
	#application_step > li{
	}
	#application_step > li:not(:first-child){
		margin-top: -webkit-calc((50px * 2) + (14px * 2));
		margin-top: calc((50px * 2) + (14px * 2));
	}
	#application_step > li:not(:first-child):before,
	#application_step > li:not(:first-child):after{
		height: 14px;
		top: -64px;
		width: 32px;
	}
	#application_step a[href="https://lin.ee/67nzIyR"] img{
		margin-top: 1em;
	}
}