#main * {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#main li {list-style: none;}
article h1 {text-align: center; margin: 0 0 40px;}
header#globalHeader {margin-bottom: 0;}

#main article .vision {margin-top: 0; width: 100%; height: 340px; background: url(/job/recruit/img/img_topmain.jpg) no-repeat center center; padding-top: 122px; text-align: center; color:#fff; font-weight:bold; font-size:16px;}
#main article .vision p { text-shadow:2px 1px 14px #000;}
#main article header h1 {margin-top: 0; font-size: 30px; float: none;  color: #fff; font-weight: bold;}
#main article header h2 {font-size: 16px; color: #fff;}

.intro h1 {margin: 100px 0 10px; color: #fff; font-weight: bold; font-size:20px; text-shadow:2px 1px 10px #000;}
.intro .entry {font-size: 15px; color: #191919; line-height: 1.8; text-align: left; width:940px; margin:20px auto 0;}
.intro .entry p {text-align: left; display:inline-block; vertical-align:middle; width:600px;}
.intro .entry #entryBtn {display:inline-block; vertical-align:middle; text-align:right; width:334px;}
.intro .entry #entryBtn ul {list-style:none; padding:0;}
.intro .entry #entryBtn li {display:inline-block; margin-left:10px; vertical-align: top; width:154px;}
.intro .entry #entryBtn li.preentry.btn {
    cursor: normal;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    width: 140px;
    height: 48px;
    border-radius: 5px;
    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;
    line-height: 1.15;}
.intro .entry #entryBtn li.btn.mypage a {
    cursor: normal;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    width: 154px;
    height:48px;
	border-radius:5px;
	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:#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;
}
.intro .entry #entryBtn li.btn .date {font-size:11px; letter-spacing:-0.02em; display:block;}
.intro .entry #entryBtn li.btn.mypage 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.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;
}

#main section,
#main aside {padding: 40px 0;}
#main .intro {padding: 0;}

article section .wrapper {width: 880px; margin: 0 auto; overflow: hidden;}

.development {background: #f7f7f7;}

/*article ul {margin: 0 -20px 0 0; padding: 0;}*/
article ul:after {content: ""; display: block; clear: both;}
/*article li {width: 140px; float: left; margin-right: 20px; padding: 0 10px; text-align: center; font-size: 18px; color: #666;}*/
article li img {margin-top: 10px; width: 200px;}
article h1 {font-weight: normal;}
.content .contentBody {width: 700px;}

aside#info {text-align:center;}
aside#info .infobody {text-align:left; margin:0 auto 40px; width:700px;}
aside#info .infobody h1 {font-size:14px;}
aside#info .infobody ul {padding-left:120px; margin: -30px 0; min-height: 100px;}
aside#info .infobody li {margin-bottom: 20px;}
aside#info .infobody li .banner {float:right; padding-right:50px; margin-top:-12px;}
section#privacyPolicy {text-align:right; margin:0 auto; padding:15px 0; background-color:#f7f7f7;}
section#privacyPolicy .privacyPolicybody {text-align:right; width:700px; margin:0 auto;}
section#privacyPolicy .privacyPolicybody a:after {
    content: url("http://www.muji.com/img/arrow_right_s.png");
    margin-left: 7px;
    vertical-align: top;
}


@media only screen and (max-device-width: 767px){
#main section,
#main aside {padding: 30px 0;}
/*#main .intro {padding: 0 15px;}*/
.intro h1,
.intro .lead {color: #fff; position: relative; z-index: 1;}
.intro:after {display: block; content: ""; position: absolute; /*background: rgba(0,0,0,.5);*/ width: 100%; height: 100%; top: 0; left: 0;}
.intro .lead br {display: none;}
article h1 {text-align: center; margin: 0 0 20px;}
article section .wrapper {width: auto; padding: 0 15px;}
article ul {margin: 0;}
article li {width: auto; float: none; margin: 30px 0; font-size: 16px;}
article li:last-child {margin: 30px 0 0;}
#main article .vision {padding:80px 50px 0; background-size:cover;}
.intro .entry {width: auto; margin: 0 20px;}
.intro .entry p {width:auto; display:block; margin:20px 0 0; padding:0;}
.intro .entry #entryBtn {margin:0 auto; width:100%; text-align:center;}
.localNav {display:none;}
#main header h1 {padding-top:15px;}
}

.content {background:#F7F7F7; padding:40px 0; margin-top: 40px;}
.content h1 {display: none;}
.content .contentBody {width: 940px; margin: 0 auto;}
.content ul {padding: 0; margin: 0 -20px 0 0; letter-spacing: -.40em;}
.content ul:after {content: ""; display: block; clear: both;}
.content li {
width: 220px;
margin: 0 20px 20px 0;
display: inline-block;
letter-spacing: normal;
vertical-align: top;
}
.content li a {display: block; padding: 10px; background: #fff; min-height: 150px;}
.content li a:hover {background: #fcfcfc;}
.content li span.contentsTitle {display: block; font-size: 18px; margin: 10px 0; font-family: "ゴシックMB101 DB"; font-weight:bold;}
.content li .caption {display: block; font-size: 13px; color:#666; margin: 10px 0;}
.content li figure {margin:20px 0 0; text-align: center;}
.content li img {width: 200px;}
.content li.noimage a {min-height: 0;}
                      
@media only screen and (max-device-width: 767px){
.content {padding:20px 0; margin-top: 20px;}
.content .contentBody {width: auto;}
.content ul {margin-right: 0;}
.content li {width: 50%; margin: 0; padding: 0 5px 10px 10px;}
.content li a {min-height: 0;}
.content li:nth-child(even) {width: 50%; margin: 0; padding: 0 10px 10px 5px;}
.content li span.contentsTitle {font-size: 16px;}
.content li img {width: 100%; height: auto;}
}

#main .info {width: 940px; margin: 0 auto;}
#main .info h1 {float: left; font-size:14px;}
#main .info ul {padding:0; margin-left: 240px; overflow: hidden;}
#main .info li {margin-bottom: 5px; font-size: 13px; color: #666;}

@media only screen and (max-device-width: 767px){
#main .info {width: auto; padding: 15px;}
#main .info h1 {float: none;}
#main .info ul {margin-left: 0;}
aside#info .infobody {width:auto;}
aside#info .infobody h1 {margin-left:10px;}
aside#info .infobody ul {padding-left:80px; margin-right:20px;}
aside#info .infobody li .banner {float:none; display:block;}
aside#info .infobody li br {display:none;}
section#privacyPolicy .privacyPolicybody {width:90%;}
}