@charset "UTF-8";


#headVisual { background: url(images/bg_headtitle.jpg) no-repeat center center; background-size: cover; }

/* -------------------------------------------------

	form

------------------------------------------------- */
#contact.recruit .heading-1 { margin-bottom: 25px; }
#contact.recruit .read { color: inherit; font-size: 1.6rem; font-weight: normal; text-align: left; letter-spacing: 0.05em; margin-bottom: 70px; }



/*------------------------------------------------------



------------------------------------------------------*/
.font-02 { font-family: 'Nanum Gothic', sans-serif; }

#recruit article { line-height: 1.8;}
#recruit .heading-1 {}
#recruit .read { color: #61524E; font-weight: bold; text-align: center;}

#recruit .recruitInner { background: url(/common/images/bg_stripe.png) repeat left top; margin-bottom: 60px; position: relative;}
#recruit .recruitInner::before { content: ''; position: absolute; width: 100%; height: 75px; background-color: #fff; left: 0; bottom: 0;}
#recruit .recruitInner .l_col-inner { position: relative; top: -35px; }
#recruit .recruitInner .l_col-inner > div {}
#recruit .recruitInner .l_col-inner .title { background: linear-gradient(270deg, #EA5711 -3.36%, #F1AD1B 99.26%); display: inline-block; color: #fff; min-width: 310px; padding: 3px 20px; text-align: center; }
#recruit .recruitInner .l_col-inner .title span { font-family: " 游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic,メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal;}
#recruit .recruitInner .l_col-inner .title span::before { content: '-';}
#recruit .recruitInner .l_col-inner .title span::after { content: '-'; }
#recruit .recruitInner .l_col-inner .text { font-size: 1.5rem;}
#recruit .recruitInner .l_col-inner figure {}
#recruit .recruitInner .l_col-inner figure img {}


@media (min-width: 768px) {
	#recruit .read { font-size: 1.8rem; margin-bottom: 120px;}
	
	#recruit .recruitInner .l_col-inner > div { width: calc(100% - (340px + 100px));}
	#recruit .recruitInner .l_col-inner .title { font-size: 3.6rem; margin-bottom: 25px; }
	#recruit .recruitInner .l_col-inner .title span { font-size: 1.8rem; padding-left: 12px;}
	#recruit .recruitInner .l_col-inner figure { width: 340px;}

	#recruit .recruitInner:nth-of-type(2) .l_col-inner { flex-direction: row-reverse;}
}

@media (max-width: 767px) {
	#recruit .read { font-size: 1.6rem; margin-bottom: 100px; text-align: left; }
	
	#recruit .recruitInner::before { height: 155px;}
	#recruit .recruitInner .l_col-inner > div { width: 100%;}
	#recruit .recruitInner .l_col-inner .title { width: 100%; font-size: 3.2rem; line-height: 1.4; padding: 6px 10px; margin-bottom: 45px;}
	#recruit .recruitInner .l_col-inner .title span { display: block; font-size: 1.6rem; }
	#recruit .recruitInner .l_col-inner figure { width: 100%; margin-bottom: 0;}
	#recruit .recruitInner .l_col-inner figure img { width: 250px; height: auto;}
}



/*------------------------------------------------------

	details

------------------------------------------------------*/
#details .text { font-size: 1.5rem; margin-bottom: 50px;}

#details .table-2 td { color: #61524E; text-align: left; }

#details .btn { text-align: center;}

@media (min-width: 768px) {
	
	#details .table-2 { margin-bottom: 70px; }
	#details .table-2 th { padding: 20px 5px; width: 20%;}
	#details .table-2 td { padding: 20px 5px; }
	
	#details .btn .btn-1 { font-size: 2.6rem; line-height: 70px; min-width: 400px; }
}


@media (max-width: 767px) {
	
	#details .table-2 { margin-bottom: 30px; }
	#details .table-2 th { width: 85px; padding: 20px 5px;}
	#details .table-2 td { padding: 20px 5px; }
	
	#details .btn .btn-1 { font-size: 2rem; line-height: 60px; min-width: 300px; width: 100%; }
}


/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------



------------------------------------------------------*/


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}