@charset "UTF-8";

@media screen and (max-width: 1023px) {
#breadCrumb h1:before {
background:url(../../img/recruit/common/bread_icon_recruit.png) no-repeat 0 0/52px auto
}

.sp-none {
  display: none;
}

.recruit #content {
box-sizing:border-box;
padding:0 0 20px
}

.fresh .conteInr {
   width: auto !important;
}

.recruit h3,.recruit h4 {
width:100%
}

.recruit h3 {
margin:30px auto 0
}

.recruit h4 {
margin:10px auto 25px
}

.recruit .section01Inr {
box-sizing:border-box;
padding:30px 10px 60px;
width:100%
}

.recruit .interview-title {
float:none;
margin:0 0 25px;
text-align:center;
width:100%
}

.recruit .interview-title.rt {
float:none;
margin:0 0 25px;
width:100%
}

.recruit .interview-main {
float:none;
margin-top:20px;
width:100%
}

.recruit .interview-box {
margin-bottom:36px
}

.recruit .interview-box .txt {
float:none;
margin:30px 0 0 !important;
padding:0 20px;
width:100%
}

.recruit .interview-box .txt .ico {
margin:-50px 0 13px;
position:static
}

.recruit .interview-box .txt .posi {
margin:0 0 15px;
padding:0 0 10px;
text-align:center
}

.recruit .interview-box .txt .posi img {
height:30px;
width:auto
}

.recruit .interview-box .txt .name {
margin-bottom:15px;
text-align:center
}

.recruit .interview-box .txt .lead {
font-size:15px;
padding:0 10px
}

.recruit .interview-box.rt .txt {
float:none;
padding:0 20px !important;
}

.recruit .interview-box.rt .txt .posi {
padding:0 0 10px 0;
margin:0 0 15px
}

.recruit .section02Inr {
box-sizing:border-box;
padding:85px 10px 20px;
position:relative;
width:100%
}

.recruit .section02Inr h5 {
left:0;
top:-27px;
width:100%
}

.recruit .section02Inr h5 img {
height:auto;
margin:0 -50px;
max-width:100%
}

.recruit .section03Inr {
box-sizing:border-box;
padding:30px 20px 10px;
position:relative;
width:100%
}

.recruit .section03Inr .catch {
font-size:20px;
margin-bottom:20px
}

.recruit .section03Inr .catch br {
display:none
}

.recruit .section03Inr .banner-set li {
display:block;
margin:0 0 15px
}

.recruit .section03Inr .no-links {
cursor:default;
display:block;
pointer-events:none;
text-decoration:none
}

.recruit a.formLink {
 max-width:320px;
 width:90%; !important
}

.oneday #content {
box-sizing:border-box;
padding:0 10px 20px;
width:100%
}

.oneday .conteInr {
float:none;
width:100%!important
}

.oneday #catImg h2 {
margin:0 0 30px;
overflow:hidden;
width:100%
}

.oneday .section {
margin-bottom:40px;
margin-top:-60px;
padding-top:60px
}

.oneday .section h4 {
display: block;
margin-bottom:15px;
padding:10px 0 2px
}

.oneday .section h4::before {
height:70px;
left:-75px;
width:70px
}

.oneday .section h4 .depart img {
height:20px;
width:auto
}

.oneday .section h4 .name img {
height:16px;
width:auto
}

.oneday .section .kv img {
display:block;
height:auto;
margin-left:auto;
margin-right:auto;
max-width:100%
}

.oneday .section .secInr {
  margin-bottom: 32px;
}

.oneday .section .secInr dl dt {
  margin-bottom: 13px;
}

.oneday .section .secInr.is-additional dl dt {
  margin-bottom: 26px;
}

.oneday .section .secInr dl dd .fl {
height:auto;
margin-right:15px;
width:60%;
max-width: 240px;
}

.oneday .section .secInr dl dd .fr {
height:auto;
margin-left:15px;
width:60%;
max-width: 240px;
}

.oneday .section .secInr.is-additional dl dd .fr {
  margin-bottom: 0;
}

.oneday .section .secInr dl dd .fr.is-mb {
  margin-bottom: 0;
}

.oneday #section01 h4::before {
background:url(../../img/recruit/top/img_year01.png);
background-size:70px auto
}

.oneday #section02 h4::before {
background:url(../../img/recruit/top/img_year02.png);
background-size:70px auto
}

.oneday #section03 h4::before {
background:url(../../img/recruit/top/img_year03.png);
background-size:70px auto
}

.oneday #section04 h4::before {
background:url(../../img/recruit/top/img_year04.png);
background-size:70px auto
}

.oneday .section .schedule, .oneday .section .secInr.is-additional {
padding:25px !important;
}

.oneday .section .schedule {
  margin-bottom: 40px;
}

.oneday .section .schedule h5 {
overflow:hidden;
padding:0 0 10px;
margin: 0 0 28px;
}

.oneday .section .schedule h5 img {
  width: 212px;
  height: auto;
}

.oneday .section .schedule .left {
box-sizing:border-box;
float:none;
margin:0;
width:100%
}

.oneday .section .schedule .left li {
text-align:center
}

.oneday .section .schedule .left li:last-child {
margin-bottom:10px
}

.oneday .section .schedule .right {
box-sizing:border-box;
float:none;
margin:0 0 20px;
width:100%
}

.oneday .section .schedule dl dt {
  background-position: 0 2px;
  font-size: 15px;
}

.oneday .section .schedule dl dt span {
  margin: -2px 0 0;
  font-size: 16px;
}

.oneday .section .schedule dl dd {
  margin-left: 80px;
  font-size: 14px;
}

.entryform #content {
background:none;
box-sizing:border-box;
padding:20px 10px
}

.entryform #title h2 img {
display:table;
height:50px;
margin:0 auto;
width:auto
}

.entryform #content .bg {
background:none;
margin-bottom:25px;
padding-bottom:0
}

.entryform #content .caution {
margin:-0 0 15px;
width:100%
}

.entryform #content .navi-set {
margin:20px 0
}

.entryform #content .navi-set li {
background-color:#e6e6fa;
display:inline-block;
margin-right:18px;
padding:10px 0;
position:relative;
text-align:center;
width:calc((100% - 45px) / 3)
}

.entryform #content .navi-set li::after {
background:url(../../img/sp/contact/arrow_flow.png);
content:'';
display:block;
height:22px;
position:absolute;
right:-18px;
top:10px;
width:18px
}

.entryform #content .navi-set li:last-child {
margin-right:0
}

.entryform #content .navi-set li:last-child::after {
content:none
}

.entryform #content .navi-set li.act {
background-color:#4169e1;
color:#fff
}

table.form {
border-bottom:#B3B1B0 1px solid;
border-top:#B3B1B0 1px solid;
box-sizing:border-box;
font-size:100%;
margin:0 auto;
table-layout:fixed;
width:100%;
word-wrap:break-word
}

table.form th {
background:#e6e6fa url(../../img/recruit/entryform/border.png) no-repeat 0 bottom;
box-sizing:border-box;
display:block;
font-weight:700;
padding:15px 15px 15px 25px;
width:100%
}

table.form td {
background:none;
box-sizing:border-box;
display:block;
padding:15px 0 15px 25px;
width:auto
}

table.form td span {
display:block
}

table.form td span.wrap {
display:block;
padding-bottom:10px
}

table.form td strong {
font-weight:700
}

input[type="text"],textarea {
background:#e6e6fa;
border:none;
padding:5px 8px
}

input[type="checkbox"] {
margin-right:4px;
position:relative;
top:2px
}

.chkBox tr td {
padding:3px 0!important
}

.chkBox tr td label {
letter-spacing:-.05em
}

input:focus,textarea:focus {
background:#F1E2DE
}

input[type="text"] {
min-height:20px
}

textarea {
box-sizing:border-box;
height:200px;
width:90%
}

table.form tr td table tr th {
width:65px
}

table.form tr td table tr th,table.form tr td table tr td {
background:none!important;
border:none;
padding:5px 0 0
}

table.form tr:nth-of-type(1) th,table.form tr:nth-of-type(10) th,table.form tr:nth-of-type(13) th {
background:#e6e6fa url(../../img/recruit/entryform/border.png) no-repeat 0 bottom
}

table.form tr:nth-of-type(1) th,table.form tr:nth-of-type(1) td,table.form tr:nth-of-type(10) th,table.form tr:nth-of-type(10) td {
padding-bottom:15px
}

table.form tr:nth-of-type(2) th,table.form tr:nth-of-type(2) td,table.form tr:nth-of-type(4) th,table.form tr:nth-of-type(4) td {
padding-top:15px
}

table.form .mb0-sp {
padding-bottom:0!important
}

table.form .mb15-sp {
padding-bottom:15px!important
}

table.form .mt5-sp {
padding-top:5px!important
}

.w40 {
display:inline-block;
width:40px
}

.w100 {
width:100px
}

.w180 {
width:180px
}

.w390 {
max-width:390px;
width:90%
}

.w400 {
max-width:400px;
width:90%
}

.w410 {
max-width:410px;
width:90%
}

.submit {
margin:0 auto;
width:auto
}

.submit ul {
margin:45px auto 0;
width:275px
}

.submit ul li,.btnSend ul li {
float:left;
width:120px
}

.submit ul li:last-child,.btnSend ul li:last-child {
margin-left:25px
}

button,button img {
border:none;
cursor:pointer
}

.submit p {
margin:30px 0 0;
text-align:center
}

.btnBack {
margin:0 auto;
width:140px
}

.submit .red {
color:#F00000
}

.form .ERR.red {
color:#F00000;
display:inline
}

.conf table.form tr:nth-of-type(1) th,.conf table.form tr:nth-of-type(12) th {
background:#e6e6fa
}

.conf table.form tr:nth-of-type(3),.conf table.form tr:nth-of-type(10) th {
background:#e6e6fa url(../../img/recruit/entryform/border.png) no-repeat 0 bottom;
padding-bottom:15px
}

.conf table.form tr:nth-of-type(3),.conf table.form tr:nth-of-type(10) td {
background:url(../../img/recruit/entryform/border.png) no-repeat 0 bottom;
padding-bottom:15px
}

.conf table.form tr:nth-of-type(10) th,.conf table.form tr:nth-of-type(10) td {
padding:15px 15px 15px 25px
}

.compTxt {
padding:100px 0;
width:100%
}

.recruit .conteInr,.entryform .conteInr {
width:100%!important
}

.recruit h3 img,.recruit h4 img,.recruit .interview-title img,.oneday h3 img {
height:auto;
max-width:100%
}

.recruit .interview-main.rt,.recruit .interview-box .img,.recruit .interview-box.rt .img {
float:none;
margin: 0 auto;
}

.oneday #catImg h2 img,.entryform #catImg h2 img {
height:43px;
width:auto
}

.oneday h3,.oneday .section .kv,.oneday .section .secInr dl, .oneday .section .secInr dl.is-mb01, .oneday .section .secInr dl.is-mb02 {
margin-bottom:30px
}

.oneday .section h4 .depart {
  margin-bottom: 9px;
}

.oneday .section h4 .name {
margin-bottom:6px
}

.entryform #catImg h2,.entryform #title h2 {
margin:0 0 10px;
overflow:hidden;
width:100%
}

table.form tr:nth-of-type(1) td,table.form tr:nth-of-type(10) td,table.form tr:nth-of-type(13) td,.conf table.form tr:nth-of-type(1) td,.conf table.form tr:last-of-type td {
background:none
}

table.form .chkBox .ml20,.w40.ml10 {
margin-left:0!important
}
}