@charset "UTF-8";

/* =========================================================
  category
========================================================= */

/* contentGpCategoryCategoryTypes
----------------------------------------------- */
.contentGpCategoryCategoryTypes section:not(:last-child) {
  margin-bottom: 20px;
}

.contentGpCategoryCategoryTypes h2 a {
  display: block;
  padding: 15px 30px 15px 20px;
  border: 1px solid var(--ac-color-blue-3);
  border-radius: 6px;
  background: url(/_themes/site/images/arrow-blue.svg) right 15px center no-repeat var(--ac-color-blue-3);
  font-weight: 700;
  font-size: 1.125rem;
}

.contentGpCategoryCategoryTypes h2 a:hover {
  opacity: 0.6;
}

/* contentGpCategoryCategoryType
----------------------------------------------- */
.contentGpCategoryCategoryType {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 24px;
}

.contentGpCategoryCategoryType section {
  flex-basis: calc((100% - 48px) / 3);
}

.contentGpCategoryCategoryType section h2 a {
  display: block;
  padding: 15px 30px 15px 20px;
  border: 1px solid var(--ac-color-blue-3);
  border-radius: 6px;
  background: url(/_themes/site/images/arrow-blue.svg) right 15px center no-repeat var(--ac-color-blue-3);
  font-weight: 700;
  font-size: 1.125rem;
}

.contentGpCategoryCategoryType section h2 a:hover {
  opacity: 0.6;
}

.contentGpCategoryCategoryType section ul {
  padding: 20px 8px 0;
}

.contentGpCategoryCategoryType section ul ul {
  padding-top: 8px;
}

@media only screen and (max-width: 767px) {
  .contentGpCategoryCategoryType {
    display: block;
  }

  .contentGpCategoryCategoryType section:not(:last-child) {
    margin-bottom: 20px;
  }
}

/* 目的：くらしの手続き */
.contentGpCategoryCategoryType.mokuteki {
  gap: 24px;
}

/* contentGpCategoryCategory
----------------------------------------------- */

/* news_1, kubun, mokuteki, mayor_docs_1, gikai_docs_1, shimin_docs_1, easy_docs_1
---------------------- */
.contentGpCategoryCategory .news_1 + *,
.contentGpCategoryCategory .mayor_docs_1 + *,
.contentGpCategoryCategory .gikai_docs_1 + *,
.contentGpCategoryCategory .shimin_docs_1 + *,
.contentGpCategoryCategory .easy_docs_1 + * {
  margin-top: 64px;
}

.contentGpCategoryCategory .news_1 .articleHeader,
.contentGpCategoryCategory .kubun .articleHeader,
.contentGpCategoryCategory .mokuteki .articleHeader,
.contentGpCategoryCategory .mayor_docs_1 .articleHeader,
.contentGpCategoryCategory .gikai_docs_1 .articleHeader,
.contentGpCategoryCategory .shimin_docs_1 .articleHeader,
.contentGpCategoryCategory .easy_docs_1 .articleHeader {
  display: flex;
  align-items: center;
  gap: 5px 30px;
}

.contentGpCategoryCategory .news_1 .articleHeader h2,
.contentGpCategoryCategory .kubun .articleHeader h2,
.contentGpCategoryCategory .mokuteki .articleHeader h2,
.contentGpCategoryCategory .mayor_docs_1 .articleHeader h2,
.contentGpCategoryCategory .gikai_docs_1 .articleHeader h2,
.contentGpCategoryCategory .shimin_docs_1 .articleHeader h2,
.contentGpCategoryCategory .easy_docs_1 .articleHeader h2 {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.75rem;
}

.contentGpCategoryCategory .news_1 div:has(a.more),
.contentGpCategoryCategory .kubun div:has(a.more),
.contentGpCategoryCategory .mokuteki div:has(a.more),
.contentGpCategoryCategory .mayor_docs_1 div:has(a.more),
.contentGpCategoryCategory .gikai_docs_1 div:has(a.more),
.contentGpCategoryCategory .shimin_docs_1 div:has(a.more),
.contentGpCategoryCategory .easy_docs_1 div:has(a.more) {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

.contentGpCategoryCategory .news_1 a.more,
.contentGpCategoryCategory .kubun a.more,
.contentGpCategoryCategory .mokuteki a.more,
.contentGpCategoryCategory .mayor_docs_1 a.more,
.contentGpCategoryCategory .gikai_docs_1 a.more,
.contentGpCategoryCategory .shimin_docs_1 a.more,
.contentGpCategoryCategory .easy_docs_1 a.more {
  min-width: 274px;
}

@media only screen and (max-width: 767px) {
  .contentGpCategoryCategory .news_1 + *,
  .contentGpCategoryCategory .mayor_docs_1 + *,
  .contentGpCategoryCategory .gikai_docs_1 + *,
  .contentGpCategoryCategory .shimin_docs_1 + *,
  .contentGpCategoryCategory .easy_docs_1 + * {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 534px) {
  .contentGpCategoryCategory .news_1 .articleHeader h2,
  .contentGpCategoryCategory .kubun .articleHeader h2,
  .contentGpCategoryCategory .mokuteki .articleHeader h2,
  .contentGpCategoryCategory .mayor_docs_1 .articleHeader h2,
  .contentGpCategoryCategory .gikai_docs_1 .articleHeader h2,
  .contentGpCategoryCategory .shimin_docs_1 .articleHeader h2,
  .contentGpCategoryCategory .easy_docs_1 .articleHeader h2 {
    font-size: 1.125rem;
  }
}

/* module docs_7, mayor_docs_7
---------------------- */
.contentGpCategoryCategory .docs_7,
.contentGpCategoryCategory .mayor_docs_7 {
  display: flex;
  flex-wrap: wrap;
  gap: 70px 40px;
}

.contentGpCategoryCategory .docs_7 section,
.contentGpCategoryCategory .mayor_docs_7 section {
  flex-basis: calc((100% - 40px) / 2);
}

.contentGpCategoryCategory .docs_7 h2,
.contentGpCategoryCategory .mayor_docs_7 h2 {
  padding: 15px 8px 15px 20px;
  border-bottom: 2px solid var(--ac-color-blue-1);
  background: var(--ac-color-blue-3);
  font-weight: 700;
  font-size: 1.125rem;
}

.contentGpCategoryCategory .docs_7 ul,
.contentGpCategoryCategory .mayor_docs_7 ul {
  padding: 15px 8px 0;
}

.contentGpCategoryCategory .docs_7 div:has(a.more),
.contentGpCategoryCategory .mayor_docs_7 div:has(a.more) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px 8px;
  padding-top: 22px;
}

.contentGpCategoryCategory .docs_7 div:has(a.more) a,
.contentGpCategoryCategory .mayor_docs_7 div:has(a.more) a {
  flex-grow: 1;
  min-width: 240px;
}

@media only screen and (max-width: 767px) {
  .contentGpCategoryCategory .docs_7,
  .contentGpCategoryCategory .mayor_docs_7 {
    flex-direction: column;
    gap: 30px;
  }

  .contentGpCategoryCategory .docs_7 section,
  .contentGpCategoryCategory .mayor_docs_7 section {
    flex-basis: 0;
    width: 100%;
  }
}

/* module docs_1
---------------------- */
.contentGpCategoryCategory .docs_1 .articleHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 9px 8px 9px 20px;
  border-bottom: 2px solid var(--ac-color-blue-1);
  background: var(--ac-color-blue-3);
}

.contentGpCategoryCategory .docs_1 .articleHeader h2 {
  font-weight: 700;
  font-size: 1.125rem;
}

.contentGpCategoryCategory .docs_1 div:has(a.more) {
  display: flex;
  justify-content: center;
  padding-top: 32px;
}

.contentGpCategoryCategory .docs_1 a.more {
  flex-grow: 1;
}

/* module docs_2
---------------------- */
/* 表示パターン1 */
/*
.contentGpCategoryCategory .docs_2 {
  margin-bottom: 30px;
}

.contentGpCategoryCategory .docs_2 ul:not(.feed) li {
  position: relative;
  padding: 15px 10px;
  border-bottom: 1px dotted #ccc;
}

.contentGpCategoryCategory .docs_2 ul:not(.feed) li a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: none;
}

.contentGpCategoryCategory .docs_2 ul:not(.feed) li .title_link {
  margin-right: 5px;
}
*/

/* 表示パターン2 */
.contentGpCategoryCategory .docs_2 {
  margin-bottom: 50px;
}

.contentGpCategoryCategory .docs_2 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 24px;
}

.contentGpCategoryCategory .docs_2 li {
  flex-grow: 1;
  flex-basis: calc((100% - 48px) / 3);
  position: relative;
  display: block;
  padding: 15px 30px 15px 20px;
  border: 1px solid var(--ac-color-blue-3);
  border-radius: 6px;
  background: url(/_themes/site/images/arrow-blue.svg) right 15px center no-repeat var(--ac-color-blue-3);
  font-weight: 700;
  font-size: 1.125rem;
}

.contentGpCategoryCategory .docs_2 li:hover {
  opacity: 0.6;
}

.contentGpCategoryCategory .docs_2 li a {
  margin-right: 5px;
}

.contentGpCategoryCategory .docs_2 li a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: none;
}

.contentGpCategoryCategory .docs_2 li .date-wrapper {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .contentGpCategoryCategory .docs_2 {
    margin-bottom: 30px;
  }

  .contentGpCategoryCategory .docs_2 ul {
    display: block;
  }

  .contentGpCategoryCategory .docs_2 li:not(:last-child) {
    margin-bottom: 20px;
  }
}

/* module faq
---------------------- */
.contentGpCategoryCategory section ~ .faq {
  margin-top: 64px;
}

.contentGpCategoryCategory .faq .articleHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 9px 8px 9px 50px;
  border: 1px solid var(--mono-color-7);
  background: url(/_themes/site/images/ic-faq.svg) 10px center no-repeat var(--mono-color-7);
}

.contentGpCategoryCategory .faq .articleHeader h2 {
  font-weight: 700;
  font-size: 1.125rem;
}

.contentGpCategoryCategory .faq div:has(a.more) {
  display: flex;
  justify-content: center;
  padding-top: 32px;
}

.contentGpCategoryCategory .faq div:has(a.more) {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

.contentGpCategoryCategory .faq a.more {
  min-width: 274px;
}

@media only screen and (max-width: 767px) {
  .contentGpCategoryCategory section ~ .faq {
    margin-top: 40px;
  }
}

/* common elements
----------------------------------------------- */

/* docs border */
.contentGpCategoryCategory .news_1 ul:not(.feed) li,
.contentGpCategoryCategory .docs_1 ul:not(.feed) li,
.contentGpCategoryCategory .faq ul:not(.feed) li,
.contentGpCategoryCategory .kubun ul:not(.feed) li,
.contentGpCategoryCategory .mokuteki ul:not(.feed) li,
.contentGpCategoryCategory .mayor_docs_1 ul:not(.feed) li,
.contentGpCategoryCategory .gikai_docs_1 ul:not(.feed) li,
.contentGpCategoryCategory .shimin_docs_1 ul:not(.feed) li,
.contentGpCategoryCategory .easy_docs_1 ul:not(.feed) li {
  display: flex;
  gap: 0 16px;
  position: relative;
  padding: 15px 0;
  border-bottom: 1px dotted #ccc;
}

.contentGpCategoryCategory .news_1 ul:not(.feed) li a::before,
.contentGpCategoryCategory .docs_1 ul:not(.feed) li a::before,
.contentGpCategoryCategory .faq ul:not(.feed) li a::before,
.contentGpCategoryCategory .kubun ul:not(.feed) li a::before,
.contentGpCategoryCategory .mokuteki ul:not(.feed) li a::before,
.contentGpCategoryCategory .mayor_docs_1 ul:not(.feed) li a::before,
.contentGpCategoryCategory .gikai_docs_1 ul:not(.feed) li a::before,
.contentGpCategoryCategory .shimin_docs_1 ul:not(.feed) li a::before,
.contentGpCategoryCategory .easy_docs_1 ul:not(.feed) li a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: none;
}

.contentGpCategoryCategory .news_1 ul:not(.feed) li .update_date,
.contentGpCategoryCategory .docs_1 ul:not(.feed) li .update_date,
.contentGpCategoryCategory .faq ul:not(.feed) li .update_date,
.contentGpCategoryCategory .kubun ul:not(.feed) li .update_date,
.contentGpCategoryCategory .mokuteki ul:not(.feed) li .update_date,
.contentGpCategoryCategory .mayor_docs_1 ul:not(.feed) li .update_date,
.contentGpCategoryCategory .gikai_docs_1 ul:not(.feed) li .update_date,
.contentGpCategoryCategory .shimin_docs_1 ul:not(.feed) li .update_date,
.contentGpCategoryCategory .easy_docs_1 ul:not(.feed) li {
  flex-shrink: 0;
}

@media only screen and (max-width: 534px) {
  .contentGpCategoryCategory .news_1 ul:not(.feed) li,
  .contentGpCategoryCategory .docs_1 ul:not(.feed) li,
  .contentGpCategoryCategory .faq ul:not(.feed) li,
  .contentGpCategoryCategory .kubun ul:not(.feed) li,
  .contentGpCategoryCategory .mokuteki ul:not(.feed) li,
  .contentGpCategoryCategory .mayor_docs_1 ul:not(.feed) li,
  .contentGpCategoryCategory .gikai_docs_1 ul:not(.feed) li,
  .contentGpCategoryCategory .shimin_docs_1 ul:not(.feed) li,
  .contentGpCategoryCategory .easy_docs_1 ul:not(.feed) li {
    flex-direction: column;
  }
}

/* docs icon */
.contentGpCategoryCategoryType section li,
.contentGpCategoryCategory .docs_7 ul li,
.contentGpCategoryCategory .mayor_docs_7 ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 15px;
}

.contentGpCategoryCategoryType section li::before,
.contentGpCategoryCategory .docs_7 ul li::before,
.contentGpCategoryCategory .mayor_docs_7 ul li::before {
  content: "";
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #50c86e;
}

/* date-wrapper */
/*
li:has(.date-wrapper) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 5px;
}
*/

.date-wrapper {
  color: var(--mono-color-2);
  font-size: 0.875rem;
}

.date-wrapper::before {
  content: "(";
}

.date-wrapper::after {
  content: ")";
}

/* more btn, top btn */
.contentGpCategoryCategory .mayor_docs_7 a.more,
.contentGpCategoryCategory .docs_7 a.more,
.contentGpCategoryCategory .docs_7 a.top,
.contentGpCategoryCategory .docs_1 a.more,
.contentGpCategoryCategory .docs_1 a.top {
  max-width: 286px;
  border: 1px solid #b5b5b5;
  border-radius: 30px;
  text-decoration: underline;
  text-align: center;
  outline-offset: -4px;
  transition: all 0.25s ease-in-out;
}

.contentGpCategoryCategory .mayor_docs_7 a.more:hover,
.contentGpCategoryCategory .docs_7 a.more:hover,
.contentGpCategoryCategory .docs_7 a.top:hover,
.contentGpCategoryCategory .docs_1 a.more:hover,
.contentGpCategoryCategory .docs_1 a.top:hover {
  background-color: #b5b5b5;
  text-decoration: none;
}

.contentGpCategoryCategory .mayor_docs_7 a.more,
.contentGpCategoryCategory .docs_7 a.more,
.contentGpCategoryCategory .docs_1 a.more {
  padding: 10px 45px;
  background: url(/_themes/site/images/ic-docs.svg) 18px center no-repeat var(--mono-color-9);
}

.contentGpCategoryCategory .docs_7 a.top,
.contentGpCategoryCategory .docs_1 a.top {
  background: url(/_themes/site/images/ic-tetsuzuki.svg) 16px center no-repeat var(--mono-color-9);
}

.contentGpCategoryCategory .docs_7 a.top {
  padding: 10px 25px 10px 58px;
}

.contentGpCategoryCategory .docs_1 a.top {
  padding: 5px 18px 5px 58px;
}

@media only screen and (max-width: 534px) {
  .contentGpCategoryCategory .docs_1 a.top {
    padding-left: 30px;
    background-position: 8px center;
    background-size: 20px auto;
    font-size: 0.8125rem;
  }
}

/* category-header
----------------------------------------------- */
#pageTitle h1:has(a.top) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 20px;
}

#pageTitle h1 a.top {
  flex-shrink: 0;
  display: block;
  padding: 10px 30px 10px 64px;
  border: 1px solid #b5b5b5;
  border-radius: 30px;
  background: url(/_themes/site/images/ic-tetsuzuki.svg) 16px center no-repeat var(--mono-color-9);
  font-size: 1rem;
  text-decoration: underline;
  text-align: center;
  outline-offset: -4px;
  transition: all 0.25s ease-in-out;
}

#pageTitle h1 a.top:hover {
  background-color: #b5b5b5;
  text-decoration: none;
}

@media only screen and (max-width: 959px) {
  #pageTitle h1 a.top {
    padding: 5px 12px 5px 40px;
    background-position: 12px center;
    background-size: 22px auto;
  }
}

@media only screen and (max-width: 534px) {
  #pageTitle h1:has(a.top) {
    justify-content: space-between;
    margin-left: auto;
  }

  #pageTitle h1 a.top {
    padding: 5px 10px 5px 25px;
    background-position: 8px center;
    background-size: 12px auto;
    font-size: 0.8125rem;
  }
}