@charset "UTF-8";
/* ===================================================================
CSS information

file name  : news.css
author     : Abilive
style info : 新着情報
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_news {
  margin-right: auto;
  margin-left: auto;
  --abi-container-width: var(--abi-content-0);
  --wrp: 10;
  --main: 7;
  --side: 2;
}
@media only screen and (min-width: 1025px) {
  .con_news {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_news {
    max-width: calc(var(--abi-child-width) * 1px * ((15 + 1 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .con_news {
    max-width: calc(var(--abi-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    width: calc(var(--abi-child-width) / var(--abi-container-width) * 100%);
    --abi-child-width: var(--abi-content-1);
  }
}
@media only screen and (min-width: 768px) {
  .con_news {
    margin: calc(100 / var(--abi-parent-font-size) * 1rem) auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    margin: 5rem auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news {
    display: flex;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news {
    --main: 10;
    --side: 7;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    --main: 10;
    --side: 10;
  }
}
.con_news .main_news_det {
  width: calc(var(--main) / var(--wrp) * 100%);
}
.con_news .main_news {
  width: calc(var(--main) / var(--wrp) * 100%);
}
.con_news .side {
  width: calc(var(--side) / var(--wrp) * 100%);
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .side {
    margin-right: auto;
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .side {
    margin-top: 5em;
  }
}

.con_news .main_news .txt_news {
  margin-bottom: 1em;
}
.con_news .main_news .txt_news span {
  font-weight: 600;
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  --abi-target-font-size: 22;
}
.con_news .main_news .list_item {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 2%;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item {
    width: calc(96%/3);
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item {
    width: 49%;
  }
}
.con_news .main_news .list_item .item a {
  text-decoration: none;
  display: block;
}
.con_news .main_news .list_item .item a .inner .img {
  overflow: hidden;
  aspect-ratio: 3 / 2;
  pointer-events: none;
}
.con_news .main_news .list_item .item a .inner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item a .inner .img {
    min-width: 200px;
  }
}
.con_news .main_news .list_item .item a .inner .box_txt {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}
.con_news .main_news .list_item .item a .inner .box_txt .util time {
  font-size: .8em;
  order: 1;
}
.con_news .main_news .list_item .item a .inner .box_txt .util .tags {
  display: inline-flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags {
    order: 3;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags {
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags {
    gap: 0.5rem;
  }
}
.con_news .main_news .list_item .item a .inner .box_txt .util .tags span {
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags span {
    padding: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags span {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags span {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util .tags span {
    font-size: 0.75em;
  }
}
.con_news .main_news .list_item .item a .inner .box_txt .util .tags span:before {
  content: "#";
  margin-right: .25rem;
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item a .inner .box_txt .util {
    display: contents;
  }
}
.con_news .main_news .list_item .item a .inner .box_txt .txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item a .inner .box_txt .txt {
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item a .inner .box_txt .txt {
    margin-top: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item .item a .inner .box_txt .txt {
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item .item a .inner .box_txt .txt {
    order: 2;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news .main_news .list_item .item a:hover .inner .img {
    opacity: .8;
  }
}
.con_news .main_news .list_item .item:first-child {
  border-top: 1px solid lightgray;
}
.con_news .main_news .list_item.column {
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item.column {
    gap: 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item.column {
    gap: 3rem 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item.column .item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item.column .item {
    width: 49%;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item.column .item {
    padding: 2em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item.column .item {
    padding: 0;
  }
}
.con_news .main_news .list_item.column .item a .inner {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item.column .item a .inner {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item.column .item a .inner {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item.column .item a .inner {
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item.column .item a .inner {
    gap: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item.column .item a .inner .img {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .list_item.column .item a .inner .img {
    width: 100%;
  }
}
.con_news .main_news .list_item.column .item a .inner .img.no-img {
  box-sizing: border-box;
  border: 1px solid lightgray;
}
.con_news .main_news .list_item.column .item a .inner .box_txt {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item.column .item {
    border-bottom: 1px solid lightgray;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .list_item.column {
    border-top: 1px solid lightgray;
  }
}
.con_news .main_news .box_pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .con_news .main_news .box_pager {
    margin-top: calc(60 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .box_pager {
    margin-top: 3.5rem;
  }
}
.con_news .main_news .box_pager p {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 0 calc(5 / var(--abi-parent-font-size) * 1rem);
}
.con_news .main_news .box_pager p > a, .con_news .main_news .box_pager p > span {
  line-height: 1;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .con_news .main_news .box_pager p > a, .con_news .main_news .box_pager p > span {
    --abi-target-font-size: 15;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .main_news .box_pager p > a, .con_news .main_news .box_pager p > span {
    --abi-target-font-size: 15;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .box_pager p > a, .con_news .main_news .box_pager p > span {
    --abi-target-font-size: 15;
  }
}
.con_news .main_news .box_pager p.btn_prev a, .con_news .main_news .box_pager p.btn_next a {
  min-width: calc(40 / var(--abi-parent-font-size) * 1rem);
  padding: 0 1em;
  height: 100%;
  width: 100%;
}
.mouse .con_news .main_news .box_pager p.btn_prev a, .mouse .con_news .main_news .box_pager p.btn_next a {
  transition: opacity .15s ease-in;
}
.mouse .con_news .main_news .box_pager p.btn_prev a:hover, .touch .con_news .main_news .box_pager p.btn_prev a.touchstart, .mouse .con_news .main_news .box_pager p.btn_next a:hover, .touch .con_news .main_news .box_pager p.btn_next a.touchstart {
  opacity: 0.8;
}
.touch .con_news .main_news .box_pager p.btn_prev a, .touch .con_news .main_news .box_pager p.btn_next a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_news .main_news .box_pager p.btn_prev a.touchend, .touch .con_news .main_news .box_pager p.btn_next a.touchend {
  transition-delay: 200ms;
}
@media only screen and (max-width: 767px) {
  .con_news .main_news .box_pager p.btn_prev a, .con_news .main_news .box_pager p.btn_next a {
    padding: 0 .5em;
  }
}
.con_news .main_news .box_pager p.pager > a, .con_news .main_news .box_pager p.pager > span {
  width: calc(57 / var(--abi-parent-font-size) * 1rem);
  height: calc(57 / var(--abi-parent-font-size) * 1rem);
  background-color: #fff;
  border: 1px solid var(--abi-color-body);
  transition: background-color .3s ease, color .3s ease;
  border-radius: 1000px;
}
@media only screen and (max-width: 1024px) {
  .con_news .main_news .box_pager p.pager > a, .con_news .main_news .box_pager p.pager > span {
    width: calc(46 / var(--abi-parent-font-size) * 1rem);
    height: calc(46 / var(--abi-parent-font-size) * 1rem);
  }
}
.con_news .main_news .box_pager p.pager.current > * {
  background-color: var(--abi-color-body);
  color: #fff;
}
.con_news .main_news .box_pager p.pager:hover > * {
  background-color: var(--abi-color-body);
  color: #fff;
}

.main_news_det .news_title {
  border-bottom: 1px solid gray;
}
@media only screen and (min-width: 768px) {
  .main_news_det .news_title {
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .news_title {
    padding-bottom: 1rem;
  }
}
.main_news_det .news_title .txt_inf {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
}
.main_news_det .news_title .txt_inf time {
  font-size: .9em;
}
.main_news_det .news_title .txt_inf .cate {
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .main_news_det .news_title .txt_inf .cate {
    --abi-target-font-size: 13;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main_news_det .news_title .txt_inf .cate {
    --abi-target-font-size: 12;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .news_title .txt_inf .cate {
    --abi-target-font-size: 11;
  }
}
.main_news_det .news_title .txt_inf .cate span {
  display: inline-flex;
  gap: .15rem;
  line-height: 1.5;
  padding: 0 .5em;
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
}
@media only screen and (min-width: 1025px) {
  .main_news_det .news_title .txt_inf .cate span {
    --abi-target-font-size: 11;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main_news_det .news_title .txt_inf .cate span {
    --abi-target-font-size: 11;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .news_title .txt_inf .cate span {
    --abi-target-font-size: 11;
  }
}
.main_news_det .news_title .txt_inf .cate span:before {
  content: "#";
}
.main_news_det .news_title .title {
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  margin-top: 1em;
  line-height: 1.5;
  font-weight: normal;
}
@media only screen and (min-width: 1025px) {
  .main_news_det .news_title .title {
    --abi-target-font-size: 24;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main_news_det .news_title .title {
    --abi-target-font-size: 22;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .news_title .title {
    --abi-target-font-size: 20;
  }
}
.main_news_det .box_det > * + .txt {
  margin-top: 1.5rem;
}
.main_news_det .box_det > * {
  --base-margin: 3.5rem;
  margin: var(--base-margin) 0;
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_det > * {
    --base-margin: 2.5rem;
  }
}
.main_news_det .box_pager {
  display: flex;
  justify-content: center;
  margin-top: 8rem;
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_pager {
    padding-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager {
    padding-top: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_pager {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager {
    margin-top: 6em;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager {
    margin-top: 6rem;
  }
}
.main_news_det .box_pager > * {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.main_news_det .box_pager > * a {
  display: flex;
  text-decoration: none;
  transition: color .3s ease, background-color .3s ease;
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_pager > * a {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager > * a {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_pager > * a {
    padding: 0.5em 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager > * a {
    padding: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_pager > * a {
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager > * a {
    gap: 0;
  }
}
.mouse .main_news_det .box_pager > * a {
  transition: opacity .15s ease-in;
}
.mouse .main_news_det .box_pager > * a:hover, .touch .main_news_det .box_pager > * a.touchstart {
  opacity: 0.8;
}
.touch .main_news_det .box_pager > * a {
  -webkit-tap-highlight-color: transparent;
}
.touch .main_news_det .box_pager > * a.touchend {
  transition-delay: 200ms;
}
.main_news_det .box_pager > * a span {
  display: inline-block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: justify;
  font-size: .9em;
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_pager > * a svg {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager > * a svg {
    font-size: 1.5rem;
  }
}
.main_news_det .box_pager > *:nth-child(2) {
  border-left: 1px solid lightgray;
}
.main_news_det .box_pager .btn_list {
  margin-right: 1em;
  margin-left: 1em;
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager .btn_list {
    margin-right: .5em;
    margin-left: .5em;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_pager .btn_next a {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.main_news_det .box_slider .caption, .main_news_det .photo .caption {
  margin-top: .75em;
  line-height: 1.4;
  display: block;
}
.main_news_det .caption {
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  line-height: 1.6;
}
@media only screen and (min-width: 1025px) {
  .main_news_det .caption {
    --abi-target-font-size: 11;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main_news_det .caption {
    --abi-target-font-size: 11;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .caption {
    --abi-target-font-size: 11;
  }
}
.main_news_det .photo img {
  width: auto;
}
.main_news_det .box_photo2 {
  display: flex;
}
.main_news_det .box_photo2 .photo {
  --parent: 100;
  --col: 2;
  --width: 48;
  --margin: calc((var(--parent) - (var(--width) * var(--col))) / (var(--col) - 1));
  width: calc(var(--width) / var(--parent) * 100%);
}
.main_news_det .box_photo2 .photo:not(:first-child) {
  margin-left: calc(var(--margin) / var(--parent) * 100%);
}
.main_news_det .box_photo2 .photo img {
  aspect-ratio: auto;
  width: 100%;
}
.main_news_det .box_photo3 {
  display: flex;
}
.main_news_det .box_photo3 .photo {
  --parent: 100;
  --col: 3;
  --width: 31;
  --margin: calc((var(--parent) - (var(--width) * var(--col))) / (var(--col) - 1));
  width: calc(var(--width) / var(--parent) * 100%);
}
.main_news_det .box_photo3 .photo:not(:first-child) {
  margin-left: calc(var(--margin) / var(--parent) * 100%);
}
.main_news_det .box_photo3 .photo img {
  aspect-ratio: auto;
  width: 100%;
}
.main_news_det .box_slider {
  position: relative;
}
.main_news_det [class*="box_photo_txt"], .main_news_det [class*="box_txt_photo"] {
  --photo: 48;
  --text: 48;
}
@media only screen and (min-width: 768px) {
  .main_news_det [class*="box_photo_txt"], .main_news_det [class*="box_txt_photo"] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det [class*="box_photo_txt"], .main_news_det [class*="box_txt_photo"] {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det [class*="box_photo_txt"], .main_news_det [class*="box_txt_photo"] {
    --photo: 100;
    --text: 100;
  }
}
.main_news_det [class*="box_photo_txt"] .photo, .main_news_det [class*="box_txt_photo"] .photo {
  width: calc(var(--photo) / 100 * 100%);
}
@media only screen and (max-width: 767px) {
  .main_news_det [class*="box_photo_txt"] .photo, .main_news_det [class*="box_txt_photo"] .photo {
    order: -1;
  }
}
.main_news_det [class*="box_photo_txt"] .photo img, .main_news_det [class*="box_txt_photo"] .photo img {
  aspect-ratio: auto;
  width: 100%;
}
.main_news_det [class*="box_photo_txt"] .box_txt, .main_news_det [class*="box_txt_photo"] .box_txt {
  width: calc(var(--text) / 100 * 100%);
}
@media only screen and (max-width: 767px) {
  .main_news_det [class*="box_photo_txt"] .box_txt, .main_news_det [class*="box_txt_photo"] .box_txt {
    margin-top: 2em;
  }
}
.main_news_det [class*="box_photo_txt"] .box_txt .txt, .main_news_det [class*="box_txt_photo"] .box_txt .txt {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_photo_txt2, .main_news_det .box_txt_photo2 {
    --photo: 30;
    --text: 65;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_photo_txt2, .main_news_det .box_txt_photo2 {
    --photo: 100;
  }
  .main_news_det .box_photo_txt2 img, .main_news_det .box_photo_txt2 span, .main_news_det .box_txt_photo2 img, .main_news_det .box_txt_photo2 span {
    max-width: 70%;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}
.main_news_det .box_photo_txt2 .photo img, .main_news_det .box_txt_photo2 .photo img {
  aspect-ratio: auto;
  width: 100%;
}
.main_news_det .box_txt_photo .box_txt, .main_news_det .box_txt_photo2 .box_txt {
  order: -1;
}
.main_news_det .box_txt_txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_txt_txt {
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_txt_txt {
    gap: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .main_news_det .box_txt_txt .box_txt {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .main_news_det .box_txt_txt .box_txt {
    width: 100%;
  }
}
.main_news_det .box_movie iframe {
  aspect-ratio: 560 / 315;
  object-fit: cover;
  width: 100%;
  border: none;
}
.main_news_det .box_st + .box_tbl {
  margin-top: 1.5em;
}
.main_news_det .box_st {
  margin-bottom: 0;
}
.main_news_det .box_st + * {
  margin-top: calc(var(--base-margin) * .2);
}
.main_news_det .box_st .c-title {
  box-sizing: border-box;
  margin: 0;
}
.main_news_det .box_st .c-title__lg {
  font-size: 1.25rem;
  padding-bottom: .5em;
  border-bottom: 1px solid gray;
}
.main_news_det .box_st .c-title__md {
  font-size: 1rem;
  padding-bottom: .5em;
  border-bottom: 1px solid gray;
}
.main_news_det .box_st .c-title__sm {
  font-size: .9rem;
  padding-bottom: .5em;
  border-bottom: 1px solid gray;
}
.main_news_det .box_st + .box_st {
  margin-top: 1.5em;
}
.main_news_det .box_btn {
  margin-bottom: 0;
}
.main_news_det .box_btn + .box_btn {
  margin-top: 1.5em;
}
.main_news_det .box_btn > .c-arrow-link {
  max-width: 100%;
  display: inline-block;
}
.main_news_det .box_btn > .c-btn {
  max-width: 100%;
  min-width: calc(300 / var(--abi-parent-font-size) * 1rem);
  display: flex;
  justify-content: center;
}
.main_news_det .box_btn > .c-btn a {
  display: flex;
  gap: .5rem;
}
.main_news_det .box_btn > .c-btn a span {
  position: relative;
  z-index: 3;
}
.main_news_det .box_btn > .c-btn--cv a {
  background-color: var(--abi-color-body);
  color: white;
}
.main_news_det .box_btn > .c-btn--cv a:hover {
  color: var(--abi-color-body);
}

.side {
  --bd: 1px solid var(--abi-color-e5);
}
.side .box_side + .box_side {
  margin-top: 3em;
}
.side .box_side .st {
  font-size: calc(var(--abi-target-font-size) / var(--abi-parent-font-size) * 1rem);
  color: var(--abi-color-body);
  font-weight: normal;
  font-weight: 700;
  color: var(--abi-title-en-color);
  font-family: var(--abi-title-en-font);
  line-height: 1;
}
@media only screen and (min-width: 1025px) {
  .side .box_side .st {
    --abi-target-font-size: 32;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .side .box_side .st {
    --abi-target-font-size: 32;
  }
}
@media only screen and (max-width: 767px) {
  .side .box_side .st {
    --abi-target-font-size: 24;
  }
}
@media only screen and (min-width: 768px) {
  .side .box_side .st {
    margin-bottom: calc(26 / var(--abi-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .side .box_side .st {
    margin-bottom: 2rem;
  }
}
.side .box_side ul li > a, .side .box_side ul li > .accordion, .side .box_side ol li > a, .side .box_side ol li > .accordion {
  cursor: pointer;
  min-height: calc(40 / var(--abi-parent-font-size) * 1rem);
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  line-height: 1.5;
  --ic: 2rem;
  --padtb: 1.5em;
  border-bottom: var(--bd);
  padding: var(--padtb);
}
@media only screen and (max-width: 767px) {
  .side .box_side ul li > a, .side .box_side ul li > .accordion, .side .box_side ol li > a, .side .box_side ol li > .accordion {
    --padtb: .75em;
  }
}
.side .box_side ul li > a:hover, .side .box_side ul li > .accordion:hover, .side .box_side ol li > a:hover, .side .box_side ol li > .accordion:hover {
  transition: background-color .2s ease-out;
  background-color: var(--abi-color-f3);
}
.side .box_side ul li > a span, .side .box_side ul li > .accordion span, .side .box_side ol li > a span, .side .box_side ol li > .accordion span {
  width: calc(100% - var(--ic) - 1em);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  overflow: hidden;
}
.side .box_side ul li .accordion, .side .box_side ol li .accordion {
  display: flex;
  justify-content: space-between;
}
.side .box_side ul li .accordion::after, .side .box_side ol li .accordion::after {
  transform: none;
  content: '＋';
}
.side .box_side .box_new, .side .box_side .box_cate {
  margin-top: .75em;
}
.side .box_side .box_new li, .side .box_side .box_cate li {
  border-top: var(--bd);
}
.side .box_side .box_new li:last-child, .side .box_side .box_cate li:last-child {
  border-bottom: var(--bd);
}
.side .box_side .box_mon {
  margin-top: .75em;
}
.side .box_side .box_mon > li {
  border-top: var(--bd);
}
.side .box_side .box_mon > li:last-child {
  border-bottom: var(--bd);
}
.side .box_side .box_mon > li button {
  width: 100%;
  align-items: center;
}
.side .box_side .box_mon > li button[aria-expanded="true"]:after {
  content: "ー";
}
.side .box_side .box_mon > li button[aria-expanded="true"] + ol {
  display: block;
}
.side .box_side .box_mon ol {
  display: none;
}
.side .box_side .box_mon ol li {
  border-top: var(--bd);
}
.side .box_side .box_mon ol li a {
  min-height: auto;
  background-color: #f6f6f6;
  padding-left: 1em;
  --padtb: .75em;
}
.mouse .side .box_side .box_mon ol li a {
  transition: opacity .15s ease-in;
}
.mouse .side .box_side .box_mon ol li a:hover, .touch .side .box_side .box_mon ol li a.touchstart {
  opacity: 0.8;
}
.touch .side .box_side .box_mon ol li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .side .box_side .box_mon ol li a.touchend {
  transition-delay: 200ms;
}
@media only screen and (max-width: 767px) {
  .side .box_side .box_mon ol li a {
    --padtb: .5em;
  }
}