@charset "UTF-8";
:root {
  --color-font: #666;
  --border-more-light: 1px solid #e5e5e5;
  --border-dot: 1px dotted #666;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  font-family: "Arial", "Noto Sans JP", sans-serif;
  color: var(--color-font);
  background: #fff;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  text-align: justify;
}

#wrap {
  position: relative;
  flex: 1;
  width: 100%;
  margin: 0 auto;
}
#wrap .container {
  margin: 0 auto;
  padding: 40px 16px 80px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

h1 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 48px;
  padding-left: 8px;
  color: #3d3d3d;
  border-left: 4px solid #3d3d3d;
}

.cnt-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cnt-box > p {
  margin-bottom: 40px;
}
.cnt-box > p.no-margin {
  margin-bottom: 0;
}
.cnt-box > p a {
  text-decoration: underline;
  color: var(--color-font-primary);
}

.number-box {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.number-box .num-list-group > dt {
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 4px;
}
.number-box ol {
  padding-left: 16px;
  list-style: decimal;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.number-box ol .list-bracket {
  padding-left: 0;
  counter-reset: cnt;
}
.number-box ol .list-bracket li {
  list-style: none;
  counter-increment: cnt;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
}
.number-box ol .list-bracket li::before {
  content: "(" counter(cnt) ") ";
  white-space: nowrap;
}
.number-box ol dl.detail-info {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.number-box ol dl.detail-info .detail-info-group dt {
  font-weight: 500;
  margin-bottom: 8px;
}

.disc > li {
  list-style: disc;
  margin-left: 16px;
}

.mgn-top-8 {
  margin-top: 8px;
}

.mgn-btm-20 {
  margin-bottom: 20px;
}

.profile {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.profile .profile-list-group {
  border-bottom: var(--border-dot);
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.profile .profile-list-group dt {
  font-weight: 500;
}

.note-list {
  margin-top: 8px;
  font-size: 1.2rem;
  color: rgb(147.9, 147.9, 147.9);
}
.note-list li {
  display: grid;
  grid-template-columns: auto 1fr;
}
.note-list li::before {
  content: "※";
}

.set-up-date {
  text-align: right;
}
.set-up-date li:first-child {
  margin-bottom: 8px;
}

ul.customer-info {
  border: var(--border-more-light);
  padding: 16px;
}
ul.customer-info li {
  margin-bottom: 4px;
}
ul.customer-info li:last-child {
  margin-bottom: 0;
}
ul.customer-info li:first-child {
  font-weight: 500;
}
ul.customer-info li:is(:nth-child(2), :nth-child(3)) {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  place-items: center;
  gap: 4px;
}
ul.customer-info li:nth-child(2)::before {
  content: "";
  background: url(../img/phone.svg) no-repeat center/contain;
  width: 16px;
  height: 16px;
}
ul.customer-info li:nth-child(3)::before {
  content: "";
  background: url(../img/clock.svg) no-repeat center/contain;
  width: 16px;
  height: 16px;
}
ul.customer-info li:nth-child(4) {
  margin-top: 48px;
}

/*--------------------------------------
フッター
--------------------------------------*/
#footer {
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1.2rem;
  padding: 0 16px 32px;
  text-align: center;
}
#footer address {
  font-weight: 700;
  margin-bottom: 4px;
}

/*--------------------------------------
PC用レイアウト ここから
--------------------------------------*/
@media (min-width: 769px) {
  #wrap .container {
    width: 940px;
    padding: 80px 16px 160px;
    gap: 120px;
  }
  .profile .profile-list-group {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
  .profile .profile-list-group dt {
    flex: 3;
  }
  .profile .profile-list-group dd {
    flex: 7;
  }
}/*# sourceMappingURL=common.css.map */