@charset "UTF-8";
/*
	@include sc(pc) {
		width: 100%;
	}
	@include sc(sp) {
		width: 50%;
	}
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*
@mixin f_roboto($weight:400) {
	font-family: 'Roboto',"游ゴシック","游ゴシック体","Yu Gothic",YuGothic, sans-serif;
	font-weight:$weight;
}
Robotoフォント設定
400：Regular（デフォルト）
500：Medium
700：Bold
*/
/*
	$weight:フォントの太さ

	@include f_min();
	@include f_min(500);
	@include f_min(600);
*/
/*
	$weight:フォントの太さ

	@includef_shuei();
	@includef_shuei(600);
*/
/*
	$color:色指定
	$stripe:線サイズ
	$spacing:線の空きサイズ
	$height:太さ

	@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
@media screen and (max-width: 640px) {
  .topics {
    margin-bottom: 1.13rem;
    padding-inline: 0.2rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics {
    margin-bottom: 1.94rem;
  }
}

.topic_list {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 640px) {
  .topic_list {
    margin-bottom: 0.45rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic_list {
    margin-bottom: 0.78rem;
  }
}

@media screen and (max-width: 640px) {
  .topic {
    display: -ms-grid;
    display: grid;
    column-gap: 0.2rem;
        grid-template-areas: "a c" "b c";
    padding: 0.15rem 0.1rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic {
    align-items: flex-start;
    display: flex;
    min-height: 0.95rem;
    padding: 0.14rem 0.2rem;
  }
}
.topic:nth-child(odd) {
  background-color: #fef5e3;
}
.topic .topic_date {
  flex-shrink: 0;
  font-weight: bold;
  letter-spacing: 0;
}
@media screen and (max-width: 640px) {
  .topic .topic_date {
    font-size: 0.12rem;
    grid-area: a;
    margin-bottom: 0.1rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic .topic_date {
    font-size: 0.14rem;
    line-height: 1.857;
    width: 1.1rem;
  }
}
@media screen and (max-width: 640px) {
  .topic .topic_category {
    grid-area: b;
    letter-spacing: 0;
    width: 0.8rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic .topic_category {
    flex-shrink: 0;
    margin-right: 0.45rem;
    width: 1.8rem;
  }
}
.topic .topic_category a {
  background: #fff;
  border: 1px solid var(--color-red);
  color: var(--color-red);
  display: block;
  font-weight: 500;
  text-align: center;
  transition: 0.3s ease-in-out;
}
@media print, screen and (min-width: 641px) {
  .topic .topic_category a {
    font-size: 0.16rem;
    width: 100%;
  }
}
@media print, screen and (min-width: 641px) {
  .topic .topic_category a:hover {
    background: var(--color-red);
    color: #fff;
  }
}
@media screen and (max-width: 640px) {
  .topic .topic_title {
    font-size: 0.13rem;
    grid-area: c;
    width: 2.15rem;
  }
}
@media screen and (max-width: 640px){
  .topic .topic_date {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .topic .topic_category {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .topic .topic_title {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
}
@media print, screen and (min-width: 641px) {
  .topic .topic_title {
    font-size: 0.16rem;
    padding-block: 0.01rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic .topic_title a:hover {
    text-decoration: underline;
  }
}

.topic_pagination {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .topic_pagination {
    gap: 0.09rem;
    margin-bottom: 0.54rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic_pagination {
    gap: 0.18rem;
    margin-bottom: 0.48rem;
  }
}
.topic_pagination li {
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .topic_pagination li {
    font-size: 0.15rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic_pagination li {
    font-size: 0.25rem;
  }
}
.topic_pagination a {
  display: -ms-grid;
  display: grid;
  place-content: center;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 640px) {
  .topic_pagination a {
    height: 0.18rem;
    width: 0.18rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic_pagination a {
    height: 0.3rem;
    width: 0.3rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic_pagination a:hover {
    background: var(--color-red);
    color: #fff;
  }
}
.topic_pagination span {
  display: -ms-grid;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 640px) {
  .topic_pagination span {
    height: 0.18rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topic_pagination span {
    height: 0.3rem;
  }
}
.topic_pagination .active {
  background: var(--color-red);
  color: #fff;
}

@media print, screen and (min-width: 641px) {
  .topics_category {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 640px) {
  .topics_category h3 {
    margin-bottom: 0.22rem;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .topics_category h3 img {
    width: 0.72rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_category h3 img {
    width: 1.24rem;
  }
}
.topics_category ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (min-width: 641px) {
  .topics_category ul {
    width: 8rem;
  }
}
.topics_category li {
  border-bottom: 1px solid #989899;
}
@media screen and (max-width: 640px) {
  .topics_category li {
    width: 1.56rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_category li {
    width: 3.8rem;
  }
}
.topics_category li:first-child, .topics_category li:nth-child(2) {
  border-top: 1px solid #989899;
}
.topics_category a {
  color: #595757;
  display: block;
  font-weight: 300;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 640px) {
  .topics_category a {
    font-size: 0.12rem;
    padding-block: 0.05rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_category a {
    font-size: 0.16rem;
    padding-block: 0.04rem;
  }
}
.topics_category a.active {
  color: var(--color-red);
}
@media print, screen and (min-width: 641px) {
  .topics_category a:hover {
    color: var(--color-red);
  }
}

@media screen and (max-width: 640px) {
  .article {
    margin-bottom: 1.13rem;
    padding: 0.27rem 0.2rem 0;
  }
}
@media print, screen and (min-width: 641px) {
  .article {
    margin-bottom: 1.94rem;
  }
}
.article .article_main {
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 640px) {
  .article .article_main {
    margin-bottom: 0.36rem;
    padding-bottom: 0.3rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main {
    margin-bottom: 0.25rem;
    padding: 0 0.8rem 0.7rem;
  }
}
.article .article_main .article_info {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 640px) {
  .article .article_main .article_info {
    justify-content: space-between;
    margin-bottom: 0.23rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main .article_info {
    margin-bottom: 0.25rem;
  }
}
.article .article_main .article_date {
  flex-shrink: 0;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .article .article_main .article_date {
    font-size: 0.14rem;
    letter-spacing: 0;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main .article_date {
    font-size: 0.16rem;
    width: 1.14rem;
  }
}
@media screen and (max-width: 640px) {
  .article .article_main .article_category {
    font-size: 0.14rem;
    letter-spacing: 0;
    width: 1.4rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main .article_category {
    flex-shrink: 0;
    margin-right: 0.45rem;
    width: 1.8rem;
  }
}
.article .article_main .article_category a {
  background: #fff;
  border: 1px solid var(--color-red);
  color: var(--color-red);
  display: block;
  font-weight: 500;
  text-align: center;
  transition: 0.3s ease-in-out;
}
@media print, screen and (min-width: 641px) {
  .article .article_main .article_category a {
    font-size: 0.16rem;
    width: 100%;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main .article_category a:hover {
    background: var(--color-red);
    color: #fff;
  }
}
@media screen and (max-width: 640px) {
  .article .article_main .article_title {
    font-size: 0.2rem;
    margin-bottom: 0.22rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main .article_title {
    font-size: 0.28rem;
    margin-bottom: 0.25rem;
  }
}
.article .article_main .article_mv {
  text-align: center;
}
@media screen and (max-width: 640px) {
  .article .article_main .article_mv {
    margin-bottom: 0.25rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main .article_mv {
    margin-bottom: 0.4rem;
  }
}
.article .article_main .article_mv img {
  display: inline;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.article .article_main h2 {
  border-bottom: 2px solid var(--color-red);
  color: var(--color-red);
}
@media screen and (max-width: 640px) {
  .article .article_main h2 {
    font-size: 0.19rem;
    line-height: 1.68;
    margin-bottom: 0.2rem;
    padding-bottom: 0.1rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main h2 {
    font-size: 0.22rem;
    margin-bottom: 0.2rem;
    padding-bottom: 0.12rem;
  }
}
.article .article_main h3 {
  color: var(--color-red);
}
@media screen and (max-width: 640px) {
  .article .article_main h3 {
    border-left: 0.05rem solid var(--color-red);
    font-size: 0.17rem;
    margin-bottom: 0.1rem;
    padding-left: 0.12rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main h3 {
    border-left: 0.06rem solid var(--color-red);
    font-size: 0.2rem;
    line-height: 1.5;
    margin-bottom: 0.2rem;
    padding-left: 0.15rem;
  }
}
.article .article_main > p {
  line-height: 2;
}
@media screen and (max-width: 640px) {
  .article .article_main > p {
    font-size: 0.14rem;
    margin-bottom: 0.24rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main > p {
    font-size: 0.16rem;
    margin-bottom: 0.36rem;
  }
}
.article .article_main > p img {
  max-width: 100%;
  height: auto;
}
.article .article_main > p:has(.aligncenter) {
  text-align: center;
}
.article .article_main > p:has(.alignright) {
  text-align: right;
}
@media print, screen and (min-width: 641px) {
  .article .article_main ul, .article .article_main ol {
    padding-left: 0.2rem;
  }
}
@media screen and (max-width: 640px) {
  .article .article_main ul:not(:last-child), .article .article_main ol:not(:last-child) {
    margin-bottom: 0.14rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main ul:not(:last-child), .article .article_main ol:not(:last-child) {
    margin-bottom: 0.3rem;
  }
}
.article .article_main ul li, .article .article_main ol li {
  line-height: 2;
  position: relative;
}
@media screen and (max-width: 640px) {
  .article .article_main ul li, .article .article_main ol li {
    font-size: 0.14rem;
    padding-left: 0.18rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main ul li, .article .article_main ol li {
    font-size: 0.16rem;
    padding-left: 0.23rem;
  }
}
.article .article_main ul li::before {
  content: "●";
  color: var(--color-red);
  left: 0;
  position: absolute;
  top: 0.2em;
}
@media screen and (max-width: 640px) {
  .article .article_main ul li::before {
    font-size: 0.12rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main ul li::before {
    font-size: 0.14rem;
  }
}
.article .article_main ol li::before {
  background: url("/img/topics/icon-num1.svg") no-repeat center center/auto 0.12rem;
  content: "";
  display: block;
  color: var(--color-red);
  left: 0;
  position: absolute;
}
@media screen and (max-width: 640px) {
  .article .article_main ol li::before {
    background-size: auto 0.1rem;
    height: 0.1rem;
    font-size: 0.14rem;
    top: 0.65em;
    width: 0.16rem;
  }
}
@media print, screen and (min-width: 641px) {
  .article .article_main ol li::before {
    height: 0.12rem;
    top: 0.7em;
    width: 0.18rem;
  }
}
.article .article_main ol li:nth-child(2)::before {
  background-image: url("/img/topics/icon-num2.svg");
}
.article .article_main ol li:nth-child(3)::before {
  background-image: url("/img/topics/icon-num3.svg");
}
.article .article_main ol li:nth-child(4)::before {
  background-image: url("/img/topics/icon-num4.svg");
}
.article .article_main ol li:nth-child(5)::before {
  background-image: url("/img/topics/icon-num5.svg");
}
.article .article_main ol li:nth-child(6)::before {
  background-image: url("/img/topics/icon-num6.svg");
}
.article .article_main ol li:nth-child(7)::before {
  background-image: url("/img/topics/icon-num7.svg");
}
.article .article_main ol li:nth-child(8)::before {
  background-image: url("/img/topics/icon-num8.svg");
}
.article .article_main ol li:nth-child(9)::before {
  background-image: url("/img/topics/icon-num9.svg");
}
.article .article_main ol li:nth-child(10)::before {
  background-image: url("/img/topics/icon-num10.svg");
}
.article .article_main ol li:nth-child(11)::before {
  background-image: url("/img/topics/icon-num11.svg");
}
.article .article_main ol li:nth-child(12)::before {
  background-image: url("/img/topics/icon-num12.svg");
}
.article .article_main ol li:nth-child(13)::before {
  background-image: url("/img/topics/icon-num13.svg");
}
.article .article_main ol li:nth-child(14)::before {
  background-image: url("/img/topics/icon-num14.svg");
}
.article .article_main ol li:nth-child(15)::before {
  background-image: url("/img/topics/icon-num15.svg");
}
.article .article_main ol li:nth-child(16)::before {
  background-image: url("/img/topics/icon-num16.svg");
}
.article .article_main ol li:nth-child(17)::before {
  background-image: url("/img/topics/icon-num17.svg");
}
.article .article_main ol li:nth-child(18)::before {
  background-image: url("/img/topics/icon-num18.svg");
}
.article .article_main ol li:nth-child(19)::before {
  background-image: url("/img/topics/icon-num19.svg");
}
.article .article_main ol li:nth-child(20)::before {
  background-image: url("/img/topics/icon-num20.svg");
}

.topics_link {
  /*align-items: center;
  display: flex;
  justify-content: space-between;*/
  display: -ms-grid;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 640px) {
  .topics_link {
    -ms-grid-columns: 0.8rem auto 0.8rem auto 0.8rem;
    grid-template-columns: 0.8rem auto 0.8rem auto 0.8rem;
    margin-bottom: 0.52rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_link {
    -ms-grid-columns: 0.9rem auto 0.9rem auto 0.9rem;
    grid-template-columns: 0.9rem auto 0.9rem auto 0.9rem;
    margin: 0 auto 1.35rem;
    width: 8.76rem;
  }
}
.topics_link .topics_prev a,
.topics_link .topics_next a {
  background-repeat: no-repeat;
  color: var(--color-red);
  display: block;
}
@media screen and (max-width: 640px) {
  .topics_link .topics_prev a,
  .topics_link .topics_next a {
    background-size: 0.32rem 0.32rem;
    font-size: 0.14rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_link .topics_prev a,
  .topics_link .topics_next a {
    background-size: 0.36rem 0.36rem;
    font-size: 0.16rem;
  }
}
.topics_link .topics_prev {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.topics_link .topics_prev a {
  background-image: url("/img/topics/btn-prev.svg");
  background-position: left top;
}
@media screen and (max-width: 640px) {
  .topics_link .topics_prev a {
    padding: 0.06rem 0 0.06rem 0.38rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_link .topics_prev a {
    padding: 0.06rem 0 0.06rem 0.44rem;
  }
}
.topics_link .topics_next {
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
  grid-column: 5/6;
}
.topics_link .topics_next a {
  background-image: url("/img/topics/btn-next.svg");
  background-position: right top;
}
@media screen and (max-width: 640px) {
  .topics_link .topics_next a {
    padding: 0.06rem 0.38rem 0.06rem 0;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_link .topics_next a {
    padding: 0.06rem 0.44rem 0.06rem 0;
  }
}
.topics_link .topics_back {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}
.topics_link .topics_back a {
  color: var(--color-red);
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  .topics_link .topics_back a {
    font-size: 0.14rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_link .topics_back a {
    font-size: 0.16rem;
  }
}
@media print, screen and (min-width: 641px) {
  .topics_link .topics_back a:hover {
    text-decoration: none;
  }
}