@charset "utf-8";

#news {margin: 74px 0 0;}
#news h2{ margin-bottom: 23px; text-align: center;}
#news dl {background: #fff; width: 854px; margin: 0 auto 22px; text-align: left; padding: 38px 30px 22px;}
#news dl dt {clear: both; float: left; width: 110px; margin-bottom: 11px; padding: 3px 0;}
#news dl dt span {display: inline-block; background: #a7a7a7; width: 89px; height: 17px; background-repeat: no-repeat; background-position: center center; vertical-align: middle;}
#news dl dt time{font-size: 12px; line-height: 21px; display: inline-block; vertical-align: middle; padding: 0 0 0 25px;}
#news dl dd {font-size: 15px; line-height: 21px; margin-bottom: 11px; padding: 3px 0; display: flex; align-content: stretch; align-items: stretch;}
#news dl dd a {display: inline-block; position: relative; flex: 1 490px;}
#news dl dd a + a {float: right;background: url(../images/recruit/btn-recnav.gif) left top no-repeat; width: 230px; height: 27px; transition: 0.3s; margin-top: -3px; text-indent: 101%; white-space: nowrap; margin-left: 17px; flex: 2 230px; overflow: hidden;}

#news dl dd a:hover{opacity: 0.7;}
#news .more a {display: block; background-position: center center; background-repeat: no-repeat; width: 147px; height: 24px; margin: 0 auto; transition: 0.3s;} 
#news .more a:hover{opacity: 0.7;}

#tabs {position: relative; max-width: 1400px; margin: 70px auto 0; z-index: 10;}
#tabs ul {display: flex;}
#tabs ul li {width: 100%; background-color: #fff;}
#tabs ul li + li {margin-left: 1px;}
#tabs span,
#tabs a{line-height: 84px; display: block; background: #8dbce7; transition: 0.3s; position: relative; height: 84px;}
#tabs span {background-color: #acacac;}
#tabs a:hover{opacity: 0.7; text-decoration: none;}
#tabs a.active {background-color: #0b7fc6;}
#tabs a::before {content: ''; background: url(../images/recruit/nav-arr.png) center top no-repeat; height: 21px; position: absolute; left: 0; top: 32px; margin-left: -140px; z-index: 0; background-size: auto 21px; width: 100%;}
.career #tabs ul li:nth-child(3) a::before {margin-left: -53px;}
#tabs li:nth-child(2) a::before {margin-left: -166px;}
#tabs a.active::before{content: ''; width: 0; height: 0; border-style: solid; border-width: 20px 8.5px 0 8.5px; border-color: #0b7fc6 transparent transparent transparent; position: absolute; left: 50%; top: inherit; bottom: -20px; margin-left: -9px !important; background: none;}
#tabs span::after,
#tabs a::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
#tabs ul li:nth-child(1) a::after,
#tabs ul li:nth-child(1) span::after{background-image: url(../images/recruit/tab-pc01.png);}
#tabs ul li:nth-child(2) a::after,
#tabs ul li:nth-child(2) span::after{background-image: url(../images/recruit/tab-pc02.png);}
#tabs ul li:nth-child(3) a::after,
#tabs ul li:nth-child(3) span::after{background-image: url(../images/recruit/tab-pc04.png);}
.career #tabs ul li:nth-child(3) a::after,
.career #tabs ul li:nth-child(3) span::after{background-image: url(../images/recruit/tab-pc04.png);}
#tabs a:hover{text-decoration: none !important;}

main section.tab{position: relative; z-index: 0; display: none; padding: 60px 0;}
main section.tab.tab1{display: block;}
main section.tab.tab3 {padding: 100px 10px;}
main section.tab::after{content: ''; background: #fff; width: 500%; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -250%; z-index: -1;}
main section.tab1::after{background:url(../images/recruit/bg-tab.png) center 466px no-repeat #fff;}
main section.tab h3 {background: #0b7fc6; font-size: 23px; color: #fff; padding: 0 20px; line-height: 45px; clear: both; font-weight: bold;}
main section.tab p{font-size: 16px; line-height: 30px;}
main section.tab p.note {text-indent: -1em; padding-left: 1em;}
main section.tab p strong {font-weight: bold; font-size: 18px; line-height: 32px;}
main section.tab p strong a{text-decoration: underline; color: #0b7fc6;}
main section.tab p strong a:hover{text-decoration: none;}
main section.tab dl {border-bottom: 1px solid #c8c8c8;}
main section.tab dl dt {font-size: 18px; line-height: 26px; color: #0b7fc6; font-weight: bold; clear: both; float: left; border-top: 1px solid #c8c8c8; width: 247px; padding: 25px 20px;}
main section.tab dl.career dt{width:177px;}
main section.tab dl dd {font-size: 16px; line-height: 28px; zoom:1; overflow: hidden; border-top: 1px solid #c8c8c8; padding: 25px 0 25px 30px; position: relative;}
main section.tab dl dd::after{content: ''; width: 4px; height: -webkit-calc(100% - 50px); height: calc(100%-50px); position: absolute; left: 0; top: 25px; background: #b8d0eb; z-index: 0;}
main section.tab h3 + p,
main section.tab p + dl{margin-top: 22px;}
main section.tab dl + h3 {margin-top: 55px;}
main section.tab p + h3 {margin-top: 37px;}
main section.tab a:hover{text-decoration: none !important;}

#contents main section.jobs {width: 100%; max-width: inherit; padding: 0;}
.jobs .job {background: #949494; min-width: 1100px; margin: 0 auto; position: relative;}
.jobs .job + .job {border-top:1px solid #efefef;}
.jobs .job:nth-child(odd) {text-align: right;}
.jobs .job:nth-child(even)::after {right: inherit; left: 50%;}

.jobs .job div.jobimg{min-width: 960px;width:50%; height: 100%; position: absolute; right: 50%; top: 0;overflow: hidden}
.jobs .job div.jobimg picture{position:absolute;display: block;height:100%;width:100%;box-sizing: border-box;overflow: hidden;padding-top: 34.2%}
.jobs .job div.jobimg img{display: block;position: absolute;right:0;top:0;width:auto;height: 100%;min-width: 100%}
.jobs .job:nth-child(even) div.jobimg{right: inherit; left: 50%;}
.jobs .job div.jobimg img + img{display: none}
.jobs .job div {width: 50%; background: #949494; display: inline-block; text-align: left; position: relative; z-index: 10;}
.jobs .job div span {width: 100%; max-width: 700px; display: block; padding: 58px 68px 52px 68px;}
.jobs .job div span::after{content: ''; clear: both; display: block;}
.jobs .job div p {font-size: 15px; line-height: 26px; color: #fff;}
.jobs .job div h2 {margin-bottom: 12px;color: #fff;}
.jobs .job div h2 b{font-size: 56px;font-family: 'Ubuntu Condensed', sans-serif, sans-serif;font-weight: 400;white-space: nowrap}
.jobs .job div h2 b small{font-size: 46px;}
.jobs .job div h2 span{font-size: 22px;letter-spacing: 0.08em;padding: 10px 0 0 0;float: inherit;width: auto;max-width: inherit}
.jobs .job:nth-child(even) h2 span{float:inherit}
.jobs .job div h2 span:after{content:none;}
.jobs .job div ul {margin: 18px 0 0; display: flex; width: 100%;}
.jobs .job:nth-child(even) div ul {float: none;}
.jobs .job div li+li {margin-left: 10px;}
.jobs .job div li img {height: 45px; width: auto;}
.jobs .job:nth-child(even) span {float: right;}
.jobs .job div a {transition: 0.3s;}
.jobs .job div a:hover{filter: brightness(1.3);}
@media screen and (min-width:1921px){.jobs .job::after {width: 50%; left: 0;}}
@media screen and (max-width:1200px){.jobs .job div li img {height: 38px; width: auto;}}

/*modal*/
#modal {background: url(../images/recruit/bg-detail.jpg) center bottom no-repeat #949494;position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100000; display: none;}
#modal article {width:100%; position: relative; height: 100%; overflow: hidden; overflow-y: auto; overflow-x: auto;color: #fff; display: none;}
#modal .inner {width: 100%; max-width: 1400px; margin: 0 auto; position: relative; padding: 74px 20px;}
#modal article .wrap {width: 100%; max-width: 1100px; margin: 0 auto;}
#modal article h2 {margin-bottom: 55px;}
#modal article h2 b{font-size: 66px;line-height: 0.9; font-family: 'Ubuntu Condensed', sans-serif;font-weight: 400;display: block}
#modal article h2 b small{font-size: 56px;}
#modal article h2 span{font-size: 26px;letter-spacing: 0.1em;display: block;font-family: 'Ubuntu Condensed', sans-serif;}
#modal article h2 span:first-of-type{margin-top: 10px}
#modal article h2 span:nth-of-type(2){margin-top:20px;font-size: 24px;letter-spacing: 0.05em}
#modal article .close {position: fixed; right: 26px; top: 26px; z-index: 1000000; display: block;}
#modal article h3 {background: #0b7fc6; font-size: 23px; color: #fff; padding: 0 20px; line-height: 45px; clear: both; font-weight: bold;}
#modal article p,
#modal article li{font-size: 16px; line-height: 30px; position: relative;}
#modal article ul.list-style li {list-style: none; position: relative;}
#modal article p.note {text-indent: -1em; padding-left: 1em;}
#modal article li {padding-left: 1em;}
#modal article li::after{content: '・'; position: absolute; left: 0; top: 0;}
#modal article h3 + p,
#modal article h3 + ul,
#modal article p + dl{margin-top: 22px; margin-bottom: 22px;}
#modal article dl + h3 {margin-top: 55px;}
#modal article p + h3,
#modal article ul + h3{margin-top: 37px;}
#modal article button,
#modal article a {transition: 0.3s;}
#modal article button:hover,
#modal article a:hover {filter: brightness(1.2);}
#modal article button {width: 375px; height: 79px; background: url(../images/btn-questions.png) center center no-repeat #000; font-size: 0; margin: 80px auto 0; cursor: pointer; border: none; position: relative; overflow: hidden; transition: 0.3s; display: block;}
#modal .wrap + .wrap{padding-top:100px;}

@media screen and (min-width:641px){

/* recruit*/
#siteHeader {background: #fff;}
#contents {background: url(../images/recruit/bg.jpg) center 62px no-repeat;}
#contents::before {display: none;}
	
#recruit #contents h1 {background: url(../images/recruit/h1.png) center top no-repeat; height: 81px; padding: 0; margin: 79px auto 54px; max-width: 1100px;}


.recruitnav {color: #fff; position: relative; margin-bottom: 102px;}
.recruitnav::after{content: ''; width: 100%; height: 1920px; background: url(../images/recruit/nav-tri.png) right -170px no-repeat; position: absolute; right: 0; top: 100%; z-index: 0;}
.recruitnav ul {display: flex; align-items:flex-start; justify-content: center; align-content: center; position: relative; z-index: 100;
background:#8dbce7;}
.recruitnav li {width: 100%; font-size: 17px; line-height: 26px; position: relative; z-index: 10;}
.recruitnav ul::after{content: ''; background: #0b7fc6; width: 50%; height: 100%; position: absolute; left: 0; top: 0; z-index:0;}
.recruitnav li a{display: block; width: 100%; height: 100%; font-size: 0; position: absolute; left: 0; top: 0; z-index: 100;}
.recruitnav li a:hover {text-decoration: none !important;}
.recruitnav li a::after{content:''; background: rgba(255,255,255,0.2); transition: 0.3s; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top:0;}
.recruitnav li div {display: block; width: 36.5vw; margin: 0 auto; max-width: 726px; min-width: 460px; padding: 180px 0 80px;}
.recruitnav li div p {font-size: 17px; line-height: 26px;}
.recruitnav li div p + p {margin-top: 25px;}
.recruitnav li::after {content: ''; background: url(../images/recruit/nav-fresh.png) center top no-repeat; width: 100%; height: 70px; position: absolute; left: 0; top: 98px; z-index: 0;}
.recruitnav li::before {content: ''; background: url(../images/recruit/nav-arr.png) center top no-repeat; width: 100%; height: 70px; position: absolute; left: 0; top: 99px; margin-left: -226px; z-index: 0;}
.recruitnav li:nth-child(2)::after {background-image: url(../images/recruit/nav-career.png); top: 96px;}
.recruitnav li a::before{content: '';width: 0; height: 0; border-style: solid; border-width: 46px 26px 0 26px; border-color: #0b7fc6 transparent transparent transparent; position: absolute; left: 50%; top: 100%; margin: 0 0 0 -26px; z-index: 100;}
.fresh .recruitnav li:nth-child(2) a::before{display: none;}
/*.fresh .recruitnav li:nth-child(2)::after {transform: translate(30px,0);}*/
.fresh .recruitnav li:nth-child(1)::before {display: none;}
.career .recruitnav li:nth-child(1) a::before{display: none;}
/*.career .recruitnav li:nth-child(1)::after {transform: translate(30px,0);}*/
.career .recruitnav li:nth-child(1)::before {margin-left: -162px;}
.career .recruitnav li:nth-child(2)::before {display: none;}
.career .recruitnav ul::after{left: 50%;}

/* form */
main .tab3 p.contact{padding: 0 20px;}
main .tab3 p.hissu{padding: 0 20px; margin: 20px 0 -20px; font-size: 15px;}
main .tab3 p.hissu em {color: #0b7fc6; font-weight: bold}

main .tab3 table{width: 100%; border-top: 1px solid #c8c8c8; margin-top: 32px; }
main .tab3 table tr {border-bottom: 1px solid #c8c8c8; font-size: 15px;}
main .tab3 table tr th {width: 260px; font-weight: bold; padding: 26px 12px 0; vertical-align: top; line-height: 1; color: #3e3e3e;}
main .tab3 table tr th em {color: #0b7fc6; font-weight: bold}
main .tab3 table td {padding: 20px 20px 20px 0;}
main .tab3 table input[type='text'],
main .tab3 table input[type='email']{border: 1px solid #c5c5c5; background: #fff; width: 100%; padding:2px 10px;}

main .tab3 table textarea {border: 1px solid #c5c5c5; background: #fff; width: 100%; height: 238px; padding:2px 10px;}
main .tab3 table input[size='20'] {width: 10em;}
main .tab3 table input[size='30'] {width: 30em;}
main .tab3 table input[size='60'] {width: 54em;}

main .tab3 table.conf th{padding: 20px 12px;}
main .tab3 table.conf td.address {line-height: 1.4;}

main .tab3 .submit {text-align: center; padding: 80px 0 0;}
main .tab3 button {width: 375px; height: 79px; background: url(../images/btn-send.png) center center no-repeat #000; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; transition: 0.3s;}
main .tab3 button:hover {filter: brightness(1.2);}

main input[type='submit']#mail_post {width: 375px; height: 79px; background: url(../images/btn-send.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; transition: 0.3s;}
main input[type='submit']#mail_preview {width: 375px; height: 79px; background: url(../images/btn-conf.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; transition: 0.3s;}
main input[type='submit']:hover {filter: brightness(1.2);}

main a#mail_back{width: 375px; height: 79px; background: url(../images/btn-back.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; transition: 0.3s; display: inline-block; margin-right: 20px; vertical-align: top;}
main a#mail_back + input{margin-left: 20px !important; vertical-align: top;}
main a#mail_back:hover,
main button:hover {filter: brightness(1.2);}


main .tab3 .select-box{border: 1px solid #c5c5c5; width: 20em;}
main .tab3 .select-box.error {border-color: red;}
main .tab3 .select-box select {
    border-radius: none;
	width: 20em;
    line-height: 32px;
    height: 32px;
	padding: 0 10px 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	background: #fff;
	background: url(../images/recruit/bg-select.png) right 7px center no-repeat;
	background-size: 38px, 100%;
}
select::-ms-expand {display: none;}
main .tab3 .select-box.box01 {margin: 15px 0;}
main .tab3 .select-box.box01,
main .tab3 .select-box.box01 select{width: 11.5em;}
main .tab3 .select-box.box01 select {padding: 2px 10px 2px;}


input.error,
textarea.error {border: 1px solid red !important;}
.errors {width: 100%; margin: 30px 20px 50px; color: red;}
#inputforms {position: relative; top: -30px;}
blockquote p {color: red;}

#news .more a {background-image: url(../images/btn-readmore.gif);}

}
@media screen and (min-width:1921px){
#contents {background-size: 100% auto;}
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:640px){

#contents::after {background: #efefef;}

#recruit #contents main {padding-top: 0;}
#recruit #contents h1 {background: url(../images/recruit/h1-sp.jpg) center center no-repeat; height: 47.34375vw; padding: 0; text-align: center; margin: 0 auto; background-size: cover;}

.recruitnav {position: relative; margin-bottom: 10.9375vw;}
.recruitnav::before{content: ''; background: #8dbce7; height: 43.59375vw; position: absolute; left: 0; top: 0; z-index: 0; width: 100%;}
.recruitnav ul {padding: 54.6875vw 0 0; position: relative; z-index: 10;}
.recruitnav ul::after{content: ''; background: url(../images/recruit/nav-sp.png) center top no-repeat; background-size: 100% auto; height: 43.59375vw; position: absolute; left: 0; top: 0; width: 100%;}
.recruitnav ul::before{content: ''; background: #0b7fc6; height: 43.59375vw; position: absolute; left: 0; top: 0; z-index: 0; width: 50%;}
.career .recruitnav ul::before {left: 50%;}
.recruitnav li div{font-size: 2.96875vw; line-height: 5.3125vw; padding: 0 4.6875vw; display: none; letter-spacing: 0.08em; text-align: left;}
.recruitnav li div p + p {margin-top: 3.55vw;}
.recruitnav li a{display: block; height: 43.59375vw; width: 50%; position: absolute; left: 0; top: 0; z-index: 20;}
.recruitnav li + li a {left: 50%;}
.fresh  .recruitnav li:nth-child(1) div  {display: block;}
.career .recruitnav li:nth-child(2) div  {display: block;}
.recruitnav li a::after{content:''; width: 0; height: 0; border-style: solid; border-width: 6.09375vw 3.59375vw 0 3.59375vw; border-color: #0b7fc6 transparent transparent transparent; position: absolute; left: 50%; top: 100%; margin-left: -3.59375vw !important; display: none;}
.fresh .recruitnav li:nth-child(1) a::after {display: block;}
.career .recruitnav li:nth-child(2) a::after{display: block;}

#news {margin-top: 0;}
#news h2 {padding: 7.8125vw 0; background: #fff; margin: 0; border-bottom: 1px solid #efefef;}
#news h2 img {width: 100%; height: auto;}
#news dl {width: 100%; padding: 0; text-align: center; background: #fff; margin: 0;}
#news dl dt {float: none; width:100%; margin-bottom: 0; color: #696969; padding: 4.3875vw 0 0.8vw;}
#news dl dt time{font-size: 2.8125vw; line-height: 4.9625vw; display: block; letter-spacing: 0.05em; padding: 0; color: #696969;}
#news dl dd {font-size: 2.8125vw; line-height: 1.7; border-bottom: 1px solid #efefef; padding: 0 6.25vw 4.6875vw; margin: 0; letter-spacing: 0.1em; display: block;}
#news dl dd a {display: block ;}
#news dl dd a + a {padding-right: 0; margin:1.8vw auto 0; display: block; float: none;}
#news dl dd a + a {background: url(../images/recruit/btn-recnav.png) left top no-repeat; width: 49.375vw; height: 6.25vw; background-size: 100% auto;}

#news .more {margin-top:4.45vw;}
#news .more a {width: 47.5vw; height: 7.8125vw;}
#news .more a {background-image: url(../images/recruit/btn-readmore.png); background-size: cover;}

#tabs {margin: 12.5vw auto 0;}
#tabs span,
#tabs a{line-height: 32.5vw; height: 32.5vw;}
#tabs a:hover{opacity: 1;}
#tabs a::before{display: none;}
#tabs a.active::before{content: ''; width: 0; height: 0; border-style: solid; border-width: 3.28125vw 2.03125vw 0 2.03125vw; border-color: #0b7fc6 transparent transparent transparent; position: absolute; left: 50%; bottom: -3.125vw; margin-left: -2.03125vw; display: block;}
#tabs ul li:nth-child(1) a::after,
#tabs ul li:nth-child(1) span::after{background-image: url(../images/recruit/tab-sp01.png); background-size: auto 100%;}
#tabs ul li:nth-child(2) a::after,
#tabs ul li:nth-child(2) span::after{background-image: url(../images/recruit/tab-sp02.png); background-size: auto 100%;}
#tabs ul li:nth-child(3) a::after,
#tabs ul li:nth-child(3) span::after{background-image: url(../images/recruit/tab-sp04.png); background-size: auto 100%;}
.career #tabs ul li:nth-child(3) a::after,
.career #tabs ul li:nth-child(3) span::after{background-image: url(../images/recruit/tab-sp04.png); background-size: auto 100%;}

main section.tab{position: relative; z-index: 0; display: none; padding: 9.375vw 4.6875vw; text-align: left;}
main section.tab.tab1{display: block;}
main section.tab::after{content: ''; background:#fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin-left: 0; z-index: -1; display: none;}
main section.tab h3 {font-size: 4.0625vw; line-height: 7.03125vw; text-align: center;}
main section.tab p{font-size: 3.125vw; line-height: 5.625vw;}
main section.tab p strong {font-size: 3.4375vw; line-height: 5.78125vw;}
main section.tab dl dt {font-size: 3.025vw; line-height: 5.9375vw; width: 30vw; padding: 3.125vw 0;}
main section.tab dl dd {font-size: 3.025vw; line-height: 5.9375vw; zoom:1; padding: 3.125vw 0 3.125vw 3.125vw!important; position: relative;}
main section.tab dl dd::after{content: ''; width: 2px; height: -webkit-calc(100% - 6.25vw); height: calc(100%-6.25vw); position: absolute; left: 0; top: 3.125vw; background: #b8d0eb; z-index: 0;}
main section.tab h3 + p,
main section.tab p + dl{margin-top: 2.975vw;}
main section.tab dl + h3 {margin-top: 8.59375vw;}
main section.tab p + h3 {margin-top: 7.19375vw;}
main section.tab dl.career dt{width:30.0vw;}


/* jobs */
#contents main section.jobs {width: 100%; max-width: inherit; padding: 0;}
.jobs .job {min-width: 100%; padding: 34.6875vw 0 0; background: #efefef; clear: both;}
.jobs .job + .job {border-top:11.25vw solid #efefef;}
.jobs .job:nth-child(odd) {text-align: right;}
.jobs .job div.jobimg{ min-width: inherit;display: block;width: 100%; height: 51.40625vw; background-position: left top; right: 0; clear: both;}
.jobs .job div.jobimg img{right: 0;left:0;}
.jobs .job div.jobimg img{display: none}
.jobs .job div.jobimg img + img{display: block}
.jobs .job:nth-child(even) div.jobimg{ right: inherit; left: 0;}
.jobs .job:nth-child(even)::after {right: inherit; left: 0;}
.jobs .job div {width: 80vw; display: block; float: right;}
.jobs .job div::after{content: ''; clear: both; display: block;}
.jobs .job div span {width: 100%; padding: 9.375vw 6.25vw 18.91245vw 6.25vw; float: none; position: relative;}
.jobs .job div p {font-size: 2.8125vw; line-height: 2; margin-top: 3.6875vw;}
.jobs .job div h2 {margin-bottom: 0;}
.jobs .job div h2 b{font-size: 8.2vw;white-space: nowrap}
.jobs .job div h2 b small{font-size: 7.1875vw;}
.jobs .job div h2 span{font-size: 3.43vw;}
.jobs .job div ul {margin:0; position: absolute; right: 3.59375vw; bottom: 7.03125vw;}
.jobs .job div li+li {margin-left: 1.5625vw;}
.jobs .job div li img {height: 7.03125vw !important; width: auto !important;}

.jobs .job:nth-child(even) div {float: left;}
.jobs .job:nth-child(even) div ul {right: inherit; left: 6.25vw;}
.jobs .job:nth-child(even) span {float: none;}
  

/*modal*/
#modal {background: url(../images/recruit/bg-detail-sp.jpg) center top no-repeat #949494;}
#modal .inner {width: 100%; max-width: 1400px; margin: 0 auto; position: relative; padding: 13.5625vw 4.6875vw;}
#modal article h2 {margin-bottom: 8.59375vw;text-align: center}
#modal article h2 b{font-size: 8.3125vw}
#modal article h2 b small{font-size: 8.3125vw}
#modal article h2 span{font-size: 4vw}
#modal article h2 span:nth-of-type(2){font-size: 3.8vw;margin-top: 3.125vw;white-space: nowrap}
#modal article .close {position: fixed; right: 3.28125vw; top: 3.28125vw;}
#modal article .close img {width: 9.6875vw;}
#modal article h3 {font-size: 4.0625vw; line-height: 7.03125vw; text-align: center;}
#modal article p,
#modal article li{font-size: 3.125vw; line-height: 5.625vw;}

#modal article h3 + p,
#modal article h3 + ul,
#modal article p + dl{margin-top: 2.975vw;}
#modal article dl + h3 {margin-top: 8.59375vw;}
#modal article p + h3,
#modal article ul + h3{margin-top: 7.19375vw;}
#modal article button {width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-questions.png) center center no-repeat #000; font-size: 0; margin: 11.5625vw auto 0; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover;}
#modal .wrap + .wrap{padding-top:100px;}

/* form */
main section.tab.tab3 {padding: 10.9375vw 4.6875vw 0;}
main .tab3 p.contact{padding: 0; font-size: 3.125vw; line-height: 5.625vw; margin-bottom: 7.8125vw;}
main .tab3 table{width: 90.625vw; font-size: 3.28125vw; line-height: 6.25vw; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; margin: 0 auto; }
main .tab3 table tr {border-top: 1px solid #c8c8c8;}
main .tab3 table tr th {font-weight: bold; display: block; padding: 2.525vw 0 0.5vw; font-size: 3.4375vw; color: #3e3e3e;}
main .tab3 table td {display: block; padding: 0 0 4.525vw;}
main .tab3 table input[type='text'],
main .tab3 table input[type='email']{border: 1px solid #efefef; background: #fff; width: 100%; padding:1vw; height: 7.5vw;}
main .tab3 table textarea {border: 1px solid #efefef; background: #fff; width: 100%; height: 35vw; padding:1vw;}
main .tab3 table input[name='mail_author'] {width: 100%;}
main .tab3 table tr th em {color: #0b7fc6; font-weight: bold}

main .tab3 .select-box select {
	width: 100%;
	padding: 2px 2.34375vw;
    height: 7.03125vw;
    line-height: 7.03125vw;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    border: none;
	background: url(../images/recruit/bg-select-sp.png) right 7px center no-repeat #fff;
	background-size: 7.34375vw, 100%;
}
main .tab3 .submit {text-align: center; padding: 0 0 0; margin-top: 13.125vw;}
main .tab3 button {width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-send.png) center center no-repeat #000; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover;}

main input[type='submit']#mail_preview {width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-conf.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover;}
main input[type='submit']:hover {filter: brightness(1.2);}

main a#mail_back{width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-back.png) center center no-repeat ; font-size: 0; margin: 0 auto 3.125vw; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover; display: block;}
main input[type='submit']#mail_post {width: 58.59375vw; height: 12.34375vw; background: url(../images/btn-send.png) center center no-repeat; font-size: 0; margin: 0 auto; cursor: pointer; border: none; position: relative; overflow: hidden; background-size: cover;}

main table.conf {border-bottom: 1px solid #c8c8c8;}
main table.conf {text-align: left;}
main table.conf td {padding-bottom: 2.525vw;}

input.error,
textarea.error {border: 1px solid red !important;}

.errors {width: 100%; margin: 5vw auto 5vw; color: red;}

main .tab3 .select-box select.error {border:1px solid red !important;}

main .select-box  {margin: 3.125vw 0;}

main .tab3 table input[name='mail_zip1'] {width: 4em; margin: 0 2vw;}
main .tab3 table input[name='mail_zip2'] {width: 5em; margin: 0 2vw;}
main .tab3 table input[name='mail_address2'] {margin-bottom: 3.125vw;}


}


/*個別背景画像*/
.jobs .job::after {background-image: url(../images/recruit/job01/pc.html);}
.jobs .job.job02::after {background-image: url(../images/recruit/job02/pc.html);}
.jobs .job.job03::after {background-image: url(../images/recruit/job03/pc.html);}
.jobs .job.job04::after {background-image: url(../images/recruit/job04/pc.html);}
.jobs .job.job05::after {background-image: url(../images/recruit/job05/pc.html);}
.jobs .job.job06::after {background-image: url(../images/recruit/job06/pc.html);}
.jobs .job.job07::after {background-image: url(../images/recruit/job07/pc.html);}
.jobs .job.job08::after {background-image: url(../images/recruit/job08/pc.html);}
.jobs .job.job09::after {background-image: url(../images/recruit/job09/pc.html);}

@media screen and (max-width:640px){
.jobs .job::after {background-image: url(../images/recruit/job01/sp.html);}
.jobs .job.job02::after {background-image: url(../images/recruit/job02/sp.html);}
.jobs .job.job03::after {background-image: url(../images/recruit/job03/sp.html);}
.jobs .job.job04::after {background-image: url(../images/recruit/job04/sp.html);}
.jobs .job.job05::after {background-image: url(../images/recruit/job05/sp.html);}
.jobs .job.job06::after {background-image: url(../images/recruit/job06/sp.html);}
.jobs .job.job07::after {background-image: url(../images/recruit/job07/sp.html);}
.jobs .job.job08::after {background-image: url(../images/recruit/job08/sp.html);}
.jobs .job.job09::after {background-image: url(../images/recruit/job09/sp.html);}
}

:placeholder-shown {color: #dadada;}
::-webkit-input-placeholder {color: #c0c0c0;}
:-moz-placeholder {color: #c0c0c0; opacity: 1; }
::-moz-placeholder {color: #c0c0c0; opacity: 1; }
:-ms-input-placeholder {color: #c0c0c0;}