@charset "UTF-8";
/* width */
/* color */
/* font-size */
.btn__goto_top {
  bottom: 30px;
}
@media screen and (max-width: 767.9px) {
  .btn__goto_top {
    bottom: 20px;
  }
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
  margin: 0;
}
.article p {
  margin: 0;
}
.article a:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .article a:hover {
    text-decoration: underline;
  }
}
.article button {
  font-family: inherit;
}
.article ul, .article ol, .article dl {
  margin: 0;
}
.article ul li, .article ol li {
  margin: 0;
  list-style: none;
}
.article ul > li > ul, .article ol > li > ol,
.article ol > li > ul, .article ul > li > ol {
  margin-top: 0;
}
.article dd {
  margin-left: 0;
}
.article img {
  width: 100%;
  height: auto;
}
.article .article__nav {
  position: relative;
  background: #085BA6;
}
.article .article__nav_prev,
.article .article__nav_next {
  display: none;
  position: absolute;
  top: 50%;
  right: 4px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: rgba(51, 51, 51, 0.8);
  transform: translateY(-50%);
  font-size: 0;
  opacity: 0.8;
}
.article .article__nav_prev::before, .article .article__nav_prev::after,
.article .article__nav_next::before,
.article .article__nav_next::after {
  content: "";
  position: absolute;
  right: 12px;
  top: calc(50% - 7px);
  width: 2px;
  height: 9px;
  border-radius: 3px;
  background: #fff;
  transform: rotate(-45deg);
}
.article .article__nav_prev::after,
.article .article__nav_next::after {
  top: calc(50% - 2px);
  transform: rotate(45deg);
}
.article .article__nav_prev.is-show,
.article .article__nav_next.is-show {
  display: block;
  animation: 0.2s linear 0s 1 normal forwards running show_anime;
}
.article .article__nav_prev {
  left: 4px;
  right: auto;
}
.article .article__nav_prev::before, .article .article__nav_prev::after {
  left: 12px;
  right: auto;
  transform: rotate(45deg);
}
.article .article__nav_prev::after {
  transform: rotate(-45deg);
}
.article .article__nav_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 8px;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
  overflow-x: auto;
}
@media screen and (max-width: 767.9px) {
  .article .article__nav_list {
    justify-content: flex-start;
    padding: 0 16px;
  }
}
.article .article__nav_list > li {
  width: calc((100% - 166px) / 5);
  padding: 6px 0;
}
@media screen and (max-width: 767.9px) {
  .article .article__nav_list > li {
    width: 100%;
  }
}
.article .article__nav_list > li.is-current a {
  background: #fff;
  color: #085BA6;
}
.article .article__nav_list a {
  display: block;
  padding: 4px 8px 3px;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__nav_list a {
    padding: 7px 8px 6px;
    font-size: 0.875rem;
    line-height: 1.6;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .article .article__nav_list a:hover {
    background: #fff;
    color: #085BA6;
    text-decoration: none;
  }
}
.article .article__nav_list .article__nav_top {
  width: 126px;
  box-sizing: border-box;
}
.article .article__nav_list .article__nav_top a {
  min-width: 126px;
  padding: 3px 8px 3px 34px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: url(/column/resource/img/icon_article_home.svg) no-repeat 8px center;
  font-size: 0.625rem;
  text-align: left;
  line-height: 1.4;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .article .article__nav_list .article__nav_top a:hover {
    background: #fff url(/column/resource/img/icon_article_home_current.svg) no-repeat 8px center;
  }
}
.article .article__nav_list .article__nav_top.is-current a {
  background: #fff url(/column/resource/img/icon_article_home_current.svg) no-repeat 8px center;
}
.article .article__breadcrumb {
  background: #E6E6E6;
}
.article .article__breadcrumb + .article__main .article__tag li {
  padding: 0;
  border: none;
}
.article .article__breadcrumb + .article__main .article__tag a {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #085BA6;
  border-radius: 12px;
  color: #085BA6;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .article .article__breadcrumb + .article__main .article__tag a:hover {
    background: #085BA6;
    color: #fff;
    text-decoration: none;
  }
}
.article .article__breadcrumb_list {
  display: flex;
  gap: 0 20px;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
  overflow-x: scroll;
  scrollbar-width: none;
}
@media screen and (max-width: 767.9px) {
  .article .article__breadcrumb_list {
    padding: 0 16px;
  }
}
.article .article__breadcrumb_list > li {
  position: relative;
  padding: 8px 0;
  font-size: 0.75rem;
  line-height: 1.5;
  list-style: none;
  white-space: nowrap;
}
@media screen and (max-width: 767.9px) {
  .article .article__breadcrumb_list > li {
    padding: 8px 0;
  }
}
.article .article__breadcrumb_list > li::before, .article .article__breadcrumb_list > li::after {
  content: "";
  position: absolute;
  right: -11px;
  top: 12px;
  width: 1px;
  height: 6px;
  background: #333;
  transform: rotate(-55deg);
}
.article .article__breadcrumb_list > li::after {
  top: 15px;
  transform: rotate(55deg);
}
.article .article__breadcrumb_list > li:last-child::before, .article .article__breadcrumb_list > li:last-child::after {
  display: none;
}
.article .article__breadcrumb_list a {
  display: block;
  color: #666;
  line-height: 1.5;
}
.article .article__main {
  padding: 40px 0 56px;
  background: #FFF9EB;
}
@media screen and (max-width: 767.9px) {
  .article .article__main {
    padding: 32px 0 40px;
  }
}
.article .article__section {
  padding-bottom: 0;
}
.article .article__section:has(+ .article__cv) {
  padding-bottom: 86px;
}
@media screen and (max-width: 767.9px) {
  .article .article__section:has(+ .article__cv) {
    padding-bottom: 70px;
  }
}
.article .article__inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 767.9px) {
  .article .article__inner {
    padding: 0 16px;
  }
}
.article .article__inner > *:last-child {
  margin-bottom: 0;
}
.article .article__heading_xlarge {
  margin-bottom: 24px;
  font-size: 2rem;
  line-height: 1.6;
}
@media screen and (max-width: 767.9px) {
  .article .article__heading_xlarge {
    margin-bottom: 20px;
    font-size: 1.5rem;
  }
}
.article .article__heading_large {
  position: relative;
  margin-top: 72px;
  margin-bottom: 48px;
  padding-left: 18px;
  font-size: 1.75rem;
  line-height: 1.6;
}
.article .article__heading_large::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  border-radius: 3px;
  background: #085BA6;
}
@media screen and (max-width: 767.9px) {
  .article .article__heading_large {
    margin-top: 56px;
    margin-bottom: 32px;
    font-size: 1.25rem;
  }
}
.article .article__heading_large:has(+ .article__text) {
  margin-bottom: 32px;
}
@media screen and (max-width: 767.9px) {
  .article .article__heading_large:has(+ .article__text) {
    margin-bottom: 24px;
  }
}
.article .article__heading_medium {
  position: relative;
  margin-top: 48px;
  margin-bottom: 24px;
  padding-bottom: 6px;
  font-size: 1.375rem;
  line-height: 1.6;
}
.article .article__heading_medium::before, .article .article__heading_medium::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px;
}
.article .article__heading_medium::before {
  width: 100%;
  background: #ccc;
}
.article .article__heading_medium::after {
  width: 88px;
  background: #085BA6;
}
@media screen and (max-width: 767.9px) {
  .article .article__heading_medium {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 1.125rem;
  }
}
.article .article__heading_small {
  margin-bottom: 8px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.8;
}
.article .article__heading_blue {
  color: #085BA6;
}
.article .article__text {
  margin-bottom: 32px;
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__text {
    margin-bottom: 24px;
  }
}
.article .article__text_xlarge {
  margin-bottom: 16px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__text_xlarge {
    font-size: 1.125rem;
  }
}
.article .article__text_large {
  margin-bottom: 32px;
  font-size: 1.125rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__text_large {
    margin-bottom: 24px;
  }
}
.article .article__text_small {
  margin-bottom: 32px;
  font-size: 0.875rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__text_small {
    margin-bottom: 24px;
  }
}
.article .article__text_xsmall {
  margin-bottom: 32px;
  font-size: 0.75rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__text_xsmall {
    margin-bottom: 24px;
  }
}
.article .article__text_emphasis {
  font-weight: bold;
}
.article .article__text_normal {
  font-weight: normal;
}
.article .article__text_image {
  margin-bottom: 16px;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 767.9px) {
  .article .article__text_image {
    margin-bottom: 8px;
  }
}
.article .article__link {
  position: relative;
  display: inline-block;
  padding-left: 24px;
}
.article .article__link::before, .article .article__link::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 7px;
  width: 1.6px;
  height: 8px;
  border-radius: 3px;
  background: #085BA6;
  transform: rotate(-45deg);
}
.article .article__link::after {
  top: 12px;
  transform: rotate(45deg);
}
.article .article__link + * {
  margin-top: 8px;
}
.article .article__link_external {
  position: relative;
}
.article .article__link_external::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 7px;
  background: url(/commons/img/icon_new_tab.svg) no-repeat;
  background-size: contain;
  vertical-align: -3px;
}
.article .article__link_pdf {
  position: relative;
}
.article .article__link_pdf::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  background: url(/column/resource/img/icon_article_pdf.svg) no-repeat;
  background-size: contain;
  vertical-align: -5px;
}
.article .article__link_right {
  position: relative;
  display: inline-block;
  padding-right: 24px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.6;
}
.article .article__link_right::before, .article .article__link_right::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 5px;
  width: 1.6px;
  height: 8px;
  border-radius: 3px;
  background: #fff;
  transform: rotate(-45deg);
}
.article .article__link_right::after {
  top: 10px;
  transform: rotate(45deg);
}
.article .article__link_reference {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
  font-size: 0.875rem;
  line-height: 1.6;
}
@media screen and (max-width: 767.9px) {
  .article .article__link_reference {
    margin-bottom: 24px;
  }
}
.article .article__link_reference dt {
  width: 3em;
}
.article .article__link_reference dd {
  width: calc(100% - 3em);
}
.article .article__link_reference dd + dt {
  margin-top: 8px;
}
.article .article__link_reference dd + dt + dd {
  margin-top: 8px;
}
.article .article__link_reference a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .article .article__link_reference a:hover {
    text-decoration: none;
  }
}
.article .article__link_reference .article__link_external::after {
  width: 15px;
  height: 15px;
  vertical-align: -2px;
}
.article *:has(+ .article__link_reference) {
  margin-bottom: 16px !important;
}
.article .article__button_primary {
  display: inline-block;
  position: relative;
  max-width: 100%;
  width: 400px;
  margin-bottom: 16px;
  padding: 14px 22px;
  border-radius: 28px;
  border: 1px solid #FFCE52;
  background: #FFCE52;
  color: #333;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  box-sizing: border-box;
}
.article .article__button_primary::before, .article .article__button_primary::after {
  content: "";
  position: absolute;
  right: 18px;
  top: calc(50% - 6px);
  width: 1.6px;
  height: 8px;
  border-radius: 3px;
  background: #333;
  transform: rotate(-45deg);
}
.article .article__button_primary::after {
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .article .article__button_primary:hover {
    background: #FFBC1F;
    text-decoration: none;
  }
}
.article .article__button_secondary {
  display: inline-block;
  position: relative;
  max-width: 100%;
  width: 400px;
  margin-bottom: 16px;
  padding: 14px 36px;
  border-radius: 28px;
  border: 1px solid #333;
  background: #fff;
  color: #333;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  box-sizing: border-box;
}
.article .article__button_secondary::before, .article .article__button_secondary::after {
  content: "";
  position: absolute;
  right: 18px;
  top: calc(50% - 6px);
  width: 1.6px;
  height: 8px;
  border-radius: 3px;
  background: #333;
  transform: rotate(-45deg);
}
.article .article__button_secondary::after {
  top: calc(50% - 1px);
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .article .article__button_secondary:hover {
    background: #F5F5F5;
    text-decoration: none;
  }
}
.article .article__button_category {
  display: block;
  position: relative;
  padding: 115px 32px 12px;
  border: 1px solid #ccc;
  border-radius: 12px;
  background: #fff;
  color: #333;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
  transition: background-color 0.3s;
}
@media screen and (max-width: 767.9px) {
  .article .article__button_category {
    padding: 92px 32px 8px;
    font-size: 1rem;
  }
}
.article .article__button_category::before, .article .article__button_category::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 25px;
  width: 1.6px;
  height: 8px;
  border-radius: 3px;
  background: #085BA6;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767.9px) {
  .article .article__button_category::before, .article .article__button_category::after {
    bottom: 21px;
  }
}
.article .article__button_category::after {
  bottom: 20px;
  transform: rotate(45deg);
}
@media screen and (max-width: 767.9px) {
  .article .article__button_category::after {
    bottom: 16px;
  }
}
@media screen and (min-width: 768px) {
  .article .article__button_category:hover {
    background-color: #F5F5F5;
    text-decoration: none;
  }
}
.article .article__button_free {
  display: inline-block;
  position: absolute;
  top: -11px;
  left: calc(50% - 142px);
  width: 52px;
}
@media screen and (max-width: 767.9px) {
  .article .article__button_free {
    left: calc(50% - 138px);
  }
}
.article .article__list_dot {
  margin-bottom: 32px;
}
@media screen and (max-width: 767.9px) {
  .article .article__list_dot {
    margin-bottom: 24px;
  }
}
.article .article__list_dot > li {
  position: relative;
  margin-left: 28px;
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1.8;
}
.article .article__list_dot > li:last-child {
  margin-bottom: 0;
}
.article .article__list_dot > li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: -18px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333;
}
.article .article__list_annotation {
  margin-bottom: 32px;
}
@media screen and (max-width: 767.9px) {
  .article .article__list_annotation {
    margin-bottom: 24px;
  }
}
.article .article__list_annotation > li {
  position: relative;
  margin-left: 18px;
  margin-bottom: 4px;
  font-size: 0.875rem;
  line-height: 1.6;
}
.article .article__list_annotation > li:last-child {
  margin-bottom: 0;
}
.article .article__list_annotation > li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: -18px;
}
.article *:has(+ .article__list_annotation) {
  margin-bottom: 8px !important;
}
.article .article__list_number {
  margin-bottom: 32px;
  counter-reset: listnum;
}
@media screen and (max-width: 767.9px) {
  .article .article__list_number {
    margin-bottom: 24px;
  }
}
.article .article__list_number > li {
  position: relative;
  margin-left: 28px;
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1.8;
}
.article .article__list_number > li:last-child {
  margin-bottom: 0;
}
.article .article__list_number > li::before {
  content: "";
  counter-increment: listnum;
  content: counter(listnum);
  position: absolute;
  top: 4px;
  left: -26px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #085BA6;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  line-height: 20px;
}
.article .article__table_wrap {
  position: relative;
  margin-bottom: 32px;
}
@media screen and (max-width: 767.9px) {
  .article .article__table_wrap {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767.9px) {
  .article .article__table_wrap[data-article=table] {
    max-width: 100vw;
    width: 100%;
    margin-bottom: 0;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 767.9px) {
  .article .article__table_wrap[data-article=table] .article__table {
    width: 800px;
    margin-bottom: 10px;
  }
}
.article .article__table_wrap[data-article=table] .article__table thead th {
  white-space: nowrap;
}
.article .article__table {
  width: 100%;
  border-radius: 12px;
  border-spacing: 0;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
}
.article .article__table thead th {
  padding: 12px 20px;
  border-right: 1px solid #fff;
  background: #085BA6;
  color: #fff;
  font-weight: bold;
}
.article .article__table thead th:last-child {
  border-right: 1px solid #085BA6;
}
.article .article__table tbody {
  overflow: hidden;
}
.article .article__table tbody th {
  padding: 12px 20px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #E5F5FB;
  font-weight: bold;
}
.article .article__table tbody td {
  padding: 12px 20px;
  border-right: 1px solid #C6E9FB;
  border-bottom: 1px solid #C6E9FB;
  overflow: hidden;
}
.article .article__table tbody tr:last-child th {
  border-bottom: 1px solid #E5F5FB;
}
.article .article__table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 12px;
}
.article .article__table tbody tr:last-child td:last-child {
  border-radius: 0 0 12px 0;
}
.article .article__table tbody:not(:has(th)) td:first-child {
  border-left: 1px solid #C6E9FB;
}
.article .article__table:not(:has(thead)) tbody tr:first-child td {
  border-top: 1px solid #C6E9FB;
}
.article .article__table:not(:has(thead)) tbody tr:first-child td:last-child {
  border-radius: 0 12px 0 0;
}
.article .article__table_swipe {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .article .article__table_swipe {
    width: 170px;
    height: 100px;
    padding: 15px;
    position: absolute;
    box-sizing: border-box;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    z-index: 2;
    pointer-events: none;
  }
}
.article .article__table_swipe_icon {
  width: 34px;
  margin-bottom: 10px;
}
.article .article__table_swipe_icon img {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: infinite;
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.article .article__table_swipe_text {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
}
.article .article__table_scroll {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .article .article__table_scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 24px;
    padding: 4px 0;
    border-radius: 4px;
    background: #ccc;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
.article .article__table_scroll::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.article .article__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.article .article__tag li {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #085BA6;
  border-radius: 12px;
  color: #085BA6;
  font-size: 0.875rem;
}
.article .article__date {
  display: flex;
  margin-bottom: 32px;
  color: #666;
  font-size: 0.875rem;
}
@media screen and (max-width: 767.9px) {
  .article .article__date {
    margin-bottom: 24px;
    font-size: 0.75rem;
  }
}
.article .article__date dd + dt {
  margin-left: 16px;
}
.article .article__kv {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 32px;
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 767.9px) {
  .article .article__kv {
    margin: 0 auto 24px;
  }
}
.article .article__image {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 32px;
}
@media screen and (max-width: 767.9px) {
  .article .article__image {
    margin: 0 auto 24px;
  }
}
.article .article__toc {
  margin-top: 56px;
  border: 1px solid #666;
  border-radius: 12px;
  background: #fff;
}
@media screen and (max-width: 767.9px) {
  .article .article__toc {
    margin-top: 40px;
  }
}
.article .article__toc_title {
  display: block;
  padding: 16px 32px;
  border-bottom: 1px dashed #666;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__toc_title {
    padding: 12px 20px;
    font-size: 1.125rem;
  }
}
.article .article__toc_contents {
  padding: 24px 32px;
}
@media screen and (max-width: 767.9px) {
  .article .article__toc_contents {
    padding: 16px 20px;
  }
}
.article .article__toc_list {
  margin-left: 24px;
}
.article .article__toc_list > li {
  margin-bottom: 24px;
  list-style: decimal;
  font-weight: bold;
}
@media screen and (max-width: 767.9px) {
  .article .article__toc_list > li {
    margin-bottom: 20px;
  }
}
.article .article__toc_list > li::marker {
  font-weight: normal;
}
.article .article__toc_list > li:last-child {
  margin-bottom: 0;
}
.article .article__toc_sublist > li {
  margin-top: 12px;
  font-weight: normal;
}
.article .article__box_gray {
  margin-bottom: 32px;
  padding: 20px;
  border-radius: 12px;
  background: #F5F5F5;
}
@media screen and (max-width: 767.9px) {
  .article .article__box_gray {
    margin-bottom: 24px;
  }
}
.article .article__box_border {
  margin-bottom: 32px;
  padding: 20px;
  border-radius: 12px;
  border: 2px solid #ccc;
}
@media screen and (max-width: 767.9px) {
  .article .article__box_border {
    margin-bottom: 24px;
  }
}
.article .article__box_dashed {
  margin-bottom: 32px;
  padding: 20px 0;
  border-top: 1px dashed #999;
  border-bottom: 1px dashed #999;
}
@media screen and (max-width: 767.9px) {
  .article .article__box_dashed {
    margin-bottom: 24px;
  }
}
.article .article__box_point {
  position: relative;
  margin-bottom: 32px;
  padding: 20px;
  border: 2px solid #5CA8EB;
  border-radius: 12px;
  background: #E5F5FB;
}
@media screen and (max-width: 767.9px) {
  .article .article__box_point {
    margin-bottom: 24px;
  }
}
.article *:has(+ .article__box_point) {
  margin-bottom: 44px !important;
}
.article .article__box_point_balloon {
  position: absolute;
  width: 80px;
  margin-top: -33px;
  padding-top: 1px;
  border-radius: 8px;
  background: #085BA6;
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
}
.article .article__box_point_balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 7px solid #085BA6;
}
.article .article__box_advice {
  position: relative;
  margin-top: 60px;
  margin-bottom: 32px;
  padding: 20px;
  border: 2px solid #FFBC1F;
  border-radius: 12px;
  background: #FFF4D1;
}
@media screen and (max-width: 767.9px) {
  .article .article__box_advice {
    margin-top: 44px;
    margin-bottom: 24px;
  }
}
.article .article__box_advice::before {
  content: "";
  position: absolute;
  top: -22px;
  right: 12px;
  width: 80px;
  height: 72px;
  background: url(/column/resource/img/icon_article_advice.png) no-repeat left top/80px 72px;
}
.article .article__box_advice_man::before {
  background: url(/column/resource/img/icon_article_advice_man.png) no-repeat left top/80px 72px;
}
.article .article__box_advice_balloon {
  position: absolute;
  width: 80px;
  margin-top: -33px;
  padding-top: 1px;
  border-radius: 8px;
  background: #FFBC1F;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
}
.article .article__box_advice_balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 7px solid #FFBC1F;
}
.article div[class^=article__box] > *:last-child {
  margin-bottom: 0;
}
.article .article__qa_heading {
  padding-left: 40px;
  margin-bottom: 24px;
  background: url(/column/resource/img/icon_article_question.svg) no-repeat left top/32px 32px;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 767.9px) {
  .article .article__qa_heading {
    min-height: 30px;
    margin-bottom: 16px;
    padding-top: 2px;
    font-size: 1.125rem;
  }
}
.article .article__qa_text {
  min-height: 32px;
  padding-left: 40px;
  margin-bottom: 48px;
  background: url(/column/resource/img/icon_article_answer.svg) no-repeat left top/32px 32px;
  font-size: 1rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__qa_text {
    margin-bottom: 32px;
  }
}
.article .article__qa_text p + p {
  margin-top: 32px;
}
@media screen and (max-width: 767.9px) {
  .article .article__qa_text p + p {
    margin-top: 24px;
  }
}
.article .article__supervision {
  margin-top: 72px;
}
@media screen and (max-width: 767.9px) {
  .article .article__supervision {
    margin-top: 56px;
  }
}
.article .article__supervision .article__box_gray {
  margin-bottom: 0;
}
.article .article__supervision_box {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.article .article__supervision_img {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
}
.article .article__supervision_name {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.8;
}
.article .article__supervision_job {
  display: block;
  margin-bottom: 4px;
  color: #666;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.6;
}
.article .article__related {
  padding: 72px 0 62px;
}
@media screen and (max-width: 767.9px) {
  .article .article__related {
    padding: 56px 0 36px;
  }
}
.article .article__related .article__tag {
  margin-bottom: 0;
  line-height: 1;
}
.article .article__related .article__tag li {
  display: inline-block;
  padding: 0 8px;
  border: 1px solid #085BA6;
  border-radius: 13px;
  color: #085BA6;
  font-size: 0.75rem;
  line-height: 1.5;
}
.article .article__related_heading {
  margin-bottom: 32px;
  font-size: 1.75rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .article .article__related_heading {
    margin-bottom: 24px;
    font-size: 1.25rem;
  }
}
.article .article__related_heading span {
  display: block;
  width: 145px;
  margin: 0 auto 8px;
  font-size: 0;
}
@media screen and (max-width: 767.9px) {
  .article .article__related_heading span {
    width: 110px;
  }
}
.article .article__footer:has(+ .article__footer_products) {
  display: flex;
  flex-direction: column;
}
.article .article__footer:has(+ .article__footer_products) div {
  order: 1;
}
.article .article__footer:has(+ .article__footer_products) .article__footer_cv {
  order: 0;
}
.article .article__footer_search {
  padding-top: 1px;
  padding-bottom: 56px;
  background: #9CD2F6;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_search {
    padding-bottom: 40px;
  }
}
.article .article__footer_cv {
  padding: 40px 0;
  background: #085BA6;
  text-align: center;
}
.article .article__footer_cv > *:last-child {
  margin-bottom: 0;
}
.article .article__footer_cv .article__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px 16px;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_cv .article__inner {
    flex-direction: column;
    align-items: center;
    gap: 20px 16px;
  }
}
.article .article__footer_cv a {
  max-width: 392px;
  width: calc(50% - 8px);
  margin-bottom: 0;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_cv a {
    max-width: 100%;
    width: 400px;
  }
}
.article .article__footer_cv_title {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_cv_title {
    margin-bottom: 20px;
    font-size: 1.125rem;
  }
}
.article .article__footer_cv_title::before {
  content: "";
  position: absolute;
  top: -14px;
  left: -70px;
  width: 55px;
  height: 55px;
  background: url(/column/resource/img/icon_article_pamphlet.svg) no-repeat center/100% auto;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_cv_title::before {
    top: -22px;
    left: -18px;
  }
}
.article .article__footer_cv_title::after {
  content: "";
  position: absolute;
  top: -6px;
  right: -55px;
  width: 50px;
  height: 50px;
  transform: rotate(5deg);
  background: url(/column/resource/img/icon_article_simulation.svg) no-repeat center/100% auto;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_cv_title::after {
    top: -18px;
    right: -14px;
  }
}
.article .article__footer_category {
  padding: 72px 0;
  background: #C6E9FB;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_category {
    padding: 56px 0;
  }
}
.article .article__footer_category .article__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article .article__footer_category_title {
  margin-bottom: 32px;
  padding-left: 44px;
  background: url(/column/resource/img/icon_article_category.svg) no-repeat left center/36px;
  font-size: 1.75rem;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_category_title {
    margin-bottom: 24px;
    padding-left: 40px;
    background: url(/column/resource/img/icon_article_category.svg) no-repeat left center/32px;
    font-size: 1.25rem;
  }
}
.article .article__footer_category_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  width: 100%;
}
.article .article__footer_category_list > li {
  width: calc((100% - 32px) / 3);
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_category_list > li {
    width: calc(50% - 8px);
  }
}
.article .article__footer_category_hoken > a {
  background: #fff url(/column/resource/img/img_article_category_hoken.png) no-repeat center 16px/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_category_hoken > a {
    background: #fff url(/column/resource/img/img_article_category_hoken.png) no-repeat center 12px/158px 72px;
  }
}
.article .article__footer_category_medical > a {
  background: #fff url(/column/resource/img/img_article_category_medical.png) no-repeat center 16px/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_category_medical > a {
    background: #fff url(/column/resource/img/img_article_category_medical.png) no-repeat center 12px/158px 72px;
  }
}
.article .article__footer_category_money > a {
  background: #fff url(/column/resource/img/img_article_category_money.png) no-repeat center 16px/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_category_money > a {
    background: #fff url(/column/resource/img/img_article_category_money.png) no-repeat center 12px/158px 72px;
  }
}
.article .article__footer_category_childcare > a {
  background: #fff url(/column/resource/img/img_article_category_childcare.png) no-repeat center 16px/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_category_childcare > a {
    background: #fff url(/column/resource/img/img_article_category_childcare.png) no-repeat center 12px/158px 72px;
  }
}
.article .article__footer_category_lifeplan > a {
  background: #fff url(/column/resource/img/img_article_category_lifeplan.png) no-repeat center 16px/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_category_lifeplan > a {
    background: #fff url(/column/resource/img/img_article_category_lifeplan.png) no-repeat center 12px/158px 72px;
  }
}
.article .article__footer_tag {
  padding: 72px 0;
  background: #E5F5FB;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_tag {
    padding: 56px 0;
  }
}
.article .article__footer_tag > *:last-child {
  margin-bottom: 0;
}
.article .article__footer_tag .article__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article .article__footer_tag .article__tag {
  justify-content: center;
}
.article .article__footer_tag .article__tag li {
  padding: 0;
  border: none;
}
.article .article__footer_tag .article__tag a {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #085BA6;
  border-radius: 12px;
  color: #085BA6;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .article .article__footer_tag .article__tag a:hover {
    background: #085BA6;
    color: #fff;
    text-decoration: none;
  }
}
.article .article__footer_tag_title {
  margin-bottom: 32px;
  padding-left: 44px;
  background: url(/column/resource/img/icon_article_tag.svg) no-repeat left center/36px;
  font-size: 1.75rem;
  text-align: left;
  line-height: 1.8;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_tag_title {
    margin-bottom: 24px;
    padding-left: 40px;
    background: url(/column/resource/img/icon_article_tag.svg) no-repeat left center/32px;
    font-size: 1.25rem;
  }
}
.article .article__footer_tag_more {
  display: none;
}
.article .article__footer_tag_more.is-show {
  display: flex;
}
.article .article__footer_tag_button {
  position: relative;
  margin-top: 12px;
  padding: 0 0 0 24px;
  border: 0;
  background: transparent;
  color: #085BA6;
  font-size: 1rem;
  line-height: 1.8;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_tag_button {
    margin-top: 8px;
  }
}
.article .article__footer_tag_button::before, .article .article__footer_tag_button::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 12px;
  width: 1.6px;
  height: 12px;
  border-radius: 3px;
  background: #085BA6;
}
.article .article__footer_tag_button::after {
  transform: rotate(90deg);
}
.article .article__footer_tag_button:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .article .article__footer_tag_button:hover {
    text-decoration: underline;
  }
}
.article .article__footer_tag_button.is-show::before {
  display: none;
}
.article .article__footer_products {
  padding: 56px 0;
  background: #fff;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_products {
    padding: 40px 0;
  }
}
.article .article__footer_products .article__text_xlarge {
  margin-bottom: 8px;
  font-size: 1.75rem;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_products .article__text_xlarge {
    font-size: 1.25rem;
  }
}
.article .article__footer_products .article__text {
  margin-bottom: 24px;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_products .article__text {
    margin-bottom: 16px;
  }
}
.article .article__footer_products_list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.article .article__footer_products_list > li {
  width: calc(33.3% - 10.5px);
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_products_list > li {
    width: calc(50% - 8px);
  }
}
.article .article__footer_products_list a {
  display: block;
  padding: 84px 0 20px;
  border-radius: 12px;
  background: #fff;
  color: #333;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .article .article__footer_products_list a {
    padding: 80px 0 16px;
  }
}
@media screen and (min-width: 768px) {
  .article .article__footer_products_list a:hover {
    background-color: #F5F5F5;
    text-decoration: none;
  }
}
.article .article__footer_products_syusin > a {
  border: 1px solid #EA5504;
  background: #fff url(/commons/img/icon_syushin.svg) no-repeat center 20px/56px;
}
.article .article__footer_products_yoro > a {
  border: 1px solid #0099DB;
  background: #fff url(/commons/img/icon_yoro.svg) no-repeat center 20px/56px;
}
.article .article__footer_products_teiki > a {
  border: 1px solid #7FCAF1;
  background: #fff url(/commons/img/icon_teiki01.svg) no-repeat center 20px/56px;
}
.article .article__footer_products_gaksi > a {
  border: 1px solid #F19CA6;
  background: #fff url(/commons/img/icon_gakushi.svg) no-repeat center 20px/56px;
}
.article .article__footer_products_choju > a {
  border: 1px solid #0094A8;
  background: #fff url(/commons/img/icon_chojyu.svg) no-repeat center 20px/56px;
}
.article .article__footer_products_tokuyaku > a {
  border: 1px solid #aaa;
  background: #fff url(/commons/img/icon_tokuyaku.svg) no-repeat center 20px/56px;
}
.article .article__cv {
  background: #085BA6;
}
.article .article__cv .article__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 24px 16px 16px;
  text-align: center;
}
.article .article__cv .article__button_primary {
  margin-bottom: 12px;
}
.article .article__cv_balloon {
  position: absolute;
  margin-top: -38px;
  padding: 1px 16px 0;
  border: 2px solid #085BA6;
  border-radius: 8px;
  background: #fff;
  color: #085BA6;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
}
.article .article__cv_balloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border: 7px solid transparent;
  border-top: 7px solid #fff;
}
.article .article__cv_title {
  position: relative;
  margin-bottom: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6;
}
.article .article__cv_title span {
  display: inline-block;
  margin: 0 2px;
  font-size: 1.5rem;
}
.article .article__cv_label {
  display: inline-block;
  margin-right: 2px;
  padding: 4px 6px;
  border-radius: 4px;
  background: #fff;
  font-size: 1rem;
  line-height: 1;
}
.article .article__cv_syusin .article__cv_balloon {
  border: 2px solid transparent;
  background: #EA5504;
  color: #fff;
}
.article .article__cv_syusin .article__cv_balloon::before {
  border-top: 7px solid #EA5504;
}
.article .article__cv_syusin .article__cv_label {
  border: 2px solid #EA5504;
}
.article .article__cv_yoro .article__cv_balloon {
  border: 2px solid transparent;
  background: #0099DB;
  color: #fff;
}
.article .article__cv_yoro .article__cv_balloon::before {
  border-top: 7px solid #0099DB;
}
.article .article__cv_yoro .article__cv_label {
  border: 2px solid #0099DB;
}
.article .article__cv_teiki .article__cv_balloon {
  border: 2px solid transparent;
  background: #7FCAF1;
  color: #333;
}
.article .article__cv_teiki .article__cv_balloon::before {
  border-top: 7px solid #7FCAF1;
}
.article .article__cv_teiki .article__cv_label {
  border: 2px solid #7FCAF1;
}
.article .article__cv_gaksi .article__cv_balloon {
  border: 2px solid transparent;
  background: #F19CA6;
  color: #333;
}
.article .article__cv_gaksi .article__cv_balloon::before {
  border-top: 7px solid #F19CA6;
}
.article .article__cv_gaksi .article__cv_label {
  border: 2px solid #F19CA6;
}
.article .article__cv_choju .article__cv_balloon {
  border: 2px solid transparent;
  background: #0094A8;
  color: #fff;
}
.article .article__cv_choju .article__cv_balloon::before {
  border-top: 7px solid #0094A8;
}
.article .article__cv_choju .article__cv_label {
  border: 2px solid #0094A8;
}
.article .article__cv_tokuyaku .article__cv_balloon {
  border: 2px solid transparent;
  background: #aaa;
  color: #333;
}
.article .article__cv_tokuyaku .article__cv_balloon::before {
  border-top: 7px solid #aaa;
}
.article .article__cv_tokuyaku .article__cv_label {
  border: 2px solid #aaa;
}
.article .article__cv_heart .article__cv_title::after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: -40px;
  width: 36px;
  height: 36px;
  background: url(/column/resource/img/icon_article_heart.svg) no-repeat center/100% auto;
}
@media screen and (max-width: 359.9px) {
  .article .article__cv_heart .article__cv_title::after {
    top: -10px;
    bottom: auto;
    right: 0;
  }
}
.article .article__cv_pamphlet .article__cv_title {
  font-size: 1.125rem;
}
.article .article__cv_pamphlet .article__cv_title::after {
  content: "";
  position: absolute;
  top: -2px;
  right: calc(50% - 160px);
  width: 46px;
  height: 46px;
  background: url(/column/resource/img/icon_article_pamphlet.svg) no-repeat center/100% auto;
  transform: rotate(30deg);
}
.article .article__cv_simulation .article__cv_title {
  font-size: 1.125rem;
}
.article .article__cv_simulation .article__cv_title::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -44px;
  width: 44px;
  height: 44px;
  background: url(/column/resource/img/icon_article_simulation.svg) no-repeat center/100% auto;
  transform: rotate(3deg);
}
.article .article__cv_sticky {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #085BA6;
  visibility: visible;
  z-index: 90;
  animation: 0.2s linear 0s 1 normal forwards running hide_anime;
}
.article .article__cv_sticky.is-fixed {
  display: block;
  animation: 0.2s linear 0s 1 normal forwards running show_anime;
}
.article .article__cv_sticky .article__inner {
  padding: 8px 16px 12px;
  text-align: center;
}
.article .article__cv_sticky .article__cv_title {
  margin-bottom: 4px;
  font-size: 0.875rem;
  line-height: 1.4;
}
.article .article__cv_sticky .article__cv_title span {
  font-size: 1.25rem;
}
.article .article__cv_sticky .article__button_primary {
  padding: 5px 36px;
  font-size: 0.875rem;
}
.article .article__cv_sticky .article__cv_label {
  padding: 3px 6px;
  font-size: 0.875rem;
}
@keyframes show_anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide_anime {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.article .article__related .column__article {
  display: flex;
  gap: 0 50px;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767.9px) {
  .article .article__related .column__article {
    flex-direction: column;
    margin-top: -16px;
  }
}
.article .article__related .column__article > li {
  width: calc(50% - 25px);
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px dashed #ccc;
  list-style: none;
}
@media screen and (max-width: 767.9px) {
  .article .article__related .column__article > li {
    gap: 16px;
    width: 100%;
    padding: 16px 0;
  }
}
.article .article__related .column__article > li:last-child {
  padding-bottom: 10px;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .article .article__related .column__article > li:nth-last-child(2):nth-child(odd) {
    padding-bottom: 10px;
    border-bottom: none;
  }
}
.article .article__related .column__article a {
  display: flex;
  gap: 24px;
  color: #333;
}
@media screen and (max-width: 767.9px) {
  .article .article__related .column__article a {
    gap: 16px;
  }
}
.article .article__related .column__article a:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .article .article__related .column__article a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) {
  .article .article__related .column__article a:hover .column__article_img img {
    transform: scale(1.06);
  }
}
@media screen and (min-width: 768px) {
  .article .article__related .column__article a:hover .column__article_title {
    text-decoration: underline;
  }
}
.article .article__related .column__article_img {
  width: 160px;
}
@media screen and (max-width: 767.9px) {
  .article .article__related .column__article_img {
    width: 128px;
  }
}
.article .article__related .column__article_date {
  margin-top: auto;
  margin-left: auto;
}
.article .column__article_unit {
  display: flex;
  flex-direction: column;
}
.article .column__article_img {
  flex: 0 0 auto;
  align-self: start;
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.article .column__article_img img {
  width: 100%;
  height: auto;
  transition: all 0.3s;
}
.article .column__article_title {
  margin-bottom: 8px;
  font-size: 0.875rem;
  line-height: 1.6;
}
.article .column__article_tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0;
}
.article .column__article_tag li {
  display: inline-block;
  margin: 0;
  padding: 0 8px;
  border: 1px solid #085BA6;
  border-radius: 12px;
  color: #085BA6;
  font-size: 0.75rem;
}
.article .column__article_date {
  color: #666;
  font-size: 0.75rem;
}
.article .column__media {
  padding-top: 48px;
  height: 648px;
  background: url(/column/resource/img/bg_column_media_pc.png) repeat-x center top;
  background-size: 2560px auto;
  box-sizing: border-box;
}
@media screen and (max-width: 767.9px) {
  .article .column__media {
    padding-top: 28px;
    height: 427px;
    background: url(/column/resource/img/bg_column_media_sp.png) repeat-x center top;
    background-size: 767px auto;
  }
}
.article .column__media_unit {
  padding: 56px 40px;
  border-radius: 40px;
  background: #FFF;
}
@media screen and (max-width: 767.9px) {
  .article .column__media_unit {
    max-width: 335px;
    margin: 0 auto;
    padding: 32px;
    border-radius: 24px;
  }
}
.article .column__media_img {
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767.9px) {
  .article .column__media_img {
    max-width: 271px;
  }
}
.article .column__media_text {
  margin-top: 30px;
  font-size: 1.125rem;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .article .column__media_text {
    margin-top: 24px;
    font-size: 1rem;
  }
}
.article .column__media_section {
  padding: 72px 0;
}
@media screen and (max-width: 767.9px) {
  .article .column__media_section {
    padding: 40px 0 56px;
  }
}
.article .column__category {
  padding: 56px 0 72px;
}
@media screen and (max-width: 767.9px) {
  .article .column__category {
    padding: 40px 0 56px;
  }
}
.article .column__category .column__article > li:nth-child(n+13) {
  display: none;
}
.article .column__category .column__article.is-show > li:nth-child(n+13) {
  display: block;
  animation: 0.2s linear 0s 1 normal forwards running show_anime;
}
.article .column__category_heading {
  margin-bottom: 32px;
  padding: 24px 0;
  border-bottom: 1px dashed #999;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_heading {
    margin-bottom: 24px;
    padding: 16px 0;
    font-size: 1.5rem;
  }
}
.article .column__category_heading span {
  color: #085BA6;
}
.article .column__category_heading.hoken {
  padding: 24px 200px 24px 0;
  background: #fff url(/column/resource/img/img_article_category_hoken.png) no-repeat right center/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_heading.hoken {
    padding: 16px 104px 16px 0;
    background: #fff url(/column/resource/img/img_article_category_hoken.png) no-repeat calc(100% + 24px) center/140px 64px;
  }
}
.article .column__category_heading.medical {
  padding: 24px 200px 24px 0;
  background: #fff url(/column/resource/img/img_article_category_medical.png) no-repeat right center/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_heading.medical {
    padding: 16px 104px 16px 0;
    background: #fff url(/column/resource/img/img_article_category_medical.png) no-repeat calc(100% + 24px) center/140px 64px;
  }
}
.article .column__category_heading.money {
  padding: 24px 200px 24px 0;
  background: #fff url(/column/resource/img/img_article_category_money.png) no-repeat right center/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_heading.money {
    padding: 16px 104px 16px 0;
    background: #fff url(/column/resource/img/img_article_category_money.png) no-repeat calc(100% + 24px) center/140px 64px;
  }
}
.article .column__category_heading.childcare {
  padding: 24px 200px 24px 0;
  background: #fff url(/column/resource/img/img_article_category_childcare.png) no-repeat right center/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_heading.childcare {
    padding: 16px 104px 16px 0;
    background: #fff url(/column/resource/img/img_article_category_childcare.png) no-repeat calc(100% + 24px) center/140px 64px;
  }
}
.article .column__category_heading.lifeplan {
  padding: 24px 200px 24px 0;
  background: #fff url(/column/resource/img/img_article_category_lifeplan.png) no-repeat right center/200px 91px;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_heading.lifeplan {
    padding: 16px 104px 16px 0;
    background: #fff url(/column/resource/img/img_article_category_lifeplan.png) no-repeat calc(100% + 24px) center/140px 64px;
  }
}
.article .column__category_lead {
  margin-bottom: 72px;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_lead {
    margin-bottom: 56px;
  }
}
.article .column__category_button {
  display: none;
  margin: 56px auto 0;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_button {
    margin: 48px auto 0;
  }
}
.article .column__category_button::before, .article .column__category_button::after {
  right: 27px;
  top: calc(50% - 6px);
  width: 1.6px;
  height: 12px;
  border-radius: 3px;
  transform: none;
}
@media screen and (max-width: 767.9px) {
  .article .column__category_button::before, .article .column__category_button::after {
    right: 22px;
  }
}
.article .column__category_button::after {
  top: calc(50% - 6px);
  transform: rotate(90deg);
}
.article .column__category_button.is-show {
  display: block;
}
.article .column__media_section .column__article,
.article .column__category .column__article {
  display: flex;
  gap: 48px 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767.9px) {
  .article .column__media_section .column__article,
  .article .column__category .column__article {
    gap: 40px 16px;
  }
}
.article .column__media_section .column__article > li,
.article .column__category .column__article > li {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 767.9px) {
  .article .column__media_section .column__article > li,
  .article .column__category .column__article > li {
    width: calc(50% - 8px);
  }
}
.article .column__media_section .column__article a,
.article .column__category .column__article a {
  color: #333;
}
.article .column__media_section .column__article a:hover,
.article .column__category .column__article a:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .article .column__media_section .column__article a:hover,
  .article .column__category .column__article a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) {
  .article .column__media_section .column__article a:hover .column__article_img img,
  .article .column__category .column__article a:hover .column__article_img img {
    transform: scale(1.06);
  }
}
@media screen and (min-width: 768px) {
  .article .column__media_section .column__article a:hover .column__article_title,
  .article .column__category .column__article a:hover .column__article_title {
    text-decoration: underline;
  }
}
.article .column__media_section .column__article_img,
.article .column__category .column__article_img {
  margin-bottom: 8px;
}
.article .column__media_section .column__article_title,
.article .column__category .column__article_title {
  font-weight: 600;
}
.article .column__media_section .column__article_tag,
.article .column__category .column__article_tag {
  margin-bottom: 8px;
}
.article .column__media_heading {
  display: block;
  margin: 0 auto 32px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .article .column__media_heading {
    margin: 0 auto 24px;
    font-size: 1.25rem;
  }
}
.article .column__media_heading span {
  display: inline-block;
  background: url(/column/resource/img/icon_article_new.svg) no-repeat left top;
  background-size: 40px;
  padding-left: 52px;
}
@media screen and (max-width: 767.9px) {
  .article .column__media_heading span {
    background-size: 32px;
    padding-left: 42px;
  }
}/*# sourceMappingURL=style.css.map */