@media (min-width:768px) {
  main {
    padding-top: 0px
  }
}

@media (max-width:767px) {
  main {
    padding-top: 0px
  }
}

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

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

.mv h1 {
  margin-bottom: 23px
}

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

.mv .mv-btn a {
  background-color: #fff;
  font-size: 24px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 24px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 1px solid #fff
}

.mv .mv-btn a .ico {
  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;
  margin: 0 16px 0 8px;
  position: relative
}

.mv .mv-btn a .ico i {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h14v14H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M.027%2014%200%204.158a.653.653%200%201%201%201.305%200l.023%208.535h8.52a.655.655%200%200%201%200%201.31Zm4.128-3.5a.655.655%200%200%201-.655-.654V.657A.656.656%200%200%201%204.155%200h9.189A.657.657%200%200%201%2014%20.657v9.189a.656.656%200%200%201-.657.655Zm.657-1.312h7.877V1.312H4.812Z%22%2F%3E%3C%2Fg%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%2214%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.027%2014%200%204.158a.653.653%200%201%201%201.305%200l.023%208.535h8.52a.655.655%200%200%201%200%201.31Zm4.128-3.5a.655.655%200%200%201-.655-.654V.657A.656.656%200%200%201%204.155%200h9.189A.657.657%200%200%201%2014%20.657v9.189a.656.656%200%200%201-.657.655Zm.657-1.312h7.877V1.312H4.812Z%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
}

.mv .mv-btn a .ico:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #E7F8EE;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.mv .mv-btn a .ico: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
}

.mv .mv-btn a small {
  font-size: 16px;
  font-weight: 500
}

@media (hover:hover) {
  .mv .mv-btn a:hover {
    border: 1px solid #28AF5E
  }
  .mv .mv-btn a:hover .ico i {
    background-size: 0 0, cover
  }
  .mv .mv-btn a:hover .ico:after {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media (max-width:767px) {
  .mv {
    background-image: url(/zaimu/assets/images/top/img-top-mv-sp.png);
    padding: 64px 20px 41px
  }
  .mv h1 {
    margin-bottom: 15px
  }
  .mv .mv-inner {
    padding: 0
  }
  .mv .mv-btn a {
    background-color: #fff;
    font-size: 16px;
    padding: 12px
  }
  .mv .mv-btn a .ico {
    width: 24px;
    height: 24px;
    margin: 0 16px 0 8px
  }
  .mv .mv-btn a .ico i {
    width: 10px;
    height: 10px
  }
  .mv .mv-btn a small {
    font-size: 14px;
    font-weight: 500
  }
}

.cta {
  background-color: #28AF5E;
  padding: 24px 0;
  -webkit-transition: all ease-in 0.2s;
  transition: all ease-in 0.2s;
  position: relative
}

.cta:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #1A903E;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

.cta a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px 40px;
  position: relative;
  z-index: 2
}

.cta .main-text {
  font-size: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px
}

.cta .main-text:before {
  content: "";
  width: 30px;
  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%2235%22%20height%3D%2235%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cg%20transform%3D%22translate(8.183%203.5)%22%3E%3Cpath%20d%3D%22m2.988%209.342%207.41%207.776a1.417%201.417%200%200%201%20.01%201.935%201.26%201.26%200%200%201-1.846-.007l-7.407-7.778a1.417%201.417%200%200%201-.012-1.933%201.26%201.26%200%200%201%201.845.007Z%22%2F%3E%3Cpath%20d%3D%22m17.954%2011.29-7.41%207.775a1.26%201.26%200%200%201-1.846.007%201.417%201.417%200%200%201%20.01-1.934l7.413-7.774a1.26%201.26%200%200%201%201.842-.01%201.417%201.417%200%200%201-.01%201.935Z%22%2F%3E%3Crect%20width%3D%2218.667%22%20height%3D%222.917%22%20rx%3D%221.458%22%20transform%3D%22rotate(90%205.532%205.532)%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M.876%2030.745v-8.331a1.458%201.458%200%201%201%202.917%200v6.873h27.67v-6.873a1.458%201.458%200%201%201%202.917%200v8.331a1.458%201.458%200%200%201-1.458%201.458H2.336a1.458%201.458%200%200%201-1.46-1.458Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block
}

.cta .sub-text {
  font-weight: 500
}

@media (hover:hover) {
  .cta:hover:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@media (max-width:767px) {
  .cta {
    padding: 16px 20px
  }
  .cta a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
  }
  .cta .main-text {
    font-size: 16px;
    gap: 8px
  }
  .cta .main-text:before {
    content: "";
    width: 20px;
    height: 20px
  }
  .cta .sub-text {
    font-size: 12px
  }
}

.links {
  padding: 80px 0;
  position: relative
}

.links:after {
  content: "";
  width: 100%;
  height: 454px;
  background-color: #E7F8EE;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1
}

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

.links .links-block01 {
  margin: 0 auto 40px;
  position: relative
}

.links .links-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
}

.links .links-box01 .links-image01 {
  overflow: hidden
}

.links .links-box01 .links-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
}

.links .links-box01 .links-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
}

.links .links-box01 .links-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%)
}

.links .links-box01 .links-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
}

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

.links .links-box01 .links-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
}

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

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

.links .links-box02 {
  background-color: #fff;
  border: solid #EAEAEA 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-shadow: 0 2px 5px rgba(9, 87, 40, 0.1);
  box-shadow: 0 2px 5px rgba(9, 87, 40, 0.1)
}

.links .links-box02 .links-image01 {
  overflow: hidden;
  max-width: 120px;
  width: 100%;
  aspect-ratio: 1/1
}

.links .links-box02 .links-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;
  height: 100%
}

.links .links-box02 .links-title01 {
  position: relative;
  padding: 18px 66px 18px 18px;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4
}

.links .links-box02 .links-title01>small {
  font-size: 14px
}

.links .links-box02 .links-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%)
}

.links .links-box02 .links-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
}

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

.links .links-box02 .links-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
}

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

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

@media (max-width:767px) {
  .links {
    padding: 48px 20px;
    position: relative
  }
  .links:after {
    height: 454px
  }
  .links .links-block01 {
    margin: 0 auto 24px
  }
  .links .inner {
    padding: 0
  }
  .links .links-box01 .links-title01 {
    text-align: center;
    position: relative;
    padding: 16px 40px;
    font-size: 18px
  }
  .links .links-box01 .links-title01 .links-arrow01 {
    width: 24px;
    height: 24px;
    right: 16px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .links .links-box01 .links-title01 .links-arrow01 i {
    width: 12px;
    height: 5px
  }
  .links .links-box02 {
    height: 84px
  }
  .links .links-box02 .links-image01 {
    overflow: hidden;
    max-width: 100px
  }
  .links .links-box02 .links-title01 {
    position: relative;
    padding: 16px;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .links .links-box02 .links-arrow01 {
    content: "";
    width: 24px;
    height: 24px;
    right: 16px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .links .links-box02 .links-arrow01 i {
    width: 12px;
    height: 5px
  }
}

.news {
  padding: 120px 0
}

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

.news h2 {
  padding: 8px 0 10px 32px;
  position: relative;
  margin: 0 0 16px
}

.news h2 span {
  color: #28AF5E;
  display: block;
  font-size: 20px;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400
}

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

.news .news-lists01 {
  padding-left: 40px
}

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

.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 .news-time01 {
  font-size: 18px;
  font-family: "M PLUS 1p", sans-serif
}

.news .news-lists01 .news-item01 .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-item01 .news-tag.tag01 {
  background-color: #118D32
}

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

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

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

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

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

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

.news .news-lists01 .news-item01 .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-item01 .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-item01 .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%23333%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-item01 .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-lists01 .news-item01 .news-arrow {
  width: 18px;
  height: 8px;
  content: "";
  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%23333%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%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: contain, 0 0;
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  position: absolute;
  top: 50%;
  right: 48px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in
}

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

@media (hover:hover) {
  .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-item01:hover .news-arrow {
    background-size: 0 0, contain;
    -webkit-transform: translate(10px, -50%);
    transform: translate(10px, -50%)
  }
}

.news .news-link01 {
  position: absolute;
  top: 66px;
  right: 20px;
  font-size: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  font-weight: 500;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.news .news-link01 .news-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: relative
}

.news .news-link01 .news-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
}

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

.news .news-link01 .news-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
}

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

@media (max-width:767px) {
  .news {
    padding: 48px 20px 112px
  }
  .news h2 {
    padding: 8px 0 10px 20px;
    position: relative;
    margin: 0 0 32px
  }
  .news h2 span {
    font-size: 14px
  }
  .news h2:after {
    width: 3px;
    border-radius: 1.5px
  }
  .news .news-lists01 {
    padding-left: 0px
  }
  .news .news-lists01 .news-item01 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px 20px 16px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
  }
  .news .news-lists01 .news-item01 .news-time01 {
    font-family: "M PLUS 1p", sans-serif;
    font-size: 14px
  }
  .news .news-lists01 .news-item01 .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-item01 .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-item01 .news-text01.pdf .news-size01 {
    gap: 8px
  }
  .news .news-lists01 .news-item01 .news-text01.pdf .news-size01:before {
    content: "";
    width: 16px;
    height: 20px
  }
  .news .news-lists01 .news-item01 .news-arrow {
    width: 12px;
    height: 5px;
    right: 0px
  }
  .news .inner {
    padding: 0
  }
  .news .news-link01 {
    top: calc(100% + 24px);
    right: 0;
    font-size: 14px;
    gap: 8px;
    font-weight: 500
  }
  .news .news-link01 .news-link-arrow01 {
    content: "";
    width: 24px;
    height: 24px
  }
  .news .news-link01 .news-link-arrow01 i {
    width: 12px;
    height: 5px
  }
}

.ir-contents {
  background-color: #E7F8EE;
  padding: 104px 0 96px
}

.ir-contents h2 {
  padding-top: 32px;
  position: relative;
  margin: 0 auto 48px;
  text-align: center
}

.ir-contents h2 span {
  color: #28AF5E;
  display: block;
  font-size: 20px;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400
}

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

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

.ir-contents .ir-contents-block01 {
  margin-bottom: 40px
}

.ir-contents .ir-contents-box01 {
  position: relative;
  padding-top: 212px;
  padding-left: 40px
}

.ir-contents .ir-contents-cont01 .ir-contents-cont01__inner {
  background-color: #fff;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 600px;
  min-height: 276px;
  padding: 40px 30px;
  -webkit-box-shadow: 0 2px 5px rgba(9, 87, 40, 0.1);
  box-shadow: 0 2px 5px rgba(9, 87, 40, 0.1);
  border: 1px solid #fff
}

.ir-contents .ir-contents-cont01 .ir-contents-image01 {
  position: absolute;
  z-index: 1;
  width: calc(100% - 40px);
  top: 0;
  left: 0;
  overflow: hidden
}

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

@media (hover:hover) {
  .ir-contents .ir-contents-cont01:hover .ir-contents-cont01__inner {
    border: 1px solid #28AF5E
  }
  .ir-contents .ir-contents-cont01:hover .ir-contents-image01 img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
}

.ir-contents .ir-contents-list01 {
  gap: 16px;
  margin: 24px auto 0
}

.ir-contents .ir-contents-link01 {
  position: relative
}

.ir-contents .ir-contents-link01 a {
  display: block;
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 15px;
  padding-right: 40px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.ir-contents .ir-contents-link01 a: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
}

.ir-contents .ir-contents-link01 a: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
}

.ir-contents .ir-contents-link01 .ir-contents-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: relative;
  position: absolute;
  right: 0;
  top: -5px
}

.ir-contents .ir-contents-link01 .ir-contents-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
}

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

.ir-contents .ir-contents-link01 .ir-contents-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
}

@media (hover:hover) {
  .ir-contents .ir-contents-link01:hover a {
    color: #28AF5E
  }
  .ir-contents .ir-contents-link01:hover a:before {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
  .ir-contents .ir-contents-link01:hover a:after {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  .ir-contents .ir-contents-link01:hover .ir-contents-arrow01 i {
    background-size: 0 0, cover
  }
  .ir-contents .ir-contents-link01:hover .ir-contents-arrow01:after {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.ir-contents .ir-contents-link02 a {
  display: inline-block;
  font-weight: 500;
  padding-bottom: 8px;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.ir-contents .ir-contents-link02 a: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
}

@media (hover:hover) {
  .ir-contents .ir-contents-link02 a:hover {
    color: #28AF5E
  }
  .ir-contents .ir-contents-link02 a:hover:before {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}

.ir-contents .ir-contents-link03 {
  position: relative;
  background-color: #fff;
  border: 1px solid #fff;
  padding: 32px 72px 32px 32px
}

.ir-contents .ir-contents-link03 a {
  display: block;
  font-size: 24px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.ir-contents .ir-contents-link03 .ir-contents-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: relative;
  position: absolute;
  right: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ir-contents .ir-contents-link03 .ir-contents-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
}

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

.ir-contents .ir-contents-link03 .ir-contents-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
}

@media (hover:hover) {
  .ir-contents .ir-contents-link03:hover {
    border: 1px solid #28AF5E
  }
  .ir-contents .ir-contents-link03:hover a {
    color: #28AF5E
  }
  .ir-contents .ir-contents-link03:hover .ir-contents-arrow01 i {
    background-size: 0 0, cover
  }
  .ir-contents .ir-contents-link03:hover .ir-contents-arrow01:after {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media (max-width:767px) {
  .ir-contents {
    background-color: #E7F8EE;
    padding: 48px 20px
  }
  .ir-contents h2 {
    padding-top: 24px;
    position: relative;
    margin: 0 auto 48px;
    text-align: center
  }
  .ir-contents h2 span {
    font-size: 14px;
    margin-top: 4px
  }
  .ir-contents h2:after {
    content: "";
    width: 60px;
    height: 3px;
    border-radius: 1.5px;
    background: -webkit-gradient(linear, right top, left top, from(#28AF5E), to(#78EAA5));
    background: linear-gradient(-90deg, #28AF5E 0%, #78EAA5 100%);
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .ir-contents .inner {
    padding: 0
  }
  .ir-contents .ir-contents-block01 {
    margin-bottom: 24px
  }
  .ir-contents .ir-contents-block02 {
    -ms-grid-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px
  }
  .ir-contents .ir-contents-box01 {
    position: relative;
    padding-top: 129px;
    padding-left: 20px
  }
  .ir-contents .ir-contents-cont01 .ir-contents-cont01__inner {
    width: calc(100% - 20px);
    max-width: 600px;
    min-height: auto;
    padding: 32px 24px;
    -webkit-box-shadow: 0 2px 5px rgba(9, 87, 40, 0.1);
    box-shadow: 0 2px 5px rgba(9, 87, 40, 0.1);
    border: 1px solid #fff;
    margin-left: auto
  }
  .ir-contents .ir-contents-cont01 .ir-contents-image01 {
    width: calc(100% - 20px)
  }
  .ir-contents .ir-contents-list01 {
    gap: 16px;
    margin: 24px auto 0
  }
  .ir-contents .ir-contents-link01 {
    position: relative
  }
  .ir-contents .ir-contents-link01 a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 16px;
    padding-right: 24px
  }
  .ir-contents .ir-contents-link01 .ir-contents-arrow01 {
    content: "";
    width: 24px;
    height: 24px;
    top: 2px
  }
  .ir-contents .ir-contents-link01 .ir-contents-arrow01 i {
    width: 12px;
    height: 5px
  }
  .ir-contents .ir-contents-link02 a {
    display: block;
    font-weight: 500;
    padding-bottom: 0px
  }
  .ir-contents .ir-contents-link02 a:after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20fill%3D%22%2328af5e%22%20transform%3D%22translate(1118%20934)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-1132%20-922)%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22%23fff%22%20transform%3D%22translate(1132%20922)%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%20transform%3D%22translate(24%20-2)%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22%23fff%22%20transform%3D%22translate(1108%20924)%22%2F%3E%3Cpath%20fill%3D%22%2328af5e%22%20d%3D%22M1135.992%20947.004h-15.984a1.009%201.009%200%200%201-1.008-1.012%201.009%201.009%200%200%201%201.008-1.012h13.552l-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%2Fg%3E%3C%2Fg%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%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22%2328af5e%22%20transform%3D%22translate(1108%20924)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-1132%20-922)%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22%23e7f8ee%22%20transform%3D%22translate(1132%20922)%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%20transform%3D%22translate(24%20-2)%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22%2328af5e%22%20transform%3D%22translate(1108%20924)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1135.992%20947.004h-15.984a1.009%201.009%200%200%201-1.008-1.012%201.009%201.009%200%200%201%201.008-1.012h13.552l-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%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 0 0, 0 0;
    background-size: cover, 0 0;
    background-repeat: no-repeat, no-repeat;
    -webkit-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .ir-contents .ir-contents-link03 {
    padding: 16px 40px 16px 16px
  }
  .ir-contents .ir-contents-link03 a {
    font-size: 18px;
    font-weight: 500
  }
  .ir-contents .ir-contents-link03 .ir-contents-arrow01 {
    content: "";
    width: 24px;
    height: 24px;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .ir-contents .ir-contents-link03 .ir-contents-arrow01 i {
    width: 12px;
    height: 5px
  }
}

.ir-calendar {
  padding: 120px 0
}

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

.ir-calendar h2 {
  padding-bottom: 20px;
  position: relative;
  margin: 0 auto 48px
}

.ir-calendar h2 span {
  color: #28AF5E;
  display: block;
  font-size: 20px;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400
}

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

.ir-calendar .ir-calendar-link01 {
  position: absolute;
  top: 66px;
  right: 20px;
  font-size: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  font-weight: 500;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in
}

.ir-calendar .ir-calendar-link01 .ir-calendar-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: relative
}

.ir-calendar .ir-calendar-link01 .ir-calendar-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
}

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

.ir-calendar .ir-calendar-link01 .ir-calendar-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
}

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

@media (max-width:767px) {
  .ir-calendar {
    padding: 48px 20px 128px
  }
  .ir-calendar h2 {
    padding-bottom: 18px;
    position: relative;
    margin: 0 auto 48px
  }
  .ir-calendar h2 span {
    color: #28AF5E;
    display: block;
    font-size: 14px;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400
  }
  .ir-calendar h2:after {
    content: "";
    width: 40px;
    height: 3px;
    border-radius: 1.5px
  }
  .ir-calendar .inner {
    padding: 0
  }
  .ir-calendar .ir-calendar-link01 {
    position: absolute;
    top: calc(100% + 40px);
    right: 0;
    font-weight: 500;
    font-size: 14px;
    gap: 8px
  }
  .ir-calendar .ir-calendar-link01 .ir-calendar-arrow01 {
    content: "";
    width: 24px;
    height: 24px
  }
  .ir-calendar .ir-calendar-link01 .ir-calendar-arrow01 i {
    width: 12px;
    height: 5px
  }
}