@charset "UTF-8";
* {
  -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}
/*--------------------------------------------
voiceHead
---------------------------------------------*/
#articleHead {
  background: #dda3d7;
}
#articleHead .ttl:before {
  content: "";
  background: url(/article/img/icon_article.png) no-repeat 0 0;
  background-size: 100% auto;
  display: inline-block;
  vertical-align: text-top;
}
@media screen and (max-width: 768px) {
  #articleHead {
    padding: calc(101 * 100vw / 750) 0 calc(108 * 100vw / 750) calc(40 * 100vw / 750);
  }
  #articleHead .ttl {
    font-size: calc(56 * 100vw / 750);
    font-weight: 700;
  }
  #articleHead .ttl:before {
    width: calc(90 * 100vw / 750);
    height: calc(90 * 100vw / 750);
    margin-right: calc(23 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  #articleHead {
    padding: calc(83 * 100vw / 1366) calc(40 * 100vw / 1366) calc(73 * 100vw / 1366);
  }
  #articleHead .ttl {
    font-size: calc(36 * 100vw / 1366);
    font-weight: 700;
  }
  #articleHead .ttl:before {
    width: calc(54 * 100vw / 1366);
    height: calc(54 * 100vw / 1366);
    margin-right: calc(17 * 100vw / 1366);
  }
}

/*--------------------------------------------
articlePage
---------------------------------------------*/
.articlePage {
  
}
.articlePage .article-group {
  
}
.articlePage .article-group h2 {
  font-weight: 700;
}
.articlePage .article-group h3 {
  font-weight: 700;
  line-height: 1;
}
.articlePage .article-group ul li img {
  width: 100%;
  max-width: 100%;
}
.articlePage .article-group table {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.articlePage .article-group table th,
.articlePage .article-group table td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.articlePage .article-group table th {
  background: #f2e8f1;
  text-align: left;
  font-weight: 700;
}
.articlePage .article-group h3 a {
  color: #802077;
  font-weight: 700;
  line-height: 1;
  text-decoration: underline;
}
.articlePage .article-group p {

}
.articlePage .article-group p::before {
  display: inline-block;
  content: '※';
}

@media screen and (max-width: 768px) {
  .articlePage {
    padding: calc(60 * 100vw / 750) 0 calc(218 * 100vw / 750);
  }
  .articlePage .article-group {
    margin: 0 calc(40 * 100vw / 750) calc(120 * 100vw / 750);
  }
  .articlePage .article-group h2 {
    margin-bottom: calc(40 * 100vw / 750);
    padding-bottom: calc(13 * 100vw / 750);
    border-bottom: calc(4 * 100vw / 750) solid #802077;
    font-size: calc(50 * 100vw / 750);
    line-height: calc(56 * 100vw / 750);
  }
  .articlePage .article-group ul {
    width: calc(412 * 100vw / 750);
    margin: 0 auto;
  }
  .articlePage .article-group ul li {
    margin-bottom: calc(36 * 100vw / 750);
  }
  .articlePage .article-group ul li h3 {
    font-size: calc(30 * 100vw / 750);
    line-height: calc(56 * 100vw / 750);
  }
  .articlePage .article-group .table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .articlePage .article-group .table dl dt,
  .articlePage .article-group .table dl dd {
    padding: calc(35 * 100vw / 750) 0 calc(37 * 100vw / 750) calc(20 * 100vw / 750);
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: calc(30 * 100vw / 750);
    line-height: calc(36 * 100vw / 750);
  }
  .articlePage .article-group .table dl dt {
    padding: calc(35 * 100vw / 750) 0 calc(37 * 100vw / 750) calc(20 * 100vw / 750);
    background: #f2e8f1;
    font-weight: 700;
  }
  .articlePage .article-group .table .flex {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border: none;
  }
  .articlePage .article-group .table .flex dl {
    width: 50%;
  }
  .articlePage .article-group p {
    margin-bottom: calc(20 * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
    line-height: calc(45 * 100vw / 750);
  }
  .articlePage .article-group .link {
    margin-bottom: calc(22 * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
    line-height: calc(56 * 100vw / 750);
  }
  .articlePage .article-group .link span {
    display: block;
    font-size: calc(30 * 100vw / 750);
    line-height: calc(56 * 100vw / 750);
  }
  .articlePage .article-group .link a {
    font-size: calc(50 * 100vw / 750);
    line-height: 1;
  }
  .articlePage .article-group p {
    padding-left: calc(34 * 100vw / 750);
    font-size: calc(30 * 100vw / 750);
    line-height: calc(45 * 100vw / 750);
  }
  .articlePage .article-group p::before {
    margin: 0 calc(4 * 100vw / 750) 0 calc(-30 * 100vw / 750);
  }
}

@media print, screen and (min-width: 769px) {
  .articlePage {
    width: calc(980 * 100vw / 1366);
    margin: 0 auto;
    padding: calc(60 * 100vw / 1366) 0 calc(80 * 100vw / 1366);
  }
  .articlePage .article-group {
    margin: 0 0 calc(80 * 100vw / 1366);
  }
  .articlePage .article-group h2 {
    margin-bottom: calc(16 * 100vw / 1366);
    padding-bottom: calc(9 * 100vw / 1366);
    border-bottom: calc(2 * 100vw / 1366) solid #802077;
    font-size: calc(24 * 100vw / 1366);
    line-height: 1;
  }
  .articlePage .article-group ul {
    display: flex;
    align-items: flex-start;
  }
  .articlePage .article-group ul li {
    margin-right: calc(40 * 100vw / 1366);
    width: 21.02%;
  }
  .articlePage .article-group ul li h3 {
    margin-bottom: calc(7 * 100vw / 1366);
    font-size: calc(18 * 100vw / 1366);
    line-height: calc(24 * 100vw / 1366);
  }
  .articlePage .article-group table {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .articlePage .article-group table th {
    background: #f2e8f1;
    text-align: left;
    font-weight: 700;
  }
  .articlePage .article-group table th,
  .articlePage .article-group table td {
    padding: calc(20 * 100vw / 1366) 0 calc(20 * 100vw / 1366) calc(20 * 100vw / 1366);
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: calc(16 * 100vw / 1366);
    line-height: 1;
  }
  .articlePage .article-group table th {
    width: 17.76%;
  }
  .articlePage .article-group .link {
    margin-bottom: calc(16 * 100vw / 1366);
    font-size: calc(18 * 100vw / 1366);
    line-height: calc(24 * 100vw / 1366);
  }
  .articlePage .article-group .link span {
    display: inline-block;
    margin-right: calc(20 * 100vw / 1366);
    font-size: calc(18 * 100vw / 1366);
    line-height: calc(24 * 100vw / 1366);
  }
  .articlePage .article-group .link a {
    font-size: calc(24 * 100vw / 1366);
    line-height: 1;
  }
  .articlePage .article-group p {
    padding-left: calc(17 * 100vw / 1366);
    font-size: calc(16 * 100vw / 1366);
    line-height: calc(24 * 100vw / 1366);
  }
  .articlePage .article-group p::before {
    margin: 0 calc(2 * 100vw / 1366) 0 calc(-15 * 100vw / 1366);
  }
}

#footerContacts {
  display: none !important;
}