@media (min-width:768px) {
  main {
    padding: 0px 0 0;
    margin-bottom: 120px
  }
}

@media (max-width:767px) {
  main {
    padding: 0px 0 0;
    margin-bottom: 94px
  }
}

.mv {
  background-image: url(/zaimu/assets/images/page/img_page_mv01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 64px 0
}

.mv .breadcrumb {
  margin-bottom: 24px
}

.mv .mv-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px
}

.mv.calendar {
  background-image: url(/zaimu/assets/images/page/img_page_mv02.png)
}

.mv.highlight {
  background-image: url(/zaimu/assets/images/page/img_page_mv03.png)
}

.mv.governance {
  background-image: url(/zaimu/assets/images/page/img_page_mv04.png)
}

.mv.meeting {
  background-image: url(/zaimu/assets/images/page/img_page_mv05.png)
}

.mv.strategy {
  background-image: url(/zaimu/assets/images/page/img_page_mv06.png)
}

.mv.message {
  background-image: url(/zaimu/assets/images/page/img_page_mv07.png)
}

.mv.disclosure {
  background-image: url(/zaimu/assets/images/page/img_page_mv08.png)
}

.mv.announcement {
  background-image: url(/zaimu/assets/images/page/img_page_mv09.png)
}

.mv.mid-term {
  background-image: url(/zaimu/assets/images/page/img_page_mv10.png)
}

.mv.stock {
  background-image: url(/zaimu/assets/images/page/img_page_mv11.png)
}

.mv.internalcontrols {
  background-image: url(/zaimu/assets/images/page/img_page_mv12.png)
}

.mv.library {
  background-image: url(/zaimu/assets/images/page/img_page_mv13.png)
}

@media (max-width:767px) {
  .mv {
    background-image: none;
    padding: 0 20px
  }
  .mv .breadcrumb {
    margin-bottom: 0px
  }
  .mv .mv-inner {
    padding: 0
  }
  .mv .mv-image01 {
    margin-bottom: 24px
  }
  .mv.announcement, .mv.calendar, .mv.disclosure, .mv.governance, .mv.highlight, .mv.internalcontrols, .mv.library, .mv.meeting, .mv.message, .mv.stock, .mv.strategy {
    background-image: none
  }
}

.page-content01 {
  margin: 48px auto
}

.page-content01 .inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px
}

@media (max-width:767px) {
  .page-content01 {
    padding: 0 20px;
    margin: 40px auto
  }
  .page-content01 .inner {
    padding: 0
  }
}

.page-content02 .inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px
}

.page-content03 {
  margin: 48px auto
}

.page-content03 .inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px
}

@media (max-width:767px) {
  .page-content03 {
    padding: 0 20px;
    margin: 40px auto
  }
  .page-content03 .inner {
    padding: 0
  }
}

.page-content04 {
  margin: 0 0 120px
}

.page-content04 .inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px
}

@media (max-width:767px) {
  .page-content04 {
    margin: 0px 0px 64px
  }
  .page-content04 .inner {
    padding: 0 20px
  }
}

.page-content05 {
  padding: 0;
  margin: 48px auto 0
}

.page-content05 .inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px
}

@media (max-width:767px) {
  .page-content05 {
    padding: 40px 20px 0px;
    margin: 0 auto
  }
  .page-content05 .inner {
    padding: 0
  }
}

.page-title01 {
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 32px
}

.page-title01:before {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #EAEAEA;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 2px
}

.page-title01:after {
  content: "";
  width: 100px;
  height: 4px;
  background: -webkit-gradient(linear, right top, left top, from(#28AF5E), to(#78EAA5));
  background: linear-gradient(-90deg, #28AF5E 0%, #78EAA5 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 2px
}

@media (max-width:767px) {
  .page-title01 {
    padding-bottom: 11px;
    position: relative;
    margin-bottom: 32px
  }
  .page-title01:before {
    content: "";
    width: 100%;
    height: 3px;
    border-radius: 1.5px
  }
  .page-title01:after {
    content: "";
    width: 100px;
    height: 3px;
    border-radius: 1.5px
  }
}

.page-title02 {
  padding-left: 22px;
  position: relative;
  margin-bottom: 24px
}

.page-title02:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #28AF5E;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 2px
}

@media (max-width:767px) {
  .page-title02 {
    padding-left: 16px;
    margin-bottom: 16px
  }
  .page-title02:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #28AF5E;
    position: absolute;
    left: 0;
    top: 12px;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    border-radius: 2px
  }
}

.page-title03 {
  margin-bottom: 24px
}

@media (max-width:767px) {
  .page-title03 {
    margin-bottom: 16px
  }
}

.page-title04 {
  margin-bottom: 24px;
  padding-left: 35px;
  position: relative;
  font-weight: 500
}

.page-title04>span {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.5;
  color: #28AF5E
}

@media (max-width:767px) {
  .page-title04 {
    padding-left: 27px;
    margin-bottom: 16px
  }
  .page-title04>span {
    font-size: 20px
  }
}

.page-text01 {
  line-height: 2;
  margin-bottom: 40px
}

@media (max-width:767px) {
  .page-text01 {
    margin-bottom: 32px
  }
}

.page-text02 {
  margin-top: 24px;
  text-align: right
}

.page-text02 span {
  width: 250px;
  display: inline-block
}

@media (max-width:767px) {
  .page-text02 {
    margin-bottom: 32px
  }
}

.page-link-list01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-bottom: 64px
}

.page-link-list01>li {
  list-style-type: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.page-link-list01>li a {
  padding: 16px 24px;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: 0.2s ease-in all;
  transition: 0.2s ease-in all;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content
}

.page-link-list01>li a:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.2s ease-in all;
  transition: 0.2s ease-in all;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
  background-color: #28AF5E
}

@media (hover:hover) {
  .page-link-list01>li a:hover {
    color: #28AF5E
  }
  .page-link-list01>li a:hover:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.page-link-list01>li a.active {
  color: #28AF5E;
  border-radius: 5px;
  background-color: #E7F8EE
}

@media (max-width:767px) {
  .page-link-list01>li a {
    font-size: 16px;
    padding: 16px
  }
}

@media (max-width:767px) {
  .page-link-list01 {
    gap: 0px 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
  }
  .page-link-list01>li {
    width: calc(50% - 8px)
  }
  .page-link-list01>li a:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: #EAEAEA
  }
  .page-link-list01>li a.active {
    color: #28AF5E;
    border-radius: 5px;
    background-color: #E7F8EE
  }
  .page-link-list01>li a.active:before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: #28AF5E
  }
}

.page-link-list02 {
  background-color: #F7F7F7;
  border-radius: 10px;
  padding: 40px
}

.page-link-list02 .page-link01 {
  position: relative;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 16px;
  line-height: 1.5;
  position: relative
}

.page-link-list02 .page-link01:before {
  content: "";
  width: 2px;
  height: 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(#28AF5E), to(#78EAA5));
  background: linear-gradient(180deg, #28AF5E 0%, #78EAA5 100%);
  position: absolute;
  right: calc(100% + 10px);
  top: 7px
}

.page-link-list02 .page-link01 .page-link-arrow01 {
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  position: absolute;
  bottom: 4px;
  left: calc(100% + 16px)
}

.page-link-list02 .page-link01 .page-link-arrow01 i {
  width: 18px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover, 0 0;
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  position: relative;
  z-index: 2
}

.page-link-list02 .page-link01 .page-link-arrow01:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.page-link-list02 .page-link01 .page-link-arrow01:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #28AF5E;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.page-link-list02 .page-link01 .page-link-text01 {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 8px;
  position: relative;
  overflow: hidden;
  display: inline-block
}

.page-link-list02 .page-link01 .page-link-text01:after {
  content: "";
  background-color: #28AF5E;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

@media (hover:hover) {
  .page-link-list02 .page-link01:hover .page-link-arrow01 i {
    background-size: 0 0, cover
  }
  .page-link-list02 .page-link01:hover .page-link-arrow01:after {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .page-link-list02 .page-link01:hover .page-link-text01 {
    color: #28AF5E
  }
  .page-link-list02 .page-link01:hover .page-link-text01:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.page-link-list02 .page-link02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.5;
  gap: 16px
}

.page-link-list02 .page-link02:last-child {
  margin-bottom: 0
}

.page-link-list02 .page-link02 .page-link-arrow02 {
  width: 12px;
  height: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  padding-bottom: 8px;
  position: relative
}

.page-link-list02 .page-link02 .page-link-arrow02 i {
  width: 12px;
  height: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2
}

.page-link-list02 .page-link02>.page-link-text02 {
  font-weight: 500;
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  padding-bottom: 8px
}

.page-link-list02 .page-link02>.page-link-text02:before {
  content: "";
  background-color: #28AF5E;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

@media (hover:hover) {
  .page-link-list02 .page-link02:hover>.page-link-text02 {
    color: #28AF5E
  }
  .page-link-list02 .page-link02:hover>.page-link-text02:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.page-text__link01 {
  color: #28AF5E;
  text-decoration: underline
}

.page-block01 {
  margin: 0 auto 48px
}

.page-block02 {
  margin: 0 auto 48px
}

@media (max-width:767px) {
  .page-block02 {
    margin: 0 auto 40px
  }
}

.page-block03 {
  margin: 0 auto 40px
}

@media (max-width:767px) {
  .page-block03 {
    margin: 0 auto 32px
  }
}

.page-block05 {
  margin: 0 auto 32px
}

@media (max-width:767px) {
  .page-block05 {
    margin: 0 auto 24px
  }
}

.page-block06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.page-block07 {
  background-color: #F7F7F7;
  padding: 40px 130px;
  margin: 0 auto 48px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5
}

@media (max-width:767px) {
  .page-block07 {
    margin: 0 auto 32px;
    padding: 24px 20px;
    font-size: 20px;
    line-height: 1.5
  }
}

.page-image01 {
  margin: 0 auto 40px
}

@media (max-width:767px) {
  .page-image01 {
    margin: 0 auto 32px
  }
}

.page-image02 {
  margin: 0 auto 64px;
  overflow-x: auto
}

@media (max-width:767px) {
  .page-image02 {
    margin: 0 auto 32px
  }
}

.page-image02 img {
  width: 1160px
}

.page-image03 {
  margin: 0 auto 40px;
  overflow-x: auto
}

@media (max-width:767px) {
  .page-image03 {
    margin: 0 auto 32px
  }
}

.page-image03 img {
  width: 1160px
}

.page-btn01 {
  padding: 30px 64px 30px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #28AF5E;
  border-radius: 10px;
  font-size: 20px;
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  position: relative
}

.page-btn01 .page-arrow01 {
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.page-btn01 .page-arrow01 i {
  width: 18px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover, 0 0;
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  position: relative;
  z-index: 2
}

.page-btn01 .page-arrow01:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #E7F8EE;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.page-btn01 .page-arrow01:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #28AF5E;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.page-btn01:hover {
  background-color: #E7F8EE;
  color: #28AF5E
}

.page-btn01:hover .page-arrow01 i {
  background-size: 0 0, cover
}

.page-btn01:hover .page-arrow01:after {
  -webkit-transform: scale(1);
  transform: scale(1)
}

@media (max-width:767px) {
  .page-btn01 {
    padding: 18px 44px 18px 20px;
    font-size: 14px
  }
  .page-btn01 .page-arrow01 {
    width: 24px;
    height: 24px;
    right: 20px
  }
  .page-btn01 .page-arrow01 i {
    width: 12px;
    height: 5px
  }
}

.page-btn02 {
  padding: 30px 64px 30px 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #28AF5E;
  border-radius: 10px;
  font-size: 20px;
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  position: relative;
  margin: 0 auto;
  min-width: 560px
}

.page-btn02 .page-arrow01 {
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.page-btn02 .page-arrow01 i {
  width: 18px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover, 0 0;
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  position: relative;
  z-index: 2
}

.page-btn02 .page-arrow01:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #E7F8EE;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.page-btn02 .page-arrow01:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #28AF5E;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.page-btn02:hover {
  background-color: #E7F8EE;
  color: #28AF5E
}

.page-btn02:hover .page-arrow01 i {
  background-size: 0 0, cover
}

.page-btn02:hover .page-arrow01:after {
  -webkit-transform: scale(1);
  transform: scale(1)
}

@media (max-width:767px) {
  .page-btn02 {
    padding: 18px 44px 18px 20px;
    font-size: 14px;
    min-width: auto
  }
  .page-btn02 .page-arrow01 {
    width: 24px;
    height: 24px;
    right: 20px
  }
  .page-btn02 .page-arrow01 i {
    width: 12px;
    height: 5px
  }
}

.page-lists01 {
  margin-bottom: 40px
}

.page-lists01>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.page-lists01>li:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #EAEAEA;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block
}

.page-lists01>li:after {
  content: "";
  width: 232px;
  height: 1px;
  background-color: #28AF5E;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block
}

.page-lists01>li>div {
  min-height: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 2
}

.page-lists01>li>div:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 232px;
  flex: 0 0 232px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-weight: 700
}

.page-lists01>li>div:nth-child(2) {
  padding: 32px
}

@media (max-width:767px) {
  .page-lists01 {
    margin-bottom: 24px
  }
  .page-lists01>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
  }
  .page-lists01>li:after {
    width: 100px
  }
  .page-lists01>li>div:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px
  }
  .page-lists01>li>div:nth-child(2) {
    padding: 32px 20px
  }
}

.page-lists02>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 40px;
  font-size: 18px;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: #EAEAEA 1px solid;
  border-radius: 5px
}

.page-lists02>li .num {
  font-family: "M PLUS 1p", sans-serif;
  color: #28AF5E;
  font-weight: 900
}

@media (max-width:767px) {
  .page-lists02>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 20px;
    font-size: 14px;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: #EAEAEA 1px solid;
    border-radius: 5px
  }
}

.page-lists03 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.page-lists03 dl:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #EAEAEA;
  position: absolute;
  left: 0;
  bottom: 0
}

.page-lists03 dl:after {
  content: "";
  width: 232px;
  height: 1px;
  background-color: #28AF5E;
  position: absolute;
  left: 0;
  bottom: 0
}

.page-lists03 dl:first-child dd, .page-lists03 dl:first-child dt {
  padding-top: 0
}

.page-lists03 dt {
  padding: 40px 32px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 232px;
  flex: 0 0 232px;
  position: relative;
  font-weight: 700
}

.page-lists03 dd {
  padding: 40px 32px;
  width: 100%
}

.page-lists03 .text01 {
  margin-bottom: 16px
}

.page-lists03 .text02 {
  position: relative;
  padding-left: 15px
}

.page-lists03 .text02:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #28AF5E;
  position: absolute;
  left: 0;
  top: 10px
}

@media (max-width:767px) {
  .page-lists03 dl:after {
    content: "";
    width: 29.8507462687%
  }
  .page-lists03 dt {
    padding: 32px 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.8507462687%;
    flex: 0 0 29.8507462687%;
    position: relative;
    font-weight: 700
  }
  .page-lists03 dd {
    padding: 32px 20px;
    width: 100%
  }
  .page-lists03 .text01 {
    margin-bottom: 24px
  }
  .page-lists03 .text02 {
    position: relative;
    padding-left: 12px
  }
  .page-lists03 .text02:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #28AF5E;
    position: absolute;
    left: 0;
    top: 10px
  }
}

.page-lists04 {
  list-style: none;
  counter-reset: num
}

.page-lists04>li {
  margin-bottom: 80px;
  padding-left: 35px;
  position: relative;
  font-weight: 500
}

.page-lists04>li>h3 {
  margin-bottom: 32px
}

.page-lists04>li:before {
  content: counter(num) ".";
  counter-increment: num;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.5;
  color: #28AF5E
}

.page-lists04>li:last-child {
  margin-bottom: 0
}

@media (max-width:767px) {
  .page-lists04>li {
    padding-left: 27px;
    margin-bottom: 40px
  }
  .page-lists04>li>h3 {
    margin-bottom: 24px
  }
  .page-lists04>li:before {
    font-size: 20px
  }
}

.page-box01 {
  background-color: #fff;
  border: solid #EAEAEA 1px;
  -webkit-box-shadow: 0 2px 5px rgba(9, 87, 40, 0.1);
  box-shadow: 0 2px 5px rgba(9, 87, 40, 0.1);
  position: relative
}

.page-box01 .page-box-image01 {
  overflow: hidden
}

.page-box01 .page-box-image01 img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.page-box01 .page-box-title01 {
  position: relative;
  padding: 26px 66px 26px 24px;
  font-size: 24px;
  font-weight: 500;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.page-box01 .page-box-arrow01 {
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.page-box01 .page-box-arrow01 i {
  width: 18px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%228%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.992%208.004H1.008A1.009%201.009%200%200%201%200%206.992%201.009%201.009%200%200%201%201.008%205.98H14.56l-4.229-4.248a1.015%201.015%200%200%201%200-1.431%201%201%200%200%201%201.425%200l5.95%205.976a1.013%201.013%200%200%201%20.218%201.1%201.006%201.006%200%200%201-.932.627Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover, 0 0;
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  position: relative;
  z-index: 2
}

.page-box01 .page-box-arrow01:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #E7F8EE;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.page-box01 .page-box-arrow01:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #28AF5E;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.page-box01>a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent
}

@media (hover:hover) {
  .page-box01:hover {
    border: solid #28AF5E 1px
  }
  .page-box01:hover .page-box-image01 img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  .page-box01:hover .page-box-title01 {
    color: #28AF5E
  }
  .page-box01:hover .page-box-title01:after {
    background-size: 0 0, cover
  }
  .page-box01:hover .page-box-arrow01 i {
    background-size: 0 0, cover
  }
  .page-box01:hover .page-box-arrow01:after {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media (max-width:767px) {
  .page-box01 .page-box-title01 {
    text-align: left;
    position: relative;
    padding: 16px 40px 16px 20px;
    font-size: 18px
  }
  .page-box01 .page-box-title01 .page-box-arrow01 {
    width: 24px;
    height: 24px;
    right: 16px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .page-box01 .page-box-title01 .page-box-arrow01 i {
    width: 12px;
    height: 5px
  }
}

.news .mews-select {
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  border: none;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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-sizing: border-box;
  box-sizing: border-box;
  min-width: 168px;
  min-height: 58px;
  padding: 16px 60px 16px 24px;
  background-color: #f5f5f5;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.999%22%20height%3D%229%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M7.981%209a.882.882%200%200%201-.628-.264l-7.088-7.2a.909.909%200%200%201%200-1.273.881.881%200%200%201%201.257%200l6.46%206.562%206.5-6.564a.881.881%200%200%201%201.257%200%20.907.907%200%200%201%200%201.273l-7.134%207.2A.884.884%200%200%201%207.981%209Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: right 24px center;
  background-size: 16px 9px;
  background-repeat: no-repeat, no-repeat;
  font-weight: bold;
  text-align: left;
  color: #333333;
  margin-bottom: 49px
}

@media (max-width:767px) {
  .news .mews-select {
    font-size: 14px
  }
}

.news .news-lists01 .news-item01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 40px 32px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  overflow: hidden;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-lists01 .news-item01:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #28AF5E;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-lists01 .news-item01:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #EAEAEA;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  position: absolute;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-lists01 .news-item01>a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

@media (hover:hover) {
  .news .news-lists01 .news-item01:hover {
    color: #28AF5E
  }
  .news .news-lists01 .news-item01:hover:before {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
  .news .news-lists01 .news-item01:hover:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.news .news-lists01 .news-item02>div {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 8px 0px;
  margin-bottom: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  overflow: hidden
}

.news .news-lists01 .news-item02>div:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #28AF5E;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-lists01 .news-item02>div>a:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.news .news-lists01 .news-item02:first-child>div {
  padding-top: 0
}

.news .news-lists01 .news-item02:last-child>div {
  margin-bottom: 0
}

@media (hover:hover) {
  .news .news-lists01 .news-item02:hover>div {
    color: #28AF5E
  }
  .news .news-lists01 .news-item02:hover>div:before {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

.news .news-lists01 .news-item03 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 40px 32px 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  overflow: hidden;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-lists01 .news-item03:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #28AF5E;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-lists01 .news-item03:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #EAEAEA;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  position: absolute;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-lists01 .news-time01 {
  font-size: 18px;
  font-family: "M PLUS 1p", sans-serif
}

.news .news-lists01 .news-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  width: 123px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 123px;
  flex: 0 0 123px;
  height: 34px;
  border-radius: 5px;
  background-color: #28AF5E;
  font-weight: 500
}

.news .news-lists01 .news-tag.tag01 {
  background-color: #118D32
}

.news .news-lists01 .news-tag.tag02 {
  background-color: #2E9F2A
}

.news .news-lists01 .news-tag.tag03 {
  background-color: #52CE65
}

.news .news-lists01 .news-tag.tag04 {
  background-color: #1F65B2
}

.news .news-lists01 .news-tag.tag05 {
  background-color: #1F90B2
}

.news .news-lists01 .news-tag.tag06 {
  background-color: #43C5D6
}

.news .news-lists01 .news-tag.tag07 {
  background-color: #D18020
}

.news .news-lists01 .news-text01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

.news .news-lists01 .news-text01.pdf .news-size01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

.news .news-lists01 .news-text01.pdf .news-size01:before {
  content: "";
  width: 24px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2230%22%3E%3Cg%20fill%3D%22%2328af5e%22%3E%3Cpath%20d%3D%22M19.052%200H8.494l-.537.546-7.42%207.546L0%208.638v16.329A5%205%200%200%200%204.949%2030h14.1a5%205%200%200%200%204.948-5.033V5.033A5%205%200%200%200%2019.052%200Zm3.116%2024.967a3.143%203.143%200%200%201-3.116%203.169h-14.1a3.143%203.143%200%200%201-3.117-3.169V9.41h4.823a2.62%202.62%200%200%200%202.6-2.641V1.864h9.8a3.143%203.143%200%200%201%203.116%203.169Z%22%2F%3E%3Cpath%20d%3D%22M7.213%2014.709H5.489a.493.493%200%200%200-.525.533v4.456a.603.603%200%201%200%201.206%200v-1.354a.044.044%200%200%201%20.05-.049h.993a1.8%201.8%200%201%200%200-3.586Zm-.074%202.544H6.22a.044.044%200%200%201-.05-.049v-1.4a.044.044%200%200%201%20.05-.049h.919a.753.753%200%201%201%200%201.5ZM11.654%2014.71h-1.321a.493.493%200%200%200-.525.533v4.522a.487.487%200%200%200%20.525.525h1.321c1.19%200%201.929-.378%202.224-1.288a6.937%206.937%200%200%200%200-3c-.296-.914-1.035-1.292-2.224-1.292Zm1.067%203.873c-.14.443-.542.632-1.1.632h-.558a.044.044%200%200%201-.05-.049v-3.332a.044.044%200%200%201%20.05-.049h.558c.559%200%20.96.189%201.1.632a6.042%206.042%200%200%201%200%202.166ZM18.08%2014.709h-2.707a.494.494%200%200%200-.526.533v4.456a.603.603%200%201%200%201.206%200v-1.592a.043.043%200%200%201%20.049-.049h1.576a.518.518%200%201%200%200-1.034h-1.576a.043.043%200%200%201-.049-.049V15.8a.043.043%200%200%201%20.049-.049h1.977a.522.522%200%201%200%200-1.042Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block
}

.news .news-lists01 .news-text01.exp:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M.023%2012%200%203.564a.56.56%200%201%201%201.119%200l.02%207.316h7.3a.562.562%200%200%201%200%201.123Zm3.538-3A.561.561%200%200%201%203%208.439V.563A.563.563%200%200%201%203.561%200h7.876A.563.563%200%200%201%2012%20.563v7.876a.562.562%200%200%201-.563.561Zm.563-1.125h6.751v-6.75H4.124Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block
}

.news .news-lists02 {
  background-color: #F7F7F7;
  border-radius: 10px;
  padding: 40px 40px 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px
}

.news .news-lists02 .news-item01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px
}

.news .news-lists02 .news-item01>div:not([class]) {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0px 0px 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  overflow: hidden
}

.news .news-lists02 .news-item01>div:not([class]):before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #28AF5E;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-lists02 .news-item01>div:not([class])>a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

@media (hover:hover) {
  .news .news-lists02 .news-item01>div:not([class]):hover {
    color: #28AF5E
  }
  .news .news-lists02 .news-item01>div:not([class]):hover:before {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

.news .news-lists02 .news-item01:first-child>div {
  padding-top: 0
}

.news .news-lists02 .news-item01:last-child>div {
  margin-bottom: 0
}

.news .news-lists02 .news-time01 {
  font-size: 18px;
  font-family: "M PLUS 1p", sans-serif
}

.news .news-lists02 .news-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  width: 123px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 123px;
  flex: 0 0 123px;
  height: 34px;
  border-radius: 5px;
  background-color: #28AF5E;
  font-weight: 500
}

.news .news-lists02 .news-tag.tag01 {
  background-color: #118D32
}

.news .news-lists02 .news-tag.tag02 {
  background-color: #2E9F2A
}

.news .news-lists02 .news-tag.tag03 {
  background-color: #52CE65
}

.news .news-lists02 .news-tag.tag04 {
  background-color: #1F65B2
}

.news .news-lists02 .news-tag.tag05 {
  background-color: #1F90B2
}

.news .news-lists02 .news-tag.tag06 {
  background-color: #43C5D6
}

.news .news-lists02 .news-tag.tag07 {
  background-color: #D18020
}

.news .news-lists02 .news-text01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

.news .news-lists02 .news-text01.pdf .news-size01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px
}

.news .news-lists02 .news-text01.pdf .news-size01:before {
  content: "";
  width: 24px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2230%22%3E%3Cg%20fill%3D%22%2328af5e%22%3E%3Cpath%20d%3D%22M19.052%200H8.494l-.537.546-7.42%207.546L0%208.638v16.329A5%205%200%200%200%204.949%2030h14.1a5%205%200%200%200%204.948-5.033V5.033A5%205%200%200%200%2019.052%200Zm3.116%2024.967a3.143%203.143%200%200%201-3.116%203.169h-14.1a3.143%203.143%200%200%201-3.117-3.169V9.41h4.823a2.62%202.62%200%200%200%202.6-2.641V1.864h9.8a3.143%203.143%200%200%201%203.116%203.169Z%22%2F%3E%3Cpath%20d%3D%22M7.213%2014.709H5.489a.493.493%200%200%200-.525.533v4.456a.603.603%200%201%200%201.206%200v-1.354a.044.044%200%200%201%20.05-.049h.993a1.8%201.8%200%201%200%200-3.586Zm-.074%202.544H6.22a.044.044%200%200%201-.05-.049v-1.4a.044.044%200%200%201%20.05-.049h.919a.753.753%200%201%201%200%201.5ZM11.654%2014.71h-1.321a.493.493%200%200%200-.525.533v4.522a.487.487%200%200%200%20.525.525h1.321c1.19%200%201.929-.378%202.224-1.288a6.937%206.937%200%200%200%200-3c-.296-.914-1.035-1.292-2.224-1.292Zm1.067%203.873c-.14.443-.542.632-1.1.632h-.558a.044.044%200%200%201-.05-.049v-3.332a.044.044%200%200%201%20.05-.049h.558c.559%200%20.96.189%201.1.632a6.042%206.042%200%200%201%200%202.166ZM18.08%2014.709h-2.707a.494.494%200%200%200-.526.533v4.456a.603.603%200%201%200%201.206%200v-1.592a.043.043%200%200%201%20.049-.049h1.576a.518.518%200%201%200%200-1.034h-1.576a.043.043%200%200%201-.049-.049V15.8a.043.043%200%200%201%20.049-.049h1.977a.522.522%200%201%200%200-1.042Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block
}

.news .news-lists02 .news-text01.exp:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M.023%2012%200%203.564a.56.56%200%201%201%201.119%200l.02%207.316h7.3a.562.562%200%200%201%200%201.123Zm3.538-3A.561.561%200%200%201%203%208.439V.563A.563.563%200%200%201%203.561%200h7.876A.563.563%200%200%201%2012%20.563v7.876a.562.562%200%200%201-.563.561Zm.563-1.125h6.751v-6.75H4.124Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block
}

.news .news-lists02 .news-text01.exp2:after {
  content: "";
  width: 12px;
  height: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.003%22%20height%3D%225%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M11.33%205.005H.673A.653.653%200%200%201%200%204.372a.653.653%200%200%201%20.673-.633h9.034l-2.82-2.655a.609.609%200%200%201%200-.894.7.7%200%200%201%20.952%200l3.967%203.734a.6.6%200%200%201%20.146.69.677.677%200%200%201-.622.391Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block
}

.news .news-lists02 .news-thum01 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px
}

@media (max-width:767px) {
  .news .news-lists01 {
    padding-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
  }
  .news .news-lists01 .news-item01, .news .news-lists01 .news-item03 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 0
  }
  .news .news-lists01 .news-item02>div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 0
  }
  .news .news-lists01 .news-time01 {
    font-family: "M PLUS 1p", sans-serif;
    font-size: 14px
  }
  .news .news-lists01 .news-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    width: 99px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 99px;
    flex: 0 0 99px;
    height: 28px;
    font-size: 14px
  }
  .news .news-lists01 .news-text01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
  }
  .news .news-lists01 .news-text01.pdf .news-size01 {
    gap: 8px
  }
  .news .news-lists01 .news-text01.pdf .news-size01:before {
    content: "";
    width: 16px;
    height: 20px
  }
  .news .news-lists02 {
    padding: 24px 20px
  }
  .news .news-lists02 .news-item01 {
    gap: 16px
  }
  .news .news-lists02 .news-item01>div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 0
  }
  .news .news-lists02 .news-time01 {
    font-family: "M PLUS 1p", sans-serif;
    font-size: 14px
  }
  .news .news-lists02 .news-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    width: 99px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 99px;
    flex: 0 0 99px;
    height: 28px;
    font-size: 14px
  }
  .news .news-lists02 .news-text01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
  }
  .news .news-lists02 .news-text01.pdf .news-size01 {
    gap: 8px
  }
  .news .news-lists02 .news-text01.pdf .news-size01:before {
    content: "";
    width: 16px;
    height: 20px
  }
  .news .news-lists02 .news-thum01 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px
  }
}

.note {
  line-height: 2
}

.note .note-box01 {
  background-color: #EAEAEA;
  padding: 60px 40px 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px
}

.note .note-block01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px
}

.note .note-tag01 {
  width: 100%;
  max-width: 194px
}

.note .note-text02 {
  padding: 40px 0;
  position: relative;
  border-top: 1px solid
}

.note .note-text02:after {
  content: "";
  position: absolute;
  width: 172px;
  height: 24px;
  background-image: url(/zaimu/assets/images/page/tag_e_ir.png);
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  right: 0;
  bottom: 0
}

@media (max-width:767px) {
  .note {
    line-height: 1.5
  }
  .note .note-box01 {
    padding: 32px 20px;
    gap: 24px
  }
  .note .note-block01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
  }
  .note .note-tag01 {
    width: 100%;
    max-width: 148px
  }
  .note .note-text02 {
    padding: 24px 0 36px;
    position: relative
  }
  .note .note-text02:after {
    content: "";
    position: absolute;
    width: 153px;
    height: 20px
  }
}