@charset "UTF-8";
/*
**
** 全案件共通化するcss
** 案件個別の共有cssはここには記載せずcommon.scssに記載してください
** 
** animation
** layout
** fluffy
** txt
** display
** click
** wordpress
**
**
*/
/*==================================================

** animation
==================================================*/
[class*="fluffy-"] {
  opacity: 0;
  position: relative; }

.fluffy-upper {
  bottom: -50px; }
  .fluffy-upper.move {
    opacity: 1;
    bottom: 0;
    transition: all 0.8s; }
.fluffy-appear {
  opacity: 0; }
  .fluffy-appear.move {
    opacity: 1;
    transition: all 0.8s ease; }
.fluffy-slidein-l {
  opacity: 0;
  left: -50px; }
  .fluffy-slidein-l.move {
    opacity: 1;
    left: 0;
    transition: all 0.8s; }
.fluffy-slidein-r {
  opacity: 0;
  right: -50px; }
  .fluffy-slidein-r.move {
    opacity: 1;
    right: 0;
    transition: all 0.8s; }
.fluffy-scale-up {
  opacity: 0;
  bottom: -50px;
  transform: scale(1.1); }
  .fluffy-scale-up.move {
    opacity: 1;
    bottom: 0;
    transition: all 1s ease;
    transform: scale(1); }

.fadelist > li {
  opacity: 0;
  top: 30px;
  position: relative; }
.fadelist.move > li {
  opacity: 1;
  top: 0px;
  transition: top 1s,opacity 1s; }
  .fadelist.move > li:nth-of-type(1) {
    transition-delay: 0.3s; }
  .fadelist.move > li:nth-of-type(2) {
    transition-delay: 0.6s; }
  .fadelist.move > li:nth-of-type(3) {
    transition-delay: 0.9s; }
  .fadelist.move > li:nth-of-type(4) {
    transition-delay: 1.2s; }
  .fadelist.move > li:nth-of-type(5) {
    transition-delay: 1.5s; }
  .fadelist.move > li:nth-of-type(6) {
    transition-delay: 1.8s; }
  .fadelist.move > li:nth-of-type(7) {
    transition-delay: 2.1s; }
  .fadelist.move > li:nth-of-type(8) {
    transition-delay: 2.4s; }
  .fadelist.move > li:nth-of-type(9) {
    transition-delay: 2.7s; }
  .fadelist.move > li:nth-of-type(10) {
    transition-delay: 3s; }
  .fadelist.move > li:nth-of-type(11) {
    transition-delay: 3.3s; }
  .fadelist.move > li:nth-of-type(12) {
    transition-delay: 3.6s; }
  .fadelist.move > li:nth-of-type(13) {
    transition-delay: 3.9s; }
  .fadelist.move > li:nth-of-type(14) {
    transition-delay: 4.2s; }
  .fadelist.move > li:nth-of-type(15) {
    transition-delay: 4.5s; }
  .fadelist.move > li:nth-of-type(16) {
    transition-delay: 4.8s; }
  .fadelist.move > li:nth-of-type(17) {
    transition-delay: 5.1s; }
  .fadelist.move > li:nth-of-type(18) {
    transition-delay: 5.4s; }
  .fadelist.move > li:nth-of-type(19) {
    transition-delay: 5.7s; }
  .fadelist.move > li:nth-of-type(20) {
    transition-delay: 6s; }
  .fadelist.move > li:nth-of-type(21) {
    transition-delay: 6.3s; }
  .fadelist.move > li:nth-of-type(22) {
    transition-delay: 6.6s; }
  .fadelist.move > li:nth-of-type(23) {
    transition-delay: 6.9s; }
  .fadelist.move > li:nth-of-type(24) {
    transition-delay: 7.2s; }
  .fadelist.move > li:nth-of-type(25) {
    transition-delay: 7.5s; }
  .fadelist.move > li:nth-of-type(26) {
    transition-delay: 7.8s; }
  .fadelist.move > li:nth-of-type(27) {
    transition-delay: 8.1s; }
  .fadelist.move > li:nth-of-type(28) {
    transition-delay: 8.4s; }
  .fadelist.move > li:nth-of-type(29) {
    transition-delay: 8.7s; }
  .fadelist.move > li:nth-of-type(30) {
    transition-delay: 9s; }

.fadein-item {
  opacity: 0;
  top: 50px;
  position: relative; }
.fadein-down {
  top: -50px; }
.fadein.move .fadein-item {
  opacity: 1;
  top: 0px;
  transition: top 1s,opacity 1s; }
.fadein.move .fadein-num1 {
  transition-delay: 0.3s; }
.fadein.move .fadein-num2 {
  transition-delay: 0.6s; }
.fadein.move .fadein-num3 {
  transition-delay: 0.9s; }
.fadein.move .fadein-num4 {
  transition-delay: 1.2s; }
.fadein.move .fadein-num5 {
  transition-delay: 1.5s; }
.fadein.move .fadein-num6 {
  transition-delay: 1.8s; }
.fadein.move .fadein-num7 {
  transition-delay: 2.1s; }
.fadein.move .fadein-num8 {
  transition-delay: 2.4s; }
.fadein.move .fadein-num9 {
  transition-delay: 2.7s; }
.fadein.move .fadein-num10 {
  transition-delay: 3s; }
.fadein.move .fadein-num11 {
  transition-delay: 3.3s; }
.fadein.move .fadein-num12 {
  transition-delay: 3.6s; }
.fadein.move .fadein-num13 {
  transition-delay: 3.9s; }
.fadein.move .fadein-num14 {
  transition-delay: 4.2s; }
.fadein.move .fadein-num15 {
  transition-delay: 4.5s; }
.fadein.move .fadein-num16 {
  transition-delay: 4.8s; }
.fadein.move .fadein-num17 {
  transition-delay: 5.1s; }
.fadein.move .fadein-num18 {
  transition-delay: 5.4s; }
.fadein.move .fadein-num19 {
  transition-delay: 5.7s; }
.fadein.move .fadein-num20 {
  transition-delay: 6s; }
.fadein.move .fadein-num21 {
  transition-delay: 6.3s; }
.fadein.move .fadein-num22 {
  transition-delay: 6.6s; }
.fadein.move .fadein-num23 {
  transition-delay: 6.9s; }
.fadein.move .fadein-num24 {
  transition-delay: 7.2s; }
.fadein.move .fadein-num25 {
  transition-delay: 7.5s; }
.fadein.move .fadein-num26 {
  transition-delay: 7.8s; }
.fadein.move .fadein-num27 {
  transition-delay: 8.1s; }
.fadein.move .fadein-num28 {
  transition-delay: 8.4s; }
.fadein.move .fadein-num29 {
  transition-delay: 8.7s; }
.fadein.move .fadein-num30 {
  transition-delay: 9s; }

/*==================================================

** layout
==================================================*/
[class*="flex-"] {
  display: flex; }

.flex {
  display: flex; }
  .flex-wrap {
    flex-wrap: wrap; }
  .flex-row {
    flex-direction: row; }
  .flex-col {
    flex-direction: column; }
  .flex-row-r {
    flex-direction: row-reverse; }
  .flex-col-r {
    flex-direction: column-reverse; }
  .flex-jcc {
    justify-content: center; }
  .flex-jcsb {
    justify-content: space-between; }
  .flex-jcfe {
    justify-content: flex-start; }
  .flex-jcfe {
    justify-content: flex-end; }
  .flex-aic {
    align-items: center; }
  .flex-aifs {
    align-items: flex-start; }
  .flex-aife {
    align-items: flex-end; }

.float:after {
  clear: both;
  content: '';
  display: block;
  height: 0; }
.float-r {
  float: right; }
.float-l {
  float: left; }

/*==================================================

** txt
==================================================*/
.ctr {
  text-align: center; }
  @media screen and (min-width: 961px) {
    .ctr-pc {
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .ctr-pc-tab {
      text-align: center; } }
  @media screen and (max-width: 960px) and (min-width: 768px) {
    .ctr-tab {
      text-align: center; } }
  @media screen and (max-width: 960px) {
    .ctr-tab-sp {
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .ctr-sp {
      text-align: center; } }

/*==================================================

** display
==================================================*/
.pc,
.pc-tab,
.tab,
.tab-sp,
.sp {
  display: none; }

@media screen and (min-width: 961px) {
  .pc {
    display: revert; } }
@media screen and (min-width: 768px) {
  .pc-tab {
    display: revert; } }
@media screen and (max-width: 960px) and (min-width: 768px) {
  .tab {
    display: revert; } }
@media screen and (max-width: 960px) {
  .tab-sp {
    display: revert; } }
@media screen and (max-width: 767px) {
  .sp {
    display: revert; } }
/*==================================================

** click
==================================================*/
.clickoff {
  pointer-events: none; }
  @media screen and (min-width: 961px) {
    .clickoff-pc {
      pointer-events: none; } }
  @media screen and (min-width: 768px) {
    .clickoff-pc-tab {
      pointer-events: none; } }
  @media screen and (max-width: 960px) and (min-width: 768px) {
    .clickoff-tab {
      pointer-events: none; } }
  @media screen and (max-width: 960px) {
    .clickoff-tab-sp {
      pointer-events: none; } }
  @media screen and (max-width: 767px) {
    .clickoff-sp {
      pointer-events: none; } }

/*==================================================

** wordpress
==================================================*/
/* figure float */
.alignleft {
  float: left;
  display: inline;
  margin-right: 20px; }

.alignright {
  float: right;
  display: inline;
  margin-left: 20px; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 767px) {
  .alignleft,
  .alignright,
  .aligncenter {
    float: none;
    display: block;
    margin: 20px 0 0; } }
/* clearfix */
.clear:after {
  clear: both;
  content: '';
  display: block;
  height: 0; }

/*
**
** 案件共有css
** page common
** form common
** cpt common
** 
*/
/*==================================================

** page common
==================================================*/
.sitewrap .mincho {
  font: normal normal 400 1em/1.6 "Abhaya Libre", "Zen Old Mincho", "Georgia", "Times New Roman", Times, "Merriweather", "Playfair Display", serif; }
.sitewrap .gothic {
  font: normal normal 400 1em/1.6 "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; }

.main .wrap-min {
  max-width: 680px; }
.main .mt-0 {
  margin-top: 0; }
.main .mt-1st {
  margin-top: 96px; }
.main .pagespace-btm {
  padding-bottom: 152px; }
.main .m-auto {
  margin-inline: auto; }
.main .clr-rd {
  color: #ed796d; }
.main .lh150 {
  line-height: 1.5; }
.main .lh160 {
  line-height: 1.6; }
.main .downloadsec {
  margin-top: 120px;
  background: rgba(221, 221, 221, 0.2);
  padding-block: 96px; }
  .main .downloadsec .heading {
    margin-top: 0;
    text-align: center;
    font-size: 3.6rem; }
    .main .downloadsec .heading .maker {
      background: linear-gradient(90deg, rgba(107, 213, 225, 0.8) 0%, rgba(255, 217, 142, 0.8) 50%, rgba(255, 182, 119, 0.8) 100%) no-repeat left bottom/100% 20px;
      box-decoration-break: clone;
      -webkit-box-decoration-break: clone; }
.main .txtbox > :first-child {
  margin-top: 0; }
.main .scrollbox {
  overflow-x: auto; }
  .main .scrollbox > :first-child {
    margin-top: 0; }
  .main .scrollbox table th, .main .scrollbox table td {
    display: table-cell !important; }
.main .pagenavsec {
  margin-top: 120px; }
  .main .pagenavsec .pagenav-row {
    width: 32%;
    text-align: center;
    background: rgba(221, 221, 221, 0.2);
    padding: 32px 16px 40px;
    position: relative; }
    .main .pagenavsec .pagenav-row:before {
      content: "";
      display: block;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, #6bd5e1 0%, #ffd98e 50%, #ffb677 100%);
      position: absolute;
      top: 0;
      left: 0; }
  .main .pagenavsec .pagenav-dt {
    font-size: 2.4rem;
    line-height: 1.2; }
    .main .pagenavsec .pagenav-dt:before {
      content: "";
      background: url("") no-repeat center center/contain;
      display: block;
      width: 40px;
      aspect-ratio: 1;
      margin: 0 auto 16px; }
  .main .pagenavsec .pagenav-dd {
    margin-top: 16px;
    height: 100%;
    display: flex;
    flex-direction: column; }
    .main .pagenavsec .pagenav-dd p {
      font-size: 1.6rem;
      line-height: 1.2; }
    .main .pagenavsec .pagenav-dd .more {
      margin-top: auto; }
      .main .pagenavsec .pagenav-dd .more a {
        display: block;
        margin-top: 24px; }
        .main .pagenavsec .pagenav-dd .more a:after {
          content: '';
          display: inline-block;
          background: url("../img/common/ico_angle_bk_rt.svg") no-repeat center center/contain;
          width: 6px;
          height: 9px;
          margin-left: 8px;
          vertical-align: -1px; }
  .main .pagenavsec .pagenav .kamishibai dt:before {
    background-image: url("../img/common/ico_questionmark_bk.svg"); }
  .main .pagenavsec .pagenav .organizations dt:before {
    background-image: url("../img/common/ico_organization_bk.svg"); }
  .main .pagenavsec .pagenav .aboutus dt:before {
    background-image: url("../img/common/ico_pen_bk.svg"); }
.main .link-btn {
  margin-top: 64px; }
  .main .link-btn-a {
    display: block;
    width: 100%;
    max-width: 240px;
    border: 1px solid #393f40;
    background: #393f40;
    color: #fff;
    padding-block: 14px 12px;
    padding-inline: 14px;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2; }
    .main .link-btn-a:hover {
      background: transparent;
      color: #393f40; }
  .main .link-btn.ptn1 {
    margin-top: 64px; }
    .main .link-btn.ptn1 a {
      background: #fff;
      color: #111; }
      .main .link-btn.ptn1 a:hover {
        background: #111;
        color: #fff; }
.main .link-back {
  margin-top: 64px; }
  .main .link-back a {
    text-decoration: underline;
    position: relative;
    padding-left: 20px;
    font-size: 1.6rem;
    line-height: 1.2; }
    .main .link-back a:before {
      content: '';
      background: url("../img/common/ico_angle_gy03_lt.svg");
      display: block;
      width: 6px;
      height: 9px;
      position: absolute;
      top: 4px;
      left: 0; }
    .main .link-back a:hover {
      text-decoration: none;
      opacity: .8; }
.main .link-txt {
  text-decoration: underline;
  text-underline-offset: 2px; }
  .main .link-txt:hover {
    text-decoration: none; }
@media screen and (max-width: 767px) {
  .main .mt-0 {
    margin-top: 0; }
  .main .mt-1st {
    margin-top: 80px; }
  .main .downloadsec {
    padding-block: 80px; }
    .main .downloadsec .heading {
      font-size: min(6vw, 2.4rem); }
      .main .downloadsec .heading .maker {
        background: linear-gradient(90deg, #6bd5e1 0%, #ffd98e 50%, #ffb677 100%) no-repeat left bottom/100% 15px; }
  .main .pagenavsec {
    margin-top: 96px; }
    .main .pagenavsec .pagenav {
      gap: 20px 0; }
      .main .pagenavsec .pagenav-row {
        width: 100%;
        padding: 32px 6.6% 40px; }
  .main .scrollbox {
    margin-right: -5.5%;
    display: flex; }
    .main .scrollbox:after {
      content: '';
      display: block;
      padding-right: 5.5%; } }

/*==================================================

** form common
==================================================*/
.main .selectlang {
  width: 100%;
  height: 72px;
  padding-inline: 31px 64px;
  border-radius: 36px;
  border: 3px solid #ddd;
  background: url("../img/common/ico_circle_angle_wt_btm.svg") no-repeat right 21px center/32px auto, #fff;
  font-size: 2rem; }
  .main .selectlang.empty {
    color: #95a5a6; }
  .main .selectlang:focus {
    color: #111; }

@media screen and (max-width: 767px) {
  .main .selectlang {
    padding-inline: 31px 56px;
    background-position: right 17px center; } }
/*==================================================

** cpt common
==================================================*/
.main .layout-post {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .main .layout-post-l {
    width: 68%; }
  .main .layout-post-r {
    width: 24%; }
  .main .layout-post .h1-ptn1 {
    text-align: left;
    margin-top: 0; }
    .main .layout-post .h1-ptn1:after {
      width: 100%; }
.main .side-parts-row + .side-parts-row {
  margin-top: 40px; }
.main .side-parts-ttl {
  font-size: 2.8rem;
  line-height: 1.2; }
.main .side-parts-box {
  margin-top: 24px; }
.main .side-parts .catlist li {
  position: relative;
  line-height: 1.2; }
  .main .side-parts .catlist li + li {
    margin-top: 16px; }
.main .side-parts .catlist a {
  padding-left: 16px; }
  .main .side-parts .catlist a:before {
    content: "";
    font: normal normal 900 1.4rem "Font Awesome 6 Free";
    line-height: inherit;
    color: #95a5a6;
    position: absolute;
    left: 0;
    top: 2px; }
  .main .side-parts .catlist a:hover {
    text-decoration: underline; }
.main .side-parts .recentlist-li + .recentlist-li {
  margin-top: 20px; }
.main .side-parts .recentlist-a:hover .pht-img {
  scale: 1.1;
  transition: all 0.6s; }
.main .side-parts .recentlist .phtbox {
  width: 80px; }
  .main .side-parts .recentlist .phtbox .pht {
    overflow: hidden;
    border-radius: 4px;
    aspect-ratio: 1; }
    .main .side-parts .recentlist .phtbox .pht-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all 0.4s; }
.main .side-parts .recentlist .txtbox {
  width: calc(100% - 96px); }
  .main .side-parts .recentlist .txtbox .ttl {
    font-size: 1.6rem;
    line-height: 1.2;
    max-height: 3.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }
  .main .side-parts .recentlist .txtbox .date {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top: 8px;
    color: #95a5a6; }
.main .side-parts .select {
  width: 100%;
  height: 43px;
  padding-block: 4px 0;
  padding-inline: 16px 48px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: url("../img/common/ico_select_bk.svg") no-repeat right 16px center/13px auto, #fff;
  font-size: 1.6rem;
  line-height: 1.2; }
.main .newslist {
  margin-top: 48px;
  gap: 8px 0; }
  .main .newslist-a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px 3.52%;
    background: #fff; }
    .main .newslist-a:hover {
      opacity: 1; }
      .main .newslist-a:hover .pht-img {
        scale: 1.1;
        transition: all 0.6s; }
  .main .newslist .phtbox {
    width: 19.7%; }
    .main .newslist .phtbox .pht {
      border-radius: 4px;
      overflow: hidden;
      aspect-ratio: 1; }
      .main .newslist .phtbox .pht-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.4s; }
  .main .newslist .txtbox {
    width: 76.6%; }
    .main .newslist .txtbox .cat {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 16px; }
      .main .newslist .txtbox .cat-item {
        display: block;
        padding: 7px 8px 5px;
        min-width: 110px;
        font-size: 1.2rem;
        text-align: center;
        background: #f5d34b; }
    .main .newslist .txtbox .ttl {
      margin-top: 0;
      font-size: 1.8rem;
      line-height: 1.2;
      max-height: 2.4em;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .main .newslist .txtbox .date {
      margin-top: 16px;
      color: #95a5a6;
      font-size: 1.4rem;
      line-height: 1.2; }
.main .art-ttl::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  margin: 16px 0 0;
  background: linear-gradient(90deg, #6bd5e1 0%, #ffd98e 50%, #ffb677 100%); }
.main .art-ttl .postttl {
  margin-top: 0;
  font-size: 3.6rem;
  line-height: 1.2; }
.main .art-ttl .cat {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px; }
  .main .art-ttl .cat-a {
    display: block;
    padding: 7px 8px 5px;
    min-width: 110px;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: center;
    background: #f5d34b; }
    .main .art-ttl .cat-a:hover {
      background: #ec9e59; }
.main .art-ttl .date {
  margin-top: 16px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #95a5a6; }
.main .art-pht {
  margin-top: 48px; }
  .main .art-pht img {
    border-radius: 8px;
    aspect-ratio: 1080/810;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.main .art-body {
  margin-top: 48px; }
  .main .art-body > :first-child {
    margin-top: 0; }
  .main .art-body::after {
    clear: both;
    content: '';
    display: block;
    height: 0; }
  .main .art-body ul {
    margin-top: 32px; }
    .main .art-body ul li {
      padding-left: 15px;
      line-height: 1.2; }
      .main .art-body ul li::before {
        content: "";
        font: normal normal 900 1.4rem "Font Awesome 6 Free";
        line-height: inherit;
        color: #95a5a6;
        position: absolute;
        left: 0;
        top: 2px; }
      .main .art-body ul li + li {
        margin-top: 12px; }
  .main .art-body ol {
    margin-top: 32px; }
    .main .art-body ol > li {
      padding-left: 29px; }
      .main .art-body ol > li:before {
        content: counter(number,decimal-leading-zero) ".";
        position: absolute;
        left: 0;
        top: 0;
        color: #95a5a6; }
      .main .art-body ol > li + li {
        margin-top: 12px; }
  .main .art-body a {
    text-decoration: underline; }
    .main .art-body a:hover {
      text-decoration: none; }
  .main .art-body strong, .main .art-body em, .main .art-body b {
    font-weight: 700; }
  .main .art-body .scrollbox {
    margin-top: 48px; }
    .main .art-body .scrollbox table {
      min-width: 100%;
      margin-top: 0; }
      .main .art-body .scrollbox table th {
        width: 160px; }
  .main .art-body video,
  .main .art-body iframe {
    margin-top: 48px;
    aspect-ratio: 16/9;
    width: 100%;
    height: auto; }
  .main .art-body .wp-video {
    margin-top: 48px; }
    .main .art-body .wp-video > :first-child {
      margin-top: 0; }
.main .art-pager {
  margin-top: 80px; }
  .main .art-pager-prev, .main .art-pager-next {
    width: 92px; }
    .main .art-pager-prev a, .main .art-pager-next a {
      display: block;
      border: 1px solid #393f40;
      padding: 12px 15px 10px;
      font-size: 1.6rem;
      text-decoration: none; }
      .main .art-pager-prev a::before, .main .art-pager-prev a::after, .main .art-pager-next a::before, .main .art-pager-next a::after {
        display: inline-block;
        width: 6px;
        height: 10px;
        background: currentColor;
        mask: no-repeat center center/contain;
        vertical-align: 0; }
      .main .art-pager-prev a:hover, .main .art-pager-next a:hover {
        background: #393f40;
        color: #fff; }
  .main .art-pager-prev a {
    text-align: left; }
    .main .art-pager-prev a::before {
      content: '';
      mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.1 13.4"><polygon class="st0" points="6.7 13.4 0 6.7 6.7 0 8.1 1.4 2.8 6.7 8.1 12 6.7 13.4"/></svg>');
      margin-right: 14px; }
  .main .art-pager-next a {
    text-align: right; }
    .main .art-pager-next a::after {
      content: '';
      mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.1 13.4"><polygon class="st0" points="1.4 13.4 0 12 5.3 6.7 0 1.4 1.4 0 8.1 6.7 1.4 13.4"/></svg>');
      margin-left: 14px; }
.main .pager {
  margin: 32px 0 0; }
  .main .pager ul, .main .pager ol {
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 0 4px; }
    .main .pager ul li, .main .pager ol li {
      width: 40px;
      background: none;
      padding: 0;
      margin: 0; }
  .main .pager a, .main .pager span {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border: 1px solid #393f40;
    background: transparent;
    color: #393f40;
    font-size: 1.6rem;
    text-align: center;
    position: relative;
    padding-top: 2px; }
  .main .pager a:hover,
  .main .pager span {
    background: #393f40;
    color: #fefefe; }
  .main .pager .current span {
    background: #393f40; }
  .main .pager :where(.first,
  .prev,
  .next,
  .last) a {
    padding: 0; }
  .main .pager :where(.first,
  .prev,
  .next,
  .last) i {
    display: block;
    width: 8px;
    height: 7px;
    background: currentColor;
    mask: no-repeat center center/contain; }
  .main .pager .prev i {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M7.34,7l.82-.82-2.67-2.68,2.67-2.68-.82-.82-3.5,3.5,3.5,3.5Z"/><path d="M3.5,7l.82-.82L1.65,3.5,4.32.82l-.82-.82L0,3.5l3.5,3.5Z"/></svg>'); }
  .main .pager .next i {
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M.82,7l-.82-.82,2.67-2.68L0,.82l.82-.82,3.5,3.5L.82,7Z"/><path d="M4.67,7l-.82-.82,2.67-2.68L3.84.82l.82-.82,3.5,3.5-3.5,3.5Z"/></svg>'); }
@media screen and (min-width: 768px) {
  .main .newslist.col2 li {
    width: 49.6%; }
  .main .newslist.col2 a {
    padding: 24px 4.85%; }
  .main .newslist.col2 .phtbox {
    width: 27.67%; }
  .main .newslist.col2 .txtbox {
    width: 67%; } }
@media screen and (max-width: 960px) {
  .main .layout-post-l {
    width: 100%; }
  .main .layout-post-r {
    margin-top: 120px;
    width: 100%; } }
@media screen and (max-width: 767px) {
  .main .newslist {
    margin: 48px -5.5% 0; }
    .main .newslist-a {
      padding: 20px 5%; }
    .main .newslist .phtbox {
      width: 100px; }
    .main .newslist .txtbox {
      width: calc(100% - 120px); }
      .main .newslist .txtbox .ttl {
        margin-top: 8px; }
      .main .newslist .txtbox .date {
        margin-top: 8px; }
  .main .art-body .scrollbox table {
    min-width: 640px; } }