/*! #esg start */
.md23305.esg .icon{position:relative;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;max-width:100%;max-height:100%;transition:.3s}
.md23305.esg .icon.reverse-x{transform:rotateY(180deg)}
.md23305.esg .icon.reverse-y{transform:rotateX(180deg)}
.md23305.esg .icon.white{filter:grayscale(1) brightness(15)}
.md23305.esg .icon.black{filter:grayscale(1) brightness(0)}
.md23305.esg .icon img{width:100%;height:100%;object-fit:contain;transition:.3s}
.md23305.esg .icon svg{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.md23305.esg .icon img:nth-child(2),.md23305.esg .icon svg:nth-child(2){position:absolute;top:0;left:0;opacity:0;z-index:5}
.md23305.esg .hover-icon:hover.icon img:first-child,.md23305.esg .hover-icon:hover .icon img:first-child,.md23305.esg .active-icon.icon img:first-child,.md23305.esg .active-icon .icon img:first-child{opacity:0}
.md23305.esg .hover-icon:hover.icon img:last-child,.md23305.esg .hover-icon:hover .icon img:last-child,.md23305.esg .active-icon.icon img:last-child,.md23305.esg .active-icon .icon img:last-child{opacity:1}
.md23305.esg .cn-wh,.md23305.esg .cn-w,.md23305.esg .cv-wh,.md23305.esg .cv-w{display:block;width:100%}
.md23305.esg .cn-wh,.md23305.esg .cn-h,.md23305.esg .cv-wh,.md23305.esg .cv-h{display:block;height:100%}
.md23305.esg .cn-wh,.md23305.esg .cn-w,.md23305.esg .cn-h{object-fit:contain}
.md23305.esg .cv-wh,.md23305.esg .cv-w,.md23305.esg .cv-h{object-fit:cover}
.md23305.esg .pic-box{max-width:100%;max-height:100%}
.md23305.esg .pic-box img{max-width:100%;max-height:100%}
.md23305.esg.wrap,.md23305.esg .wrap{padding-left:4%;padding-right:4%;max-width:100%}
.md23305.esg .area{margin:0 auto;width:14.4rem;max-width:100%}
.md23305.esg button,.md23305.esg input,.md23305.esg textarea{border:none;outline:none;padding:0;background-color:rgba(0,0,0,0)}
.md23305.esg button{cursor:pointer}
.md23305.esg .hide{display:none}
.md23305.esg .bold{font-weight:bold}
.md23305.esg .color-t{color:rgba(var(--theme-rgb), 1)}
.md23305.esg .mod-head{line-height:1.1666666667}
.md23305.esg .mod-head.center{text-align:center}
.md23305.esg .mod-head.center .line{justify-content:center}
.md23305.esg .mod-head .line{display:flex;margin-top:.4rem;height:8px}
.md23305.esg .mod-head .line::before,.md23305.esg .mod-head .line::after{content:"";display:block;width:42px;border-radius:5px;background-color:rgba(var(--theme-rgb), 1)}
.md23305.esg .mod-head .line::after{content:"";width:8px;aspect-ratio:1;border-radius:50%;margin-left:5px}
.md23305.esg{padding-top:.85rem;padding-bottom:1.2rem}
.md23305.esg .esg-main{margin-top:.5rem}
.md23305.esg .esg-pic{border-radius:.2rem;overflow:hidden}
.md23305.esg .btn-box{display:flex;justify-content:center;margin-top:.5rem}
.md23305.esg .esg-btn{display:flex;align-items:center;justify-content:center;min-height:3.125em;padding:.1rem .4rem;color:#fff;border-radius:2em;background-color:rgba(var(--theme-rgb), 1);transition:.3s}
.md23305.esg .esg-btn:hover{box-shadow:0 2px 5px rgba(0,0,0,.2);transform:translateY(-5px)}
.md23305.esg .btn-icon{margin-right:.1rem}
/*! #esg end */

.md-about-4{position:relative;padding-top:.86rem;padding-bottom:1rem;overflow:hidden;background-color:#eff4fb}
.md-about-4 .swiper{margin-top:.6rem;position:relative}
.md-about-4 .top{background-color:#fff;border-radius:.2rem;padding:.56rem}
.md-about-4 .img{position:relative;padding-top: calc(319 / 218 * 100%)}
.md-about-4 .img img{object-fit:contain}
.md-about-4 .text{margin-top:.25rem}
.md-about-4 .sbtn{display:inline-flex;justify-content:center;align-items:center;width:1em;height:1em;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;box-shadow:0px 1px .18rem 0px rgba(0,74,181,.09);cursor:pointer;position:absolute;top:1.85rem;z-index:30;transition:all .3s}
.md-about-4 .sbtn:hover{background-color:#004ab5}
.md-about-4 .sbtn:hover .sic{filter:brightness(0) invert(1)}
.md-about-4 .sbtn .sic{width:36.6666666667%;height:36.6666666667%;background-repeat:no-repeat;background-size:contain;background-position:center;transition:all .3s}
.md-about-4 .prev{right:calc(100% + .8rem)}
.md-about-4 .prev .sic{background-image:url(../images/a5.png)}
.md-about-4 .prev:hover .sic{transform:rotate(45deg)}
.md-about-4 .next{left:calc(100% + .8rem)}
.md-about-4 .next:hover .sic{transform:rotate(-45deg)}
.md-about-4 .next .sic{background-image:url(../images/a6.png)}
@media screen and (max-width: 900px){
	.md-about-4 .sbtn{top:calc(50% - .5em)}
.md-about-4 .prev{left:0}
.md-about-4 .next{right:0;left:auto}
}