/**** mainv ****/
.l_mainv.page_column {
 background-image: url(/assets_u/column/img/mv_column.jpg);
}
.l_mainv.page_voice {
 background-image: url(/assets_u/column/img/mv_voice.jpg);
}

/**** category_wrap ****/
.category_wrap {
 display: flex;
 gap: 14px;
}
.category_wrap .category_list {
 display: flex;
 flex-wrap: wrap;
 gap: 11px;
}
.category_wrap .category_list a {
 display: block;
 border: 1px solid #000;
 padding: 2px 15px;
 border-radius: 20px;
}
.category_wrap .category_list a.current {
 background-color: #000;
 color: #fff;
}
@media only screen and (max-width: 768px) {
 .category_wrap {
  display: block;
 }
 .category_wrap .category_list {
  gap: 5px 8px;
 }
 .category_wrap .category_list a {
  font-size: 12px;
  padding: 2px 10px;
 }
}

/**** article_list ****/
.article_list {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 60px 30px;
 margin-bottom: 80px;
}
.article_list a {
 display: block;
}
.article_list a .ttl_txt {
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}
.article_list a .img_box {
 aspect-ratio: 7 / 8;
 overflow: hidden;
 margin-bottom: 20px;
}
.article_list a .img_box img {
 object-fit: cover;
 object-position: center;
 width: 100%;
 height: 100%;
 transition: 0.4s;
}
.article_list a:hover {
 opacity: 1;
}
.article_list a:hover .img_box img {
 scale: 1.05;
}
.article_list .tag_list {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 margin-top: 5px;
}
.article_list .tag_list li {
 border: 1px solid;
 border-radius: 50px;
 padding: 2px 10px;
}
@media only screen and (max-width: 768px) {
 .article_list {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 15px;
  margin-bottom: 50px;
 }

 .article_list a .img_box {
  margin-bottom: 12px;
 }
 .article_list .tag_list {
  gap: 5px 8px;
 }
 .article_list .tag_list li {
  font-size: 12px;
  padding: 2px 10px;
 }
}

/**** article_wrap ****/
.article_wrap .bg-white {
 padding: 60px 15px;
}
.article_wrap .bg-white .cat_txt {
 display: inline-block;
 border-radius: 30px;
 border: 1px solid;
 padding: 4px 15px 2px;
 line-height: 1;
 margin-bottom: 30px;
}
.article_wrap .bg-white h1 {
 font-size: clamp(1.375rem, 1.148rem + 1.14vw, 2rem);
 padding-bottom: 30px;
 border-bottom: 1px solid #cdcdcd;
 line-height: 1.8;
 font-weight: 600;
 margin-bottom: 50px;
}
.article_wrap .bg-white .thumbnail {
 width: clamp(200px, 90%, 530px);
 margin-inline: auto;
 text-align: center;
 margin-bottom: 50px;
}
.article_wrap .bg-white p {
 font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
 margin-bottom: 50px;
}
.article_wrap .bg-white p a {
 color: #c93030;
 text-decoration: underline;
}
.article_wrap .bg-white .sub_ttl {
 font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
 font-weight: 600;
 padding-bottom: 16px;
 border-bottom: 1px solid #cdcdcd;
}
.article_wrap .bg-white h2 {
 font-size: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);
 font-weight: 600;
 position: relative;
 padding-top: 30px;
 margin-bottom: 30px;
}
.article_wrap .bg-white h2::after {
 content: "";
 position: absolute;
 background-color: #8f9fa2;
 top: 0;
 left: 0;
 width: clamp(60px, 20%, 100px);
 height: 1px;
}
.article_wrap .bg-white h3 {
 font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
 font-weight: 500;
 position: relative;
 padding-left: 25px;
 margin-bottom: 20px;
}
.article_wrap .bg-white h3::after {
 content: "";
 position: absolute;
 background-color: #8f9fa2;
 width: 11px;
 height: 11px;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 border-radius: 60px;
}
.article_wrap .bg-white h4 {
    font-size: clamp(1rem, 0.80rem + 0.45vw, 1rem);
    color: #667683;
    font-weight: 600;
    position: relative;
    margin-bottom: 10px;
   }
   .article_wrap .bg-white ul  {
    margin-bottom: 50px;
   }
.article_wrap .bg-white ul li {
 position: relative;
 font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
 font-weight: 600;
 padding-left: 15px;
 margin-bottom: 10px;
}
.article_wrap .bg-white ul li:last-child {
 margin-bottom: 0;
}
.article_wrap .bg-white ul li::after {
 content: "";
 position: absolute;
 background-color: #8f9fa2;
 width: 6px;
 height: 6px;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 border-radius: 60px;
}
.article_wrap .bg-white ol {
 padding-left: 20px;
}
.article_wrap .bg-white ol li {
 list-style: decimal;
 font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
 font-weight: 600;
 margin-bottom: 10px;
}
.article_wrap .bg-white ol li:last-child {
 margin-bottom: 0;
}
.article_wrap .bg-white ol li::marker {
 color: #8f9fa2;
}
.article_wrap .bg-white .return_btn_wrap a {
 font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
 display: table;
 width: clamp(150px, 90%, 380px);
 font-weight: 600;
 margin-inline: auto;
 border-radius: 60px;
 border: 1px solid;
 text-align: center;
 margin-top: 50px;
 padding: 15px;
}

/**** pager_wrap ****/
.pager_wrap .num_list {
 display: flex;
 justify-content: center;
 gap: 20px;
}
.pager_wrap a {
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 80px;
 width: 49px;
 height: 49px;
 border: 1px solid #cdcdcd;
 transition: 0.3s;
}
.pager_wrap .current a {
 background-color: #f5f5f5;
 border: 1px solid #f5f5f5;
 pointer-events: none;
}
.pager_wrap a:hover {
 border: 1px solid;
 opacity: 1;
}
@media only screen and (max-width: 768px) {
 .pager_wrap .num_list {
  gap: 12px;
 }
 .pager_wrap a {
  width: 35px;
  height: 35px;
  font-size: 14px;
 }
}