@charset "UTF-8";
@media (max-width: 1280px) {
}
@media (max-width: 1024px) {
	.header .logo { left: 20px; }
	.header .logo a { width: 60px; }
	.header-menu { height: 60px; }
	.header .gnb-links { display: none; }
	.button-container { display: block; right: 20px; top: 30px; }
	.overlay .side-header { height: 60px; }
	.button-container.active .top, .button-container.active .bottom { background-color: var(--color-main-04); }
}
@media (max-width: 768px) {
	body, th, td, input, select, textarea, button { font-size: var(--font-size-s); }
	
	.login-wr {width: 100%; margin: 0 auto 50px; }
	.login-wr > div:nth-child(2) { padding: 0 20px; }
	
	.inner { width: 100%; padding: 50px 20px; }
	.main-visual { background-position: bottom 50px right -30px; height: 100vh; background-size: 460px; }
	.main-visual .visual-text { width: auto; margin: -400px 0 0 50px; }
	.main-visual .visual-text h2 { width: 70%; }
	.main-visual .visual-text p { font-size: var(--font-size-ll); }
	
	.section-01, .section-02, .section-03 { }
	.section-01 .flex div { margin: 0!important; }
	.section-01	.box-col-3 > div { padding: 10px!important; width: 32%; }
	.section-01	.box-col-3 > div strong { font-size: 12px; font-family: 'GongGothicL'; }
	
	.section-02 h3 { font-size: var(--font-size-l); }
	.section-02 .flex { flex-wrap: wrap; }
	.section-02 .flex div { width: 100%; padding: 20px!important; }
	.section-02 .flex div:nth-child(1) { margin-bottom: 20px; }
	.section-02 .notice li a { font-size: var(--font-size-s); }
	
	.section-03 .swiper-button-next, .section-03 .swiper-button-prev { display: none!important; }
	.section-03 .mlb li a { font-size: var(--font-size-ss)!important; }
	.section-03 .mlb { margin: 20px auto 10px; }
	.section-03 .mlb li { align-items: flex-start; height: 100px; }
	.section-03 .mlb li a >div:nth-child(1) { padding: 10px; }
	
	.footer .inner { padding: 20px; }
	
	/* sub */
	.sub-visual { background-size: cover!important; height: 160px; }
	.sub-visual-text { width: 100%!important; margin-top: 50px!important; padding: 0 20px!important; }
	.sub-visual .sub-visual-text h3 { font-size: 24px !important; }
	.sub-visual .sub-visual-text h3 span { font-size: var(--font-size-s)!important; }
	.section-wr { margin-top: 50px; }
	
	#sub h2 { font-size: var(--font-size-ll); line-height: 27px; }
	#sub h3 { font-size: var(--font-size-l); }
	#sub h4 { font-size: var(--font-size-m); }
	.info-top { margin-top: 30px; flex-wrap: wrap; }
	.info-top div:nth-child(2) { margin-left: 0; margin-top: 20px; }
	.info-top .style-disc li:nth-child(1) { }
	.sec-02 dl, .sec-03 dl { flex-wrap: wrap; }
	.sec-03 dl dd { width: 100%; margin-bottom: 20px!important; }
	.sec-03 dl dd:last-child { margin-bottom: 0!important; }
	.sec-03 dl dd::after, .sec-04 dl dd::after { display: none; }
	.sec-03 .box-bg-04 { flex-wrap: wrap; }
	.sec-03 .box-bg-04 .check-point { width: 100%; padding: 0!important; text-align: center; margin-bottom: 20px; }
	.sec-03 .box-bg-04 .check-point img { width: 70%; }
	.sec-03 .box-bg-04 ul { width: 100%; padding-left: 0; }
	.sec-03 .box-bg-04 ul::before { display: none; }
	.sec-05 dl dd { width: 100%; justify-content: space-between; }
	.sec-05 dd div:nth-child(1) { width: 30%; }
	.sec-05 dd div:nth-child(2) { width: 65%; }
	.box-col-4 > dd { width: 100%; margin-bottom: 30px; }
	.box-col-4 > dd:last-child { margin-bottom: 0; }
	.search-box .flex { flex-wrap: wrap; }
	.search-box .flex div { width: 100%; }
	.search-box .flex div:nth-child(1) { margin-bottom: 5px; }
	.search-box .flex div:nth-child(2) button { margin-top: 5px; }
	.search-box input { width: 120px;  }
	
	.paging a, .paging span { width: 28px; height: 28px; line-height: 28px; }
	
	/* range-box */
	.range-box { font-size: var(--font-size-ss); }
	.range-box .inner { padding: 20px 0; }
	.range-box .inner dl { flex-wrap: wrap; }
	.range-box .inner dl dt { width: 100%; padding: 10px 0 5px; }
	.range-box .inner dl dd { width: 100%; padding: 0 0 10px; border-left: 0; }
	.range-box form dl dd div { width: auto; margin: 3px 15px 3px 0; }
	.range-box2 { flex-wrap: wrap; margin: 10px 0; }
	.range-box2 > div { width: 100%!important; }
	.range-box2 .check { overflow: hidden; }
	.range-box2 strong { padding-left: 0!important; margin-top: 10px; display: block; }
	.range-box2 .check, .check { margin: 3px 15px 3px 0; }
	.range-box2 ul li { margin: 0!important; }
	.check label { height: auto; }
	
	.post-list ul li { width: 100%; }
	.post-list h3 { flex-direction: column; align-items: flex-start; }
	
	.summary div:nth-child(1) { width: 100%; margin-right: 0; }
	.summary div:nth-child(2) { width: 100%; padding-top: 20px; }
	.summary div:nth-child(2) h3 { margin-bottom: 10px; }
	.summary div:nth-child(2) p { font-size: var(--font-size-s); }
	.summary .flex { flex-wrap: wrap; }
	.summary .flex span { width: 100%; margin-right: 0!important; margin-bottom: 10px; }
	.summary .flex span:last-child { margin-bottom: 0; }
	.summary .flex span a { justify-content: center; height: 42px; line-height: 42px; border-radius: 21px; }
	.summary .company-info dl dd { width: 100%; flex-wrap: nowrap; }
	.summary .company-info dl dd span { width: 20%; }
	.summary .company-info dl dd strong { width: 79%; }
	
	.jobpost-info h4 { flex-direction: column; align-items: flex-start; }
	.position dl dd, .advantage dl dd { width: 100%!important; padding: 10px 10px 10px 60px!important; margin-bottom: 10px; border-radius: 10px!important; margin-top: 0!important; }
	.jobpost-info .position dl dd .icon { top: 10px!important; left: 10px; }
	.advantage dl dd .icon { position: absolute; top: 10px!important; left: 10px!important; width: 34px; }
	
	.resume-view .table-01 table tr { }
	
	.table-01 table th { font-size: var(--font-size-s); }
	.table-01 table td { font-size: var(--font-size-s); }
	
	.table-01 table { display: block; box-sizing: border-box;  }
	.table-01 table colgroup { display: none; }
	.table-01 table tbody { display: block; }
	.table-01 table tr { width: 100%; border-bottom: solid 1px var(--color-line); display: flex; flex-direction: column; }
	.table-01 table tr th { width: 100%; padding: 5px 0; border-bottom: solid 1px var(--color-line); border-right: 0; }
	.table-01 table tr th:nth-child(3) { border-top: solid 1px var(--color-line); }
	.table-01 table tr td { width: 100%; border-right: 0; }
	.table-01 table tr td .flex { flex-wrap: wrap; }
	
	.table-02 dl dt { display: none; }
	.table-02 dl dd { flex-wrap: wrap; }
	.table-02 dl dd div:nth-child(1) { display: none; }
	.table-02 dl dd div:nth-child(2) { width: 100%; margin-bottom: 10px; }
	.table-02 dl dd div:nth-child(3) { width: 50%; text-align: left; font-size: var(--font-size-ss); }
	.table-02 dl dd div:nth-child(4) { width: 50%; text-align: right; font-size: var(--font-size-ss); }
	
	.table-03 { }
	.table-03 table { }
	.table-03 table colgroup { display: none; }
	.table-03 table thead { display: none; }
	.table-03 table tbody tr { display: flex; flex-direction: column; }
	.table-03 table tbody tr td { padding: 5px 10px;; border-right: 0; text-align: left; }
	
	.table-04 { }
	.table-04 dt { display: none!important; }
	.table-04 dd { flex-wrap: wrap; justify-content: flex-start!important; }
	.table-04 dd div:nth-child(1) { width: 50%!important; text-align: left; }
	.table-04 dd div:nth-child(2) { width: 50%!important; text-align: right; }
	.table-04 dd div:nth-child(3) {width: 100%!important; margin-bottom: 10px; }
	.table-04 dd div:nth-child(4) { width: 20%!important; text-align: left; }
	.table-04 dd div:nth-child(5) { width: 50%!important; text-align: left; }
	
	.modal-content { width: 90%; }
	.modal-content form > div { flex-wrap: wrap; }
	.modal-content form > div .title, .modal-content form > div .content { width: 100%;  }
	.thumb-list h4 { margin: 20px 0 10px!important; }
	.thumb-list ul li { flex-wrap: wrap; }
	.thumb-list ul li .thumb-wr { width: 100%; }
	.thumb-list ul li .info-box { width: 100%; }
	.thumb-list ul li .info-box p { font-size: var(--font-size-s); }
	.clab-box, .startup-box { margin-top: 30px; padding: 20px 10px; overflow: hidden; }
	.clab-box span, .startup-box span { position: relative; right: 0; top: 0; width: 50%; display: block; float: right; }
	.clab-box strong, .startup-box strong { font-size: var(--font-size-m)!important; }
	.clab-box p, .startup-box p { width: 100%; font-size: var(--font-size-ss)!important; }
	.tab-content .tab { overflow-x: scroll; }
	.basic .photo { width: 100%; margin-bottom: 20px; }
	.basic .photo .thumb { width: 200px; margin: 0 auto; }
	.basic .table-01, .form-01 dl dd { width: 100%; }
	.form-01 dl dd div input { margin: 0 0 5px 0!important; width: 100%; }
	.form-01 dl dd div button { position: relative; }
	.form-01 dl dd div textarea { margin-top: 0!important; margin-bottom: 10px; width: 100%; }
	#sub .resume > h2 { font-size: var(--font-size-l)!important; }
	#sub .resume .table-01 table { border-bottom: 0!important; }
	#sub .resume .table-01 colgroup { display: none; }
	#sub .resume .table-01 tr { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; border-bottom: 0; }
	#sub .resume .table-01 th { width: 30%!important; padding: 10px; border-bottom: solid 1px var(--color-line); border-right: solid 1px var(--color-line); }
	#sub .resume .table-01 th:nth-child(3) { border-top: none!important; }
	#sub .resume .table-01 td { width: 70%!important; border-right: 0!important; border-bottom: solid 1px var(--color-line); }
	.agreement-wr { width: 100%; }
	
	.time-table > div { width: 100%; margin-bottom: 20px; }
	
	.sub-visual.sub-01 { background: var(--color-main-02) url(../img/subtop-bg-01.jpg) left -260px bottom no-repeat; }
	.sub-visual.sub-02 { background: var(--color-main-02) url(../img/subtop-bg-021.jpg) left -260px bottom no-repeat; }
	.sub-visual.sub-022 { background: var(--color-main-02) url(../img/subtop-bg-022.jpg) left -260px bottom no-repeat; }
	.sub-visual.sub-03 { background: var(--color-main-02) url(../img/subtop-bg-031.jpg) left -260px bottom no-repeat; }
	.sub-visual.sub-032 { background: var(--color-main-02) url(../img/subtop-bg-032.jpg) left -260px bottom no-repeat; }
	.sub-visual.sub-033 { background: var(--color-main-02) url(../img/subtop-bg-033.jpg) left -260px bottom no-repeat; }
	.sub-visual.sub-04 { background: var(--color-main-02) url(../img/subtop-bg-04.jpg) left -260px bottom no-repeat; }
	.sub-visual.sub-05 { background: var(--color-main-02) url(../img/subtop-bg-05.jpg) left -260px bottom no-repeat; }
	
	.button-01 { height: 34px; line-height: 34px; }
	.thumb-list ul li .thumb-wr .thumb { width: 100%; }
	
	.modal-content2 { width: 100%; }

}
@media (max-width: 480px) {
}
@media (max-width: 360px) {
}