@charset "UTF-8";
input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }
/*---- mainVisual ----*/
#mainVisual { height: 600px; position: relative;}
#recruit #mainVisual { background: url(../../recruit/img/mainVisual.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
#company #mainVisual { background: url(../../company/img/mainVisual.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
#contact #mainVisual { background: url(../../img/bg_shopinfo.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
#mainVisual h1 { position: absolute; font-size: 68px; color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'Raleway', sans-serif; letter-spacing: 0.1em; font-weight: normal;}
/*---- styleBox ----*/

/*---- contents ----*/
#contents { line-height: 1.8; background: #fff;}
#contents p { text-align: center; margin-bottom: 80px;}

/*---- tableLayout ----*/
.tableLayout { background: url(../img/ic_dotted.png) repeat-x 0 0; padding-top: 20px; margin: 0 40px;}
.tableLayout dl { display: table; margin-bottom: 20px; padding-bottom: 20px; width: 100%; background: url(../img/ic_dotted.png) repeat-x 0 100%;}
.tableLayout dl dt, dd { display: table-cell;}
.tableLayout dl dt { width: 20em; color: #927317; vertical-align: middle;}
.tableLayout dl dt span { margin-left: 5px; background: #d8c899; color: #fff; padding: 2px 5px; font-size: 10px;}
.tableLayout dl dd p { text-align: left !important; margin-bottom: 10px !important;}

#contact h2{ text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 40px; color: #927317;}
#contact p.link a{ text-decoration: underline;}
#contact input[type="text"], #contact textarea{ color: #927317; padding: 1em; border: 1px solid #d2c8ad;}
#contact input[type="text"].long, #contact textarea { width: 100%;}
#contact input[type="text"].mid{ width: 50%;}
#contact input[type="text"].small{ width: 20%;}
#contact input[type="text"].zip01{ width: 5em;}
#contact input[type="text"].zip02{ width: 6em;}
#contact input[type="text"].tel{ width: 6em;}
#contact .submit { text-align: center;}
#contact .submit input.bt_send{ color: #fff; background: #d8c899; padding: 20px 40px; margin-right: 40px; font-size: 14px}
#contact .submit input.bt_reset, #contact .submit input#back{ color: #fff; background: #9a9a9a; padding: 20px 40px; font-size: 14px}
#contact .dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 7em;
  border: 1px solid #d2c8ad;
}
#contact .dropdown:before, #contact .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 1em;
  right: 1em;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #927317 transparent;
  pointer-events: none;
}
#contact .dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
#contact .dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}
#contact select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 1em;
  color: #927317;
  /* Fallback for IE 8 */
  background: #fff;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}
#contact select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
#contact select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

@media screen and (max-width:1023px) {
#recruit #mainVisual,#company #mainVisual,#contact #mainVisual { background-attachment:inherit !important;}
}