@charset "utf-8";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing:border-box;}

html{font-size:62.5%; background-color: #fff;}

body{
	font-family: "Roboto","M PLUS 1","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.8rem;
	line-height: 4.5rem;
	font-weight: 500;
	font-style: normal;
	background-color: #fff;
	color: #314045;
	-webkit-text-size-adjust:100%;
}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
li{list-style-type:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc;}
img{border:none;vertical-align:bottom;max-width:100%;height:auto;}
small{font-size:75%;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;box-sizing:border-box;outline:none;
	color: #314045;}
p + p{margin-top:3.5rem;}








p{
	display: block;
	position: relative;
	font-family: "Roboto","M PLUS 1","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.8rem;
	line-height: 4.0rem;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
	color: #303030;
}



a,
input[type=submit]{
	transition: 0.2s ease-in-out;
}

a:hover,
input[type=submit]:hover{
	opacity: 0.8;
}


a img{
	transition: 0.2s ease-in-out;
}

a:hover img{
	opacity: 0.6;
}




img{
	display: block;
	position: relative;
	width: 100%;
}




#wrapper{
	display: block;
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	margin-top: 14rem;
	margin-bottom: 16rem;
}



/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

footer{
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	width: 100%;
	background-color: #FFF;
	padding: 14rem 5rem 5rem 5rem;
	background-color: #303030;
}

footer .footerLogo{
	max-width: 56.7rem;
}

footer ul{
	margin-top: 12.6rem;
	display: flex;
}

footer ul li{
	max-width: 29.6rem;
	margin-left: 3.5rem;
	margin-right: 3.5rem;
}

footer h6{
	font-weight: 400;
	font-size: 1.2rem;
	margin-top: 8.8rem;
	line-height: 1.8rem;
	color: #FFF;
}





/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

header{
	display:block;
	position: fixed;
	top: 0;
	height: 98px;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	padding-left: 35px;
	padding-right: 35px;
	z-index: 1000;
}

header>div{
	display:flex;
	flex-flow: wrap;
	height: 98px;
	justify-content:space-between;
	align-items: center;
	width: 100%;

}

header #headerLogo{
	max-width: 417px;
}

header #headerLogo img.sp{
	display: none;
}

header #headerNavi{
	display: flex;

	font-weight: 700;
	align-items: center;



}

header #btCorprateSite{
	display: block;
	position: relative;
	line-height: 42px;
	height: 42px;
	border: 1px solid #707070;
	border-radius: 23px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 16px;
	color: #303030;
	letter-spacing: 0.1rem;
}


/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* title */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
#title{
	display: block;
	position: relative;
	width: 100%;
	padding-top: 98px;
}

#title h1{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	height: 190px;
	width: 100%;
	font-weight: 100;
	font-size: 6rem;
	text-align: center;
}

#jobName{
	display: flex;
	position: relative;
	background-color: #303030;
	min-height: 130px;
	justify-content: center;
	align-items: center;
	font-size: 3.0rem;
	line-height: 3.0rem;
	font-weight: 400;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#jobName h2{
	color: #FFF;
	text-align: center;
	letter-spacing: 0.2rem;
}

#jobName h2 span{
	display:table;
	position: relative;
	color: #303030;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	min-width: 160px;
	font-size: 1.8rem;
	line-height: 3.4rem;
	height: 3.4rem;
	border-radius: 1.7rem;
	font-weight: 400;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-bottom: 1.6rem;
}

#jobName h2 em{
	font-style: normal;
}

#currentPosition{
	display: flex;
	justify-content: space-between;
	align-content: center;
	height: 47px;
	border-bottom: 2px solid #303030;
}

#currentPosition li{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 0.1rem;
	color: #CCCCCC;
}

#currentPosition li:first-of-type::after {
	content: "";
	display: block;
	position: absolute;
	background-image: url(../images/position_arrow.svg);
	background-size: 26px 46px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 26px;
	height: 46px;
	right: calc(50% - 13px);
	z-index: 1000;
}

#currentPosition li.current{
	color: #D5443F;
}



/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* contents */
/* -------------------------------------------------- */
/* -------------------------------------------------- */



section,
.inputArea{
	display: block;
	position: relative;
	width: 100%;
	margin-top: 12rem;
}

section:first-of-type{

	margin-top: 0rem;
}

section > div,
.inputArea > div{
	display: block;
	position: relative;
	max-width: 95rem;
	padding-left: 5rem;
	padding-right: 5rem;
	margin-left: auto;
	margin-right: auto;
}



section h3{
	font-size: 26px;
	font-weight: 700;
	color: #D5443F;
	padding-bottom: 0.8rem;
	border-bottom: 01px solid #303030;
	margin-bottom: 4rem;
}


section p{
	font-size: 1.6rem;
	line-height: 2.7rem;
	margin-top: 1.6rem;
	letter-spacing: 0.1rem;
}

section p:first-of-type{
	margin-top: 0;
}


section a{
	color: #D5443F;
	border-bottom: 1px solid #D5443F;
}

section ol{
	margin-top: 3rem;
	font-size: 1.6rem;
	line-height: 2.7rem;
	letter-spacing: 0.1rem;


}

section ol li{
	margin-top: 0.8rem;
	list-style: none;
	background-image: url(../images/list_dot.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 4px 5px;
	vertical-align: middle;
	padding-left: 24px;
	width: 100%
}



section ol:first-child{
	margin-top: 0;
}

section ol li:first-of-type{
	margin-top: 0;
}

section dl{
	display: flex;
	justify-content: space-between;
	border-top:1px solid #DDDDDD;
	margin-top: 3rem;
	padding-top: 3rem;
}

section dl:first-of-type{
	border-top:none;
	margin-top: 0rem;
	padding-top: 0rem;
}

section dl:last-of-type{
	border-bottom:1px solid #DDDDDD;

	margin-bottom: 0rem;
	padding-bottom: 3rem;
}

section dl dt{
	font-size: 1.6rem;
	line-height: 2.7rem;
	font-weight: 700;
	width: 22rem;
}

section dl dd{
	width: calc(100% - 24rem);
}

section ul.note{
	margin-top: 1.6rem;
	font-size: 1.4rem;
	line-height: 2.4rem;
}

section ul.note li{
	margin-top: 0.3rem;
	margin-left: 1.6rem;
	width: calc(100% - 1.6rem);
}

section ul.note li:first-of-type{
	margin-top: 0;
}

section ul.note li span{
	display: block;
	position: absolute;
	margin-left: -1.6rem;
}

section ul.processList{
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	align-items: center;
}

section ul.processList li{
	margin-right: 1rem;
	font-size: 1.6rem;
	line-height: 2.7rem;
}

section ul.processList li::after{
	content:'▶︎';
	margin-left: 1rem;
	font-size: 1.6rem;
	line-height: 2.7rem;
	color: #D5443F;
}

section ul.processList li:last-of-type{
	margin-right: 0rem;
}

section ul.processList li:last-of-type::after{
	display: none;
}



sup{
	color: #D5443F;
	margin-left: 0.5rem;
	margin-right: 0.5rem;

}


/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* button */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

.button{
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 16rem;
}


.button a,
.button input,
.button button{
	display: flex;
	position: relative;
	min-width: 40rem;
	justify-content: center;
	align-items: center;
	line-height: 8rem;
	height: 8rem;
	font-size: 2.0rem;
	font-weight: 700;
	letter-spacing: 0.2rem;
}

.button a:nth-of-type(1){
	margin-right: 2.5rem;
}

.button a:nth-of-type(2),
.button input,
.button button{
	margin-left: 2.5rem;
}

.button .btBack{
	color: #303030;
	border: 2px solid #303030;
	background-color: #FFF;
}

.button .btForm{
	color: #FFF;
	border: 2px solid #303030;
	background-color: #303030;
}






/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* max-width:900px */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

@media only screen and (max-width:900px){



	#wrapper{
		margin-top: 12rem;
		margin-bottom: 14rem;
	}


	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	footer{
		display:flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
		width: 100%;
		background-color: #FFF;
		padding: 10rem 3rem 3rem 3rem;
		background-color: #303030;
	}


	footer .footerLogo{
		max-width: 40rem;
	}

	footer ul{
		margin-top: 10rem;
		display: flex;
	}

	footer ul li{
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}

	footer ul li:first-of-type{
		margin-left: 0;
			}

	footer ul li:last-of-type{
		margin-right: 0;
	}

	footer h6{
		font-size: 1.1rem;
		margin-top: 8rem;
		line-height: 1.6rem;
		color: #FFF;
	}



	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	header{

		height: 80px;
		width: 100%;
		padding-left: 35px;
		padding-right: 35px;
		z-index: 1000;
	}

	header>div{
		display:flex;
		flex-flow: wrap;
		height: 80px;
		justify-content:space-between;
		align-items: center;
		width: 100%;

	}

	header #headerLogo{
		max-width: 350px;
	}

	header #headerNavi{
		display: flex;

		font-weight: 700;
		align-items: center;



	}

	header #btCorprateSite{
		line-height: 38px;
		height: 38px;
		border-radius: 19px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 14px;
	}





	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* title */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	#title{
		padding-top: 80px;
	}

	#title h1{
		height: 170px;
		font-size: 5.5rem;
		line-height: 7rem;
	}

	#jobName{
		min-height: 120px;
		justify-content: center;
		align-items: center;
		font-size: 2.5rem;
		line-height: 2.5rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}


	#jobName h2 span{
		min-width: 140px;
		font-size: 1.6rem;
		line-height: 3.0rem;
		height: 3.0rem;
		border-radius: 1.5rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-bottom: 1.4rem;
	}


	#currentPosition{

		height: 40px;
	}

	#currentPosition li{
		font-size: 1.6rem;
	}


	#currentPosition li:first-of-type::after {
		background-size: 23px 43px;
		width: 23px;
		height: 43px;
		right: calc(50% - 11.5px);
	}





	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* contents */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */



	section,
	.inputArea{
		margin-top: 10rem;
	}



	section > div,
	.inputArea > div{
		max-width: 100%;
		padding-left: 4rem;
		padding-right: 4rem;
	}



	section h3{
		font-size: 24px;
		padding-bottom: 0.6rem;
		margin-bottom: 3rem;
	}


	section p{
		font-size: 1.5rem;
		line-height: 2.5rem;
		margin-top: 1.5rem;
	}




	section ol{
		margin-top: 2.5rem;
		font-size: 1.5rem;
		line-height: 2.5rem;
	}

	section ol li{
		margin-top: 0.6rem;
		width: calc(100% - 24px;);
		background-size: 15px 15px;
		background-position: 4px 5px;
		vertical-align: middle;
		padding-left: 24px;
	}



	section dl{
		margin-top: 2.5rem;
		padding-top: 2.5rem;
	}


	section dl:last-of-type{
		padding-bottom: 2.5rem;
	}

	section dl dt{
		font-size: 1.5rem;
		line-height: 2.5rem;
		width: 20rem;
	}

	section dl dd{
		width: calc(100% - 22rem);
	}

	section ul.note{
		margin-top: 1.5rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}

	section ul.note li{
		margin-top: 0.3rem;
		margin-left: 1.5rem;
		width: calc(100% - 1.5rem);
	}


	section ul.note li span{
		margin-left: -1.5rem;
	}


	section ul.processList li{
		margin-right: 0.8rem;
		font-size: 1.5rem;
		line-height: 2.5rem;

	}

	section ul.processList li::after{
		margin-left: 0.8rem;
		font-size: 1.5rem;
		line-height: 2.5rem;
	}


	sup{
		margin-left: 0.4rem;
		margin-right: 0.4rem;

	}


	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* button */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	.button{
		margin-top: 14rem;

	}

	.button a,
	.button input,
	.button button{

		min-width: 30rem;
		line-height: 7rem;
		height: 7rem;
		font-size: 1.8rem;
	}

	.button a:nth-of-type(1){
		margin-right: 2.0rem;
	}

	.button a:nth-of-type(2),
	.button input,
	.button button{
		margin-left: 2.0rem;
	}



}/* ########## 900px end ########## */





/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* max-width:768px */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */



@media only screen and (max-width:768px){


	#wrapper{
		margin-top: 10rem;
		margin-bottom: 12rem;
	}



	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	footer{
		display:flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
		width: 100%;
		background-color: #FFF;
		padding: 8rem 2rem 2rem 2rem;
		background-color: #303030;
	}


	footer .footerLogo{
		max-width: 35rem;
	}

	footer ul{
		margin-top: 8rem;
		display: block;
	}

	footer ul li{
		margin-left: 0rem;
		margin-right: 0rem;
		max-width: 26rem;
	}

	footer ul li:first-of-type{
		margin-left: 0;
		margin-bottom: 2rem;
	}

	footer ul li:last-of-type{
		margin-right: 0;
	}

	footer h6{
		font-size: 1.1rem;
		margin-top: 6rem;
		line-height: 1.6rem;
		color: #FFF;
	}



	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	header{
		height: 60px;
		background-color: rgba(255,255,255,0.8);
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}

	header>div{
		height: 60px;
	}

	header #headerLogo{
		max-width: 300px;
	}

	header #headerNavi{
		display: flex;
	}


	header #btCorprateSite{
		line-height: 34px;
		height: 34px;
		border-radius: 17px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 12px;
	}



	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* title */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	#title{
		padding-top: 60px;
	}

	#title h1{
		height: 150px;
		font-size: 4.5rem;
		line-height: 6rem;
	}

	#jobName{
		min-height: 110px;
		font-size: 2.2rem;
		line-height: 2.2rem;
		padding-top: 1.3rem;
		padding-bottom: 1.3rem;
	}


	#jobName h2 span{
		min-width: 120px;
		font-size: 1.4rem;
		line-height: 2.6rem;
		height: 2.6rem;
		border-radius: 1.8rem;
		padding-left: 1.3rem;
		padding-right: 1.3rem;
		margin-bottom: 1.3rem;
	}


	#currentPosition{

		height: 40px;
	}

	#currentPosition li{
		font-size: 1.6rem;
	}


	#currentPosition li:first-of-type::after {
		background-size: 23px 43px;
		width: 23px;
		height: 43px;
		right: calc(50% - 11.5px);
	}





	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* contents */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */



	section,
	.inputArea{
		margin-top: 8rem;
	}



	section > div,
	.inputArea > div{
		max-width: 100%;
		padding-left: 3rem;
		padding-right: 3rem;
	}



	section h3{
		font-size: 22px;
		padding-bottom: 0.5rem;
		margin-bottom: 2.5rem;
	}


	section p{
		font-size: 1.4rem;
		line-height: 2.3rem;
		margin-top: 1.3rem;
	}




	section ol{
		margin-top: 2.3rem;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}



	section ol li{
		background-size: 14px 14px;
		background-position: 4px 4px;
		margin-top: 0.5rem;
		padding-left: 22px;
		width: calc(100% - 22px;)
	}



	section dl{
		margin-top: 2.3rem;
		padding-top: 2.3rem;
	}


	section dl:last-of-type{
		padding-bottom: 2.3rem;
	}

	section dl dt{
		font-size: 1.4rem;
		line-height: 2.3rem;
		width: 10rem;
	}

	section dl dd{
		width: calc(100% - 11rem);
	}

	section ul.note{
		margin-top: 1.5rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}

	section ul.note li{
		margin-top: 0.3rem;
		margin-left: 1.5rem;
		width: calc(100% - 1.5rem);
	}




	section ul.note li span{
		margin-left: -1.5rem;

	}



	section ul.processList li{
		margin-right: 0.8rem;
		font-size: 1.5rem;
		line-height: 2.3rem;

	}

	section ul.processList li::after{
		margin-left: 0.8rem;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}


	sup{
		margin-left: 0.3rem;
		margin-right: 0.3rem;

	}


	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* button */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	.button{
		margin-top: 12rem;
		padding-left: 4rem;
		padding-right: 4rem;

	}

	.button a,
	.button input,
	.button button{

		min-width: 50%;
		line-height: 6rem;
		height: 6rem;
		font-size: 1.4rem;
	}

	.button a:nth-of-type(1){
		margin-right: 1.0rem;
	}

	.button a:nth-of-type(2),
	.button input,
	.button button{
		margin-left: 1.0rem;
	}



}/* ########## 768px end ########## */






/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* max-width:480px */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */




@media only screen and (max-width:480px){


	#wrapper{
		margin-top: 4rem;
		margin-bottom: 6rem;
	}



	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* footer */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	footer{
		background-color: #FFF;
		padding: 6rem 2rem 2rem 2rem;
		background-color: #303030;
	}


	footer .footerLogo{
		max-width: 26rem;
	}

	footer ul{
		margin-top: 5rem;
	}

	footer ul li{

		max-width: 24rem;
	}

	footer ul li:first-of-type{
		margin-bottom: 2rem;
	}


	footer h6{
		font-size: 1.0rem;
		margin-top: 5rem;
		line-height: 1.5rem;
	}






	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* header */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	header{
		height: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}

	header>div{
		height: 50px;
	}

	header #headerLogo{
		max-width: 150px;
	}

	header #headerLogo img.pc{
		display: none;
	}

	header #headerLogo img.sp{
		display: block;
	}

	header #headerNavi{
		display: flex;
	}

	header #btCorprateSite{
		line-height: 30px;
		height: 30px;
		border-radius: 15px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 11px;
	}




	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* title */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	#title{
		padding-top: 50px;
	}

	#title h1{
		height: 130px;
		font-size: 3.5rem;
		line-height: 5rem;
	}

	#jobName{
		min-height: 100px;
		font-size: 1.6rem;
		line-height: 1.6rem;
		padding-top: 1.0rem;
		padding-bottom: 1.0rem;
	}


	#jobName h2 span{
		min-width: 100px;
		font-size: 1.2rem;
		line-height: 2.2rem;
		height: 2.2rem;
		border-radius: 1.1rem;
		padding-left: 1.0rem;
		padding-right: 1.0rem;
		margin-bottom: 1.2rem;
	}


	#currentPosition{

		height: 36px;
	}

	#currentPosition li{
		font-size: 1.3rem;
	}


	#currentPosition li:first-of-type::after {
		background-size: 20px 40px;
		width: 20px;
		height: 40px;
		right: calc(50% - 10px);
	}





	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* contents */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */



	section,
	.inputArea{
		margin-top: 4rem;
	}



	section > div,
	.inputArea > div{
		padding-left: 2rem;
		padding-right: 2rem;
	}



	section h3{
		font-size: 18px;
		padding-bottom: 0.3rem;
		margin-bottom: 2.0rem;
	}


	section p{
		font-size: 1.4rem;
		line-height: 2.3rem;
		margin-top: 1.3rem;
	}

	section p:first-child{
		margin-top: 0.8rem;

	}





	section ol{
		margin-top: 2.3rem;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}

	section ol:first-child{
		margin-top: 0.8rem;
	}


	section ol li{
		background-size: 14px 14px;
		background-position: 2px 4px;
		margin-top: 0.5rem;
		padding-left: 18px;
		width: calc(100% - 18px;)
	}



	section dl{
		display: block;
		margin-top: 2.0rem;
		padding-top: 2.0rem;
	}


	section dl:last-of-type{
		padding-bottom: 2.3rem;
	}

	section dl dt{
		font-size: 1.4rem;
		line-height: 2.3rem;
		width: 100%;
	}

	section dl dd{
		width: 100%;
	}

	section ul.note{
		margin-top: 1.4rem;
		font-size: 1.2rem;
		line-height: 2.0rem;
	}

	section ul.note li{
		margin-top: 0.2rem;
		margin-left: 1.4rem;
		width: calc(100% - 1.4rem);
	}




	section ul.note li span{
		margin-left: -1.4rem;
	}


	section ul.processList{
		flex-wrap:wrap;

	}

	section ul.processList li{
		margin-right: 0.3rem;
		font-size: 1.3rem;
		line-height: 2.0rem;

	}

	section ul.processList li::after{
		margin-left: 0.3rem;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}


	sup{
		margin-left: 0.3rem;
		margin-right: 0.3rem;

	}


	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* button */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	.button{
		margin-top: 6rem;
		padding-left: 2rem;
		padding-right: 2rem;
		display: flex;
		flex-wrap: wrap;

	}

	.button a,
	.button input,
	.button button{

		min-width: 100%;
		line-height: 6rem;
		height: 6rem;
		font-size: 1.4rem;
	}

	.button a:nth-of-type(1){
		margin-right: 0rem;
		order: 2;
	}

	.button a:nth-of-type(2),
	.button input,
	.button button{
		margin-left: 0rem;
		margin-bottom: 1.5rem;
		order: 1;
	}


}/* ########## 480px end ########## */








/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* フォーム */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */



#jobform .button{
	margin-top: 8rem;
}

.inputArea{
	display: block;
	position: relative;
}


.inputArea dl{
	display: block;
	position: relative;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
}

.inputArea dl:last-of-type{
	margin-bottom: 0rem;
}

.inputArea dt{
	display: block;
	position: relative;
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: 400;
	margin-bottom: 1.5rem;
}


.inputArea dd{
	line-height: 1rem;
}

.inputArea dd input[type=text],
.inputArea dd input[type=tel],
.inputArea dd input[type=email]{
	width: calc(100% - 2.6rem - 2px);
	height: 4rem;
	line-height: 4rem;
	border: 1px solid #aaa;
	border-radius: 5px;
	font-size: 1.8rem;
	padding: 1rem 1.3rem 1rem 1.3rem;
	color: #303030;
	font-weight: 400;
	font-family: "Roboto","M PLUS 1","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.1rem;
}


.inputArea dd textarea{
	width: calc(100% - 2.6rem - 2px);
	height: 9rem;
	border: 1px solid #aaa;
	border-radius: 5px;
	font-size: 1.8rem;
	line-height: 2.6rem;
	padding: 0.9rem 1.3rem 0.9rem 1.3rem;
	color: #303030;
	font-weight: 400;
	font-family: "Roboto","M PLUS 1","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.1rem;
}



.privacyCheck{
	margin-top: 8rem;
	text-align: center;
}

.privacyCheck p{
	text-align: center;
	line-height: 2.8rem;
	font-size: 1.6rem;
}
.privacyCheck a{
	color: #D5443F;
	border-bottom: 1px solid #D5443F;
}

.privacyCheck > div:first-child{
	margin-bottom: 2.5rem;
}

.privacyCheck > div:last-child{
	display: flex;
	justify-content: center;
	align-items: center;
}

.privacyCheck > div:last-child p{
	line-height: 2.4rem;
	font-size: 1.8rem;
	margin-left: 1rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 添付ファイル用 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

#attachment{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 6.5rem;
	border: 1px solid #aaa;
	border-radius: 5px;
	font-size: 1.8rem;
	padding: 1rem 1.3rem 1rem 1.3rem;
	color: #303030;
	font-weight: 400;
	font-family: "Roboto","M PLUS 1","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック",sans-serif;
	letter-spacing: 0.1rem;
}

#attachment label {
	/* ボタン部分の見た目（任意） */
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: center;
	align-items: center;
	background: #555;
	color:#fff;
	font-size: 1.4rem;
	padding: 0px 20px;
	line-height: 4rem;
	height: 4rem;
	border-radius: 2rem;
	transition: all 0.2s;
	cursor: pointer;
	min-width: 190px;
}

#attachment label:hover {
	opacity: 0.7;
	transition: all 0.2s;
}
#attachment label input {
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;

}
#attachment .filename {
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 2.2rem;

	margin:0 0 0 0px;
	letter-spacing: 0.15rem;

	padding-right: 8px;
}




/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* チェックボックス用 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */



.checkBoxInput{
	display: none;
	z-index: 10000;
}

.checkBoxParts{
	padding-left: 28px;
	position:relative;
	margin-right: 0px;
	z-index: 10000;
}


.checkBoxParts::before{
	content: "";
	display: block;
	position: absolute;
	top: -3px;;
	left: 0px;
	width: 28px;
	height: 28px;
	border: 1px solid #707070;
	border-radius: 2px;
	background-color: #FFF;
	cursor: pointer;
	z-index: 10000;

}

.checkBoxInput:checked + .checkBoxParts{
	color: #444444;
	z-index: 10000;

}

.checkBoxInput:checked + .checkBoxParts::after{
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 10px;
	width: 7px;
	height: 15px;
	transform: rotate(40deg);
	border-bottom: 2px solid #D5443F;
	border-right: 2px solid #D5443F;
	z-index: 10000;
}





/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* max-width:900px */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

@media only screen and (max-width:900px){

	#jobform .button{
		margin-top: 6rem;
	}



	.inputArea dl{
		padding-bottom: 2.5rem;
		margin-bottom: 2.5rem;
	}


	.inputArea dt{
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin-bottom: 1.0rem;
	}


	.inputArea dd{
		line-height: 1rem;
	}

	.inputArea dd input[type=text],
	.inputArea dd input[type=tel],
	.inputArea dd input[type=email]{
		width: calc(100% - 2.2rem - 2px);
		height: 3.5rem;
		line-height: 3.5rem;
		border-radius: 5px;
		font-size: 1.7rem;
		padding: 0.8rem 1.1rem 0.8rem 1.1rem;
	}


	.inputArea dd textarea{
		width: calc(100% - 2.2rem - 2px);
		height: 9rem;
		border-radius: 5px;
		font-size: 1.7rem;
		line-height: 2.5rem;
		padding: 0.6rem 1.1rem 0.6rem 1.1rem;
	}



	.privacyCheck{
		margin-top: 6rem;
	}

	.privacyCheck p{
		line-height: 2.7rem;
		font-size: 1.5rem;
	}


	.privacyCheck > div:first-child{
		margin-bottom: 2.3rem;
	}


	.privacyCheck > div:last-child p{
		line-height: 2.3rem;
		font-size: 1.7rem;
		margin-left: 1rem;
	}

	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* 添付ファイル用 */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	#attachment{
		height: 6rem;
		border-radius: 5px;
		font-size: 1.7rem;
		padding: 1rem 1.1rem 1rem 1.1rem;
	}

	#attachment label {
		font-size: 1.4rem;
		padding: 0px 20px;
		line-height: 3.5rem;
		height: 3.5rem;
		border-radius: 1.75rem;
		min-width: 180px;

	}


	#attachment label input {
		left:0;
		top:0;
		opacity: 0;

	}
	#attachment .filename {
		font-weight: 400;
		letter-spacing: 0.15rem;
		font-size: 1.6rem;
		line-height: 2rem;

	}




	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* チェックボックス用 */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */




	.checkBoxParts{
		padding-left: 26px;
		margin-right: 0px;
	}


	.checkBoxParts::before{
		top: -2px;
		left: 0px;
		width: 26px;
		height: 26px;

	}


	.checkBoxInput:checked + .checkBoxParts::after{
		top: 1px;
		left: 10px;
		width: 7px;
		height: 15px;
	}

}/* ########## 900px end ########## */




/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* max-width:768px */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

@media only screen and (max-width:768px){

	#jobform .button{
		margin-top: 6rem;
	}



	.inputArea dl{
		padding-bottom: 2.3rem;
		margin-bottom: 2.3rem;
	}


	.inputArea dt{
		font-size: 1.4rem;
		line-height: 2.0rem;
		margin-bottom: 1.0rem;
	}


	.inputArea dd{
		line-height: 1rem;
	}

	.inputArea dd input[type=text],
	.inputArea dd input[type=tel],
	.inputArea dd input[type=email]{
		width: calc(100% - 2.0rem - 2px);
		height: 3.0rem;
		line-height: 3.0rem;
		border-radius: 3px;
		font-size: 1.6rem;
		padding: 0.8rem 1.0rem 0.8rem 1.0rem;
	}


	.inputArea dd textarea{
		width: calc(100% - 2.0rem - 2px);
		height: 9rem;
		border-radius: 5px;
		font-size: 1.7rem;
		line-height: 2.5rem;
		padding: 0.6rem 1.0rem 0.6rem 1.0rem;
	}



	.privacyCheck{
		margin-top: 6rem;
	}

	.privacyCheck p{
		line-height: 2.6rem;
		font-size: 1.4rem;
	}


	.privacyCheck > div:first-child{
		margin-bottom: 2.1rem;
	}


	.privacyCheck > div:last-child p{
		line-height: 2.2rem;
		font-size: 1.6rem;
		margin-left: 1rem;
	}

	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* 添付ファイル用 */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	#attachment{
		height: 7rem;
		border-radius: 3px;
		font-size: 1.6rem;
		padding: 1rem 1.0rem 1rem 1.0rem;
	}

	#attachment label {
		font-size: 1.3rem;
		padding: 0px 10px;
		line-height: 3.0rem;
		height: 3.0rem;
		border-radius: 1.75rem;
		min-width: 160px;


	}


	#attachment label input {
		left:0;
		top:0;
		opacity: 0;

	}
	#attachment .filename {
		font-size: 1.4rem;
		line-height: 1.8rem;
		letter-spacing: 0.10rem;
	}




	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* チェックボックス用 */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */


	.checkBoxParts{
		padding-left: 26px;
		margin-right: 0px;
	}


	.checkBoxParts::before{
		top: -2px;
		left: 0px;
		width: 26px;
		height: 26px;

	}


	.checkBoxInput:checked + .checkBoxParts::after{
		top: 1px;
		left: 10px;
		width: 7px;
		height: 15px;
	}

}/* ########## 768px end ########## */






/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* max-width:480px */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

@media only screen and (max-width:480px){

	#jobform .button{
		margin-top: 4rem;
	}



	.inputArea dl{
		padding-bottom: 2.0rem;
		margin-bottom: 2.0rem;
	}


	.inputArea dt{
		font-size: 1.2rem;
		line-height: 1.8rem;
		margin-bottom: 0.8rem;
	}


	.inputArea dd{
		line-height: 1rem;
	}

	.inputArea dd input[type=text],
	.inputArea dd input[type=tel],
	.inputArea dd input[type=email]{
		width: calc(100% - 1.6rem - 2px);
		height: 2.0rem;
		line-height: 2.0rem;
		border-radius: 3px;
		font-size: 1.4rem;
		padding: 0.8rem 0.8rem 0.8rem 0.8rem;
	}


	.inputArea dd textarea{
		width: calc(100% - 1.6rem - 2px);
		height: 9rem;
		border-radius: 5px;
		font-size: 1.4rem;
		line-height: 2.2rem;
		padding: 0.6rem 0.8rem 0.6rem 0.8rem;
	}



	.privacyCheck{
		margin-top: 4rem;
	}

	.privacyCheck p{
		line-height: 2.0rem;
		font-size: 1.2rem;
		text-align:
	}


	.privacyCheck > div:first-child{
		margin-bottom: 2.1rem;
	}


	.privacyCheck > div:last-child p{
		line-height: 2.0rem;
		font-size: 1.4rem;
		margin-left: 0.8rem;
	}

	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* 添付ファイル用 */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */

	#attachment{
		height: 5.5rem;
		border-radius: 3px;
		font-size: 1.4rem;
		padding: 0.8rem 0.5rem 0.8rem 0.8rem;
	}

	#attachment label {
		font-size: 1.0rem;
		padding: 0px 10px;
		line-height: 2.4rem;
		height: 2.4rem;
		border-radius: 1.2rem;
		min-width: 120px;
	}


	#attachment label input {
		left:0;
		top:0;
		opacity: 0;
	}
	#attachment .filename {
		font-weight: 400;
		font-size: 1.1rem;
		line-height: 1.25rem;

		letter-spacing: 0.15rem;
	}




	/* -------------------------------------------------- */
	/* -------------------------------------------------- */
	/* チェックボックス用 */
	/* -------------------------------------------------- */
	/* -------------------------------------------------- */


	.checkBoxParts{
		padding-left: 20px;
		margin-right: 0px;
	}


	.checkBoxParts::before{
		top: 0px;
		left: 0px;
		width: 20px;
		height: 20px;

	}


	.checkBoxInput:checked + .checkBoxParts::after{
		top: 1px;
		left: 8px;
		width: 5px;
		height: 13px;
	}

}/* ########## 480px end ########## */