/* CSS Document */
.newsInfoBox {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 15px;
  color: #605544;
  letter-spacing: 0.5px;
  margin-top: 30px;
}
.newsInfoBox .leftBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.newsInfoBox .dateBox {
  margin-top: 20px;
  line-height: 15px;
  font-weight: 600;
  color: #be8a3a;
}
.newsInfoBox .classTitle {
  margin-top: 20px;
  padding: 0 15px;
  border-style: solid;
  border-color: #be8a3a;
  border-width: 0 1px;
  margin-right: 20px;
  line-height: 15px;
  position: relative;
  top: 1px;
  color: #be8a3a;
}
.newsInfoBox .sideShare {
  margin-top: 20px;
}

.articleTitle {
  padding-top: 20px;
}

.ib_news_001 .newsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 50px -23px;
}
@media (max-width: 768px) {
  .ib_news_001 .newsList {
    margin: 40px -23px 100px;
  }
}
.ib_news_001 .newsList .newsItem {
  width: 33.3333333333%;
  padding: 0 23px;
  margin-bottom: 40px;
}
@media (max-width: 1180px) {
  .ib_news_001 .newsList .newsItem {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .ib_news_001 .newsList .newsItem {
    width: 100%;
    margin-bottom: 0;
    margin-top: 100px;
  }
  .ib_news_001 .newsList .newsItem:first-child {
    margin-top: 20px;
  }
}
.ib_news_001 .newsList .newsItem .Img {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #cccccc;
}
.ib_news_001 .newsList .newsItem .Img img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media (min-width: 1181px) {
  .ib_news_001 .newsList .newsItem .Img:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
}
.ib_news_001 .newsList .newsItem .Txt {
  position: relative;
  padding-top: 30px;
}
.ib_news_001 .newsList .newsItem .Txt .title {
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 52px;
}
.ib_news_001 .newsList .newsItem .Txt .title a {
  color: #1a1a1a;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media (min-width: 1181px) {
  .ib_news_001 .newsList .newsItem .Txt .title a:hover {
    color: #be8a3a;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
}
.ib_news_001 .newsList .newsItem .Txt .text {
  margin-top: 8px;
  color: #404040;
  line-height: 25px;
  font-size: 16px;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ib_news_001 .newsList .newsItem .Txt .bottomBox {
  margin-top: 10px;
  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;
}
@media (max-width: 1180px) {
  .ib_news_001 .newsList .newsItem .Txt .bottomBox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 390px) {
  .ib_news_001 .newsList .newsItem .Txt .bottomBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.ib_news_001 .newsList .newsItem .Txt .dataInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: #605544;
  letter-spacing: 0.5px;
}
.ib_news_001 .newsList .newsItem .Txt .dataInfoBox .dateBox {
  line-height: 15px;
  font-weight: 600;
}
.ib_news_001 .newsList .newsItem .Txt .dataInfoBox .classTitle {
  line-height: 15px;
  position: relative;
  top: 0px;
  padding-left: 12px;
  margin-left: 12px;
}
.ib_news_001 .newsList .newsItem .Txt .dataInfoBox .classTitle::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0%;
  width: 1px;
  height: 14px;
  background-color: #d9d9d9;
}
.ib_news_001 .newsList .newsItem .Txt .btnBox {
  margin: 0;
}
@media (max-width: 1180px) {
  .ib_news_001 .newsList .newsItem .Txt .btnBox {
    margin-top: 0px;
  }
}
@media (max-width: 390px) {
  .ib_news_001 .newsList .newsItem .Txt .btnBox {
    margin-top: 10px;
  }
}
.ib_news_001 .newsList .newsItem .Txt .btnBox .btn {
  max-width: 170px;
  min-width: 170px;
}
.ib_news_001 .newsList .newsItem .btnBox .btn {
  padding: 0;
  text-align: left;
  border: none;
  background-color: transparent;
  color: #605544;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.ib_news_001 .newsList .newsItem .btnBox .btn .btnDeco {
  right: 0px;
}
.ib_news_001 .newsList .newsItem .btnBox .btn .btnDeco img {
  -webkit-filter: none;
          filter: none;
}
@media (min-width: 1181px) {
  .ib_news_001 .newsList .newsItem .btnBox .btn:hover {
    border-color: transparent;
    background-color: transparent;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  .ib_news_001 .newsList .newsItem .btnBox .btn:hover .btnDeco {
    right: -20px;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
}

@media (max-width: 1180px) {
  .sideDataList.pc {
    display: none;
  }
}
.sideDataList.ph1 {
  display: none;
}
@media (max-width: 1180px) {
  .sideDataList.ph1 {
    display: block;
  }
}
@media (max-width: 768px) {
  .sideDataList.ph1 {
    display: none;
  }
}
.sideDataList.ph2 {
  display: none;
}
@media (max-width: 768px) {
  .sideDataList.ph2 {
    display: block;
  }
}
@media (max-width: 1180px) {
  .sideDataList {
    display: none;
  }
}

.sideDataItem {
  margin-top: 20px;
}
.sideDataItem .Img {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #cccccc;
}
.sideDataItem .Img img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media (min-width: 1181px) {
  .sideDataItem .Img:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
}
.sideDataItem .Txt {
  position: relative;
  padding-top: 30px;
}
.sideDataItem .Txt .title {
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.sideDataItem .Txt .title a {
  color: #1a1a1a;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media (min-width: 1181px) {
  .sideDataItem .Txt .title a:hover {
    color: #be8a3a;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
}
.sideDataItem .Txt .text {
  color: #404040;
  line-height: 25px;
  font-size: 16px;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.sideDataItem .Txt .bottomBox {
  margin-top: 10px;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 1180px) {
  .sideDataItem .Txt .bottomBox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 390px) {
  .sideDataItem .Txt .bottomBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.sideDataItem .Txt .dataInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: #605544;
  letter-spacing: 0.5px;
}
.sideDataItem .Txt .dataInfoBox .dateBox {
  line-height: 15px;
  font-weight: 600;
}
.sideDataItem .Txt .dataInfoBox .classTitle {
  line-height: 15px;
  position: relative;
  top: 0px;
  padding-left: 12px;
  margin-left: 12px;
}
.sideDataItem .Txt .dataInfoBox .classTitle::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0%;
  width: 1px;
  height: 14px;
  background-color: #d9d9d9;
}
.sideDataItem .Txt .btnBox {
  margin: 0;
}
@media (max-width: 1180px) {
  .sideDataItem .Txt .btnBox {
    margin-top: 0px;
  }
}
@media (max-width: 390px) {
  .sideDataItem .Txt .btnBox {
    margin-top: 10px;
  }
}
.sideDataItem .Txt .btnBox .btn {
  max-width: 170px;
  min-width: 170px;
}
.sideDataItem .btnBox .btn {
  padding: 0;
  text-align: left;
  border: none;
  background-color: transparent;
  color: #605544;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.sideDataItem .btnBox .btn .btnDeco {
  right: 0px;
}
.sideDataItem .btnBox .btn .btnDeco img {
  -webkit-filter: none;
          filter: none;
}
@media (min-width: 1181px) {
  .sideDataItem .btnBox .btn:hover {
    border-color: transparent;
    background-color: transparent;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
  .sideDataItem .btnBox .btn:hover .btnDeco {
    right: -10px;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
  }
}

.bannerArea:not(.show) .title {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.bannerArea:not(.show) .textBox {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.bannerArea:not(.show) .right {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.bannerArea.show .title {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.bannerArea.show .textBox {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.8s 0.2s;
  transition: all 0.8s 0.2s;
}
.bannerArea.show .right {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.8s 0.4s;
  transition: all 0.8s 0.4s;
}

.pageBox:not(.show) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.pageBox.show {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.contentBox {
  position: relative;
}
.contentBox:not(.show) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.contentBox.show {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.sideDataArea {
  position: relative;
}
.sideDataArea:not(.show) {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.sideDataArea.show {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.sideDataBox {
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .sideDataBox {
    margin-bottom: 60px;
  }
}
@media (max-width: 1180px) {
  .sideDataBox .slick-dots {
    bottom: -35px;
  }
}
@media (max-width: 768px) {
  .sideDataBox .slick-dots {
    bottom: -30px;
  }
}