@charset "utf-8";


.designTable { width: 100%; border-collapse: collapse; }
.designTable tr { border-bottom: 1px solid #D5D7DC; }
.designTable th { position: relative; width: 180px; padding: 20px 10px; font-weight: 700; color: #2E51A3; }
.designTable th:after { position: absolute; left: 0; bottom: -1px; content: ''; display: block; width: 180px; height: 1px; background: #004EA0; background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%); background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%); }
.designTable td { padding: 20px 10px; }
.designTable h4 { font-size: 16px; }
.designTable ul { padding: 0 0 10px; }

.aboutCont { padding: 0 0 5vw; }
.aboutInr dl { padding: 5px 0; }
.aboutInr dt { font-weight: 700; }

.recruitCont { padding: 0 0 5vw; }
.recruitInr { padding: 0 0 5vw; }
.recruitInr h3 { font-size: 20px; font-weight: 700; line-height: 1.2; padding: 20px 0; position: relative; }
.recruitInr h3:after { position: absolute; left: 0; bottom: -1px; content: ''; display: block; width: 100%; height: 1px; background: #004EA0; background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%); background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%); }
.recruitInr h4 { font-size: 18px; font-weight: 700; color: #2E51A3; padding: 0 0 10px; }
.recruitInr .group01 { padding: 2px 0; }
.recruitInr .group01 dt { display: inline-block; font-weight: 700; width: 10rem; }
.recruitInr .group01 dd { display: inline-block; }
.recruitInr .group01 dd a { text-decoration: underline; }
.recruitInr .group01 dd a:hover { color: #2E51A3; }
.recruitInr .group02 { padding: 0 0 10px; }
.recruitInr .group02 dt { font-weight: 700; }
.recruitInr .group02 dd {  }

.flowCont {  }
.flowCont h3 { font-size: 20px; font-weight: 700; line-height: 1.2; padding: 20px 0; position: relative; }
.flowCont h3:after { position: absolute; left: 0; bottom: -1px; content: ''; display: block; width: 100%; height: 1px; background: #004EA0; background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%); background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%); }
.flowInr .step { width: 100%; padding: 0 0 50px; margin: 0 auto; position: relative; }
.flowInr .step:last-child { padding: 0; }
.flowInr .step:after { position: absolute;  right: 0; left: 0; bottom: 10px; margin: 0 auto; z-index: 1; display: block; content: ''; width: 0; height: 0; border-top: 12px solid #2E51A3; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid transparent; }
.flowInr .step:last-child:after { display: none; }
.flowInr .step dl { background: #F2F5FB; border: 1px solid #2E51A3; padding: 15px; }
.flowInr .step dt { font-size: 18px; font-weight: 700; color: #2E51A3; padding: 0; }
.flowInr .step dd span { font-weight: 700; }
.flowInr .step dd { padding: 10px 0 0; }
.flowInr .step dd.supplement { font-size: 14px; padding: 0; }

.moreBtn { margin: 30px auto; text-align: center; }

.column2 { flex-direction:row-reverse; }

a.txtLink { color:#428bca; text-decoration:underline; }

.welfareLink a { text-decoration: underline; font-weight:bold; color:#3151a2; }
.welfareLink a:hover { color:#3151a2; }


/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1400px){
}


/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1200px){
	.designTable th { width: 140px; padding: 20px 0; }
	.designTable th:after { width: 140px; }
	.designTable td { padding: 20px 0; }
	.flowInr .step dt { font-size: 16px; }

}

/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1023px){
	.column2 .subNav { padding: 0 0 5vw; }

}

/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:767px){
	.designTable tr { position: relative; border-bottom: none; }
	.designTable tr:after { left: 0; bottom: -1px; content: ''; display: block; width: 100%; height: 1px; background: #004EA0; background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%); background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%); }
	.designTable th { display: block; width: 100%; padding: 20px 0 10px; }
	.designTable th:after { display: none; }
	.designTable td { display: block; width: 100%; padding: 0 0 20px; font-size: 14px; }
	.aboutCont { padding: 0 0 10vw; }
	.aboutInr dl { padding: 10px 0; }
	.recruitCont { padding: 0 0 10vw; }
	.recruitInr { padding: 0 0 10vw; }
	.recruitInr h3 { font-size: 18px; background: #F2F5FB; text-align: center; color: #2E51A3; }
	.recruitInr h4 { font-size: 15px; padding: 10px 0; }
	.recruitInr .group01 { padding: 5px 0; }
	.recruitInr .group01 dt { display: block; width: 100%; }
	.recruitInr .group01 dd { display: block; }
	.flowCont h3 { font-size: 18px; background: #F2F5FB; text-align: center; color: #2E51A3; }
	.moreBtn { margin: 20px auto; }

}