/* Sass Document */
.main_title_area {
  max-width: none;
  width: 100%;
  height: auto;
  aspect-ratio: 1/0.1822916667;
  margin: 0;
  background: url(../img/notice/bg_main_title_area.svg) no-repeat center top;
  background-size: cover;
  border-radius: 0;
}
@media screen and (max-width: 840px) {
  .main_title_area {
    aspect-ratio: 1/0.4083733333;
    background: url(../img/notice/bg_main_title_area_sp.svg) no-repeat center top;
    background-size: cover;
  }
}

#article_area {
  padding: 14rem 0 13rem;
}
@media screen and (max-width: 1200px) {
  #article_area {
    padding: 11.6666666667vw 0 10.8333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area {
    padding: 4vw 0 16vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .wrap {
    width: 92.1333333333vw;
  }
}
#article_area .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 840px) {
  #article_area .flex {
    display: block;
  }
}
#article_area .article_list {
  max-width: 80rem;
  width: 66.6666666667%;
}
@media screen and (max-width: 840px) {
  #article_area .article_list {
    max-width: none;
    width: 100%;
  }
}
#article_area .article_list .item {
  padding-bottom: 4.5rem;
  margin-bottom: 4.5rem;
  border-bottom: 0.1rem solid #DDDDD4;
}
@media screen and (max-width: 1200px) {
  #article_area .article_list .item {
    padding-bottom: 3.75vw;
    margin-bottom: 3.75vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item {
    padding-bottom: 7.2vw;
    margin-bottom: 7.2vw;
  }
}
#article_area .article_list .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#article_area .article_list .item a .left {
  position: relative;
  max-width: 23.8rem;
  width: 28%;
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item a .left {
    max-width: none;
    width: 37.3333333333vw;
  }
}
#article_area .article_list .item a .left .shop_name {
  position: absolute;
  top: 0;
  left: 0;
  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: 3.5rem;
  padding: 0 1em;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
  background: #224F96;
  border-radius: 0.5rem 0 0.5rem 0;
}
@media screen and (max-width: 1200px) {
  #article_area .article_list .item a .left .shop_name {
    height: 2.9166666667vw;
    font-size: 1.1666666667vw;
    border-radius: 0.4166666667vw 0 0.4166666667vw 0;
  }
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item a .left .shop_name {
    height: 6.4vw;
    font-size: 2.6666666667vw;
    border-radius: 1.3333333333vw 0 1.3333333333vw 0;
  }
}
#article_area .article_list .item a .left figure {
  width: 100%;
  aspect-ratio: 1/0.5588235294;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  #article_area .article_list .item a .left figure {
    border-radius: 0.4166666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item a .left figure {
    aspect-ratio: 1/0.5555555556;
    border-radius: 1.3333333333vw;
  }
}
#article_area .article_list .item a .left figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#article_area .article_list .item a .right {
  max-width: 51.7rem;
  width: 64.625%;
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item a .right {
    max-width: none;
    width: 48vw;
    margin-right: 0;
  }
}
#article_area .article_list .item a .right .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.3rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1200px) {
  #article_area .article_list .item a .right .flex {
    gap: 1.9166666667vw;
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item a .right .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 1vw 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
#article_area .article_list .item a .right .flex .date {
  font-size: 1.4rem;
  color: #9A9A9A;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  #article_area .article_list .item a .right .flex .date {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item a .right .flex .date {
    font-size: 2.9333333333vw;
  }
}
#article_area .article_list .item a .right .flex .cat {
  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: 3.2rem;
  padding: 0 1em;
  font-size: 1.3rem;
  color: #47B022;
  border: 0.1rem solid #47B022;
  border-radius: 1.6rem;
}
@media screen and (max-width: 1200px) {
  #article_area .article_list .item a .right .flex .cat {
    height: 2.6666666667vw;
    font-size: 1.0833333333vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item a .right .flex .cat {
    height: 6.1333333333vw;
    font-size: 2.9333333333vw;
    border-radius: 4.2666666667vw;
  }
}
#article_area .article_list .item a .right .title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.825;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 1200px) {
  #article_area .article_list .item a .right .title {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .article_list .item a .right .title {
    font-size: 3.4666666667vw;
    line-height: 1.78571;
  }
}
#article_area #side {
  max-width: 33rem;
  width: 27.5%;
}
@media screen and (max-width: 840px) {
  #article_area #side {
    max-width: none;
    width: 88vw;
    margin: 16vw auto 0;
  }
}
#article_area #side .box {
  padding: 2.8rem 2rem 0.8rem;
  background: #fff;
  border-radius: 1rem;
}
@media screen and (max-width: 1200px) {
  #article_area #side .box {
    padding: 2.3333333333vw 1.6666666667vw 0.6666666667vw;
    border-radius: 0.8333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area #side .box {
    padding: 7.4666666667vw 8vw 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
#article_area #side .box + .box {
  margin-top: 3rem;
}
@media screen and (max-width: 1200px) {
  #article_area #side .box + .box {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area #side .box + .box {
    margin-top: 8vw;
  }
}
#article_area #side .box .title02 {
  position: relative;
  padding-left: 2.2rem;
  margin-bottom: 1.2rem;
  font-size: 2rem;
  color: #47B022;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  #article_area #side .box .title02 {
    padding-left: 1.8333333333vw;
    margin-bottom: 1vw;
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area #side .box .title02 {
    padding-left: 5.8666666667vw;
    margin-bottom: 3.2vw;
    font-size: 5.3333333333vw;
  }
}
#article_area #side .box .title02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5rem;
  height: 100%;
  background: #47B022;
  border-radius: 1rem;
}
@media screen and (max-width: 1200px) {
  #article_area #side .box .title02:before {
    width: 0.4166666667vw;
    border-radius: 0.8333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area #side .box .title02:before {
    width: 1.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
#article_area #side .box ul li + li {
  border-top: 0.1rem solid #DDDDD4;
}
#article_area #side .box ul li a {
  position: relative;
  display: block;
  padding: 2rem 1rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 1200px) {
  #article_area #side .box ul li a {
    padding: 1.6666666667vw 0.8333333333vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area #side .box ul li a {
    padding: 5.3333333333vw 4.2666666667vw;
    font-size: 4.2666666667vw;
  }
}
#article_area #side .box ul li a:after {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  margin: auto;
  border-top: solid 0.15rem #000;
  border-right: solid 0.15rem #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 1200px) {
  #article_area #side .box ul li a:after {
    right: 0.8333333333vw;
    width: 0.6666666667vw;
    height: 0.6666666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area #side .box ul li a:after {
    right: 3.2vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
#article_area .single_article {
  max-width: 80rem;
  width: 66.6666666667%;
}
@media screen and (max-width: 840px) {
  #article_area .single_article {
    max-width: none;
    width: 100%;
  }
}
#article_area .single_article .single_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_info {
    margin-bottom: 2.9166666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4vw;
    margin-bottom: 3.7333333333vw;
  }
}
#article_area .single_article .single_info .cat_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_info .cat_area {
    gap: 0.6666666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_info .cat_area {
    width: 100%;
    gap: 1.3333333333vw;
  }
}
#article_area .single_article .single_info .cat_area li a {
  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: 3.2rem;
  padding: 0 1em;
  font-size: 1.3rem;
  color: #47B022;
  border: 0.1rem solid #47B022;
  border-radius: 1.6rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_info .cat_area li a {
    height: 2.6666666667vw;
    font-size: 1.0833333333vw;
    border-radius: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_info .cat_area li a {
    height: 7.4666666667vw;
    font-size: 3.2vw;
    border-radius: 4.2666666667vw;
  }
}
#article_area .single_article .single_info .date {
  font-size: 1.4rem;
  color: #9A9A9A;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_info .date {
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_info .date {
    width: 100%;
    font-size: 3.2vw;
    text-align: right;
  }
}
#article_area .single_article .main_title {
  margin-bottom: 3.4rem;
  font-size: 3rem;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .main_title {
    margin-bottom: 2.8333333333vw;
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .main_title {
    margin-bottom: 4vw;
    font-size: 5.3333333333vw;
  }
}
#article_area .single_article figure {
  margin-bottom: 4rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article figure {
    margin-bottom: 3.3333333333vw;
    border-radius: 0.4166666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article figure {
    margin-bottom: 4.2666666667vw;
    border-radius: 1.3333333333vw;
  }
}
#article_area .single_article figure img {
  width: 100%;
}
#article_area .single_article .comment {
  margin-bottom: 6rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .comment {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .comment {
    margin-bottom: 10.6666666667vw;
  }
}
#article_area .single_article .comment p {
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .comment p {
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .comment p {
    font-size: 3.7333333333vw;
    line-height: 1.8751;
  }
}
#article_area .single_article .article_area #toc_container {
  width: 100%;
  padding: 3.5rem 5rem 1rem;
  margin-bottom: 6.4rem;
  background: #fff;
  border: none;
  border-radius: 1rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area #toc_container {
    padding: 2.9166666667vw 4.1666666667vw 0.8333333333vw;
    margin-bottom: 5.3333333333vw;
    border-radius: 0.8333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area #toc_container {
    padding: 5.3333333333vw 6.6666666667vw 4vw;
    margin-bottom: 10.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
#article_area .single_article .article_area #toc_container .toc_title {
  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;
  width: 17rem;
  height: 4rem;
  margin: 0 auto 3.5rem;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 800;
  background: #224F96;
  border-radius: 2rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area #toc_container .toc_title {
    width: 14.1666666667vw;
    height: 3.3333333333vw;
    margin: 0 auto 2.9166666667vw;
    font-size: 1.3333333333vw;
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area #toc_container .toc_title {
    width: 41.0666666667vw;
    height: 9.6vw;
    margin: 0 auto 5.3333333333vw;
    font-size: 3.7333333333vw;
    border-radius: 5.3333333333vw;
  }
}
#article_area .single_article .article_area #toc_container .toc_list {
  margin-top: 0;
}
#article_area .single_article .article_area #toc_container .toc_list li {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 0.1rem solid #DDDDD4;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area #toc_container .toc_list li {
    padding-bottom: 2.5vw;
    margin-bottom: 2.5vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area #toc_container .toc_list li {
    padding-bottom: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#article_area .single_article .article_area #toc_container .toc_list li .toc_number {
  margin-right: 2.2rem;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area #toc_container .toc_list li .toc_number {
    margin-right: 1.8333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area #toc_container .toc_list li .toc_number {
    margin-right: 2.4vw;
  }
}
#article_area .single_article .article_area #toc_container .toc_list li .toc_number:after {
  content: ".";
}
#article_area .single_article .article_area #toc_container .toc_list li a:hover {
  text-decoration: none;
}
#article_area .single_article .article_area #toc_container .toc_list li ul {
  margin-left: 3.5rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area #toc_container .toc_list li ul {
    margin-left: 2.9166666667vw;
    margin-top: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area #toc_container .toc_list li ul {
    margin-left: 4.8vw;
    margin-top: 1.6vw;
  }
}
#article_area .single_article .article_area #toc_container .toc_list li ul li {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
#article_area .single_article .article_area #toc_container .toc_list li ul li + li {
  margin-top: 1.4rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area #toc_container .toc_list li ul li + li {
    margin-top: 1.1666666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area #toc_container .toc_list li ul li + li {
    margin-top: 2.1333333333vw;
  }
}
#article_area .single_article .article_area #toc_container .toc_list li ul li .toc_number {
  display: none;
}
#article_area .single_article .article_area #toc_container .toc_list li ul li a {
  position: relative;
  padding-left: 2.7rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area #toc_container .toc_list li ul li a {
    padding-left: 2.25vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area #toc_container .toc_list li ul li a {
    padding-left: 3.7333333333vw;
  }
}
#article_area .single_article .article_area #toc_container .toc_list li ul li a:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.7rem;
  height: 0.7rem;
  background: #224F96;
  border-radius: 50%;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area #toc_container .toc_list li ul li a:before {
    width: 0.5833333333vw;
    height: 0.5833333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area #toc_container .toc_list li ul li a:before {
    width: 1.6vw;
    height: 1.6vw;
  }
}
#article_area .single_article .article_area h2 {
  padding: 2.2rem 4.3rem 2.1rem;
  margin-bottom: 3rem;
  font-size: 2.5rem;
  font-weight: 700;
  background: #EAEAE4;
  border-left: 1.5rem solid #47B022;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area h2 {
    padding: 1.8333333333vw 3.5833333333vw 1.75vw;
    margin-bottom: 2.5vw;
    font-size: 2.0833333333vw;
    border-radius: 0.4166666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area h2 {
    padding: 3.4666666667vw 6.6666666667vw;
    margin-bottom: 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 1.3333333333vw;
  }
}
#article_area .single_article .article_area h3 {
  position: relative;
  padding: 0 1.4rem 2rem;
  margin-bottom: 3rem;
  font-size: 2.2rem;
  font-weight: 700;
  border-bottom: 0.3rem solid #DDDDD4;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area h3 {
    padding: 0 1.1666666667vw 1.6666666667vw;
    margin-bottom: 2.5vw;
    font-size: 1.8333333333vw;
    border-bottom: 0.25vw solid #DDDDD4;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area h3 {
    padding: 0 2.6666666667vw 4.8vw;
    margin-bottom: 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-bottom: 0.8vw solid #DDDDD4;
  }
}
#article_area .single_article .article_area h3:after {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 5rem;
  height: 0.3rem;
  background: #47B022;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area h3:after {
    bottom: -0.25vw;
    width: 4.1666666667vw;
    height: 0.25vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area h3:after {
    bottom: -0.8vw;
    width: 8vw;
    height: 0.8vw;
  }
}
#article_area .single_article .article_area p {
  margin-bottom: 4rem;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area p {
    margin-bottom: 3.3333333333vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area p {
    margin-bottom: 10.6666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1.8571;
  }
}
#article_area .single_article .article_area figure {
  border-radius: 0;
}
#article_area .single_article .article_area table th {
  padding: 1.7rem;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 700;
  background: #F1F1EC;
  border: 0.1rem solid #DDDDD4;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area table th {
    padding: 1.4166666667vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area table th {
    padding: 4vw 1.3333333333vw;
    font-size: 3.4666666667vw;
  }
}
#article_area .single_article .article_area table td {
  padding: 1.8rem 2rem;
  font-size: 1.4rem;
  background: #fff;
  border: 0.1rem solid #DDDDD4;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .article_area table td {
    padding: 1.5vw 1.6666666667vw;
    font-size: 1.1666666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .article_area table td {
    padding: 2.6666666667vw 1.3333333333vw;
    font-size: 3.4666666667vw;
  }
}
#article_area .single_article .single_pager {
  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;
  gap: 4.5rem;
  padding-top: 6rem;
  border-top: 1px solid #DDDDD4;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager {
    gap: 3.75vw;
    padding-top: 5vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager {
    gap: 5.0666666667vw;
    padding-top: 13.3333333333vw;
  }
}
#article_area .single_article .single_pager .prev {
  width: calc((100% - 39rem) / 2);
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager .prev {
    width: calc((100% - 10vw) / 2);
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager .prev {
    width: 10.6666666667vw;
  }
}
#article_area .single_article .single_pager .prev a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1.4rem;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager .prev a {
    gap: 1.1666666667vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager .prev a {
    gap: 0;
    font-size: 0;
  }
}
#article_area .single_article .single_pager .prev a:before {
  content: "";
  display: block;
  width: 4rem;
  aspect-ratio: 1/1;
  background: url(../img/common/icon_arrow_g_r.svg) no-repeat center center;
  background-size: cover;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager .prev a:before {
    width: 2.9166666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager .prev a:before {
    width: 100%;
  }
}
#article_area .single_article .single_pager .next {
  width: calc((100% - 39rem) / 2);
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager .next {
    width: calc((100% - 10vw) / 2);
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager .next {
    width: 10.6666666667vw;
  }
}
#article_area .single_article .single_pager .next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.4rem;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager .next a {
    gap: 1.1666666667vw;
    font-size: 1.3333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager .next a {
    gap: 0;
    font-size: 0;
  }
}
#article_area .single_article .single_pager .next a:after {
  content: "";
  display: block;
  width: 4rem;
  aspect-ratio: 1/1;
  background: url(../img/common/icon_arrow_g_r.svg) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager .next a:after {
    width: 2.9166666667vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager .next a:after {
    width: 100%;
  }
}
#article_area .single_article .single_pager .btn_return a {
  position: relative;
  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;
  width: 30rem;
  height: 6.5rem;
  font-size: 1.8rem;
  color: #47B022;
  font-weight: 700;
  background: #fff;
  border: 0.2rem solid #47B022;
  border-radius: 3.3rem;
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager .btn_return a {
    width: 25vw;
    height: 5.4166666667vw;
    font-size: 1.5vw;
    border: 0.1666666667vw solid #47B022;
    border-radius: 2.75vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager .btn_return a {
    width: 54.336vw;
    height: 16vw;
    font-size: 4.2666666667vw;
    border: 0.15rem solid #47B022;
    border-radius: 9.3333333333vw;
  }
}
#article_area .single_article .single_pager .btn_return a .dli-arrow-right {
  position: absolute;
  top: 50%;
  right: 2.2rem;
  color: #47B022;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  #article_area .single_article .single_pager .btn_return a .dli-arrow-right {
    right: 1.8333333333vw;
  }
}
@media screen and (max-width: 840px) {
  #article_area .single_article .single_pager .btn_return a .dli-arrow-right {
    right: 6.6666666667vw;
  }
}


/*バックナンバー*/
#article_area .single_article .new_cat_link {
  margin: 0 0 8rem;
}
#article_area .single_article .new_cat_link a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: auto;
  height: 6.5rem;
  font-size: 1.8rem;
  color: #47B022;
  font-weight: 700;
  background: #fff;
  border: 0.2rem solid #47B022;
  border-radius: 3.3rem;
}

@media screen and (max-width: 1200px) {
#article_area .single_article .new_cat_link a {
        height: 5.4166666667vw;
        font-size: 1.5vw;
        border: 0.1666666667vw solid #47B022;
        border-radius: 2.75vw;
    }
}
@media screen and (max-width: 840px) {
#article_area .single_article .new_cat_link a {
        width:100%;
        height: 16vw;
        font-size: 4vw;
        border: 0.15rem solid #47B022;
        border-radius: 9.3333333333vw;
    }
}