/*main {
  padding-bottom: 57px;
  ステッキフッターのためやむなく
}
*/

#contents {
  position: relative;
  margin-bottom: 130px;
}
#brand-contents,
#shop-contents,
#company-contents,
#recruit-contents {
  position: relative;
  margin-bottom: 40px;
  width: 1000px;
  margin: 0 auto;
  overflow: auto;
  overflow: hidden;
  padding-bottom: 20px;
  clear: both;
}
#company-contents {
  margin-bottom: 55px;
}
/*#recruit-contents {*/
  margin-bottom: 0px;
}
#main-column {
  margin: 0 0 0 auto;
}
#sub-column {
  /*position: absolute;*/
  top: 0;
  left: 0;
}
.l-article {
  /*padding: 0 20px;*/
}

.l-article__h2 {
  font-size: 20px;
  font-weight: normal;
  border-bottom: solid 1px #ccc;
  margin-bottom: 35px;
  margin-top: 30px;
  /*margin-left: -20px;*/
  /*margin-right: -20px;*/
  color: #222;
  line-height: 24px;
  height: 24px;
  padding: 0 0 10px;
}

.l-article__dl,
.l-article__dl p {
  font-size: 13px;
  color: #777;
  line-height: 24px;
}
.l-article__dl dt,
.l-article__dl dd {
  float: left;
  margin-bottom: 30px;
}
.l-article__dl dt {
  width: 165px;
}
.l-article__dl dd {
  width: 600px;
}


.l-section {
  position: relative;
}
.l-section__h3{
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 20px;
}
.l-section__h3--large{
  font-size: 15px;
  font-weight: normal;;
  margin-bottom: 25px;
}
.l-section__leftColumn {
  width: 165px;
  position: absolute;
  left: 0;
  top: 0;
}
.l-section__rightColumn {
  width: 600px;
  margin-left: 165px;
  font-size: 12px;
}
.l-section__rightColumn__p {
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 24px;
  margin-bottom: 20px;
  color: #777;
}

.l-section__rightColumn dl {
  display: table;
}
.l-section__rightColumn dl dt,
.l-section__rightColumn dl dd {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0.02em;
  line-height: 1.6;
  margin-bottom: 10px;
}
.l-section__rightColumn dl dt {
  width: 130px;
}
.l-section__rightColumn dl dd {
  width: 560px;
}

.m-sectionBorder {
  border-bottom: 1px solid #ccc;
      padding-bottom: 20px;
      margin-bottom: 40px;
}
.m-color__red {
  color: #D9030B;
}
.m-color__777 {
  color: #777;
}

/* brand page */
.brandContent__companyInfo {
  color: #555;
  font-size: 12px;
  line-height: 1.7;
}
.brandContent__companyInfo dt {
  margin-bottom: 10px;
}
.brandContent__companyInfo dd {
  margin-bottom: 50px;
}
.brandContent__companyInfo a{
  color: #555;
}
.brandContent--img {
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 35px;
}

  /* みずのきページのスタイル */
.column-list {
 display: flex;
 justify-content: center;
 margin: 10px
}
 
.column-lists {
  width: calc(33.3% - 10px);
  margin: 5px;
  color: #777;
}



/* company page */
.companyContent .l-article__dl dt,
.companyContent .l-article__dl dd {
  margin-bottom: 11px;
}
/* shop page */
.shopContent .l-section__h3 {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 11px;
}

/* contact page */
.contactContent .l-section__h3 {
  font-size: 15px;
  margin-bottom: 11px;
}
.contactContent__aboutShop {
  font-size: 15px;
  line-height: 24px;
  color: #222;
  margin-bottom: 35px;
}
/* recruit index page*/
.recruitContent__list{
  display: table;
  width: 100%;
  margin-bottom: 90px;
}
.recruitContent__list__item {
  display: inline-block;
  width: 180px;
  font-size: 12px;
  line-height: 1.6;
  margin-right: 30px;
  margin-bottom: 35px;
  vertical-align: top;
}
.recruitContent__list__item:nth-of-type(3n) {
  margin-right: 0;
}
.recruitContent__list__item figure {
  width: 180px;
  height: 180px;
  background-color: #ccc;
  margin-bottom: 15px;
}
.recruitContent__list__item__status {
  font-size: 15px;
  line-height: 24px;

}
.recruitContent__list__item__status--furi {
  color: #555;
  font-size: 11px;
  line-height: 22px;
}
.recruitContent__list__item__status--caption {
  color: #777;
  font-size: 13px;
}

/* recruit -> shop detail page */
.nav__backPage {
  font-size: 12px;
}

/* naire page */
.naireContent__pattern__list {
  display: table;
  width: 100%;
}
.naireContent__pattern__list__item {
  display: inline-block;
  /*width: 440px;*/
  width: 325px;
  /*margin-right: 80px;*/
  margin-right: 40px;
  margin-bottom: 50px;
  vertical-align: top;
}
.naireContent__pattern__list__h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
}
.naireContent__pattern__list__item:nth-child(2n) {
  margin-right: 0;
}
.naireContent__pattern__color {
  width: 100%;
  font-size: 12px;
  letter-spacing: -.5em
}
.naireContent__pattern__color__item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 152px;
  margin-right: 20px;
}
.naireContent__pattern__color__item:last-child {
  margin-right: 0;
}
.naireContent__pattern__color__item img {
  height: auto;
}

/* terms Page */
.termsContent .l-section__h3 {
  font-size: 15px;
  margin-bottom: 10px;
}
.termsContent .l-section__rightColumn__p {
  margin-bottom: 35px;
}
/* policy Page */
.policyContent .l-section__h3 {
  font-size: 15px;
  margin-bottom: 10px;
}
.policyContent .l-section__rightColumn__p {
  margin-bottom: 35px;
}
.policyContent .mgB48 {
  margin-bottom: 48px;
}
.policyContent .l-section__rightColumn__ul {
  margin-top: 15px;
}
.policyContent .l-section__rightColumn__ul li{
  font-size: 13px;
  list-style-type: disc;
  line-height: 24px;
  margin-left: 40px;
}

/* business Page */
.businessContent:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin-bottom: 35px;
}
.l-section:last-of-type > div:last-of-type:after {
  display: none;
}
.businessContent__dlheading {
  font-size: 15px;
  line-height: 24px;
  float: left;
  width: 180px;
}
.businessContent .l-article__dl {
  float: left;
  width: 585px;
}
.businessContent .l-article__dl dt {
  width: 150px;
  margin-bottom: 10px;
}
.businessContent .l-article__dl dd {
  width: 435px;
  margin-bottom: 10px;
}
.businessContent .l-article__dl dd:last-of-type {
  margin-bottom: 35px;
}
/* adjust classes */
.mgB10{margin-bottom: 10px;}
.mgB15{margin-bottom: 15px;}
.mgB20{margin-bottom: 20px;}
.mgB25{margin-bottom: 25px;}
.mgB30{margin-bottom: 30px;}
.mgB35{margin-bottom: 35px;}
.mgB40{margin-bottom: 40px;}
.mgB45{margin-bottom: 45px;}
.mgB50{margin-bottom: 50px;}
.mgB55{margin-bottom: 55px;}
.mgB60{margin-bottom: 60px;}
.mgB65{margin-bottom: 65px;}
.mgB70{margin-bottom: 70px;}
.mgB80{margin-bottom: 80px;}
.mgB165{margin-bottom: 165px;}
.mgB185{margin-bottom: 185px;}

.mgR10{margin-right: 10px;}
.mgR20{margin-right: 20px;}

.txtR{text-align: right;}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}