:root {
  --vw: 1vw;
}

/* CSS Document */
/* ---------------------------------------------------------
#page-topics
----------------------------------------------------------*/
#page-topics .block,
#page-topics .block a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #page-topics .block,
#page-topics .block a {
    display: block;
  }
}
#page-topics .block {
  width: 1240px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  #page-topics .block {
    width: calc(93.3333333333 * var(--vw));
    padding-bottom: calc(5.3333333333 * var(--vw));
    margin-top: calc(5.3333333333 * var(--vw));
  }
}
#page-topics .block:nth-child(2) {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #page-topics .block:nth-child(2) {
    margin-top: calc(8.2666666667 * var(--vw));
  }
}
#page-topics .pic {
  width: 300px;
  border-radius: 3px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #page-topics .pic {
    width: 100%;
    border-radius: calc(0.8 * var(--vw));
  }
}
#page-topics .right-col {
  width: 910px;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  #page-topics .right-col {
    width: 100%;
    text-align: center;
    padding-top: calc(5.3333333333 * var(--vw));
  }
}
#page-topics .txt-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  #page-topics .txt-date {
    height: calc(5.3333333333 * var(--vw));
    font-size: 1.2rem;
    line-height: 1;
  }
}
#page-topics .is-new .txt-date::after {
  content: "NEW";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1em;
  background-color: #AD0000;
  border-radius: 4px;
  padding: 1px 7px 1px 8px;
  margin-left: 11px;
}
@media screen and (max-width: 768px) {
  #page-topics .is-new .txt-date::after {
    height: calc(5.3333333333 * var(--vw));
    font-size: 1.2rem;
    padding: calc(0.2666666667 * var(--vw)) calc(1.8666666667 * var(--vw)) calc(0.2666666667 * var(--vw)) calc(2.1333333333 * var(--vw));
    border-radius: calc(1.0666666667 * var(--vw));
    margin-left: calc(2.6666666667 * var(--vw));
  }
}
#page-topics h2 {
  font-family: "Noto Serif SC", serif;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-top: 13px;
}
@media screen and (max-width: 768px) {
  #page-topics h2 {
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.875;
    margin-top: calc(1.6 * var(--vw));
  }
}
#page-topics .txt {
  font-size: 1.4rem;
  line-height: 2.1428571429;
  letter-spacing: 0.1em;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  #page-topics .txt {
    font-size: 1.3rem;
    text-align: left;
    line-height: 2.3076923077;
    margin-top: calc(3.2 * var(--vw));
  }
}
#page-topics .btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 18px;
  padding: 0 35px 0 36px;
  border: 1px solid #7B7B7B;
  margin-top: 31px;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
@media screen and (max-width: 768px) {
  #page-topics .btn {
    height: calc(9.6 * var(--vw));
    font-size: 1.4rem;
    border-radius: calc(4.8 * var(--vw));
    padding: 0 calc(9.6 * var(--vw));
    margin: calc(4.8 * var(--vw)) auto 0;
  }
}
#page-topics .btn::before, #page-topics .btn::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  width: 16px;
  height: 6px;
  background: url(../img/common/icon_arrow_small_black.svg) no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  #page-topics .btn::before, #page-topics .btn::after {
    top: calc(3.7333333333 * var(--vw));
    right: calc(3.7333333333 * var(--vw));
    width: calc(4.2666666667 * var(--vw));
    height: calc(1.6 * var(--vw));
  }
}
#page-topics .btn::after {
  background-image: url(../img/common/icon_arrow_small_gold.svg);
  opacity: 0;
}
@media print, screen and (min-width: 769px) {
  #page-topics .block a:hover .btn {
    color: #B79100;
    background-color: #F4F5EF;
    border-color: #B79100;
  }
  #page-topics .block a:hover .btn::before {
    opacity: 0;
  }
  #page-topics .block a:hover .btn::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  #page-topics .block a.is-hover .btn {
    color: #B79100;
    background-color: #F4F5EF;
    border-color: #B79100;
  }
  #page-topics .block a.is-hover .btn::before {
    opacity: 0;
  }
  #page-topics .block a.is-hover .btn::after {
    opacity: 1;
  }
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRvcGljc19lbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEiLCJmaWxlIjoidG9waWNzX2VuLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgLS12dzogMXZ3O1xufVxuXG4vKiBDU1MgRG9jdW1lbnQgKi9cbi8qIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuI3BhZ2UtdG9waWNzXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tKi9cbiNwYWdlLXRvcGljcyAuYmxvY2ssXG4jcGFnZS10b3BpY3MgLmJsb2NrIGEge1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgZGlzcGxheTogLW1zLWZsZXhib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICAtd2Via2l0LWJveC1wYWNrOiBqdXN0aWZ5O1xuICAgICAgLW1zLWZsZXgtcGFjazoganVzdGlmeTtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAjcGFnZS10b3BpY3MgLmJsb2NrLFxuI3BhZ2UtdG9waWNzIC5ibG9jayBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuI3BhZ2UtdG9waWNzIC5ibG9jayB7XG4gIHdpZHRoOiAxMjQwcHg7XG4gIHBhZGRpbmctYm90dG9tOiAzMHB4O1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2NjYztcbiAgbWFyZ2luOiAzMHB4IGF1dG8gMDtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICNwYWdlLXRvcGljcyAuYmxvY2sge1xuICAgIHdpZHRoOiBjYWxjKDkzLjMzMzMzMzMzMzMgKiB2YXIoLS12dykpO1xuICAgIHBhZGRpbmctYm90dG9tOiBjYWxjKDUuMzMzMzMzMzMzMyAqIHZhcigtLXZ3KSk7XG4gICAgbWFyZ2luLXRvcDogY2FsYyg1LjMzMzMzMzMzMzMgKiB2YXIoLS12dykpO1xuICB9XG59XG4jcGFnZS10b3BpY3MgLmJsb2NrOm50aC1jaGlsZCgyKSB7XG4gIG1hcmdpbi10b3A6IDUwcHg7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAjcGFnZS10b3BpY3MgLmJsb2NrOm50aC1jaGlsZCgyKSB7XG4gICAgbWFyZ2luLXRvcDogY2FsYyg4LjI2NjY2NjY2NjcgKiB2YXIoLS12dykpO1xuICB9XG59XG4jcGFnZS10b3BpY3MgLnBpYyB7XG4gIHdpZHRoOiAzMDBweDtcbiAgYm9yZGVyLXJhZGl1czogM3B4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgI3BhZ2UtdG9waWNzIC5waWMge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6IGNhbGMoMC44ICogdmFyKC0tdncpKTtcbiAgfVxufVxuI3BhZ2UtdG9waWNzIC5yaWdodC1jb2wge1xuICB3aWR0aDogOTEwcHg7XG4gIHBhZGRpbmctdG9wOiAxMHB4O1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgI3BhZ2UtdG9waWNzIC5yaWdodC1jb2wge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyg1LjMzMzMzMzMzMzMgKiB2YXIoLS12dykpO1xuICB9XG59XG4jcGFnZS10b3BpY3MgLnR4dC1kYXRlIHtcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xuICBkaXNwbGF5OiBmbGV4O1xuICAtd2Via2l0LWJveC1hbGlnbjogY2VudGVyO1xuICAgICAgLW1zLWZsZXgtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6IDIwcHg7XG4gIGZvbnQtc2l6ZTogMS40cmVtO1xuICBsZXR0ZXItc3BhY2luZzogMC4xZW07XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgI3BhZ2UtdG9waWNzIC50eHQtZGF0ZSB7XG4gICAgaGVpZ2h0OiBjYWxjKDUuMzMzMzMzMzMzMyAqIHZhcigtLXZ3KSk7XG4gICAgZm9udC1zaXplOiAxLjJyZW07XG4gICAgbGluZS1oZWlnaHQ6IDE7XG4gIH1cbn1cbiNwYWdlLXRvcGljcyAuaXMtbmV3IC50eHQtZGF0ZTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIk5FV1wiO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgZGlzcGxheTogLW1zLWZsZXhib3g7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIC13ZWJraXQtYm94LXBhY2s6IGNlbnRlcjtcbiAgICAgIC1tcy1mbGV4LXBhY2s6IGNlbnRlcjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgLXdlYmtpdC1ib3gtYWxpZ246IGNlbnRlcjtcbiAgICAgIC1tcy1mbGV4LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAyMHB4O1xuICBmb250LXNpemU6IDEuMnJlbTtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIGNvbG9yOiAjZmZmO1xuICBsZXR0ZXItc3BhY2luZzogMC4xZW07XG4gIGJhY2tncm91bmQtY29sb3I6ICNBRDAwMDA7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgcGFkZGluZzogMXB4IDdweCAxcHggOHB4O1xuICBtYXJnaW4tbGVmdDogMTFweDtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICNwYWdlLXRvcGljcyAuaXMtbmV3IC50eHQtZGF0ZTo6YWZ0ZXIge1xuICAgIGhlaWdodDogY2FsYyg1LjMzMzMzMzMzMzMgKiB2YXIoLS12dykpO1xuICAgIGZvbnQtc2l6ZTogMS4ycmVtO1xuICAgIHBhZGRpbmc6IGNhbGMoMC4yNjY2NjY2NjY3ICogdmFyKC0tdncpKSBjYWxjKDEuODY2NjY2NjY2NyAqIHZhcigtLXZ3KSkgY2FsYygwLjI2NjY2NjY2NjcgKiB2YXIoLS12dykpIGNhbGMoMi4xMzMzMzMzMzMzICogdmFyKC0tdncpKTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKDEuMDY2NjY2NjY2NyAqIHZhcigtLXZ3KSk7XG4gICAgbWFyZ2luLWxlZnQ6IGNhbGMoMi42NjY2NjY2NjY3ICogdmFyKC0tdncpKTtcbiAgfVxufVxuI3BhZ2UtdG9waWNzIGgyIHtcbiAgZm9udC1mYW1pbHk6IFwiTm90byBTZXJpZiBKUFwiLCBzZXJpZjtcbiAgZm9udC1zaXplOiAxLjhyZW07XG4gIGxldHRlci1zcGFjaW5nOiAwLjFlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgbWFyZ2luLXRvcDogMTNweDtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICNwYWdlLXRvcGljcyBoMiB7XG4gICAgZm9udC1zaXplOiAxLjZyZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBsaW5lLWhlaWdodDogMS44NzU7XG4gICAgbWFyZ2luLXRvcDogY2FsYygxLjYgKiB2YXIoLS12dykpO1xuICB9XG59XG4jcGFnZS10b3BpY3MgLnR4dCB7XG4gIGZvbnQtc2l6ZTogMS40cmVtO1xuICBsaW5lLWhlaWdodDogMi4xNDI4NTcxNDI5O1xuICBsZXR0ZXItc3BhY2luZzogMC4xZW07XG4gIG1hcmdpbi10b3A6IDE1cHg7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAjcGFnZS10b3BpY3MgLnR4dCB7XG4gICAgZm9udC1zaXplOiAxLjNyZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBsaW5lLWhlaWdodDogMi4zMDc2OTIzMDc3O1xuICAgIG1hcmdpbi10b3A6IGNhbGMoMy4yICogdmFyKC0tdncpKTtcbiAgfVxufVxuI3BhZ2UtdG9waWNzIC5idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IC13ZWJraXQtaW5saW5lLWJveDtcbiAgZGlzcGxheTogLW1zLWlubGluZS1mbGV4Ym94O1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgLXdlYmtpdC1ib3gtcGFjazogY2VudGVyO1xuICAgICAgLW1zLWZsZXgtcGFjazogY2VudGVyO1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAtd2Via2l0LWJveC1hbGlnbjogY2VudGVyO1xuICAgICAgLW1zLWZsZXgtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBoZWlnaHQ6IDM2cHg7XG4gIGZvbnQtc2l6ZTogMS40cmVtO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsZXR0ZXItc3BhY2luZzogMC4xZW07XG4gIGJvcmRlci1yYWRpdXM6IDE4cHg7XG4gIHBhZGRpbmc6IDAgMzVweCAwIDM2cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICM3QjdCN0I7XG4gIG1hcmdpbi10b3A6IDMxcHg7XG4gIC13ZWJraXQtdHJhbnNpdGlvbjogY29sb3IgMC4zcywgYmFja2dyb3VuZCAwLjNzLCBib3JkZXItY29sb3IgMC4zcztcbiAgdHJhbnNpdGlvbjogY29sb3IgMC4zcywgYmFja2dyb3VuZCAwLjNzLCBib3JkZXItY29sb3IgMC4zcztcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICNwYWdlLXRvcGljcyAuYnRuIHtcbiAgICBoZWlnaHQ6IGNhbGMoOS42ICogdmFyKC0tdncpKTtcbiAgICBmb250LXNpemU6IDEuNHJlbTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKDQuOCAqIHZhcigtLXZ3KSk7XG4gICAgcGFkZGluZzogMCBjYWxjKDkuNiAqIHZhcigtLXZ3KSk7XG4gICAgbWFyZ2luOiBjYWxjKDQuOCAqIHZhcigtLXZ3KSkgYXV0byAwO1xuICB9XG59XG4jcGFnZS10b3BpY3MgLmJ0bjo6YmVmb3JlLCAjcGFnZS10b3BpY3MgLmJ0bjo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMTRweDtcbiAgcmlnaHQ6IDE0cHg7XG4gIHdpZHRoOiAxNnB4O1xuICBoZWlnaHQ6IDZweDtcbiAgYmFja2dyb3VuZDogdXJsKC4uL2ltZy9jb21tb24vaWNvbl9hcnJvd19zbWFsbF9ibGFjay5zdmcpIG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAtd2Via2l0LXRyYW5zaXRpb246IG9wYWNpdHkgMC4zcztcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjNzO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgI3BhZ2UtdG9waWNzIC5idG46OmJlZm9yZSwgI3BhZ2UtdG9waWNzIC5idG46OmFmdGVyIHtcbiAgICB0b3A6IGNhbGMoMy43MzMzMzMzMzMzICogdmFyKC0tdncpKTtcbiAgICByaWdodDogY2FsYygzLjczMzMzMzMzMzMgKiB2YXIoLS12dykpO1xuICAgIHdpZHRoOiBjYWxjKDQuMjY2NjY2NjY2NyAqIHZhcigtLXZ3KSk7XG4gICAgaGVpZ2h0OiBjYWxjKDEuNiAqIHZhcigtLXZ3KSk7XG4gIH1cbn1cbiNwYWdlLXRvcGljcyAuYnRuOjphZnRlciB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi9pbWcvY29tbW9uL2ljb25fYXJyb3dfc21hbGxfZ29sZC5zdmcpO1xuICBvcGFjaXR5OiAwO1xufVxuQG1lZGlhIHByaW50LCBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OXB4KSB7XG4gICNwYWdlLXRvcGljcyAuYmxvY2sgYTpob3ZlciAuYnRuIHtcbiAgICBjb2xvcjogI0I3OTEwMDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjRGNUVGO1xuICAgIGJvcmRlci1jb2xvcjogI0I3OTEwMDtcbiAgfVxuICAjcGFnZS10b3BpY3MgLmJsb2NrIGE6aG92ZXIgLmJ0bjo6YmVmb3JlIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gICNwYWdlLXRvcGljcyAuYmxvY2sgYTpob3ZlciAuYnRuOjphZnRlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgI3BhZ2UtdG9waWNzIC5ibG9jayBhLmlzLWhvdmVyIC5idG4ge1xuICAgIGNvbG9yOiAjQjc5MTAwO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNGNEY1RUY7XG4gICAgYm9yZGVyLWNvbG9yOiAjQjc5MTAwO1xuICB9XG4gICNwYWdlLXRvcGljcyAuYmxvY2sgYS5pcy1ob3ZlciAuYnRuOjpiZWZvcmUge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgI3BhZ2UtdG9waWNzIC5ibG9jayBhLmlzLWhvdmVyIC5idG46OmFmdGVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59Il19 */