@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;
  max-width: 1000px;
}
@media only screen and (min-width: 1025px) {
  .con_news {
    padding-bottom: 12.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news {
    padding-bottom: 9.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    padding-bottom: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news {
    width: calc(1000 / 1440 * 100%);
    max-width: calc(1000px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_news {
    max-width: calc(1000px * ((18 + 0) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news {
    width: calc(1100 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_news {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 1441px) {
  .con_news {
    max-width: 1300px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news {
    width: 92%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news .box_news,
  .con_news .box_news_detail {
    width: calc(660 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .box_news,
  .con_news .box_news_detail {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_news,
  .con_news .box_news_detail {
    width: 100%;
  }
}
.con_news .news_date time {
  line-height: 1;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .con_news .news_date time {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_date time {
    font-size: 0.86rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news .news_date time {
    width: 7em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .news_date time {
    width: 7em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_date time {
    width: 7em;
  }
}
.con_news .news_date .cate {
  color: #515151;
  background-color: #eef0ea;
  line-height: 1;
  padding: .3em 1em;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .con_news .news_date .cate {
    font-size: 0.73rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_date .cate {
    font-size: 0.86rem;
  }
}
.con_news .news_list .news_item:first-child a {
  border-top: 1px solid var(--color-line);
}
.con_news .news_list .news_item a {
  border-bottom: 1px solid var(--color-line);
  text-decoration: none;
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .con_news .news_list .news_item a {
    padding: calc(20 / 660 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a {
    padding: 2em 1em;
  }
}
.mouse .con_news .news_list .news_item a {
  transition: opacity 0.3s ease-in;
}
.mouse .con_news .news_list .news_item a:hover, .touch .con_news .news_list .news_item a.touchstart {
  opacity: 0.7;
}
.touch .con_news .news_list .news_item a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_news .news_list .news_item a.touchend {
  transition-delay: 200ms;
}
@media only screen and (min-width: 768px) {
  .con_news .news_list .news_item a {
    flex-direction: row-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news .news_list .news_item a .box_txt {
    width: calc(445 / 620 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .news_list .news_item a .box_txt {
    width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news .news_list .news_item a .box_txt {
    margin-left: calc(25 / 620 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .news_list .news_item a .box_txt {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a .box_txt {
    margin-top: 1em;
  }
}
.con_news .news_list .news_item a .box_txt .news_st {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_news .news_list .news_item a .box_txt .news_st {
    margin-top: 0.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .news_list .news_item a .box_txt .news_st {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a .box_txt .news_st {
    margin-top: 0.5em;
  }
}
.con_news .news_list .news_item a .box_txt .news_st .jp {
  font-size: 1.07rem;
  line-height: 1.75;
  color: #1b1b1b;
}
@media only screen and (min-width: 768px) {
  .con_news .news_list .news_item a .box_txt .news_st .jp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.75;
  }
  .firefox .con_news .news_list .news_item a .box_txt .news_st .jp {
    max-height: 3.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a .box_txt .news_st .jp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.75;
  }
  .firefox .con_news .news_list .news_item a .box_txt .news_st .jp {
    max-height: 5.25em;
  }
}
.con_news .news_list .news_item a .box_txt .txt {
  font-size: 0.87rem;
}
@media only screen and (min-width: 1025px) {
  .con_news .news_list .news_item a .box_txt .txt {
    margin-top: 0.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .news_list .news_item a .box_txt .txt {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a .box_txt .txt {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_news .news_list .news_item a .box_txt .txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.75;
  }
  .firefox .con_news .news_list .news_item a .box_txt .txt {
    max-height: 3.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a .box_txt .txt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.75;
  }
  .firefox .con_news .news_list .news_item a .box_txt .txt {
    max-height: 5.25em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news .news_list .news_item a .img {
    width: calc(150 / 620 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news .news_list .news_item a .img {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .news_list .news_item a .img {
    width: 100%;
  }
}
.con_news .news_list .news_item a .img span {
  display: block;
}
.con_news .news_list .news_item a .img span:not(.noimg) {
  position: relative;
}
.con_news .news_list .news_item a .img span:not(.noimg) img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.con_news .news_list .news_item a .img span:not(.noimg)::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: calc(115 / 150 * 100%);
}
.con_news .news_list .news_item a .img span.noimg {
  position: relative;
  background-color: #113f5f;
  padding-bottom: calc(115 / 150 * 100%);
  width: 100%;
}
.con_news .news_list .news_item a .img span.noimg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  background: url(../images/common/noimg_logo.svg) no-repeat center/40%;
}
@media only screen and (min-width: 768px) {
  .con_news .box_pager {
    margin-top: 3.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news .box_pager {
    margin-top: 3em;
  }
}

.tmp_pager {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tmp_pager a {
  text-decoration: none;
}
.tmp_pager .prev.no_link, .tmp_pager .next.no_link {
  opacity: .3;
}
.tmp_pager .prev.no_link > a, .tmp_pager .next.no_link > a {
  cursor: default;
}
.tmp_pager .prev a, .tmp_pager .next a {
  padding: .5em 1em;
}
.tmp_pager .prev a i, .tmp_pager .next a i {
  position: relative;
  transition: right .3s ease, left .3s ease;
}
.tmp_pager .prev a i::before, .tmp_pager .next a i::before {
  font-family: "Ionicons";
}
@media only screen and (min-width: 768px) {
  .tmp_pager .prev a i::before, .tmp_pager .next a i::before {
    font-size: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager .prev a i::before, .tmp_pager .next a i::before {
    font-size: 1.21rem;
  }
}
.tmp_pager .prev a i {
  left: 0;
}
.tmp_pager .prev a i::before {
  content: "\f3d2";
}
.mouse .tmp_pager .prev:not(.no_link) a:hover i, .touch .tmp_pager .prev:not(.no_link) a.touchstart i {
  left: -.5em;
}
.touch .tmp_pager .prev:not(.no_link) a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_pager .prev:not(.no_link) a.touchend {
  transition-delay: 200ms;
}
.tmp_pager .next a i {
  right: 0;
}
.tmp_pager .next a i::before {
  content: "\f3d3";
}
.mouse .tmp_pager .next:not(.no_link) a:hover i, .touch .tmp_pager .next:not(.no_link) a.touchstart i {
  right: -.5em;
}
.touch .tmp_pager .next:not(.no_link) a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_pager .next:not(.no_link) a.touchend {
  transition-delay: 200ms;
}
.tmp_pager .box_num {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .tmp_pager .box_num p:not(:first-child) a {
    margin-left: 0.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager .box_num p:not(:first-child) a {
    margin-left: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_pager .box_num p:last-child a {
    margin-left: 0.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager .box_num p:last-child a {
    margin-left: 1em;
  }
}
.tmp_pager .box_num p a {
  font-size: 1rem;
  transition: background-color .3s ease, color .3s ease;
  background-color: #e2ddd4;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .tmp_pager .box_num p a {
    width: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager .box_num p a {
    width: 2.6em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_pager .box_num p a {
    height: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager .box_num p a {
    height: 2.6em;
  }
}
@media only screen and (min-width: 768px) {
  .tmp_pager .box_num p.dots {
    margin-left: 0.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager .box_num p.dots {
    margin-left: 1em;
  }
}
.tmp_pager .box_num p.is-active a {
  background-color: #000;
  color: #fff;
}
.mouse .tmp_pager .box_num p:hover a, .touch .tmp_pager .box_num p.touchstart a {
  background-color: #000;
  color: #fff;
}
.touch .tmp_pager .box_num p {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_pager .box_num p.touchend {
  transition-delay: 200ms;
}

.box_news_detail .news_title {
  border-bottom: 1px solid var(--color-line);
}
@media only screen and (min-width: 768px) {
  .box_news_detail .news_title {
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .news_title {
    padding-bottom: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .box_news_detail .news_title .news_st {
    margin-top: 0.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .news_title .news_st {
    margin-top: 0.5em;
  }
}
.box_news_detail .news_title .news_st .jp {
  font-size: 1.47rem;
  line-height: 1.27273;
}
@media only screen and (max-width: 767px) {
  .box_news_detail .box_catch_txt > .tmp_st {
    line-height: 1.8;
  }
}
@media only screen and (min-width: 768px) {
  .box_news_detail .box_catch_txt > .txt {
    margin-top: 0.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .box_catch_txt > .txt {
    margin-top: 0.5em;
  }
}
.box_news_detail .cms_img,
.box_news_detail .cms_side_img {
  display: flex;
  flex-wrap: wrap;
}
.box_news_detail .cms_img .img {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_img .box_catch_txt {
    margin-top: 0.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .cms_img .box_catch_txt {
    margin-top: 0.5em;
  }
}
.box_news_detail .cms_img.col1 {
  display: flex;
  justify-content: flex-end;
  flex-direction: column-reverse;
}
.box_news_detail .cms_img.col1 .img {
  width: 100%;
}
.box_news_detail .cms_img.col2 .item {
  width: calc(315 / 660 * 100%);
}
.box_news_detail .cms_img.col2 .item:nth-child(2n) {
  margin-left: calc(30 / 660 * 100%);
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_img.col3 .item {
    width: calc(205 / 660 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .cms_img.col3 .item {
    width: calc(315 / 660 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_img.col3 .item:not(:nth-child(3n+1)) {
    margin-left: calc(22.5 / 660 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .cms_img.col3 .item:nth-child(2n) {
    margin-left: calc(30 / 660 * 100%);
  }
  .box_news_detail .cms_img.col3 .item:nth-child(n+3) {
    margin-top: 1.5em;
  }
}
.box_news_detail .cms_img.col2, .box_news_detail .cms_img.col3 {
  display: flex;
  flex-wrap: wrap;
}
.box_news_detail .cms_img.col2 .item, .box_news_detail .cms_img.col3 .item {
  justify-content: flex-end;
  display: flex;
  flex-direction: column-reverse;
}
.box_news_detail .cms_img.col2 .box_catch_txt .tmp_st .jp, .box_news_detail .cms_img.col3 .box_catch_txt .tmp_st .jp {
  line-height: 1.6;
}
.box_news_detail .cms_side_img {
  width: 100%;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_side_img {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1025px) {
  .box_news_detail .cms_side_img {
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .box_news_detail .cms_side_img {
    flex-direction: column-reverse;
  }
}
.box_news_detail .cms_side_img .box_img {
  width: calc(330 / 660 * 100%);
}
@media only screen and (max-width: 767px) {
  .box_news_detail .cms_side_img .box_img {
    width: 100%;
  }
}
.box_news_detail .cms_side_img .box_catch_txt {
  width: calc(300 / 660 * 100%);
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_side_img .box_catch_txt {
    margin-right: calc(30 / 660 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .cms_side_img .box_catch_txt {
    width: 100%;
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_side_img.reverse {
    flex-direction: row-reverse;
  }
}
.box_news_detail .cms_side_img.reverse .box_catch_txt {
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_side_img.reverse .box_catch_txt {
    margin-left: calc(30 / 660 * 100%);
  }
}
.box_news_detail .cms_slider {
  display: flex;
  flex-direction: column-reverse;
}
.box_news_detail .cms_slider .slide {
  position: relative;
}
.box_news_detail .cms_slider .slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.box_news_detail .cms_slider .slide::after {
  content: "";
  width: 100%;
  display: block;
  padding-bottom: calc(440 / 660 * 100%);
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_slider .box_catch_txt {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .cms_slider .box_catch_txt {
    margin-top: 1.5em;
  }
}
.box_news_detail .cms_btn {
  text-align: center;
}
.box_news_detail .cms_btn .tmp_btn a {
  max-width: none;
  width: auto;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .box_news_detail .cms_btn .tmp_btn a {
    min-width: 21rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_news_detail .cms_btn .tmp_btn a {
    min-width: 100%;
  }
}
.box_news_detail .cms_tbl .tmp_table th {
  width: 27%;
}
.box_news_detail .cms_ann .tmp_ann p::before {
  content: "※";
}

@media only screen and (min-width: 768px) {
  .dynamic_area .cms_st + [class^="cms_"] {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_st + [class^="cms_"] {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_st + .cms_txt {
    margin-top: 0.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_st + .cms_txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_st + .cms_st, .dynamic_area .cms_st + .cms_tbl {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_st + .cms_st, .dynamic_area .cms_st + .cms_tbl {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_txt + [class^="cms_"] {
    margin-top: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_txt + [class^="cms_"] {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_txt + .cms_txt {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_txt + .cms_txt {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_txt + .cms_st {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_txt + .cms_st {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_txt + .cms_tbl {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_txt + .cms_tbl {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_img + [class^="cms_"] {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_img + [class^="cms_"] {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_img + .cms_txt {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_img + .cms_txt {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_img + .cms_side_img {
    margin-top: 4.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_img + .cms_side_img {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_img + .cms_tbl {
    margin-top: 5.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_img + .cms_tbl {
    margin-top: 3.5em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_side_img + [class^="cms_"] {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_side_img + [class^="cms_"] {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_side_img + .cms_txt {
    margin-top: 1.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_side_img + .cms_txt {
    margin-top: 1.25em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_side_img + .cms_tbl {
    margin-top: 5.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_side_img + .cms_tbl {
    margin-top: 3.5em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_tbl + [class^="cms_"] {
    margin-top: 5.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_tbl + [class^="cms_"] {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_tbl + .cms_txt, .dynamic_area .cms_tbl + .cms_ann {
    margin-top: 2.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_tbl + .cms_txt, .dynamic_area .cms_tbl + .cms_ann {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_btn + [class^="cms_"] {
    margin-top: 3.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_btn + [class^="cms_"] {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_btn + .cms_btn {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_btn + .cms_btn {
    margin-top: 1.25em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_slider + [class^="cms_"] {
    margin-top: 3.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_slider + [class^="cms_"] {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_slider + .cms_txt {
    margin-top: 1.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_slider + .cms_txt {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area .cms_ann + [class^="cms_"] {
    margin-top: 3.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area .cms_ann + [class^="cms_"] {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area [class^="cms_"]:first-child {
    margin-top: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area [class^="cms_"]:first-child {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area [class^="cms_"]:not(.cms_btn) + .cms_btn {
    margin-top: 2.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area [class^="cms_"]:not(.cms_btn) + .cms_btn {
    margin-top: 2.5em;
  }
}
@media only screen and (min-width: 768px) {
  .dynamic_area [class^="cms_"].cms_ann + .cms_btn {
    margin-top: 4.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .dynamic_area [class^="cms_"].cms_ann + .cms_btn {
    margin-top: 3em;
  }
}

@media only screen and (min-width: 768px) {
  .box_detail_pager {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_detail_pager {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .box_detail_pager .btn_list {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_detail_pager .btn_list {
    margin-top: 2em;
  }
}
.box_detail_pager .btn_list a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  text-decoration: none;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .box_detail_pager .btn_list a {
    width: 10em;
  }
}
@media only screen and (max-width: 767px) {
  .box_detail_pager .btn_list a {
    width: 10em;
  }
}
.mouse .box_detail_pager .btn_list a {
  transition: opacity 0.3s ease-in;
}
.mouse .box_detail_pager .btn_list a:hover, .touch .box_detail_pager .btn_list a.touchstart {
  opacity: 0.7;
}
.touch .box_detail_pager .btn_list a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_detail_pager .btn_list a.touchend {
  transition-delay: 200ms;
}
.box_detail_pager .btn_list a span {
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: .08em;
  margin-left: .25em;
}
.box_detail_pager .btn_list a .ic_list {
  background: url(../images/common/ic_list.svg) no-repeat center/90%;
  width: 1em;
  height: 1em;
}

.tmp_pager_detail {
  border-top: solid 1px var(--color-line);
  border-bottom: solid 1px var(--color-line);
  display: flex;
  align-items: center;
}
.tmp_pager_detail .pre, .tmp_pager_detail .next {
  width: 50%;
  display: flex;
  align-items: center;
}
.tmp_pager_detail .pre a, .tmp_pager_detail .next a {
  text-decoration: none;
  position: relative;
  display: block;
  width: 100%;
}
.mouse .tmp_pager_detail .pre a, .mouse .tmp_pager_detail .next a {
  transition: opacity 0.3s ease-in;
}
.mouse .tmp_pager_detail .pre a:hover, .touch .tmp_pager_detail .pre a.touchstart, .mouse .tmp_pager_detail .next a:hover, .touch .tmp_pager_detail .next a.touchstart {
  opacity: 0.7;
}
.touch .tmp_pager_detail .pre a, .touch .tmp_pager_detail .next a {
  -webkit-tap-highlight-color: transparent;
}
.touch .tmp_pager_detail .pre a.touchend, .touch .tmp_pager_detail .next a.touchend {
  transition-delay: 200ms;
}
.tmp_pager_detail .pre a::before, .tmp_pager_detail .next a::before {
  font-family: "Ionicons";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: right .3s ease, left .3s ease;
}
@media only screen and (min-width: 768px) {
  .tmp_pager_detail .pre a::before, .tmp_pager_detail .next a::before {
    font-size: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager_detail .pre a::before, .tmp_pager_detail .next a::before {
    font-size: 1.21rem;
  }
}
.tmp_pager_detail .pre a span, .tmp_pager_detail .next a span {
  font-size: 0.93rem;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .tmp_pager_detail .pre a span, .tmp_pager_detail .next a span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.6;
  }
  .firefox .tmp_pager_detail .pre a span, .firefox .tmp_pager_detail .next a span {
    max-height: 3.2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager_detail .pre a span, .tmp_pager_detail .next a span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.6;
  }
  .firefox .tmp_pager_detail .pre a span, .firefox .tmp_pager_detail .next a span {
    max-height: 4.8em;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_pager_detail .pre a {
    padding: 1.33rem 1.33rem 1.33rem 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_pager_detail .pre a {
    padding: 1em 1.5em 1em 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager_detail .pre a {
    padding: 1em 1em 1em 1.5em;
  }
}
.tmp_pager_detail .pre a::before {
  content: "\f3d2";
}
@media only screen and (min-width: 768px) {
  .tmp_pager_detail .pre a::before {
    left: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager_detail .pre a::before {
    left: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .mouse .tmp_pager_detail .pre a:hover::before, .touch .tmp_pager_detail .pre a.touchstart::before {
    left: .25em;
  }
  .touch .tmp_pager_detail .pre a {
    -webkit-tap-highlight-color: transparent;
  }
  .touch .tmp_pager_detail .pre a.touchend {
    transition-delay: 200ms;
  }
}
.tmp_pager_detail .next {
  border-left: solid 1px var(--color-line);
}
@media only screen and (min-width: 1025px) {
  .tmp_pager_detail .next a {
    padding: 1.33rem 2rem 1.33rem 1.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_pager_detail .next a {
    padding: 1em 2em 1em 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager_detail .next a {
    padding: 1em 1.5em 1em 1em;
  }
}
.tmp_pager_detail .next a::before {
  content: "\f3d3";
}
@media only screen and (min-width: 768px) {
  .tmp_pager_detail .next a::before {
    right: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_pager_detail .next a::before {
    right: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .mouse .tmp_pager_detail .next a:hover::before, .touch .tmp_pager_detail .next a.touchstart::before {
    right: .25em;
  }
  .touch .tmp_pager_detail .next a {
    -webkit-tap-highlight-color: transparent;
  }
  .touch .tmp_pager_detail .next a.touchend {
    transition-delay: 200ms;
  }
}

@media only screen and (min-width: 1025px) {
  .con_news_side {
    width: calc(240 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news_side {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news_side {
    margin-left: calc(100 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news_side {
    display: flex;
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side {
    margin-top: 5em;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news_side .box_side {
    width: 46%;
  }
  .con_news_side .box_side:nth-child(2) {
    margin-left: 8%;
  }
}
.con_news_side .box_side a {
  text-decoration: none;
}
.con_news_side .box_side .side_st {
  font-size: 1.33rem;
  letter-spacing: .08em;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .con_news_side .box_side .side_st {
    margin-bottom: 0.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side .box_side .side_st {
    margin-bottom: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_news_side .box_side + .box_side {
    margin-top: 4.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side .box_side + .box_side {
    margin-top: 2em;
  }
}
.con_news_side .box_side.category > ul {
  border: 1px solid var(--color-line);
}
.con_news_side .box_side.category > ul li {
  transition: background-color .3s ease;
}
.con_news_side .box_side.category > ul li:not(:last-child) {
  border-bottom: 1px solid var(--color-line);
}
.con_news_side .box_side.category > ul li a {
  transition: color .3s ease;
  display: block;
}
@media only screen and (min-width: 1025px) {
  .con_news_side .box_side.category > ul li a {
    padding: 0.4rem 1.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news_side .box_side.category > ul li a {
    padding: 0.4rem 1.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side .box_side.category > ul li a {
    padding: 0.5em 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_news_side .box_side.category > ul li a {
    font-size: 0.87rem;
  }
}
.con_news_side .box_side.category > ul li.is-active {
  background-color: #000;
}
.con_news_side .box_side.category > ul li.is-active a {
  color: #fff;
}
.mouse .con_news_side .box_side.category > ul li:hover, .touch .con_news_side .box_side.category > ul li.touchstart {
  background-color: #000;
}
.mouse .con_news_side .box_side.category > ul li:hover a, .touch .con_news_side .box_side.category > ul li.touchstart a {
  color: #fff;
}
.touch .con_news_side .box_side.category > ul li {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_news_side .box_side.category > ul li.touchend {
  transition-delay: 200ms;
}
.con_news_side .box_side.archives > ul > li {
  border-bottom: 1px solid var(--color-line);
}
.con_news_side .box_side.archives > ul > li:first-child {
  border-top: 1px solid var(--color-line);
}
.con_news_side .box_side.archives > ul > li > a {
  display: block;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_news_side .box_side.archives > ul > li > a {
    padding: 0.4rem 1.66rem 0.4rem 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_news_side .box_side.archives > ul > li > a {
    padding: 0.4rem 1.66rem 0.4rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side .box_side.archives > ul > li > a {
    padding: 0.5em 2em 0.5em 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_news_side .box_side.archives > ul > li > a {
    font-size: 0.87rem;
  }
}
.con_news_side .box_side.archives > ul > li > a::after {
  content: "\f3d0";
  font-family: "Ionicons";
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.con_news_side .box_side.archives > ul > li > a.is-active::after {
  transform: translateY(-50%) rotate(-180deg);
}
.con_news_side .box_side.archives > ul > li .target {
  display: none;
}
@media only screen and (min-width: 768px) {
  .con_news_side .box_side.archives > ul > li .target {
    padding: 0.66rem 0 1.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side .box_side.archives > ul > li .target {
    padding: 0.5em 0 1.5em;
  }
}
.con_news_side .box_side.archives > ul > li .target ul li:first-child a {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .con_news_side .box_side.archives > ul > li .target ul li:not(:first-child) {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side .box_side.archives > ul > li .target ul li:not(:first-child) {
    margin-top: 1.25em;
  }
}
.con_news_side .box_side.archives > ul > li .target ul li a {
  font-size: 0.87rem;
  display: block;
  position: relative;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .con_news_side .box_side.archives > ul > li .target ul li a {
    padding: 0 1.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_news_side .box_side.archives > ul > li .target ul li a {
    padding: 0 2em;
  }
}
.mouse .con_news_side .box_side.archives > ul > li .target ul li a {
  transition: opacity 0.3s ease-in;
}
.mouse .con_news_side .box_side.archives > ul > li .target ul li a:hover, .touch .con_news_side .box_side.archives > ul > li .target ul li a.touchstart {
  opacity: 0.7;
}
.touch .con_news_side .box_side.archives > ul > li .target ul li a {
  -webkit-tap-highlight-color: transparent;
}
.touch .con_news_side .box_side.archives > ul > li .target ul li a.touchend {
  transition-delay: 200ms;
}
.con_news_side .box_side.archives > ul > li .target ul li a::before {
  content: "-";
  left: .75em;
  top: 40%;
  position: absolute;
  transform: translateY(-50%);
  line-height: 1;
}