@charset "UTF-8";
/*=======================================
サポート
=========================================*/
.p-support.is-maintenance, .p-support.is-name, .p-support.is-sharpen {
  padding-top: 128px;
  padding-bottom: 180px;
}
.p-support__archive {
  border-top: 1px solid rgba(56, 59, 78, 0.2);
  padding-top: 120px;
  padding-bottom: 130px;
}
.p-support__archive li {
  float: left;
  width: 50%;
  margin-bottom: 86px;
}
.p-support__archive li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.p-support__archive li .en {
  font-family: trajan-pro-3, "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.08em;
  margin-bottom: 24px;
}
.p-support__archive li .img1 {
  margin-bottom: 36px;
  overflow: hidden;
}
.p-support__archive li .img1 img {
  -webkit-transition: 0.6s ease all;
  transition: 0.6s ease all;
}
.p-support__archive li .img1 a:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}
.p-support__archive li .img1 a:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.p-support__archive li .txt1 {
  padding: 0 36px;
}
.p-support__archive li .txt1 h3 {
  margin-bottom: 24px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 150%;
  font-weight: 500;
  font-family: dnp-shuei-mincho-pr6n, "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.p-support__archive li .txt1 h3 img {
  vertical-align: 3px;
  margin-left: 8px;
}
.p-support__archive li .txt1 h3 a {
  text-decoration: none;
  color: #383B4E;
}
.p-support__archive li .txt1 h3 a:hover {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}
.p-support__archive li .txt1 p {
  line-height: 200%;
  width: 77.7992%;
}
.p-support__archive li .txt1 .c-link2 {
  text-align: right;
  margin-top: 40px;
}
.p-support__block1 {
  border-bottom: 1px solid #383B4E;
  padding-top: 120px;
  padding-bottom: 120px;
}
.p-support__block1:first-child {
  padding-top: 0;
}
.p-support__block1:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.p-support__block1-side {
  float: left;
  width: 34.2372%;
}
.p-support__block1-side h3 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 150%;
  font-family: dnp-shuei-mincho-pr6n, "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  margin-bottom: 36px;
}
.p-support__block1-side p {
  line-height: 200%;
}
.p-support__block1-side p.tx1 {
  font-size: 1.2rem;
  margin-top: 20px;
  color: #8C8C91;
}
.p-support__block1-side p.tx2 {
  margin-bottom: 30px;
  font-size: 1.3rem;
}
.p-support__block1-side .box1 {
  margin-top: 60px;
  background: #eee;
  padding: 36px;
  padding-bottom: 48px;
}
.p-support__block1-side .box1 .c-btn1 {
  margin-top: 36px;
  text-align: left;
}
.p-support__block1-side .box1 .c-btn1 a {
  text-align: center;
}
.p-support__block1-content {
  float: right;
  width: 58.4745%;
}
.p-support__block1-content .shapen li {
  margin-bottom: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-support__block1-content .shapen li:last-child {
  margin-bottom: 0;
}
.p-support__block1-content .shapen li .img1 {
  width: 202px;
}
.p-support__block1-content .shapen li p {
  max-width: calc(100% - 202px - 69px);
}
.p-support__block1-content .type {
  border-top: 1px solid rgba(56, 59, 78, 0.2);
  margin-top: 84px;
  padding-top: 84px;
}
.p-support__block1-content .type:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
.p-support__block1-content .type dl {
  margin-bottom: 84px;
}
.p-support__block1-content .type dl:last-child {
  margin-bottom: 0;
}
.p-support__block1-content .type dt {
  float: left;
  width: 29.2753%;
}
.p-support__block1-content .type dd {
  float: right;
  width: 62.3188%;
}
.p-support__block1-content .type h4 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 150%;
  font-family: dnp-shuei-mincho-pr6n, "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}
.p-support__block1-content .type h5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 200%;
  margin-bottom: 24px;
}
.p-support__block1-content .type a {
  color: #886F45;
  text-decoration: underline;
}
.p-support__block1-content .type a:hover {
  text-decoration: none;
}
.p-support__block1-content .type p {
  line-height: 200%;
}
.p-support__block1-content .type .img1 {
  margin-top: 48px;
}
.p-support__block1-content .movie {
  border-top: 1px solid rgba(56, 59, 78, 0.2);
  margin-top: 84px;
  padding-top: 84px;
}
.p-support__block1-content .movie p {
  margin-bottom: 48px;
  line-height: 200%;
}
.p-support__block1-content .name .img1 {
  margin-bottom: 24px;
}
.p-support__block1-content .name .note {
  margin-top: 60px;
  color: #8C8C91;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 200%;
}
.p-support__block1-content .nametype {
  border-bottom: 1px solid rgba(56, 59, 78, 0.2);
  margin-bottom: 84px;
  padding-bottom: 84px;
}
.p-support__block1-content .nametype:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.p-support__block1-content .nametype h4 {
  float: left;
  width: 28.9855%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 150%;
  font-weight: 500;
  font-family: dnp-shuei-mincho-pr6n, "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.p-support__block1-content .nametype-box1 {
  float: right;
  width: 64.4927%;
}
.p-support__block1-content .nametype-box1 ul {
  padding-left: 16px;
}
.p-support__block1-content .nametype-box1 li {
  float: left;
  width: 47.0864%;
  margin-left: 5.8272%;
  margin-bottom: 36px;
}
.p-support__block1-content .nametype-box1 li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.p-support__block1-content .nametype-box1 li p {
  margin-bottom: 16px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 150%;
}
.p-support__block1-content .nametype-box1 li p small {
  font-size: 14px;
  font-size: 1.4rem;
}
.p-support__block1-content .nametype-box1 .c-btn1 {
  margin-top: 48px;
  text-align: left;
}
.p-support__block1-content .nametype-box1 .c-btn1 a {
  text-align: center;
}
.p-support__block1-content .price h4 {
  margin-bottom: 24px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 175%;
  font-weight: 500;
  margin-top: 60px;
}
.p-support__block1-content .price h4:first-child {
  margin-top: 0;
}
.p-support__block1-content .price table {
  width: 100%;
  table-layout: fixed;
}
.p-support__block1-content .price th {
  text-align: left;
  font-weight: normal;
  line-height: 200%;
  font-size: 12px;
  font-size: 1.2rem;
}
.p-support__block1-content .price th,
.p-support__block1-content .price td {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 16px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(56, 59, 78, 0.2);
}
.p-support__block1-content .price tr:first-child th,
.p-support__block1-content .price tr:first-child td {
  border-top: 2px solid #383B4E;
}
.p-support__block1-content .price thead th {
  padding-top: 14px;
  padding-bottom: 18px;
}
.p-support__block1-content .price tbody td {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 200%;
}
.p-support__block1-content .price p {
  line-height: 200%;
}
.p-support__block1-content .price p.tx1 {
  font-size: 1.2rem;
  margin-top: 20px;
  color: #8C8C91;
}
.p-support__block1-content .price p.tx2 {
  margin-bottom: 30px;
  font-size: 1.3rem;
}

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
  .p-support.is-maintenance, .p-support.is-name, .p-support.is-sharpen {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-support__archive {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .p-support__archive li {
    float: none;
    width: auto;
  }
  .p-support__archive li:last-child {
    margin-bottom: 0;
  }
  .p-support__archive li .img1 {
    margin-bottom: 24px;
  }
  .p-support__archive li .txt1 {
    padding: 0;
  }
  .p-support__archive li .txt1 h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 16px;
  }
  .p-support__archive li .txt1 p {
    width: auto;
  }
  .p-support__block1 {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .p-support__block1-side, .p-support__block1-content {
    float: none;
    width: auto;
  }
  .p-support__block1-side {
    margin-bottom: 60px;
  }
  .p-support__block1-side h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 15px;
  }
  .p-support__block1-side .box1 {
    padding: 29px 26px 35px;
    margin-top: 24px;
  }
  .p-support__block1-side .box1 .c-btn1 {
    text-align: center;
  }
  .p-support__block1-side .box1 .c-btn1 a {
    max-width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .is-maintenance .p-support__block1-content .shapen li {
    display: block;
    max-width: 202px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 36px;
  }
  .is-maintenance .p-support__block1-content .shapen li .img1 {
    margin-bottom: 20px;
  }
  .is-maintenance .p-support__block1-content .shapen li p {
    max-width: initial;
  }
  .p-support__block1-content .type {
    padding-top: 48px;
    margin-top: 48px;
  }
  .p-support__block1-content .type dl {
    margin-top: 0;
    margin-bottom: 48px;
  }
  .p-support__block1-content .type dt,
  .p-support__block1-content .type dd {
    float: none;
    width: auto;
  }
  .p-support__block1-content .type h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 12px;
  }
  .p-support__block1-content .movie {
    padding-top: 48px;
    margin-top: 48px;
  }
  .p-support__block1-content .movie p {
    margin-bottom: 24px;
  }
  .p-support__block1-content .name .note {
    margin-top: 24px;
  }
  .p-support__block1-content .nametype {
    padding-bottom: 48px;
    margin-bottom: 48px;
  }
  .p-support__block1-content .nametype h4, .p-support__block1-content .nametype-box1 {
    float: none;
    width: auto;
  }
  .p-support__block1-content .nametype h4 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 12px;
  }
  .p-support__block1-content .nametype-box1 li {
    margin-bottom: 35px;
    margin-right: auto;
  }
  .p-support__block1-content .nametype-box1 li:last-child {
    margin-bottom: 0;
  }
  .p-support__block1-content .nametype-box1 li p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .p-support__block1-content .nametype-box1 li p small {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 320px) {
  .p-support__block1-content .nametype-box1 li p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .p-support__block1-content .nametype-box1 li p small {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-support__block1-content .nametype-box1 ul {
    padding-left: 0;
  }
  .p-support__block1-content .nametype-box1 .c-btn1 a {
    max-width: 240px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/* 名入れページ FAQ 用 余白調整 */
.is-name .p-support__block1-content dt {
  background: #f5f5f5;
  padding: 12px 16px;
  font-weight: 600;
  border-radius: 4px;
}

/* 次の質問との間に余白 */
.is-name .p-support__block1-content dl.faq dd + dt {
  margin-top: 30px;
}