@charset "UTF-8";
body {
  color: #525252;
}

.subpage {
  overflow-y: hidden;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.pagecont {
  position: relative;
}

.pagecont_inner {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 768px) {
  .pagecont_inner {
    width: 680px;
  }
}

.pagecont_inner:before,
.pagecont_inner:after {
  content: "";
  display: block;
  position: absolute;
}

.title {
  background: url(../images/hourglass2.svg) no-repeat center center;
  background-size: 17.811705vw auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  height: 26.463104vw;
  margin-bottom: 12.722646vw;
}
@media (min-width: 768px) {
  .title {
    background-size: 84px auto;
    height: 128px;
    margin-bottom: 20px;
  }
}
.title h2 {
  color: #D8743B;
  font-size: 6.10687vw;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .title h2 {
    font-size: 24px;
  }
}
.title p {
  color: #D8743B;
  font-size: 5.089059vw;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .title p {
    font-size: 15px;
  }
}

/*-----------company 共通 --------------*/
#companyguide:before,
#companyabout:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
}

#companyguide:before {
  background: url(../images/bg_sp_company01.jpg) repeat left top;
  background-size: auto 1.017812vw;
  height: 1.017812vw;
  top: -1.017812vw;
}
@media (min-width: 768px) {
  #companyguide:before {
    background: url(../images/bg_company01.png) repeat left top;
    background-size: auto 24px;
    height: 14px;
    top: -14px;
  }
}

#companyabout:before {
  background: url(../images/bg_sp_company02.jpg) repeat left top;
  background-size: auto 1.017812vw;
  height: 1.017812vw;
  top: 0;
}
@media (min-width: 768px) {
  #companyabout:before {
    background: url(../images/bg_company02.png) repeat left top;
    background-size: auto 17px;
    height: 17px;
    top: -17px;
  }
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-between {
  justify-content: space-between;
}

.fs12 {
  font-size: 3.053435vw !important;
}
@media (min-width: 768px) {
  .fs12 {
    font-size: 12px !important;
  }
}

@media (min-width: 768px) {
  .sp {
    display: none;
  }
}

.pc {
  display: none;
}
@media (min-width: 768px) {
  .pc {
    display: block;
  }
}

/*-----------company guide --------------*/
#companyguide {
  background: #FFF9F4;
  padding: 12.722646vw 0;
}
@media (min-width: 768px) {
  #companyguide {
    padding: 50px 0;
  }
}
@media (min-width: 768px) {
  #companyguide .pagecont_inner {
    width: 773px;
  }
}

@media (min-width: 768px) {
  #companyguide .pagecont_inner:before {
    background-image: url(../images/chara1.png);
    background-repeat: repeat-x;
    background-size: 100% auto;
    height: 154px;
    right: -52px;
    top: -16px;
    width: 208px;
  }
}

#companyguide .pagecont_inner:after {
  background: url(../images/sp_clock.png) no-repeat left center;
  background-size: 32.569975vw auto;
  height: 47.582697vw;
  left: 0;
  top: -33.391858vw;
  width: 32.569975vw;
}
@media (min-width: 768px) {
  #companyguide .pagecont_inner:after {
    background-image: url(../images/clock.png);
    background-repeat: repeat-x;
    background-size: 100% auto;
    background-size: 100% auto;
    height: 202px;
    left: -132px;
    top: -111px;
    width: 207px;
  }
}

@media (min-width: 768px) {
  .companydatawrap {
    display: flex;
    justify-content: space-between;
  }
}
.companydatawrap > div {
  margin: 7.633588vw auto 0;
  width: 88.804071vw;
}
@media (min-width: 768px) {
  .companydatawrap > div {
    margin: 0 auto;
    width: 368px;
  }
}

.companydata {
  border-bottom: 1px dashed #99AAB2;
  align-items: flex-start;
  margin-bottom: 2.544529vw;
  padding-bottom: 2.798982vw;
  width: 92.366412vw;
}
@media (min-width: 768px) {
  .companydata {
    border-bottom: 1px dashed #D8743B;
    margin-bottom: 6px;
    padding-bottom: 6px;
    width: 376px;
  }
}

.companydata dt {
  font-size: 3.816794vw;
  font-weight: bold;
  margin-right: 6.361323vw;
}
@media (min-width: 768px) {
  .companydata dt {
    font-size: 15px;
    margin-right: 15px;
  }
}

.companydata dd {
  font-size: 3.816794vw;
}
@media (min-width: 768px) {
  .companydata dd {
    font-size: 13px;
    margin-top: 3px;
  }
}

.map-container {
  width: 77.608142vw;
  height: 70.743003vw;
  clip-path: url(#mapClip);
  -webkit-clip-path: url(#mapClip);
  position: relative;
  overflow: hidden;
  background-color: #f0f0f0;
}

@media (min-width: 768px) {
  .map-container {
    width: 365px;
    height: 355px;
  }
}
.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/*-----------company about --------------*/
#companyabout {
  padding: 19.338422vw 0 0;
  position: relative;
  min-height: 243.384224vw;
}
@media (min-width: 768px) {
  #companyabout {
    padding: 75px 0 0;
    min-height: 960px;
  }
}

#companyabout:after {
  background: url(../images/bg_sp_company03.png) repeat left bottom;
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 292.620865vw;
  bottom: -10vw;
}
@media (min-width: 768px) {
  #companyabout:after {
    background: url(../images/bg_compay03.png) repeat left top;
    background-size: 100% auto;
    width: 1282px;
    height: 1485px;
    top: 0;
    bottom: auto;
  }
}

#companyabout .pagecont_inner {
  padding-bottom: 28.167939vw;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  #companyabout .pagecont_inner {
    padding-bottom: 216px;
  }
}

#companyabout .pagecont_inner:before {
  background: url(../images/chara2.png) no-repeat center center;
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 61.323155vw;
  height: 35.62341vw;
  bottom: -1.5vw;
}
@media (min-width: 768px) {
  #companyabout .pagecont_inner:before {
    width: 419px;
    height: 216px;
  }
}

.aboutbox {
  margin: 0 5.597964vw 7.633588vw;
}
@media (min-width: 768px) {
  .aboutbox {
    display: flex;
    align-items: flex-start;
    margin: 0 0 25px;
    width: 100%;
  }
}

.abouttitle {
  border-bottom: 2px dashed #D8743B;
  display: flex;
  align-items: center;
  justify-items: center;
}
@media (min-width: 768px) {
  .abouttitle {
    border-bottom: none;
    display: block;
    margin-right: 40px;
    text-align: center;
    width: 147px;
  }
}
.abouttitle h3 {
  color: #D8743B;
  font-size: 5.089059vw;
  margin-right: 2.544529vw;
}
@media (min-width: 768px) {
  .abouttitle h3 {
    border-bottom: 2px solid #D8743B;
    font-size: 30px;
    margin-right: 0;
    margin-bottom: 2px;
    padding-bottom: 2px;
    width: 100%;
  }
}
.abouttitle p {
  color: #D8743B;
  font-size: 3.816794vw;
  font-weight: bold;
  width: 100%;
}
@media (min-width: 768px) {
  .abouttitle p {
    font-size: 18px;
    font-weight: normal;
  }
}

.abouttxt {
  margin-top: 2.544529vw;
  width: 100%;
}
@media (min-width: 768px) {
  .abouttxt {
    margin-top: 0;
    width: 496px;
  }
}
.abouttxt dt {
  font-size: 3.816794vw;
  font-weight: bold;
  margin-bottom: 2.035623vw;
}
@media (min-width: 768px) {
  .abouttxt dt {
    font-size: 21px;
    margin-bottom: 7px;
  }
}
.abouttxt dd {
  font-size: 3.562341vw;
}
@media (min-width: 768px) {
  .abouttxt dd {
    font-size: 15px;
  }
}/*# sourceMappingURL=index.css.map */