@charset "utf-8";
.wrapper .container .inner { padding:144px 60px; }
.wrapper .select_wrap { text-align:right; margin-bottom:71px; padding:0 16px; }
.wrapper .select_wrap .styledSelect { font-size:14px; line-height:1.45; color:#343434; font-weight:bold; }
.wrapper .select_wrap > div { width:160px; display:inline-block; text-align:left; }
.wrapper .select_wrap > div + div { margin-left:40px; }

.wrapper .select { border:none; border-bottom:1px solid #cbcbcb; padding:13px 41px 9px 21px; color:#000; cursor:pointer; position:relative; vertical-align:middle; letter-spacing:-0.025em; }
.wrapper .select:after { background-image:url('./../images/dropbox-arrow.png'); background-size:100%; background-repeat:no-repeat; background-position:center; width:11px; height:7px; position:absolute; top:50%; right:19px; content:''; transition:transform 300ms; transform:rotate(0); }
.wrapper .select.active:after { transform:rotate(180deg); }
.wrapper .select option { color:#000; font-weight:normal; font-size:18px; }
.wrapper .select option:hover,
.wrapper .select option:checked { color:#000; }
.options { display:none; position:absolute; top:100%; right:0; left:0; z-index:999; margin-top:10px; padding:0 0; list-style:none; border-radius:5px; background-color:white; -webkit-box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); font-weight:normal; overflow:hidden; }

.options li { font-size:14px; line-height:1.45; font-weight:600; padding:12px 19px 14px; color:#666666; }
.options li:hover { color:#000; background-color:#f7f7f7; }

.select .same-as-selected { position:relative; color:#000; background-color:#f7f7f7; }
.select .same-as-selected::after { position:absolute; content:''; width:12px; height:9px; top:50%; right:15px; transform:translateY(-50%); background-image:url('./../images/check-icon.png'); }
.s-hidden { display:none; padding-right:10px; }
div .focus-back { background:#3297FD; color:#fff; }
.select.popup { display:none; }
select::-ms-expand { display:none; }
.select_wrap .division_wrap { display:inline-block; }
.select_wrap .job_wrap { display:inline-block; }

.interview-list li { display:inline-block; width:calc(100% / 4); padding:20px 14px; vertical-align:top;}
.interview-list a { display:block; background-color:#f3f4f8; border-radius:18px; text-align:center; padding:50px 0 48px; }
.interview-list p.job-division { font-size:18px; line-height:1.6; }
.interview-list .obj { width:170px; height:170px; margin:40px auto 44px; }
.interview-list .obj img { display:block; width:100%; }
.interview-list .name-wrap {height:90px; display:block; position:relative; }
.interview-list .name-wrap p { font-size:24px; line-height:1.2; font-weight:bold; top:50%; transform:translateY(-50%); position:relative;}
.interview-list p span { display:block; font:inherit; }
.interview-list a:hover { background-color:#2189FF; color:#fff; }

.no-result {display:none;}
.no-result.active {display:block;}
.no-result p {font-size:24px; text-align:center; padding:260px; background-color:#f3f4f8; border-radius: 18px;}

@media (max-width:1440px){
	.wrapper .container .inner { padding:10.00vw 4.17vw; }
	.wrapper .select_wrap { margin-bottom:4.93vw; padding:0 1.11vw; }
	.wrapper .select_wrap .styledSelect { font-size:0.97vw; }
	.wrapper .select_wrap > div { width:11.11vw; }
	.wrapper .select_wrap > div + div { margin-left:2.78vw; }

	.s-hidden { padding-right:0.69vw; }

	.wrapper .select { padding:0.90vw 2.85vw 0.63vw 1.46vw; }
	.wrapper .select:after { width:0.76vw; height:0.49vw; right:1.32vw; }
	.wrapper .select option { font-size:1.25vw; }
	.options { margin-top:0.69vw; border-radius:0.35vw; }

	.options li { font-size:0.97vw;  padding:0.83vw 1.32vw 0.97vw; }
	.select .same-as-selected::after { width:0.83vw; height:0.63vw; right:1.04vw; }
	.s-hidden { padding-right:0.69vw; }

	.interview-list li { padding:1.39vw 0.97vw; }
	.interview-list a { border-radius:1.25vw;  padding:3.47vw 0 3.33vw; }
	.interview-list p.job-division { font-size:1.25vw; }
	.interview-list .obj { width:11.81vw; height:11.81vw; margin:2.78vw auto 3.06vw; }
	.interview-list .name-wrap {height:6.25vw; }
	.interview-list .name-wrap p { font-size:1.67vw; }

	.no-result p {font-size:1.67vw;  padding:18.06vw;  border-radius: 1.25vw;}
}


@media (max-width:1240px){
	.wrapper .select_wrap .styledSelect {font-size:12px;}
}

@media (max-width:960px){
	.interview-list p.job-division {font-size:12px;}
}

@media (max-width:768px){
	.wrapper .container .inner { padding:18.75vw 6.51vw; }
	.wrapper .select_wrap { margin-bottom:16.93vw; padding:0; }
	.wrapper .select_wrap .styledSelect { font-size:4.17vw; line-height:1.75; }
	.wrapper .select_wrap > div { width:100%; }
	.wrapper .select_wrap > div + div { margin-left:0; margin-top:2.86vw; }

	.wrapper .select { border-bottom:0.39vw solid #cbcbcb; padding:1.69vw 5.34vw 1.30vw 4.04vw; font-size:2.34vw;line-height:3.26vw; }
	.wrapper .select:after { background-image:url('./../images/dropbox-arrow-m.png'); width:3.78vw; height:2.21vw; right:2.47vw; }
	.wrapper .select option { font-size:2.34vw; }
	.options { margin-top: 5.21vw; border-radius:1.95vw; -webkit-box-shadow:0 1.82vw 4.17vw rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1.82vw 4.17vw rgba(0, 0, 0, 0.1); box-shadow:0 1.82vw 4.17vw rgba(0, 0, 0, 0.1); }

	.options li { font-size: 4.17vw; line-height:1.75; padding:2.60vw 3.78vw; }
	.s-hidden { padding-right:1.30vw; }

	.select .same-as-selected { position:relative; color:#000; background-color:#f7f7f7; }
	.select .same-as-selected::after { position:absolute; content:''; width: 3.26vw; height: 2.60vw; top:50%; right:1.95vw; transform:translateY(-50%); background:url('./../images/check-icon-m.png') no-repeat; background-size:100%; }

	.interview-list li { width:calc((100% - 4.30vw) / 2); padding:0; margin:2.60vw 0; }
	.interview-list li:nth-child(2n) { margin-left:4.30vw; }
	.interview-list a { border-radius:2.34vw; padding:7.81vw 0 5.99vw; }
	.interview-list p.job-division { font-size:2.86vw; line-height:1.45; }
	.interview-list .obj { width:23.70vw; height:23.70vw; margin:3.52vw auto 4.43vw; }
	.interview-list .name-wrap {height:12.369vw; }
	.interview-list .name-wrap p {font-size: 3.3vw;}
	
	.no-result p {font-size:3.91vw;padding: 50vw 0;}
}

@media (max-width:320px){	.wrapper .container .inner { padding:60px 21px; }
	.wrapper .select_wrap { margin-bottom:54px; padding:0; }
	.wrapper .select_wrap .styledSelect { font-size:13px; line-height:1.75; }
	.wrapper .select_wrap > div + div { margin-left:0; margin-top:9px; }

	.wrapper .select { border-bottom:1px solid #cbcbcb; padding:5px 17px 4px 13px; font-size:7px;line-height:10px; }
	.wrapper .select:after { width:12px; height:7px; right:8px; }
	.wrapper .select option { font-size:7px; }
	.options { margin-top: 17px; border-radius:6px; -webkit-box-shadow:0 6px 13px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 6px 13px rgba(0, 0, 0, 0.1); box-shadow:0 6px 13px rgba(0, 0, 0, 0.1); }

	.options li { font-size: 13px; line-height:1.75; padding:8px 12px; }
	.s-hidden { padding-right:4px; }

	.select .same-as-selected::after {   width: 10px; height: 8px; top:50%; right:6px; transform:translateY(-50%); background:url('./../images/check-icon-m.png') no-repeat; background-size:100%; }

	.interview-list li { width:calc((100% - 14px) / 2); padding:0; margin:8px 0; }
	.interview-list li:nth-child(2n) { margin-left:14px; }
	.interview-list a { border-radius:7px; padding:25px 0 19px; }
	.interview-list p.job-division { font-size:9px; line-height:1.45; }
	.interview-list .obj { width:76px; height:76px; margin:11px auto 14px; }
	.interview-list .name-wrap {height:40px; }
	.interview-list .name-wrap p { font-size:13px; line-height:1.5; }

	.no-result p {font-size:13px;padding: 160px 0;}

}