/** @format */

@charset "utf-8";
.pcbr {
  display: none;
}
.tbbr {
  display: block;
}
.mbbr {
  display: none;
}
.dn {
  display: none;
}

/* */
.pageTop {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
}
.pageTop .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pageTop.pn1 .bg {
  background: url(/images/page/subVisual1.jpg) no-repeat center / cover;
}
.pageTop.pn2 .bg {
  background: url(/images/page/subVisual2.jpg) no-repeat center / cover;
}
.pageTop.pn3 .bg {
  background: url(/images/page/subVisual3.jpg) no-repeat center / cover;
}
.pageTop.pn4 .bg {
  background: url(/images/page/subVisual4.jpg) no-repeat center / cover;
}
.pageTop.pn5 .bg {
  background: url(/images/page/subVisual5.jpg) no-repeat center / cover;
}
.pageTop .conwrap {
  position: absolute;
  left: 6%;
  bottom: 0;
  z-index: 10;
  width: 88%;
}
.pageTop .conwrap h2 {
  font-size: var(--font-size-30);
  color: #fff;
}
.pageTop .conwrap h3 {
  margin: 20px 0;
  font-size: var(--font-size-86);
  color: #fff;
}
.pageTop .conwrap p {
  font-size: var(--font-size-28);
  color: #fff;
}
.pageTop .conwrap .links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  margin-top: 46px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.pageTop .conwrap .links .pageLocation {
}
.pageTop .conwrap .links .pageLocation > a {
  display: block;
  position: relative;
  width: 180px;
  font-size: var(--font-size-20);
  color: #fff;
}
.pageTop .conwrap .links .pageLocation > a:after {
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  background: url(/images/page/pl_arr.png) no-repeat center / cover;
  position: absolute;
  right: 0;
  top: 10px;
}
.pageTop .conwrap .links .pageLocation > ul {
}
.pageTop .conwrap .links .pageTabs {
  display: none;
}
.pageTop .conwrap .links .pageTabs > ul {
  display: flex;
  gap: 40px;
}
.pageTop .conwrap .links .pageTabs > ul > li {
}
.pageTop .conwrap .links .pageTabs > ul > li > a {
  display: block;
  position: relative;
  padding-left: 18px;
  font-size: var(--font-size-18);
  color: #fff;
}
.pageTop .conwrap .links .pageTabs > ul > li > a:before {
  display: block;
  content: "";
  width: 8px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pageTop .conwrap .links .pageTabs > ul > li.on > a:before {
  width: 8px;
  height: 8px;
}

.page {
  padding: 100px 0 100px;
}
.innerWrap {
  position: relative;
  width: 88%;
  margin: 0 auto;
}
.pageTitle1 {
  margin-bottom: 120px;
  font-size: var(--font-size-40);
  color: #000;
  font-weight: 600;
}
.pageTitle2 {
  font-size: var(--font-size-52);
  color: #000;
  font-weight: 500;
  line-height: 140%;
}

/* m11 */
.m11 {
  padding: 160px 0 0;
}
.m11 h4 + .txts {
  margin-top: 34px;
}
.m11 h4 + .txts p {
  width: 100%;
  margin-top: 40px;
  font-size: var(--font-size-20);
  line-height: 32px;
}
.m11 .list1 {
  margin: 100px 0 100px;
}
.m11 .list1 ul {
  width: 250px;
  margin: 0 auto;
}
.m11 .list1 ul li {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  aspect-ratio: 1/1;
  border: 1px solid #bbb;
  border-radius: 50%;
  text-align: center;
}
.m11 .list1 ul li:after {
  display: block;
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 2px);
  position: absolute;
  left: -2px;
  top: -1px;
  z-index: 10;
}
.m11 .list1 ul li:nth-child(1) {
}
.m11 .list1 ul li:nth-child(2) {
  margin: 0 -1px;
}
.m11 .list1 ul li:nth-child(3) {
}
.m11 .list1 ul li:nth-child(1):after {
  background: url(/images/page/m11_list1_line1.png) no-repeat left / cover;
  transform: rotate(90deg);
}
.m11 .list1 ul li:nth-child(2):after {
  background: url(/images/page/m11_list1_line2.png) no-repeat left / cover;
  transform: rotate(90deg);
}
.m11 .list1 ul li:nth-child(3):after {
  background: url(/images/page/m11_list1_line3.png) no-repeat left / cover;
  transform: rotate(90deg);
}
.m11 .list1 ul li .num {
  font-family: "Poppins";
  font-size: var(--font-size-18);
  color: #000;
}
.m11 .list1 ul li .icon {
  width: 70px;
  margin: 20px auto;
}
.m11 .list1 ul li .tit {
  font-size: var(--font-size-24);
  color: #000;
}
.m11 .list2 {
}
.m11 .list2 ul {
}
.m11 .list2 ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column-reverse;
  padding: 100px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.m11 .list2 ul li .imgArea {
  width: 100%;
  aspect-ratio: 720/670;
  margin-top: 40px;
}
.m11 .list2 ul li:nth-child(1) .imgArea {
  background: url(/images/page/m11_list2_img1.jpg) no-repeat center / cover;
}
.m11 .list2 ul li:nth-child(2) .imgArea {
  background: url(/images/page/m11_list2_img2.jpg) no-repeat center / cover;
}
.m11 .list2 ul li:nth-child(3) .imgArea {
  background: url(/images/page/m11_list2_img3.jpg) no-repeat center / cover;
}

.m11 .list2 ul li .txtArea {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: 100%;
}
.m11 .list2 ul li .txtArea .num {
  width: 100%;
  margin-bottom: 20px;
  font-size: var(--font-size-18);
  color: #000;
}
.m11 .list2 ul li .txtArea .txts {
  width: 100%;
}
.m11 .list2 ul li .txtArea .tit1 {
  font-size: var(--font-size-94);
  color: #000;
  line-height: 120%;
}
.m11 .list2 ul li .txtArea .tit2 {
  margin: 20px 0 10px;
  font-size: var(--font-size-32);
  color: #000;
  line-height: 140%;
}
.m11 .list2 ul li .txtArea .txt {
  font-size: var(--font-size-20);
  color: rgba(102, 102, 102, 1);
  line-height: 32px;
}

/* m12 */
.m12 {
}
.m12 .conWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column-reverse;
}
.m12 .conWrap .imgs {
  position: relative;
  width: 90%;
  margin: 60px auto 0;
}
.m12 .conWrap .imgs .img1 {
  width: 81.45%;
  aspect-ratio: 782/960;
  background: url(/images/page/m12_img1.jpg) no-repeat center / cover;
}
.m12 .conWrap .imgs .img2 {
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
  width: 38.54%;
  aspect-ratio: 370/500;
  background: url(/images/page/m12_img2.jpg) no-repeat center / cover;
}
.m12 .conWrap .greetings {
  width: 100%;
  padding: 0 5%;
}
.m12 .conWrap .greetings h4 {
  margin-bottom: 36px;
  font-size: var(--font-size-50);
  color: #000;
  font-weight: 600;
  line-height: 120%;
}
.m12 .conWrap .greetings p {
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}
.m12 .conWrap .greetings p.last {
  margin-top: 60px;
  font-size: var(--font-size-20);
  color: #000;
  font-weight: 500;
}
.m12 .conWrap .greetings p.last .bar {
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #dadada;
  margin: 0 10px;
}
.m12 .conWrap .greetings p.last .name {
  font-size: var(--font-size-30);
}

/* m13 */
.m13 {
}
.m13 .conWrap {
}
.m13 .conWrap .title {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px;
  background: url(/images/page/m13_bg1.jpg) no-repeat center / cover;
  text-align: center;
}
.m13 .conWrap .title h4 {
  font-size: var(--font-size-80);
  font-weight: 500;
  color: #fff;
}
.m13 .conWrap .title:after {
  display: block;
  content: "";
  width: 2px;
  height: 100px;
  background: #fff;
  position: absolute;
  left: 5%;
  bottom: 0;
  margin-left: -1px;
}
.m13 .conWrap .history {
  position: relative;
  padding: 10px 0 0;
}
.m13 .conWrap .history:before {
  display: block;
  content: "";
  width: 2px;
  height: calc(100% - 100px - 25vh);
  background: rgba(37, 45, 126, 1);
  position: absolute;
  left: 5%;
  top: 0;
  margin-left: -1px;
}
.m13 .conWrap .history .arr {
  position: absolute;
  left: 5%;
  top: calc(110px + 28vh);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #252d7e url(/images/page/m13_arr.png) no-repeat center;
}
.m13 .conWrap .history .arr:before {
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  background: url(/images/page/m13_arr_bg.png) no-repeat center / cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.m13 .conWrap .history .boxWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
  padding: 50px 0;
}

.m13 .conWrap .history .boxWrap .img {
  width: 100%;
  padding-left: 40px;
  margin-top: 40px;
}
.m13 .conWrap .history .boxWrap .img img {
  width: 100%;
}
.m13 .conWrap .history .boxWrap .txts {
  width: 100%;
  padding-left: 40px;
}
.m13 .conWrap .history .boxWrap .txts > div {
}
.m13 .conWrap .history .boxWrap .txts > div .year {
  width: 100%;
  font-family: "Manrope";
  font-size: 40px;
  font-weight: 500;
  color: #000;
  line-height: 130%;
}
.m13 .conWrap .history .boxWrap .txts > div .con {
  width: 100%;
  margin-top: 20px;
}
.m13 .conWrap .history .boxWrap .txts > div .con ul {
}
.m13 .conWrap .history .boxWrap .txts > div .con ul li {
  position: relative;
  padding-left: 15px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}
.m13 .conWrap .history .boxWrap .txts > div .con ul li:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2e3092;
  position: absolute;
  left: 0;
  top: 12px;
}

/* m14 */
.m14 {
}
.m14 .conWrap {
  text-align: center;
}
.m14 .conWrap .vv {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 98px 0 59px;
}
.m14 .conWrap .vv > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 614px;
  aspect-ratio: 614/614;
  border-radius: 50%;
}
.m14 .conWrap .vv > div.vision {
  position: relative;
  z-index: 100;
  background: url(/images/page/m14_dashed1.png) no-repeat center / cover;
  margin-bottom: -30px;
}
.m14 .conWrap .vv > div.vision:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 100;
  transform: translateX(-50%);
  width: 56%;
  aspect-ratio: 349/56;
  background: url(/images/page/m14_dashed2_m.png) no-repeat center / cover;
}
.m14 .conWrap .vv > div.value {
  background: #252d7e;
}
.m14 .conWrap .vv > div .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
}
.m14 .conWrap .vv > div .icon img {
  width: auto;
  height: 100%;
}
.m14 .conWrap .vv > div.value .icon img {
  width: auto;
  height: 90%;
}
.m14 .conWrap .vv > div .tit {
  margin: 8px 0 30px;
  font-size: var(--font-size-32);
  color: #000;
  font-weight: 500;
  line-height: 140%;
}
.m14 .conWrap .vv > div.value .tit {
  color: #fff;
}
.m14 .conWrap .vv > div .txt {
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}
.m14 .conWrap .vv > div.value .txt {
  color: #fff;
}
.m14 .conWrap .arr {
  margin: 0 0 59px;
}
.m14 .conWrap .mission {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 577px;
}
.m14 .conWrap .mission .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/images/page/m14_mission_bg.jpg) no-repeat center / cover;
}
.m14 .conWrap .mission .bg ~ div {
  position: relative;
  z-index: 10;
}
.m14 .conWrap .mission .tit {
  font-size: var(--font-size-32);
  color: #fff;
  line-height: 140%;
}
.m14 .conWrap .mission .txt {
  margin-top: 8px;
  font-size: var(--font-size-50);
  color: #fff;
  font-weight: 500;
  line-height: 130%;
}
.m14 .conWrap .mission .txt span {
  color: #252d7e;
}

/* m15 */
.m15 {
}
.m15 .conWrap {
}
.m15 .mapWrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 1920/803;
  margin: 80px 0 120px;
}
.m15 .mapWrap .mapImg {
  width: 100%;
  height: 100%;
  background: url(/images/page/m15_map.jpg) no-repeat center / cover;
}
.m15 .mapInfo {
}
.m15 .mapInfo .areaWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  row-gap: 30px;
  margin-bottom: 100px;
}
.m15 .mapInfo .areaWrap:last-child {
  margin: 0;
}
.m15 .mapInfo .areaWrap h5 {
  width: 100%;
  margin-bottom: 30px;
  font-size: var(--font-size-32);
  color: #000;
  font-weight: 600;
}
.m15 .mapInfo .areaWrap .boxWrap {
  width: 100%;
  border: 1px solid #ccc;
}
.m15 .mapInfo .areaWrap .boxWrap .areaName {
  display: flex;
  align-items: center;
  padding: 25px 30px;
  background: #f4f4f4;
  font-size: var(--font-size-32);
  color: #000;
  font-weight: 600;
}
.m15 .mapInfo .areaWrap .boxWrap .areaName img {
  height: 35px;
  margin-right: 15px;
}
.m15 .mapInfo .areaWrap .boxWrap .areaInfo {
  padding: 40px 30px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 150%;
}
.m15 .mapInfo .areaWrap .boxWrap .areaInfo > div {
  padding: 0px 0 9px 36px;
}
.m15 .mapInfo .areaWrap .boxWrap .areaInfo .addr {
  background: url(/images/page/m15_areaInfo_icon1.png) no-repeat left 4px;
  background-size: 6.5vw;
}
.m15 .mapInfo .areaWrap .boxWrap .areaInfo .tel {
  margin-top: 20px;
  background: url(/images/page/m15_areaInfo_icon2.png) no-repeat left 4px;
  background-size: 6.5vw;
}

/* m21 */
.m21 {
  padding: 100px 0 100px;
}
.m21 p {
  margin: 74px 0;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 170%;
}
.m21 .conWrap {
  position: relative;
  width: 100%;
  aspect-ratio: 748/1128;
  margin: 0 auto;
  background: url(/images/page/m21_dia.png) no-repeat center / contain;
}
.m21 .conWrap .title {
  display: none;
}
.m21 .conWrap ul {
  display: none;
}

/* m22 */
.m22 {
}
.m22 .m22Tabs {
}
.m22 .m22Tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.m22 .m22Tabs li {
  width: calc((100% - 10px * 2) / 3);
}
.m22 .m22Tabs li a {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  font-size: var(--font-size-20);
  color: rgba(0, 0, 0, 0.3);
  font-weight: 600;
  text-align: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
.m22 .m22Tabs li.on a {
  color: #252d7e;
  border-bottom: 2px solid #252d7e;
}
.m22 .tabconWrap {
  margin: 100px 0 0;
}
.m22 .tabconWrap .m22_title1 {
  font-size: var(--font-size-40);
  color: #000;
  font-weight: 600;
}
.m22 .tabconWrap .m22_title1.fw500 {
  font-weight: 500;
}
.m22 .tabconWrap .m22_title1 + p {
  margin: 10px 0 0;
  font-size: var(--font-size-32);
  color: #666;
  font-weight: 600;
}
.m22 .sec1 {
  padding: 70px 0 100px;
}
.m22 .sec1 .txts {
  width: 100%;
  padding: 0 6%;
}
.m22 .sec1 .txts h5 {
  font-size: var(--font-size-52);
  color: #000;
  font-weight: 500;
  line-height: 140%;
}
.m22 .sec1 .txts p {
  margin-top: 74px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 170%;
}
.m22 .sec1 .img {
  width: 100%;
  aspect-ratio: 960/693;
  margin-top: 40px;
}
.m22 .tab1 .sec1 .img {
  background: url(/images/page/m22_tab1_img.jpg) no-repeat center / cover;
}
.m22 .tab2 .sec1 .img {
  background: url(/images/page/m22_tab2_img.jpg) no-repeat center / cover;
}
.m22 .tab3 .sec1 .img {
  background: url(/images/page/m22_tab3_img.jpg) no-repeat center / cover;
}
.m22 .tab4 .sec1 .img {
  background: url(/images/page/m22_tab4_img.jpg) no-repeat center / cover;
}
.m22 .tab5 .sec1 .img {
  background: url(/images/page/m22_tab5_img.jpg) no-repeat center / cover;
}
.m22 .tab6 .sec1 .img {
  background: url(/images/page/m22_tab6_img.jpg) no-repeat center / cover;
}

.m22 .sec2 {
  padding: 0 0 120px 0;
}
.m22 .sec2 .img {
  margin: 40px 0 0;
  overflow-x: auto;
}
.m22 .sec2 .img img {
  max-width: none;
  width: 800px;
}
.m22 .sec3 {
  padding: 120px 0;
  background: #f4f4f4;
}
.m22 .sec3 .m22_title1 + p {
  font-size: var(--font-size-20);
  color: #666;
  font-weight: 400;
}
.m22 .sec3 .boxWrap {
  margin-top: 60px;
}
.m22 .sec3 .boxWrap .tit {
  padding: 20px 50px;
  background: #efefef;
  font-size: var(--font-size-32);
  color: #000;
  font-weight: 600;
}
.m22 .sec3 .boxWrap .img {
}
.m22 .sec3 .boxWrap .img .line {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  margin: 20px 0;
}
.m22 .sec3 .img {
  margin: 40px 0 0;
}

.m22 .sec4 {
  padding: 120px 0;
}
.m22 .sec4#m22Bbs {
  padding-bottom: 0;
}
.m22 .sec4.pd0 {
  padding: 0;
}
.m22 .sec4 .list {
  margin: 60px 0 0;
  border-top: 2px solid #000;
}
.m22 .sec4 .list .listTitle {
  display: none;
}
.m22 .sec4 .list .listCon {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid rgba(112, 115, 124, 0.52);
  border-bottom: 1px solid rgba(112, 115, 124, 0.52);
}
.m22 .sec4 .list .listCon .li {
  width: 100%;
  padding: 14px 20px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 140%;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.m22 .sec4 .list .listCon .li:last-child {
  border-bottom: 0;
}
.m22 .sec4 .list .listCon .li > div {
  display: flex;
  margin: 10px 0;
  width: 100%;
}
.m22 .sec4 .list .listCon .li > div .hiddenTit {
  width: 100px;
  font-size: var(--font-size-20);
  color: #000;
  line-height: 140%;
}
.m22 .sec4 .list .listCon .li > div .txt {
  width: calc(100% - 100px);
}

.m22 .sec4 .zld {
  max-width: 1284px;
  margin: 0 auto 120px;
}
.m22 .sec4 .zld > ul {
  margin: 60px 0 34px;
}
.m22 .sec4 .zld > ul li {
  position: relative;
  width: 60vw;
  aspect-ratio: 1/1;
  padding: 13px 20px;
  margin: 0 auto;
  border: 1px dashed #252d7e;
  border-radius: 50%;
}
.m22 .sec4 .zld > ul li:nth-child(1) {
  z-index: 3;
}
.m22 .sec4 .zld > ul li:nth-child(2) {
  z-index: 2;
}
.m22 .sec4 .zld > ul li:nth-child(3) {
  z-index: 1;
}
.m22 .sec4 .zld > ul li:after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  background: url(/images/page/m22_tab4_plus.png) no-repeat center / cover;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 100;
  transform: translate(-50%, -24px);
}
.m22 .sec4 .zld > ul li:last-child:after {
  display: none;
}
.m22 .sec4 .zld > ul li > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 49px 10px;
  background: #f7f7f7;
  border-radius: 50%;
  text-align: center;
}
.m22 .sec4 .zld > ul li > div .tit {
  font-size: var(--font-size-28);
  color: #000;
  line-height: 140%;
  font-weight: 600;
}
.m22 .sec4 .zld > ul li > div .txt {
  margin-top: 10px;
  font-size: var(--font-size-16);
  color: #666;
  line-height: 140%;
}
.m22 .sec4 .zld .con {
  position: relative;
}
.m22 .sec4 .zld .con:before {
  display: block;
  content: "";
  width: calc((100% - (100% - 46px) / 3));
  aspect-ratio: 1797/144;
  background: url(/images/page/m22_tab4_linebg.png) no-repeat center / contain;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
}
.m22 .sec4 .zld .con dl {
  flex: 1;
  padding: 24px 22px;
  background: #f7f7f7;
  text-align: center;
}
.m22 .sec4 .zld .con dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 118px;
  font-size: var(--font-size-28);
  color: #fff;
  line-height: 140%;
  font-weight: 600;
}
.m22 .sec4 .zld .con dl:nth-child(1) dt {
  background: #258fc3;
}
.m22 .sec4 .zld .con dl:nth-child(2) dt {
  background: #1f64b5;
}
.m22 .sec4 .zld .con dl:nth-child(3) dt {
  background: #252d7e;
}
.m22 .sec4 .zld .con dl dd {
  padding: 30px 0;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}
.m22 .sec4 .zld .con dl dd ul {
}
.m22 .sec4 .zld .con dl dd ul li {
  margin-bottom: 4px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}
.m22 .sec4 .zld .con dl dd ul li:before {
  display: inline-block;
  content: "";
  vertical-align: top;
  width: 4px;
  height: 4px;
  margin: 14px 5px 0 0;
  background: #666;
  border-radius: 50%;
}
.m22 .sec5 {
  text-align: center;
}
.m22 .sec5 .con {
  overflow: hidden;
  overflow-x: auto;
  margin-top: 60px;
  padding-bottom: 20px;
}
.m22 .sec5 .con::-webkit-scrollbar {
  height: 5px;
}
.m22 .sec5 .con::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
}
.m22 .sec5 .con::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.m22 .sec5 .con ul {
  display: flex;
  justify-content: center;
  gap: 33px;
  position: relative;
  width: 1640px;
  margin: 0 auto;
  padding: 21px;
}
.m22 .sec5 .con ul:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: url(/images/page/m22_sec5_bg.png) no-repeat center center / 100%;
}
.m22 .sec5 .con ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 293px;
  aspect-ratio: 1/1;
  background: #f7f7f7;
  border-radius: 50%;
}
.m22 .sec5 .con ul li .icon {
  width: 80px;
  margin: 0 auto;
}
.m22 .sec5 .con ul li .tit {
  margin: 12px 0 6px;
  font-size: var(--font-size-28);
  color: #000;
  font-weight: 500;
  line-height: 150%;
}
.m22 .sec5 .con ul li .txt {
  font-size: var(--font-size-18);
  color: #555;
  line-height: 140%;
}

.m22 .sec6 {
}
.m22 .sec6 .boxWrap {
  padding: 100px 0;
}
.m22 .sec6 .boxWrap:nth-child(even) {
  background: #f7f7f7;
}
.m22 .sec6 .boxWrap.flex .innerWrap {
}
.m22 .sec6 .boxWrap.flex .innerWrap > div {
  width: 100%;
}
.m22 .sec6 .boxWrap.flex .innerWrap > div.titleArea {
  padding-top: 40px;
}
.m22 .sec6 .boxWrap.flex .innerWrap > div.conArea {
  margin: 40px 0 0;
}

.m22 .sec6 .boxWrap .titleArea {
}
.m22 .sec6 .boxWrap .titleArea .icon {
  width: 60px;
}
.m22 .sec6 .boxWrap .titleArea .tit {
  margin: 20px 0;
  font-size: var(--font-size-40);
  color: #000;
  font-weight: 500;
}
.m22 .sec6 .boxWrap .titleArea p {
  font-size: var(--font-size-20);
  color: #666;
  line-height: 140%;
}

.m22 .sec6 .boxWrap .conArea {
  margin-top: 80px;
}
.m22 .sec6 .boxWrap .conArea .imgs1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
}
.m22 .sec6 .boxWrap .conArea .imgs1 li {
  width: 49%;
}
.m22 .sec6 .boxWrap .conArea .imgs1 li img {
  width: 100%;
}
.m22 .sec6 .boxWrap .conArea .imgs1 li .tit {
  padding: 13px;
  font-size: var(--font-size-20);
  color: #000;
  font-weight: 500;
  text-align: center;
}
.m22 .sec6 .boxWrap .conArea .title {
  padding: 20px 25px;
  background: #efefef;
  font-size: var(--font-size-32);
  color: #000;
  font-weight: 600;
}
.m22 .sec6 .boxWrap .conArea .imgs2 {
}
.m22 .sec6 .boxWrap .conArea .imgs2 > div {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  padding: 40px 30px;
  margin: 5px 0;
  text-align: center;
}
.m22 .sec6 .boxWrap .conArea .imgs2 > div img {
  width: 100%;
}
.m22 .sec6 .boxWrap .conArea .imgs2 > div .tit {
  margin-top: 30px;
  font-size: var(--font-size-28);
  color: #000;
  font-weight: 600;
}
.m22 .sec6 .boxWrap .conArea .imgs2 > div.line {
  width: 1px;
  margin: 0 40px;
  padding: 0;
  background: #ccc;
}
.m22 .sec6 .boxWrap .conArea > img {
  width: 100%;
}

/* m23 */
.m23 {
  padding-bottom: 0;
}
.m23 h5 {
  font-size: var(--font-size-32);
  color: #000;
  font-weight: 600;
}
.m23 .sec1 {
}
.m23 .sec1 .conWrap {
  padding: 120px 0;
}
.m23 .sec1 .conWrap .con {
}
.m23 .sec1 .conWrap .con > div {
  width: 100%;
  margin-top: 60px;
}
.m23 .sec1 .conWrap .con > div .img {
}
.m23 .sec1 .conWrap .con > div .img > img {
  width: 100%;
}
.m23 .sec1 .conWrap .con > div dl {
  margin-top: 30px;
  padding: 0 20px;
}
.m23 .sec1 .conWrap .con > div dl dt {
  font-size: var(--font-size-28);
  color: #000;
  font-weight: 600;
}
.m23 .sec1 .conWrap .con > div dl dd {
  margin-top: 14px;
}
.m23 .sec1 .conWrap .con > div dl dd ul li {
  position: relative;
  padding-left: 14px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 170%;
}
.m23 .sec1 .conWrap .con > div dl dd ul li:before {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  background: #252d7e;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}
.m23 .sec1 .conWrap .con2 {
  margin-top: 60px;
  padding: 50px 50px;
  background: #f4f4f4;
}
.m23 .sec1 .conWrap .con2 > div {
  position: relative;
  width: 100%;
  padding: 50px 24px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #fff;
  text-align: center;
}
.m23 .sec1 .conWrap .con2 > div ul {
}
.m23 .sec1 .conWrap .con2 > div ul li {
  margin-bottom: 20px;
}
.m23 .sec1 .conWrap .con2 > div ul li:last-child {
  margin-bottom: 0px;
}
.m23 .sec1 .conWrap .con2 > div ul li .img {
}
.m23 .sec1 .conWrap .con2 > div .img img {
  width: 100%;
}
.m23 .sec1 .conWrap .con2 > div ul li .tit {
  padding: 8px 0;
  font-size: var(--font-size-18);
  color: #444;
  font-weight: 600;
}
.m23 .sec1 .conWrap .con2 > div:nth-child(1):after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  background: url(/images/page/m23_sec1_plus.png) no-repeat center / cover;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 10;
  transform: translate(-24px, -50%);
}
.m23 .sec1 .conWrap .con2 > div:nth-child(2):after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  background: url(/images/page/m23_sec1_equal.png) no-repeat center / cover;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 10;
  transform: translate(-24px, -50%);
}
.m23 .sec1 .conWrap .con2 > div:nth-child(3) ul {
  margin-top: 30px;
  text-align: left;
}
.m23 .sec1 .conWrap .con2 > div:nth-child(3) ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 6px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}
.m23 .sec1 .conWrap .con2 > div:nth-child(3) ul li:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666;
  position: absolute;
  left: 0;
  top: 12px;
}
.m23 .sec1 .conWrap .con2 > div .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin-bottom: 20px;
  background: #252d7e;
  font-size: var(--font-size-26);
  color: #fff;
  font-weight: 600;
}
.m23 .sec2 {
  padding: 120px 0;
  background: #f4f4f4;
}
.m23 .flexTitle {
  display: flex;
  flex-wrap: wrap;
}
.m23 .flexTitle h5 {
  width: 50%;
}
.m23 .flexTitle ul {
  width: 50%;
}
.m23 .flexTitle ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 6px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}
.m23 .flexTitle ul li:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666;
  position: absolute;
  left: 0;
  top: 12px;
}
.m23 .sec2 .img {
  margin-top: 60px;
}

.m23 .sec3 {
  padding: 120px 0;
}
.m23 .sec3 > div > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 41px;
  margin-top: 60px;
}
.m23 .sec3 > div > ul > li {
  position: relative;
  width: 100%;
  padding: 40px 20px;
  border: 1px solid #ccc;
}
.m23 .sec3 > div > ul > li:after {
  display: block;
  content: "";
  width: 13px;
  aspect-ratio: 26/30;
  background: url(/images/page/m23_sec3_arr.png) no-repeat center / cover;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-6px, 12px) rotate(90deg);
}
.m23 .sec3 > div > ul > li:last-child:after {
  display: none;
}
.m23 .sec3 > div > ul > li .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin-bottom: 20px;
  background: #252d7e;
  font-size: var(--font-size-26);
  color: #fff;
  font-weight: 600;
}
.m23 .sec3 > div > ul > li .stit {
  margin: 12px 0;
  font-size: var(--font-size-20);
  color: #666;
  text-align: center;
}
.m23 .sec3 > div > ul > li .title2 {
  margin: 30px 0 20px;
  font-size: var(--font-size-28);
  color: #000;
  font-weight: 600;
  line-height: 150%;
}
.m23 .sec3 > div > ul > li .img {
}
.m23 .sec3 > div > ul > li .img .exp {
  margin: 10px 0;
  font-size: var(--font-size-20);
  color: #252d7e;
  line-height: 150%;
}
.m23 .sec3 > div > ul > li ul li {
  position: relative;
  margin-bottom: 6px;
  padding-left: 15px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 150%;
}
.m23 .sec3 > div > ul > li ul li:before {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #252d7e;
  position: absolute;
  left: 0;
  top: 12px;
}

.m23 .sec4 {
  padding: 120px 0;
  background: #f4f4f4;
}
.m23 .sec4 > div > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 60px;
}
.m23 .sec4 > div > ul > li {
  position: relative;
  width: 100%;
  padding: 30px 60px;
  border: 1px solid #ccc;
  text-align: center;
}
.m23 .sec4 > div > ul > li .tit {
  margin: 30px 0 12px;
  font-size: var(--font-size-28);
  color: #000;
  font-weight: 600;
}
.m23 .sec4 > div > ul > li ul li {
  position: relative;
  margin-bottom: 6px;
  padding-left: 15px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 150%;
}
.m23 .sec4 > div > ul > li ul li:before {
  display: inline-block;
  content: "";
  vertical-align: top;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 12px 9px 0 0;
  background: #252d7e;
}

/* m31 */
.m31 {
}
.m31 .conWrap {
  position: relative;
  margin-top: 24px;
  padding: 100px 0 40px;
}
.m31 .conWrap .bgBlack {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.m31 .conWrap .m31Tabs {
  margin: 0 0 74px;
}
.m31 .conWrap .m31Tabs ul {
  display: flex;
  box-shadow: 0 -1px 0 #ccc inset;
}
.m31 .conWrap .m31Tabs ul li {
  flex: 1;
}
.m31 .conWrap .m31Tabs ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: var(--font-size-28);
  color: #555;
}
.m31 .conWrap .m31Tabs ul li.on a {
  color: #000;
  box-shadow: 0 -2px 0 #000 inset;
}
.m31 .conWrap .m31TabCon {
}
.m31 .conWrap .m31TabCon .list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.m31 .conWrap .m31TabCon .list li {
  width: calc((100% - 20px) / 2);
}
.m31 .conWrap .m31TabCon .list li .thumb {
  position: relative;
  padding: 25px 25px;
  background: #f4f4f4;
}
.m31 .conWrap .m31TabCon .list li .thumb .hover {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
  text-align: center;
  opacity: 0;
  transition: all 0.24s;
}
.m31 .conWrap .m31TabCon .list li .thumb .hover img {
  height: 100px;
}
.m31 .conWrap .m31TabCon .list li .tit {
  margin: 20px 0 0;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}

.m31 .conWrap .m31TabCon .list li:hover .thumb .hover {
  opacity: 1;
}

.m31 .conWrap .m31Pop {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 5000;
  transform: translate(-50%, -50%);
  width: 70%;
  aspect-ratio: 632/859;
}
.m31 .conWrap .m31Pop .btnClose {
  position: absolute;
  left: calc(100% + 20px);
  top: 0;
  z-index: 5000;
  width: 40px;
  height: 40px;
}
.m31 .conWrap .m31Pop .img {
  overflow: hidden;
  overflow-y: auto;
}
.m31 .conWrap .m31Pop .tit {
  margin-top: 12px;
  font-size: var(--font-size-20);
  color: #fff;
  text-align: center;
}

/* paging */
.paging {
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
.paging a {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #999;
  font-size: 15px;
  line-height: 32px;
}
.paging strong {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
}
.paging .page_begin {
  width: 24px;
  height: 24px;
  background: url(/images/common/page_begin.png) no-repeat center;
  background-size: 24px;
  border: 0;
}
.paging .page_prev {
  width: 24px;
  height: 24px;
  background: url(/images/common/page_prev.png) no-repeat center;
  background-size: 24px;
  border: 0;
  margin-right: 16px;
}
.paging .page_next {
  width: 24px;
  height: 24px;
  background: url(/images/common/page_next.png) no-repeat center;
  background-size: 24px;
  border: 0;
  margin-left: 16px;
}
.paging .page_end {
  width: 24px;
  height: 24px;
  background: url(/images/common/page_end.png) no-repeat center;
  background-size: 24px;
  border: 0;
}

/* m41 */
.m41 {
}
.m41 h4 + p {
  margin: 74px 0 120px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 32px;
}
.m41 h5 {
  margin-bottom: 60px;
  font-size: var(--font-size-40);
  color: #000;
  font-weight: 600;
}
.m41 .intro {
  overflow: hidden;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 476px;
  padding: 0 5%;
  text-align: center;
}
.m41 .intro .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/images/page/m41_intro_bg.jpg) no-repeat center / cover;
}
.m41 .intro dl {
  position: relative;
  z-index: 10;
}
.m41 .intro dl dt {
  font-size: var(--font-size-34);
  color: #fff;
  font-weight: 600;
}
.m41 .intro dl dd {
  margin-top: 15px;
  font-size: var(--font-size-20);
  color: #fff;
  line-height: 32px;
}
.m41 .core {
  position: relative;
  padding: 120px 0 284px;
  background: #f4f4f4 url(/images/page/m41_core_bg.png) no-repeat center bottom;
  background: #fff url(/images/page/m41_core_bg.png) no-repeat center bottom;
  background-size: 100% auto;
}
.m41 .core:before {
  display: block;
  content: "";
  width: 100%;
  height: 240px;
  background: #f4f4f4;
  position: absolute;
  left: 0;
  bottom: 100%;
  display: none;
}
.m41 .core .conWrap {
  position: relative;
  margin-top: 60px;
}
.m41 .core .conWrap .img {
  width: 100%;
  height: 45vh;
  margin-bottom: 20px;
  background: url(/images/page/m41_core_img.jpg) no-repeat center / cover;
}
.m41 .core .conWrap .list {
  width: 100%;
}
.m41 .core .conWrap .list ul {
}
.m41 .core .conWrap .list ul li {
  display: flex;
  align-items: center;
  height: 132px;
  padding: 0 50px;
  margin-bottom: 20px;
  background: #f4f4f4;
}
.m41 .core .conWrap .list ul li:last-child {
  margin: 0;
}
.m41 .core .conWrap .list ul li .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #252d7e;
  border-radius: 50%;
  font-size: var(--font-size-16);
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.m41 .core .conWrap .list ul li .txt {
  width: calc(100% - 40px);
  padding: 0 16px;
  font-size: var(--font-size-24);
  color: #000;
  line-height: 32px;
}
.m41 .dia {
  padding: 140px 0 0;
}
.m41 .dia > div {
  position: relative;
  width: 90%;
  max-width: 800px;
  aspect-ratio: 1/1;
  background: url(/images/page/m41_dia.png) no-repeat center / contain;
}
.m41 .dia .title {
  display: none;
}
.m41 .dia .list {
  display: none;
}

/* m42 */
.m42 .intro .bg {
  background: url(/images/page/m42_intro_bg.jpg) no-repeat center / cover;
}
.m42 .core .conWrap .img {
  background: url(/images/page/m42_core_img.jpg) no-repeat center / cover;
}
.m42 .dia > div {
  background: url(/images/page/m42_dia.png) no-repeat center / contain;
}

/* m43 */
.m43 .intro .bg {
  background: url(/images/page/m43_intro_bg.jpg) no-repeat center / cover;
}
.m43 .core .conWrap .img {
  background: url(/images/page/m43_core_img.jpg) no-repeat center / cover;
}
.m43 .dia > div {
  background: url(/images/page/m43_dia.png) no-repeat center / contain;
}

/* m44 */
.m44 .dia {
  padding: 340px 0 240px;
}
.m44 .intro .bg {
  background: url(/images/page/m44_intro_bg.jpg) no-repeat center / cover;
}
.m44 .core .conWrap .img {
  background: url(/images/page/m44_core_img.jpg) no-repeat center / cover;
}
.m44 .dia > div {
  background: url(/images/page/m44_dia.png) no-repeat center / contain;
}

/* m51 */
.m51 {
}
.m51 .conWrap {
  position: relative;
  margin: 80px 0 0;
  padding: 0 5%;
}
.m51 .conWrap .title {
  width: 65.85%;
  aspect-ratio: 1/1;
  padding: 5.12%;
  margin: 0 auto;
  border-radius: 50%;
  background: url(/images/page/m51_bg1.png) no-repeat center / cover;
  text-align: center;
}
.m51 .conWrap .title > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.m51 .conWrap .title > div .ts {
  font-size: var(--font-size-40);
  color: #fff;
  font-weight: 600;
}
.m51 .conWrap .title > div .tit {
  font-size: var(--font-size-52);
  color: #fff;
  font-weight: 500;
  line-height: 140%;
}
.m51 .conWrap .con {
  position: relative;
  padding: 40px 0;
}
.m51 .conWrap .con .line {
  width: 0;
  height: 0;
}
.m51 .conWrap .con .line > div:nth-child(1) {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  background: #ccc;
  opacity: 0.5;
}
.m51 .conWrap .con .line > div:nth-child(1) > div:nth-child(1) {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -10px;
  opacity: 0.5;
}
.m51 .conWrap .con .line > div:nth-child(1) > div:nth-child(2) {
  display: block;
  content: "";
  width: 20px;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  opacity: 0.5;
}
.m51 .conWrap .con .line > div:nth-child(2) {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #ccc;
}
.m51 .conWrap .con .line > div:nth-child(2) > div:nth-child(1) {
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.m51 .conWrap .con .line > div:nth-child(2) > div:nth-child(2) {
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background: #ccc;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.m51 .conWrap .con .line + div {
  width: 100%;
}
.m51 .conWrap .con .boxWrap {
  box-sizing: border-box;
  width: 100%;
  margin-top: 16px;
}
.m51 .conWrap .con .boxWrap .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.m51 .conWrap .con .boxWrap:nth-child(1) .icon {
  background: #4db5e8;
}
.m51 .conWrap .con .boxWrap:nth-child(2) .icon {
  background: #252d7e;
}
.m51 .conWrap .con .boxWrap:nth-child(3) .icon {
  background: #258fc3;
}
.m51 .conWrap .con .boxWrap:nth-child(4) .icon {
  background: #1f64b5;
}
.m51 .conWrap .con .boxWrap:nth-child(1) .icon img {
  width: 25px;
}
.m51 .conWrap .con .boxWrap:nth-child(2) .icon img {
  width: 23px;
}
.m51 .conWrap .con .boxWrap:nth-child(3) .icon img {
  width: 28.5px;
}
.m51 .conWrap .con .boxWrap:nth-child(4) .icon img {
  width: 29px;
}
.m51 .conWrap .con .boxWrap .tit {
  margin: 30px 0 20px;
  font-size: var(--font-size-28);
  color: #000;
  font-weight: 600;
}
.m51 .conWrap .con .boxWrap ul {
  padding: 0 0 40px;
}
.m51 .conWrap .con .boxWrap ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 10px;
  font-size: var(--font-size-20);
  color: #666;
  font-weight: 400;
  line-height: 32px;
}
.m51 .conWrap .con .boxWrap ul li:last-child {
  margin: 0;
}
.m51 .conWrap .con .boxWrap ul li:before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: #252d7e;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}

/* m52 */
.m52 {
}
.m52 .conWrap {
  margin: 87px 0 0;
}
.m52 .conWrap .boxWrap {
  padding: 40px 0;
  border-top: 1px solid #ccc;
}
.m52 .conWrap .boxWrap .img {
  width: 100%;
  aspect-ratio: 820/600;
}
.m52 .conWrap .boxWrap:nth-child(1) .img {
  background: url(/images/page/m52_img1.jpg) no-repeat center / cover;
}
.m52 .conWrap .boxWrap:nth-child(2) .img {
  background: url(/images/page/m52_img2.jpg) no-repeat center / cover;
}
.m52 .conWrap .boxWrap:nth-child(3) .img {
  background: url(/images/page/m52_img3.jpg) no-repeat center / cover;
}
.m52 .conWrap .boxWrap:nth-child(4) .img {
  background: url(/images/page/m52_img4.jpg) no-repeat center / cover;
}
.m52 .conWrap .boxWrap .con {
  box-sizing: border-box;
  width: 100%;
  padding: 10% 0 0 0;
}
.m52 .conWrap .boxWrap .con .icon {
  width: 14vw;
  aspect-ratio: 1/1;
}
.m52 .conWrap .boxWrap .con .tit {
  margin: 20px 0;
  font-size: var(--font-size-50);
  color: #000;
  font-weight: 600;
}
.m52 .conWrap .boxWrap .con .stit {
  font-size: var(--font-size-28);
  color: #000;
  line-height: 150%;
}
.m52 .conWrap .boxWrap .con ul {
  margin-top: 16px;
}
.m52 .conWrap .boxWrap .con ul li {
  position: relative;
  padding-left: 15px;
  font-size: var(--font-size-20);
  color: #666;
  line-height: 170%;
}
.m52 .conWrap .boxWrap .con ul li:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  background: #252d7e;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 12px;
}

/* m53 */
.m53 {
  position: relative;
}
.m53:after {
  display: block;
  content: "";
  width: 100%;
  height: 62%;
  background: #f4f4f4;
  position: absolute;
  left: 0;
  bottom: 0;
}
.m53 .conWrap {
  position: relative;
  z-index: 10;
  margin: 87px 0 0;
}
.m53 .conWrap .img {
  width: 100%;
  aspect-ratio: 1640/476;
  background: url(/images/page/m53_img1.jpg) no-repeat center / cover;
}
.m53 .conWrap .con {
  margin: 80px 0 0;
}
.m53 .conWrap .con > div {
  box-sizing: border-box;
  width: 100%;
  padding: 48.5px 5%;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #fff;
  text-align: center;
}
.m53 .conWrap .con > div .icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.m53 .conWrap .con > div .tit {
  margin: 20px 0 12px;
  font-size: var(--font-size-28);
  color: #000;
  font-weight: 600;
}
.m53 .conWrap .con > div .txt {
  font-size: var(--font-size-20);
  color: #666;
  line-height: 170%;
}

/* animation */
.pageTop .bg {
  transform: scale(1.2);
}
.pageTop .conwrap h2 {
  opacity: 0;
  transform: translateX(40px);
}
.pageTop .conwrap h3 {
  opacity: 0;
  transform: translateX(40px);
}
.pageTop .conwrap p {
  opacity: 0;
  transform: translateX(40px);
}
.pageTop .conwrap .links {
  transform: scaleX(0);
}
.pageTop .conwrap .links .pageLocation {
  opacity: 0;
}
.pageTop .conwrap .links .pageTabs {
  opacity: 0;
}

.pageTop.in-view .bg {
  transform: scale(1);
  transition: all 2s;
}
.pageTop.in-view .conwrap h2 {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.4s 0.4s;
}
.pageTop.in-view .conwrap h3 {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.4s 0.5s;
}
.pageTop.in-view .conwrap p {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.4s 0.6s;
}
.pageTop.in-view .conwrap .links {
  transform: scaleX(1);
  transition: all 2s;
}
.pageTop.in-view .conwrap .links .pageLocation {
  opacity: 1;
  transition: all 1s 1.3s;
}
.pageTop.in-view .conwrap .links .pageTabs {
  opacity: 1;
  transition: all 1s 1.3s;
}

.slideUp {
  opacity: 0;
  transform: translateY(40px);
}
.slideUp.in-view {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s;
}

.m11 h4 + .txts p {
  opacity: 0;
  transform: translateX(-40px);
  clip-path: inset(0% 100% 0% 0%);
}
.m11 h4 + .txts p.in-view {
  opacity: 1;
  transform: translateX(0);
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2.4s;
}

.m11 .list1 ul li:after {
  clip-path: inset(0% 100% 0% 0%);
}
.m11 .list1 ul.in-view li:after {
  clip-path: inset(0% 0% 0% 0%);
}
.m11 .list1 ul.in-view li:nth-child(1):after {
  transition: all 1s ease-out;
}
.m11 .list1 ul.in-view li:nth-child(2):after {
  transition: all 1s 1s ease-out;
}
.m11 .list1 ul.in-view li:nth-child(3):after {
  transition: all 1s 2s ease-out;
}

.m11 .list1 ul li .num {
  opacity: 0;
  transform: translateY(40px);
}
.m11 .list1 ul li .icon {
  opacity: 0;
  transform: translateY(40px);
}
.m11 .list1 ul li .tit {
  opacity: 0;
  transform: translateY(40px);
}
.m11 .list1 ul.in-view li .num {
  opacity: 1;
  transform: translateY(0);
}
.m11 .list1 ul.in-view li .icon {
  opacity: 1;
  transform: translateY(0);
}
.m11 .list1 ul.in-view li .tit {
  opacity: 1;
  transform: translateY(0);
}

.m11 .list1 ul.in-view li:nth-child(1) .num {
  transition: all 1s 0.3s;
}
.m11 .list1 ul.in-view li:nth-child(1) .icon {
  transition: all 1s 0.4s;
}
.m11 .list1 ul.in-view li:nth-child(1) .tit {
  transition: all 1s 0.5s;
}
.m11 .list1 ul.in-view li:nth-child(2) .num {
  transition: all 1s 1.3s;
}
.m11 .list1 ul.in-view li:nth-child(2) .icon {
  transition: all 1s 1.4s;
}
.m11 .list1 ul.in-view li:nth-child(2) .tit {
  transition: all 1s 1.5s;
}
.m11 .list1 ul.in-view li:nth-child(3) .num {
  transition: all 1s 2.4s;
}
.m11 .list1 ul.in-view li:nth-child(3) .icon {
  transition: all 1s 2.5s;
}
.m11 .list1 ul.in-view li:nth-child(3) .tit {
  transition: all 1s 2.6s;
}

.m11 .list2 ul li .imgArea {
  transform: translateY(40px);
  clip-path: inset(100% 0% 0% 0%);
}
.m11 .list2 ul li .imgArea.in-view {
  transform: translateY(0);
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2s;
}

.m12 .conWrap .greetings p span {
  display: inline-block;
}
.m12 .conWrap .imgs .img1 {
  transform: translateY(40px);
  clip-path: inset(100% 0% 0% 0%);
}
.m12 .conWrap .imgs .img2 {
  transform: translateY(40px);
  clip-path: inset(100% 0% 0% 0%);
}
.m12 .conWrap .imgs .img1.in-view {
  transform: translateY(0);
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2s;
}
.m12 .conWrap .imgs .img2.in-view {
  transform: translateY(0);
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2s;
}

.m13 .conWrap .history .boxWrap .img img {
  transform: translateY(40px);
  clip-path: inset(100% 0% 0% 0%);
}
.m13 .conWrap .history .boxWrap .img.in-view img {
  transform: translateY(0);
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2s;
}

.m14 .conWrap .vv > div {
  opacity: 0;
  transform: scale(0);
}
.m14 .conWrap .vv > div .icon {
  opacity: 0;
  transform: translateY(40px);
}
.m14 .conWrap .vv > div .tit {
  opacity: 0;
  transform: translateY(40px);
}
.m14 .conWrap .vv > div .txt {
  opacity: 0;
  transform: translateY(40px);
}

.m14 .conWrap .vv.in-view > div {
  opacity: 1;
  transform: scale(1);
  transition: all 1.4s;
}
.m14 .conWrap .vv.in-view > div .icon {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.7s;
}
.m14 .conWrap .vv.in-view > div .tit {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.8s;
}
.m14 .conWrap .vv.in-view > div .txt {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.9s;
}

.m14 .conWrap .arr {
  clip-path: inset(0% 0% 100% 0%);
}
.m14 .conWrap .arr.in-view {
  clip-path: inset(0% 0% 0% 0%);
  transition: all 1.4s;
}

.m14 .conWrap .mission {
  clip-path: inset(0% 0% 100% 0%);
}
.m14 .conWrap .mission.in-view {
  clip-path: inset(0% 0% 0% 0%);
  transition: all 1.4s;
}
.m14 .conWrap .mission .tit {
  opacity: 0;
  transform: translateY(40px);
}
.m14 .conWrap .mission .txt {
  opacity: 0;
  transform: translateY(40px);
}
.m14 .conWrap .mission.in-view .tit {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.7s;
}
.m14 .conWrap .mission.in-view .txt {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.8s;
}

.m21 .conWrap {
  opacity: 0;
  transform: scale(0.8);
}
.m21 .conWrap .title {
  opacity: 0;
  transform: scale(0.8);
}
.m21 .conWrap ul li {
  opacity: 0;
}

.m21 .conWrap.in-view {
  opacity: 1;
  transform: scale(1);
  transition: all 1.4s;
}
.m21 .conWrap .title.in-view {
  opacity: 1;
  transform: scale(1);
  transition: all 1.4s;
}
.m21 .conWrap ul li.in-view {
  opacity: 1;
  transition: all 1.4s 1.4s;
}

.m22 .sec1 .txts h5 {
  opacity: 0;
  transform: translateY(40px);
}
.m22 .sec1 .txts p {
  opacity: 0;
  transform: translateY(40px);
}
.m22 .sec1 .txts.in-view h5 {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.3s;
}
.m22 .sec1 .txts.in-view p {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.4s;
}
.m22 .sec1 .img {
  transform: translateY(40px);
  clip-path: inset(100% 0% 0% 0%);
}
.m22 .sec1 .img.in-view {
  transform: translateY(0);
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2s;
}

.m22 .sec5 .con ul:after {
  clip-path: inset(100% 0% 100% 0%);
}
.m22 .sec5 .con ul li {
  opacity: 0;
  transform: translateY(120px);
}
.m22 .sec5 .con ul li .icon {
  opacity: 0;
  transform: translateY(40px);
}
.m22 .sec5 .con ul li .tit {
  opacity: 0;
  transform: translateY(40px);
}
.m22 .sec5 .con ul li .txt {
  opacity: 0;
  transform: translateY(40px);
}

.m22 .sec5 .con ul.in-view li {
  opacity: 1;
  transform: translateY(0px);
}
.m22 .sec5 .con ul.in-view li:nth-child(1) {
  transition: all 1s;
}
.m22 .sec5 .con ul.in-view li:nth-child(2) {
  transition: all 1s 0.1s;
}
.m22 .sec5 .con ul.in-view li:nth-child(3) {
  transition: all 1s 0.2s;
}
.m22 .sec5 .con ul.in-view li:nth-child(4) {
  transition: all 1s 0.3s;
}
.m22 .sec5 .con ul.in-view li:nth-child(5) {
  transition: all 1s 0.4s;
}
.m22 .sec5 .con ul.in-view:after {
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2s 0.5s;
}
.m22 .sec5 .con ul.in-view li .icon {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 1s;
}
.m22 .sec5 .con ul.in-view li .tit {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 1.2s;
}
.m22 .sec5 .con ul.in-view li .txt {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 1.3s;
}

.m41 .intro .bg {
  clip-path: inset(0% 100% 0% 100%);
}
.m41 .intro dl dt {
  opacity: 0;
  transform: translateY(40px);
}
.m41 .intro dl dd {
  opacity: 0;
  transform: translateY(40px);
}
.m41 .intro.in-view .bg {
  clip-path: inset(0% 0% 0% 0%);
  transition: all 1.4s;
}
.m41 .intro.in-view dl dt {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.7s;
}
.m41 .intro.in-view dl dd {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.4s 0.8s;
}

.m41 .core .conWrap .img {
  clip-path: inset(100% 0% 0% 0%);
}
.m41 .core .conWrap .img.in-view {
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2s;
}

.m41 .dia .title {
  transform: scale(0.6) rotate(-360deg);
}
.m41 .dia .title .inner {
  opacity: 0;
  transform: scale(0.6);
}
.m41 .dia .title .inner > div {
  opacity: 0;
}
.m41 .dia .list .boxWrap {
  opacity: 0;
}

.m41 .dia.in-view .title {
  transform: scale(1) rotate(0);
  transition: all 1.4s 1s;
}
.m41 .dia.in-view .title .inner {
  opacity: 1;
  transform: scale(1);
  transition: all 1.4s 1.2s;
}
.m41 .dia.in-view .title .inner > div {
  opacity: 1;
  transition: all 1.4s 1.4s;
}
.m41 .dia.in-view .list .boxWrap {
  opacity: 1;
}
.m41 .dia.in-view .list .boxWrap:nth-child(1) {
  transition: all 1.4s 1.4s;
}
.m41 .dia.in-view .list .boxWrap:nth-child(2) {
  transition: all 1.4s 1.6s;
}
.m41 .dia.in-view .list .boxWrap:nth-child(3) {
  transition: all 1.4s 1.8s;
}
.m41 .dia.in-view .list .boxWrap:nth-child(4) {
  transition: all 1.4s 2s;
}

.m51 .conWrap .title {
  opacity: 0;
  transform: scale(0.8);
}
.m51 .conWrap .con .boxWrap:nth-child(odd) .icon {
  opacity: 0;
  transform: translateX(-40px);
}
.m51 .conWrap .con .boxWrap:nth-child(odd) .tit {
  opacity: 0;
  transform: translateX(-40px);
}
.m51 .conWrap .con .boxWrap:nth-child(odd) ul li {
  opacity: 0;
  transform: translateX(-40px);
}
.m51 .conWrap .con .boxWrap:nth-child(even) .icon {
  opacity: 0;
  transform: translateX(40px);
}
.m51 .conWrap .con .boxWrap:nth-child(even) .tit {
  opacity: 0;
  transform: translateX(40px);
}
.m51 .conWrap .con .boxWrap:nth-child(even) ul li {
  opacity: 0;
  transform: translateX(40px);
}

.m51 .conWrap .title.in-view {
  opacity: 1;
  transform: scale(1);
  transition: all 1.4s;
}
.m51 .conWrap .con .boxWrap.in-view:nth-child(odd) .icon {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.4s;
}
.m51 .conWrap .con .boxWrap.in-view:nth-child(odd) .tit {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.4s 0.1s;
}
.m51 .conWrap .con .boxWrap.in-view:nth-child(odd) ul li {
  opacity: 1;
  transform: translateX(0);
}
.m51 .conWrap .con .boxWrap.in-view:nth-child(even) .icon {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.4s;
}
.m51 .conWrap .con .boxWrap.in-view:nth-child(even) .tit {
  opacity: 1;
  transform: translateX(0);
  transition: all 1.4s 0.1s;
}
.m51 .conWrap .con .boxWrap.in-view:nth-child(even) ul li {
  opacity: 1;
  transform: translateX(0);
}

.m51 .conWrap .con .boxWrap.in-view li:nth-child(1) {
  transition: all 1.4s 0.2s;
}
.m51 .conWrap .con .boxWrap.in-view li:nth-child(2) {
  transition: all 1.4s 0.3s;
}
.m51 .conWrap .con .boxWrap.in-view li:nth-child(3) {
  transition: all 1.4s 0.4s;
}
.m51 .conWrap .con .boxWrap.in-view li:nth-child(4) {
  transition: all 1.4s 0.5s;
}
.m51 .conWrap .con .boxWrap.in-view li:nth-child(5) {
  transition: all 1.4s 0.6s;
}

.m52 .conWrap .boxWrap .img {
  clip-path: inset(100% 0% 0% 0%);
}
.m52 .conWrap .boxWrap .img.in-view {
  clip-path: inset(0% 0% 0% 0%);
  transition: all 2s;
}