#requirement .localNav li.requirement a, #vision .localNav li.vision a, #data .localNav li.data a, #businessline .localNav li.businessline a, #message .localNav li.message a, #staffInterview .localNav li.staff a, #reqruitFaq .localNav li.faq a, #careerup .localNav li.careerup a, #career01 .localNav li.careerup a, #career02 .localNav li.careerup a, #career03 .localNav li.careerup a, #career04 .localNav li.careerup a, #career05 .localNav li.careerup a, #career06 .localNav li.careerup a { border-bottom: 1px solid #999; } article section, article aside, article #footerentryBtn {line-height: 1.8; margin: 40px auto; width: 700px;} table th, table td {border: 1px solid #ccc; padding: 10px;} table td .desc {font-size:12px; color:#666;} table td .detail {margin:0 0 20px;} .recruit th {white-space: nowrap;} #requirement table td ol {margin-left:-14px;} #requirement table td li {margin:0 10px 10px 0;} #requirement table td li:last-child {margin-bottom:0;} #requirement table td p.relatedLink {text-align: right; padding-right: 20px; font-size:13px;} #requirement table td p.relatedLink a:after {content: url("//www.muji.com/img/arrow_right_s.png"); margin-left: 7px; vertical-align: top;} article header #entryBtn {text-align:right; margin-top:20px; width:auto;} article header #entryBtn ul {list-style:none; display:inline;-webkit-padding-start: 0;} article header #entryBtn li {display:inline-block; margin: 20px 5px 0; vertical-align:top;} article header #entryBtn li.preentry.btn a, article header #entryBtn li.mypage.btn a, article #footerentryBtn.btn a { cursor: pointer; display: inline-block; font-size: 15px; font-weight: bold; letter-spacing: normal; text-align: center; text-decoration: none; width: 140px; height:40px; line-height:2; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:3px; border:1px solid #dcdcdc; padding:10px 0 0; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(10%, #ffffff), color-stop(100%, #ececec) ); background:-moz-linear-gradient( center top, #ffffff 10%, #ececec 100% ); background:-ms-linear-gradient( top, #ffffff 10%, #ececec 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); background-color:#ececec; color:#333; display:inline-block; text-shadow:2px 1px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 18px -11px #ffffff; -moz-box-shadow:inset 0px 1px 18px -11px #ffffff; box-shadow:inset 0px 1px 18px -11px #ffffff; } /*article header #entryBtn li.preentry.btn a {width: 154px; height:30px; padding: 10px 0; line-height: 1.2;}*/ article header #entryBtn li.preentry.btn, article #footerentryBtn.btn { cursor: normal; display: inline-block; font-size: 15px; font-weight: bold; letter-spacing: normal; text-align: center; text-decoration: none; width: 140px; height:auto; line-height:1.16; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:3px; border:1px solid #dcdcdc; padding:10px 0; text-decoration:none; background:-webkit-gradient( linear, left top, left bottom, color-stop(10%, #ffffff), color-stop(100%, #ececec) ); background:-moz-linear-gradient( center top, #ffffff 10%, #ececec 100% ); background:-ms-linear-gradient( top, #ffffff 10%, #ececec 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); background-color:#ececec; color: #999; display:inline-block; text-shadow:2px 1px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 18px -11px #ffffff; -moz-box-shadow:inset 0px 1px 18px -11px #ffffff; box-shadow:inset 0px 1px 18px -11px #ffffff; } article #footerentryBtn.btn {display:block; width:260px;} article header #entryBtn li.preentry.btn .date, article #footerentryBtn.btn .date {display:block; font-size:12px; letter-spacing:-0.03em;} article header #entryBtn li.preentry.btn a:hover, article header #entryBtn li.mypage.btn a:hover, article #footerentryBtn.btn a:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fefefe), color-stop(100%, #e1e1e1) ); background:-moz-linear-gradient( center top, #fefefe 5%, #e1e1e1 100% ); background:-ms-linear-gradient( top, #fefefe 5%, #e1e1e1 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e1e1e1'); background-color:#ffffff; color:#7f0019; text-shadow:2px 1px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 18px -11px #ffffff; -moz-box-shadow:inset 0px 1px 18px -11px #ffffff; box-shadow:inset 0px 1px 18px -11px #ffffff; } article header #entryBtn li.preentry.btn a:active, article header #entryBtn li.mypage.btn a:active, article #footerentryBtn.btn a:active { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f8f8f8) ); background:-moz-linear-gradient( center top, #e9e9e9 5%, #f8f8f8 100% ); background:-ms-linear-gradient( top, #e9e9e9 5%, #f8f8f8 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f8f8f8'); background-color:#e9e9e9; color:#555555; } article #footerentryBtn {text-align:center; width:auto; margin:80px auto 100px;} article #footerentryBtn.btn a {font-size: 16px; height: 46px; padding: 10px 20px; width: auto; line-height: 1.7;} #businessline article section figure {float: left; margin: 0 15px 15px 0;} #businessline article section h1 {padding-top:45px; font-size:20px;} #businessline article section h1:after {clear: both; content: ""; display: block;} #businessline article section:after {clear: both; content: ""; display: block;} #businessline article section {margin-bottom: 50px;} #businessline article #intro, #data article #intro {background-color:#f7f7f7; width:100%; padding:20px 0; margin:30px auto 0;} #businessline article #activities {width:800px; padding:20px 0; margin:30px auto; border:1px solid #eee; border-radius:10px;} #businessline article #intro div, #businessline article #activities div, #data article #intro div {width:700px; margin:0 auto;} #businessline article #intro h1, #businessline article #activities h1 {font-size:16px; padding:0;} #businessline article #activities ul {list-style:none; width:600px; text-align:center;} #businessline article #activities ul li {vertical-align:middle; display:inline-block; width:120px; margin:0 10px; height:120px; background-color:#ecf3e6; border:1px solid #eee; border-radius:120px; padding:10px;} #businessline article #activities li span {margin:40px 0; display:block; font-weight:bold; color:#666;} #businessline article #related .relatedLink {list-style:none; text-align:right;} #businessline article #related .relatedLink li {display:inline-block;} #businessline article #related .relatedLink a:after {content: url("http://www.muji.com/img/arrow_right_s.png"); margin-left: 7px; vertical-align: top;} #message section .photo {float:left; margin:5px 20px 0 0;} #message section .sign {float:right;} #message section:after {clear: both; content: ""; display: block;} #vision article section {margin-bottom:60px; font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "メイリオ",Meiryo,"ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;} #vision article section h1 {border-bottom:solid 2px #7f0019; padding-bottom;10px; margin-bottom:10px;} #vision article section dt {font-weight:bold; font-size:20px;} #vision article section dd {font-size:16px; margin-bottom:20px;} #vision article section ol li {font-size:18px; margin-bottom:20px;} #vision article section dt span {display:inline-block; font-family:Garamond, serif; margin-left:10px; color:#333;font-size:21px;} #vision article section ol li .title {font-weight:bold; font-size:20px; display:block;} #vision article section ol li .desc {font-weight:normal; font-size:16px;} #vision article section img {margin-bottom:40px;} #vision article section .imageVision img {width:600px;} #reqruitFaq dl.accordion {background:#fff; margin:0 auto 30px; padding:10px; font-size:16px;} #reqruitFaq dl.accordion dt {border-bottom:1px solid #EEE; height:auto; text-indent:2.5em; line-height:1.5; color:#666; font-weight:bold; cursor:pointer; margin:0; padding:20px 0; background:transparent url(http://ryohin-keikaku.jp/ir/faq/img/txt_q.gif) no-repeat 0 20px;} #reqruitFaq dl.accordion dd {background:#FFF; margin-bottom:30px; padding:10px 0 0 2.5em; line-height:1.5; display:none; background:transparent url(http://ryohin-keikaku.jp/ir/faq/img/txt_a.gif) no-repeat 0 10px;} #reqruitFaq dl.accordion dd a {text-decoration:underline;} #data #main dl {font-size:13px;} #data #main dt {display:inline-block; width:80px; font-weight:bold; vertical-align:top;} dd {-webkit-margin-start: 0;margin-left: 0;} dl {-webkit-margin-before:0;-webkit-margin-after:0;} #data #main section dd {display:inline-block; width:540px; margin-bottom:10px; vertical-align:top;} #data #main section.data {width:870px;} #data #main section#intro dd dt {font-weight:normal; width:60px;} #data #main section#intro dd dd {width:480px; margin:0; padding:0;} #data #main section#intro dd dt, #data #main section#intro dd dd {display:inline-block; vertical-align:top; margin-bottom:15px;} #data #main section#intro dd dd ul {list-style:none; margin:0; padding:0;} #data #main section#intro dd dd li {display:inline-block; vertical-align:top; width:auto;} /* staffInterview */ #staffInterview #main article #interview {width:100%; text-align:center;} #staffInterview #main article #department01, #staffInterview #main article #department02, #staffInterview #main article #department03 {width:1200px;} #staffInterview #main #department01 .intro {margin-top: 0; width: 1200px; height: 300px; background: url(/job/recruit2016/img/staff_img01.jpg) no-repeat center center; padding:0; text-align: center; color:#191919; font-weight:bold; font-size:16px;} #staffInterview #main #department02 .intro {margin-top: 0; width: 1200px; height: 300px; background: url(/job/recruit2016/img/staff_img02.jpg) no-repeat center center; padding:0; text-align: center; color:#191919; font-weight:bold; font-size:16px;} #staffInterview #main #department03 .intro {margin-top: 0; width: 1200px; height: 300px; background: url(/job/recruit2016/img/staff_img03.jpg) no-repeat center center; padding:0; text-align: center; color:#191919; font-weight:bold; font-size:16px;} #staffInterview #main .department .title {width: 700px; margin:0 auto; text-align:left;} #staffInterview #main .department .intro h1 {padding: 235px 0 0; color:#191919; font-weight:bold; font-size:26px;} #staffInterview #main .department#department02 .intro h1, #staffInterview #main .department#department03 .intro h1 {color:#fff; } #staffInterview #main .department .intro h1 span {display:inline-block;} #staffInterview #main .department .intro h1 .subtitle {margin-left:30px; font-size:16px; font-weight:normal;} #staffInterview #main .department figure {width:307px; margin:30px 30px 0 0;} #staffInterview #main .department .interviewbody {width:363px; margin:30px 0;} #staffInterview #main .department figure, #staffInterview #main .department .interviewbody {display:inline-block; vertical-align:top; text-align:left;} #staffInterview #main .department figure img {margin-bottom:10px;} #staffInterview #main .department figure span {display:block; font-weight:bold; font-size:14px; line-height:1.3;} #staffInterview #main .department figure .staffName {margin-top:5px;font-size:22px;} #staffInterview #main .department dl.message dd {margin-left:0;padding-left:0;} #staffInterview #main .department dl.message dt { font-weight:bold;} #staffInterview #main .department .interviewbody h2 {font-size:18px;} #staffInterview #main .department figure .career {font-size:12px;} #staffInterview #main .department .relatedDepartment {text-align:left; background-color:#f8f8f8; padding:15px; border-radius:5px; margin:0 auto 60px;} #staffInterview #main .department .relatedDepartment ul {list-style:none;} #staffInterview #main .department .relatedDepartment .departmentName {font-weight:bold; display:block; margin-top:20px;} /* careerup */ #careerup #main .introBody figure {text-align:center; margin:20px 0 40px;} #careerup #main .introBody figure figcaption {font-weight:bold; margin-bottom:15px; font-size:16px;} #careerup #main #careerPolicy {margin:40px auto;} #careerup #main #careerPolicy .column3 {margin:20px auto; text-align:center;} #careerup #main #careerPolicy .column3 .col {width :26%; height: 210px; background-color: #fefefe; border:1px solid #ddd; display: inline-block; vertical-align: top; padding: 18px; border-radius: 8px; text-align: left;} #careerup #main #careerPolicy .column3 .col:nth-child(2) {margin-left: 10px; margin-right:10px;} #careerup #main #careerPolicy .column3 .col dt {text-align:center; font-weight:bold; margin-bottom:5px; font-size:15px;} #careerup #main #careerExample {background-color: #f9f9f9; width:100%;margin-bottom: 0;} #careerup #main #careerExample .contentBody {width:700px; margin:40px auto 0; padding:30px 0;} #careerup #main #careerExample .contentBody .staffmember {position:relative;background-color: #fff; border:1px solid #ddd; margin:20px auto; padding:14px; border-radius: 10px;} #careerup #main #careerExample .contentBody .staffmember .yearTag {position:absolute; top:10px; left:-12px; font-size:13px; font-weight:bold; color:#fff; width:auto; padding:5px 15px; display:block; background-color:#333; -webkit-box-shadow: 0 6px 6px -6px #666; -moz-box-shadow: 0 6px 6px -6px #666; box-shadow: 0 6px 6px -6px #666; } #careerup #main #careerExample .contentBody a .staffmember:hover {background-color: #fff; color:#191919; -webkit-box-shadow: 0 6px 6px -6px #666; -moz-box-shadow: 0 6px 6px -6px #666; box-shadow: 0 6px 6px -6px #666;} #careerup #main #careerExample .contentBody .staffmember figure {width:auto; display:inline-block; margin:0 10px; vertical-align:middle;} #careerup #main #careerExample .contentBody .staffmember figure img {width:300px;} #careerup #main #careerExample .contentBody .staffmember:after {content: url("/images/arrow_right_s.png"); vertical-align: middle;} #careerup #main #careerExample .contentBody .staffmember .cap {width:340px; display:inline-block; vertical-align:middle; margin-left:20px;} #careerup #main #careerExample .contentBody .staffmember h1 {width:200px; font-size:20px; margin: 20px 0 0;} #careerup #main #careerExample .contentBody .staffmember p {width:400px; font-size:16px;} /*careerNav*/ body[id^="career0"] article #careerNav {background-color: #f9f9f9; width:100%;margin-bottom: 0;} body[id^="career0"] article #careerNav .contentBody {width:auto; margin:40px auto 0; padding:30px 0;} body[id^="career0"] article #careerNav .contentBody h1 {width:800px; margin:0 auto; font-size:16px;} body[id^="career0"] article #careerNav .contentBody .staffmember {position:relative; border:1px solid #ddd; margin:20px auto; padding:14px; border-radius: 10px; width:560px;} body[id^="career0"] article #careerNav .contentBody .staffmember .yearTag {position:absolute; top:15px; left:-8px; font-size:12px; font-weight:bold; color:#fff; width:auto; padding:2px 10px; display:block; background-color:#333; -webkit-box-shadow: 0 6px 6px -6px #666; -moz-box-shadow: 0 6px 6px -6px #666; box-shadow: 0 6px 6px -6px #666; } body[id^="career0"] article #careerNav .contentBody a .staffmember:hover {background-color: #fff; color:#191919; -webkit-box-shadow: 0 6px 6px -6px #666; -moz-box-shadow: 0 6px 6px -6px #666; box-shadow: 0 6px 6px -6px #666;} body[id^="career0"] article #careerNav .contentBody .staffmember figure {width:auto; display:inline-block; margin:0 10px; vertical-align:middle;} body[id^="career0"] article #careerNav .contentBody .staffmember figure img {width:160px;} body[id^="career0"] article #careerNav .contentBody .staffmember:after {content: url("/images/arrow_right_s.png"); vertical-align: middle;} body[id^="career0"] article #careerNav .contentBody .staffmember .cap {width:340px; display:inline-block; vertical-align:middle; margin-left:20px;} body[id^="career0"] article #careerNav .contentBody .staffmember h1 {width:200px; font-size:16px; margin: 40px 0 0;} body[id^="career0"] article #careerNav .contentBody .staffmember p {width:400px; font-size:14px; margin:0;} body[id^="career0"] article #intro {position:relative; width:940px; height:560px; color:#000; font-size:16px;} #career01 article #intro {background: url(/job/recruit/img/img_career01.jpg) no-repeat center center;} #career02 article #intro {background: url(/job/recruit/img/img_career02.jpg) no-repeat center center;} #career03 article #intro {background: url(/job/recruit/img/img_career03.jpg) no-repeat center center;} #career04 article #intro {background: url(/job/recruit/img/img_career04.jpg) no-repeat center center;} #career05 article #intro {background: url(/job/recruit/img/img_career05.jpg) no-repeat center center;} #career06 article #intro {background: url(/job/recruit/img/img_career06.jpg) no-repeat center center;} body[id^="career0"] article #intro .shoulder {position:absolute; top:30px; left:-8px; font-size:16px; color:#fff; width:auto; padding:10px 15px; display:block; background-color:#191919; -webkit-box-shadow: 0 6px 6px -6px #666; -moz-box-shadow: 0 6px 6px -6px #666; box-shadow: 0 6px 6px -6px #666; opacity:0.9;} body[id^="career0"] article #intro .division {position:absolute; bottom:20px; right:20px; width:auto; background-color:#fff; opacity:0.7; padding:16px;} body[id^="career0"] article #intro .staffName {display:block; width:auto; font-size:18px; margin-bottom:5px; font-weight:bold;} body[id^="career0"] article #intro .sectionName, body[id^="career0"] article #intro .position {display:block; width:auto; font-size:14px;} body[id^="career0"] article #contentsBody {width:940px;} body[id^="career0"] article #contentsBody section {margin-top:0;width:auto;} body[id^="career0"] article #contentsBody .col {display:inline-block; vertical-align:top;} body[id^="career0"] article #contentsBody #voice.col {width:678px; margin-right:26px;} body[id^="career0"] article #contentsBody #profile.col {width:230px; background-color:#f6f6f6; padding:10px; width: 210px; background-color: #f6f6f6; padding: 10px; font-size: 12px;} body[id^="career0"] article #contentsBody #profile.col p { -webkit-margin-before: 0; -webkit-margin-after: 0; margin:0 010px; font-weight:bold; } body[id^="career0"] article #contentsBody #profile.col ul {list-style:none; -webkit-padding-start: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; padding-left: 0; margin-bottom:0;} body[id^="career0"] article #contentsBody #voice.col .message {border:1px solid #eee; padding:16px; border-radius:5px;} body[id^="career0"] article #contentsBody #voice.col .message h1 {margin-top:0; font-size:16px;} body[id^="career0"] article #contentsBody #voice.col .message p {margin-bottom:0;} body[id^="career0"] article #contentsBody #voice.col p {font-size:15px; } body[id^="career0"] #main article #related {background-color:#ddd; margin:0; padding-bottom: 20px;} body[id^="career0"] #main article #related li {display: inline-block; padding: 20px 0 0; width: 48%; font-weight:bold;text-align: center;} #main section#related ul {padding: 0; margin-bottom:0;} body[id^="career0"] #main article #related li.before a:before {content: url("http://www.muji.com/img/arrow_left_s.png"); margin-right: 7px; vertical-align: top;} body[id^="career0"] #main article #related li.next a:after {content: url("http://www.muji.com/img/arrow_right_s.png"); margin-left: 7px; vertical-align: top;} #main aside.share {text-align: center; border: 0; padding: 0; margin:30px 0;} aside.share {text-align: center; border: 0; padding: 0; width: auto;} aside.share span {position: relative; display: inline-block; color: #333; font-size: 11px; margin-right: 5px; background-color:#f1f1f1; border-radius:2px; padding:4px 7px;} aside.share span:after { content: ""; position: absolute; width: 0; right: -14px; top: 7px; border-width: 5px 0 5px 14px; border-style: solid; border-color: transparent #f1f1f1; } aside.share a {display: inline-block; padding: 5px 10px;} aside.share img {vertical-align: middle; opacity: 1.0;} aside.share img.fbBtn {width: 20px; padding-right: 0;} aside.share img.tw_btnImg {width: 26px; padding-right: 0;} .mobileOnly {display:none;} .pcOnly {display:block;} @media only screen and (max-device-width: 767px){ .mobileOnly {display:block;} #main section, #main aside {padding: 30px 0;} #main .intro {padding: 0 15px;} article section, article aside {width:auto; margin:0 20px 30px;} article #footerentryBtn {width:auto; margin:0 auto 30px;} #requirement table {width:auto;} #requirement section figure img {width:100%} #requirement section figure {margin:0;} #vision article section .imageVision img, #vision article section img {width:120%;} article header #entryBtn {width:auto;margin:0 20px;} article header #entryBtn ul {list-style: none; display: inline; -webkit-padding-start: 0;} article header #entryBtn li {margin:20px auto 0;} #vision article section {margin-bottom:0;} #data #main section dd {width:100%; margin:0 20px; display:block;} #data #main section#intro dd dd {width: auto;} #data #main section#intro dd dt {margin-bottom:0;} #data #main dt {display:block;} #businessline article #intro div, #businessline article #activities div, #data article #intro div {width:320px; margin:0 10px;} #businessline article section#house h1 {pading-top:0; font-size:16px;} #businessline article section figure {display:block; margin:0; padding:0; float:none;} #businessline article section h1 {padding-top:0; font-size:20px;} #businessline article #activities {display:none;} #businessline article section {margin-bottom:0;} #message section .photo {float:none; margin:0;} /* #staffInterview */ #staffInterview #main article #interview {width:auto;} #staffInterview #main article #department01, #staffInterview #main article #department02, #staffInterview #main article #department03 {width: auto;} /*article section#department01 {margin: 0 10px 30px;}*/ #staffInterview #main [id^="department0"] .intro {width: auto; margin-bottom: 20px; background-size: 125%; margin: 0 -40px 20px;} #staffInterview #main #department01 .intro, #staffInterview #main #department02 .intro, #staffInterview #main #department03 .intro {width: auto;} #staffInterview #main .department .title {width:auto;} #main section#intro,#main section#interview {padding:0;} #staffInterview #main .department .intro h1 {font-size:22px; margin-left:20px; padding: 234px 0 0;} #staffInterview #main #department03.department .intro h1 {margin: 0 20px 0 42px; padding: 220px 0 0; text-indent: -31px; line-height: 1.4;} #staffInterview #main .department figure {display:inline; width:307px; margin:0 auto; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0;} #staffInterview #main .department .interviewbody {width:auto; margin-top:0;} #staffInterview #main .department figure .staffName {font-size:18px;} #staffInterview #main .department .interviewbody {margin-bottom:30px;} #staffInterview #main section[id^="department0"] {padding: 0;} #staffInterview #main section[id^="department0"] .intro {margin-top: 0; height: auto;} #staffInterview #entryBtn {display:none;} #staffInterview #main .department figure .career {background-color: #f6f6f6; padding: 15px;} #staffInterview #main .department .relatedDepartment ul {-webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;} #staffInterview #main .department .relatedDepartment {background: none; border: 1px solid #ccc;} #staffInterview #main .message {background-color:#f6f6f6; padding:15px; } #staffInterview #main .department figure span.position, #staffInterview #main .department figure span.sectionName {display: inline-block;} #staffInterview #main article #interview {text-align: left;} #staffInterview #main #department02 section:nth-child(2) {margin-bottom:30px;} /* #careerup */ #careerup #main header {margin-bottom:30px; } #careerup #main #careerPolicy {margin:0 20px;} #careerup #main #careerPolicy .column3 .col {width: auto; height: auto; display: block; margin-bottom: 20px;} #careerup #main #careerPolicy .column3 .col:nth-child(2) {margin-left:0; margin-right:0;} article section#careerExample {margin: 0;} #careerup #main #careerExample .contentBody {width: 90%; margin: 0 auto; padding: 0;} #careerup #main #careerExample .contentBody .staffmember:after {display:none;} #careerup #main #careerExample .contentBody .staffmember .cap {width: auto; display: block; vertical-align: none; margin: 40px 0 0;} #careerup #main #careerExample .contentBody .staffmember p {width: auto; font-size: 15px;} #careerup #main #careerExample .contentBody .staffmember figure {width: auto; display: block; margin: 0;} #careerup #main #careerExample .contentBody .staffmember figure img {width: 100%;} body[id^="career0"] article #contentsBody {width: auto;} #career02 article #intro {background: url(/job/recruit/img/img_career02.jpg) no-repeat -140px center; background-size: 200%;} #career03 article #intro {background: url(/job/recruit/img/img_career03.jpg) no-repeat -140px center; background-size: 200%;} #career04 article #intro {background: url(/job/recruit/img/img_career04.jpg) no-repeat -140px center; background-size: 200%;} #career05 article #intro {background: url(/job/recruit/img/img_career05.jpg) no-repeat -140px center; background-size: 200%;} #career06 article #intro {background: url(/job/recruit/img/img_career06.jpg) no-repeat -140px center; background-size: 200%;} body[id^="career0"] article #intro .shoulder {top: 270px; left: -8px; font-size: 14px; opacity: 0.9; z-index: 20; padding:5px 10px;} body[id^="career0"] article #intro .division {position: absolute; top: 305px; right: 0; bottom:auto; width: 90%; background-color: #eee; padding: 16px; z-index: 10; border: 1px solid #eee; opacity:1;} #career01 article #intro {background: url(/job/recruit/img/img_career01.jpg) no-repeat top center; background-size: 200%;} body[id^="career0"] article #intro {position: relative; width: auto; height: 400px; color: #000; font-size: 16px;} body[id^="career0"] article #contentsBody section {margin: auto 0;} body[id^="career0"] article #contentsBody .col {display:block;} body[id^="career0"] article #contentsBody #voice.col {width: auto; margin-right: 0; margin-bottom: 30px;} body[id^="career0"] article #contentsBody #profile.col {width: auto;} #careerup #intro figure img {width:90%;} #main section#related {padding-top: 0;} #main section#related ul {padding-left: 0;} .pcOnly {display:none;} } @media only screen and (max-device-width: 320px){ article header #entryBtn {width:auto;margin: 0 8px 0 0;} }