.corporation {
  margin: 180px auto 110px;
}

@media screen and (max-width: 767px) {
  .corporation {
    margin: 90px auto 60px;
  }
}

.pageLinkList {
  margin-top: 160px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .pageLinkList {
    margin-top: 60px;
  }
}

.pageLinkItem {
  width: calc((100% - 15px) / 4);
  position: relative;
}

@media screen and (max-width: 1024px) {
  .pageLinkItem:nth-child(n + 3) {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .pageLinkItem {
    width: calc((100% - 10px) / 2);
  }
}

.pageLinkItemTtlCover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.pageLinkItemTtl {
  font-size: 18px;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .pageLinkItemTtl {
    font-size: 16px;
  }
}

.pageLinkItemImg {
  position: relative;
  z-index: 2;
  margin-bottom: 15px;
  background-color: #333;
}

.pageLinkItemImg img {
  vertical-align: top;
}

.contact {
  background-color: #e2dcc7;
  padding: 70px 0 85px;
}

@media screen and (max-width: 767px) {
  .contact {
    padding: 30px 0 30px;
  }
}

.contact .contactTtl {
  text-align: center;
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  .contact .contactTtl {
    font-size: 18px;
  }
}

.contact .contactTxt {
  text-align: center;
  margin: 40px auto 30px;
}

@media screen and (max-width: 767px) {
  .contact .contactTxt {
    margin: 20px auto 15px;
  }
}

.caseArea .contactTxt {
  text-align: center;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .caseArea .contactTxt {
    margin-top: 10px;
  }

}

.contact .contactBtn,
.caseArea .contactBtn {
  background-color: #c7a643;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 80px;
  border-radius: 40px;
  max-width: 530px;
  width: 100%;
  display: block;
  margin: 30px auto 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.caseArea .contactBtn {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .contact .contactBtn,
  .caseArea .contactBtn {
    font-size: 16px;
    line-height: 60px;
    border-radius: 30px;
    margin: 20px auto 0px;
  }
  .caseArea .contactBtn {
    line-height: 1.5;
    margin-top: 60px;
    padding: 5px 0;
  }
}

.contact .contactBtn:hover,
.caseArea .contactBtn:hover {
  opacity: 0.8;
}

.contact .contactTelArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  margin-top: 3px;
}

@media screen and (max-width: 767px) {
  .contact .contactTelArea {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.contact .contactTelIcon {
  margin-top: 7px;
}

.contact .contactTel {
  font-size: 46px;
  margin-right: 20px;
  margin-left: 12px;
}

@media screen and (max-width: 767px) {
  .contact .contactTel {
    margin-right: 0px;
    font-size: 36px;
  }
}

.contact .contactTelTime {
  margin-top: 5px;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .contact .contactTelTime {
    width: 100%;
    text-align: center;
  }
}

.contact .faqLink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cosmetics {
  margin: 195px auto;
}

@media screen and (max-width: 767px) {
  .cosmetics {
    margin: 95px auto;
  }
}

.featureArea {
  margin-top: 90px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .featureArea {
    margin-top: 40px;
  }
}

.featureList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .featureList {
    display: block;
  }
}

.featureItem {
  width: calc((100% - 25px)/2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .featureItem {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .featureItem {
    width: 100%;
  }
}

.featureItem:nth-child(n + 3) {
  margin-top: 90px;
}

@media screen and (max-width: 767px) {
  .featureItem:nth-child(n + 2) {
    margin-top: 40px;
  }
}

.featureItemImg {
  width: 210px;
}

@media screen and (max-width: 1024px) {
  .featureItemImg {
    width: 100%;
    margin-bottom: 10px;
  }
}

.featureItemInfo {
  margin-top: -1px;
  width: calc(100% - 210px - 30px);
}

@media screen and (max-width: 1024px) {
  .featureItemInfo {
    width: 100%;
    margin-top: 0px;
  }
}

.featureItemTtl {
  font-size: 22px;
  margin-bottom: 15px;
  line-height: calc(28 / 22);
  font-family: YakuHanMP,'Shippori Mincho', serif;
}

.featureItemTtl span {
  font-size: 18px;
  font-size: 17px;
  display: block;
}

@media screen and (max-width: 767px) {
  .featureItemTtl {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .featureItemTtl span {
    font-size: 14px;
  }
}

.lineupArea {
  margin-top: 110px;
  position: relative;
  margin-bottom: 95px;
}

@media screen and (max-width: 767px) {
  .lineupArea {
    margin-top: 50px;
    margin-bottom: 40px;
  }
}

.lineupCover {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .lineupCover {
    margin-top: 10px;
  }
}

.lineupBlock {
  margin-top: 0px;
}

.lineupBlock + .lineupBlock {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .lineupBlock + .lineupBlock {
    margin-top: 40px;
  }
}

.lineupList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .lineupList {
    display: block;
  }
}

.lineupItem {
  width: calc((100% - 60px) / 3);
}

@media screen and (max-width: 767px) {
  .lineupItem {
    width: 100%;
  }
}

.lineupItem:nth-child(n + 4) {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .lineupItem:nth-child(n + 2) {
    margin-top: 40px;
  }
}

.lineupItemImg img {
  vertical-align: top;
}

.lineupItemTtl {
  font-size: 24px;
  font-family: YakuHanMP,'Shippori Mincho', serif;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .lineupItemTtl {
    font-size: 18px;
    margin-top: 10px;
  }
}

.lineupItemTxt {
  margin: 15px 0 30px;
}

@media screen and (max-width: 767px) {
  .lineupItemTxt {
    margin: 10px 0 20px;
  }
}

.c-btnCover-case {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1024px) {
  .c-btnCover-case {
    position: relative;
    margin-top: 60px;
  }
  .c-btnCover-case .c-btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.downloadBtn {
  margin: 70px auto;
  max-width: 530px;
  width: 100%;
  display: block;
  height: 80px;
  line-height: 80px;
  border-radius: 40px;
  text-align: center;
  color: #fff;
  background-color: #c7a643;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .downloadBtn {
    margin: 30px auto;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
  }
}

.downloadBtn:hover {
  background-color: rgba(199, 166, 67, 0.9);
}

.sceneArea {
  margin: 100px 0 180px;
}

@media screen and (max-width: 767px) {
  .sceneArea {
    margin: 50px 0 90px;
  }
}

.sceneList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .sceneList {
    display: block;
  }
}

.sceneItem {
  width: calc((100% - 50px)/3);
}

@media screen and (max-width: 767px) {
  .sceneItem {
    width: 100%;
  }
}

.goriyoBox {
  padding: 60px 80px;
  margin-top: 70px;
  background-color: #e2dcc7;
}

@media screen and (max-width: 767px) {
  .goriyoBox {
    padding: 30px 20px;
    margin-top: 40px;
  }
}

.caseArea {
  margin: 100px 0 100px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .caseArea {
    margin: 50px 0 50px;
  }
}

.caseItem {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .caseItem {
    margin-top: 20px;
  }
}

.caseItem + .caseItem {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .caseItem + .caseItem {
    margin-top: 40px;
  }
}

.caseItemTxt {
  margin: 40px 0 30px;
}

@media screen and (max-width: 767px) {
  .caseItemTxt {
    margin: 20px 0 15px;
  }
}

.caseItemList li {
  position: relative;
  padding-left: 15px;
  display: block;
}

.caseItemList li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #c7a643;
}

.caseItemList li + li {
  margin-top: 5px;
}

.caseItemSubTxt {
  font-size: 14px;
  margin-top: 15px;
}

.lineupItemInfoTbl {
  margin-top: 20px;
}

.lineupItemInfoTbl .tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lineupItemInfoTbl .th {
  font-weight: bold;
  width: 100px;
}

.lineupItemInfoTbl .td {
  width: calc(100% - 100px);
}

.caseBlock {
  margin-top: 30px;
}

.caseBlock + .caseBlock {
  margin-top: 70px;
}

.stepItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.stepItem::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 1px;
  top: 40px;
  left: 50px;
  background-color: #c7a643;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .stepItem::before {
    left: 35px;
  }
}

.stepItem:last-child::before {
  display: none;
}

.stepItem + .stepItem {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .stepItem + .stepItem {
    margin-top: 30px;
  }
}

.stepNum {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #c7a643;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .stepNum {
    width: 70px;
    height: 70px;
  }
}

.stepNum span {
  font-size: 14px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .stepNum span {
    font-size: 12px;
  }
}

.stepNum span.num {
  font-size: 40px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .stepNum span.num {
    font-size: 30px;
  }
}

.stepItemInfo {
  width: calc(100% - 100px - 40px);
}

@media screen and (max-width: 767px) {
  .stepItemInfo {
    width: calc(100% - 60px - 30px);
  }
}

.stepItemTtl {
  font-size: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .stepItemTtl {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

.baseImgList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0 120px;
}

@media screen and (max-width: 767px) {
  .baseImgList {
    margin: 40px 0 60px;
    display: block;
  }
}

.baseImg {
  width: calc((100% - 60px) / 3);
}

@media screen and (max-width: 767px) {
  .baseImg {
    width: 100%;
  }
}

.works {
  background-color: #504e49;
}

.worksTxt {
  margin: 45px 0;
  max-width: 480px;
}

@media screen and (max-width: 767px) {
  .worksTxt {
    margin: 20px 0;
  }
}

.c-btnCover-lineup {
  margin-top: 20px;
}
/*# sourceMappingURL=corporation.css.map */