.hg-mt-co{width:100%;margin-bottom:8vw;}
.hg-mt-co-p{width:100%;}
.hg-mt-co-p div{width:100%;padding-top:100%;overflow:hidden;}
.hg-mt-co-c{width:100%;background:var(--hg-c-bg);padding:8vw;}
.hg-mt-co-co{width:100%;padding:8vw 0vw 12vw 0vw;}
.hg-mt-co-co .hg-b-wp100{font-size:1.1rem;}
.hg-mt-co-co a{border:0;}
.hg-m-co-cb{width:100%;display:flex;justify-content:center;}
.hg-mt-cola-4 .hg-li-sm{font-size:4.5rem!important;padding:20px;}

.di-zl-l-co h2,.di-zl-l-co h1{width:100%;float:left;padding:0;margin:0;padding-right:4vw;padding-bottom:2vw;}
.di-zl-l-co p{max-width:80%;padding-bottom:2vw;}
.di-zl-l-co-n{display:none;}
.di-zl-l{z-index:3;padding:4vw;width:100%;}
.di-zl-r{width:100%;}
.di-zl-l-c{width:100%;margin-bottom:10px;display:flex;align-items:center;justify-content:flex-start;}
.di-zl-l-c-a{width:50px;height:50px;border-radius:100%;border:1px solid var(--hg-bc-m);overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:1rem;margin-right:10px;transition:all 0.4s;}
.di-zl-l-c-c{width:calc(100% - 60px);}

.hg-mt-co-cd{width:100%;}
.hg-mt-co-cd div, .hg-mt-co-cd ul,.di-zl-l-co p div,.hg-mt-co-ct div,.di-zl-l-co p ul,.hg-mt-co-ct ul{width:100%;float:none!important;}
.hg-mt-co-ch{display:flex;align-items:stretch;width:100%;margin-bottom:20px;}
.hg-mt-co-ch-s{width:30px;display:flex;align-items:center;margin-right:10px;}
.hg-mt-co-ch-s img{width:100%;}
.hg-mt-co-ch h2{width:calc(100% - 40px);margin:0;padding:0;hyphens: manual;-webkit-hyphens: manual;}

.hg-dc{background-image:none!important;}
.hg-dc-s{float:left;width:100%;height:100%;color:#fff;background:var(--hg-n-bg);background-image:none!important;z-index:50;position:fixed;top:0;left:0;}
.hg-dc-ga-lo{position:fixed;bottom:3vw;right:3vw;z-index:10;width:100px;}
.hg-dc-b-c{cursor:pointer;position:absolute;right:0;top:0;width:60px;height:60px;font-size:0.8rem;display:flex;align-items:center;justify-content:flex-end;z-index:2;margin:10px 5px 10px 0px;color:#fff;}
.hg-ga-c{width:100%;height:calc(100% - 40px);margin-top:8vw;overflow:hidden;display:flex;justify-content:center;}
.hg-dc-ga-c{width:90%;max-width:1024px;height:calc(100% - 12vw);overflow:hidden;background: var(--hg-c-bg);box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;padding:2vw 4vw 4vw 4vw;}
.hg-dc-ga-co{width:100%;height:calc(100% - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2vw 2vw 2vw 0vw;}
.di-po-hc{width:100%;height:120px;}
.di-po-hc .hg-mt-co-ch{height:100%;display:flex;align-items:center;}
.di-po-lc{width:100%;height:100px;display:flex;justify-content:flex-start;margin-bottom:20px;}
.di-po-pc{width:100%;display:flex;justify-content:flex-start;margin-top:20px;}
.di-po-hc h2{width:calc(100% - 100px);margin-top:0;}
.di-po-pc img{width:100%;}

.di-zl-r-un-obp .hg-mt-cola{flex-wrap:wrap;}
.hg-mt-co-c-obp{width:100%;}
.hg-mt-co-c-obp div{overflow:hidden!important;width:100%;padding-top:52%!important;}
@media (orientation: landscape) and (min-width: 560px) {
.hg-mt-co-p div{padding-top:50%;}
}

@media (min-width:768px){ 
.hg-mt-co{width:100%;padding:0;padding:0vw;margin-bottom:4vw;display:flex;align-items:stretch;flex-direction: row-reverse;}
.hg-mt-co-c{width:70%;padding:8vw;background:var(--hg-c-bg);z-index:0;}
.hg-mt-co-ob{flex-direction: row;}
.hg-mt-co-ob .hg-mt-co-c{width:100%;}
.hg-mt-co-c p,.hg-mt-co-ct{width:calc(100% - 8vw);}
.hg-mt-co-p{width:34%;width:38%;padding-top:0;display:flex;align-items:center;z-index:1;margin-left:-8vw;}
.hg-mt-co-p div{width:100%;padding-top:120%;overflow:hidden;}
.hg-m-co-cb{justify-content:flex-start;}
.hg-mt-co-co .hg-b-wp100{font-size:1.2rem;}
.hg-mt-co-ch{width:90%;}
.di-po-hc{height:100px;}
.di-po-hc h2{width:calc(100% - 100px);margin-top:10px;}
.hg-dc-ga-co{padding:4vw 4vw 4vw 0vw;height:calc(100% - 100px);}
.hg-mt-co-c-ob{margin-right:4vw;margin-left:4vw;width:calc(100% - 8vw)!important;}
.hg-mt-co-c-ob .hg-mt-co-ct{width:100%;}
.hg-mt-co-c-obp{width:100%;}
.hg-mt-co-c-obp div{overflow:hidden!important;width:100%;padding-top:52%!important;}
}

@media (min-width:1024px){
html,body{overflow:visible;}
.hg-mt-co{width:100%!important;padding:0;margin-bottom:4vw;display:flex;align-items:stretch;}
.hg-mt-co-c{width:70%;padding:4vw;}
.hg-mt-co-ob .hg-mt-co-c{width:70%;}
.hg-mt-co-p{width:54%;margin-left:-4vw;padding-top:0;}
.hg-mt-co-p div{width:100%;padding-top:70%;overflow:hidden;}

.hg-mt-co-c .hg-bu{margin-left:10px;}
.hg-mt-co-c p,.hg-mt-co-ct{width:calc(100% - 4vw);}
.hg-mt-co-co .hg-b-wp100{font-size:1.2rem;}

.di-zl-l{z-index:3;padding:4vw;padding-left:2vw;width:calc(25% + 2vw);}
.di-zl-r{width:calc(75% - 2vw);}
.di-zl-r .hg-mt-co-p{width:54%;margin-left:-4vw;}
.di-zl-r .hg-mt-co-p div{width:100%;padding-top:100%;padding-top:85%;overflow:hidden;}
.di-zl-l-c{width:100%;margin-bottom:10px;display:flex;align-items:center;justify-content:flex-start;}
.di-zl-l-co{width:100%;position:sticky;top:0;top:12vw;}
.hg-m1 .di-zl-l-co{top:calc(12vw + 20px);}
.di-zl-l-c-a{width:30px;height:30px;border-radius:100%;border:1px solid var(--hg-bc-m);border:0 solid var(--hg-bc-m);overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:0.8rem;margin-right:5px;}
.di-zl-l-c-c{width:calc(100% - 40px);font-size:0.9rem;hyphens: auto;}
.di-zl-l h4{font-size:1.2rem;padding-top:0;float:left;}
.di-zl-l .di-zl-l-co-n{display:block;width:100%;font-family:'hFont',Arial, Helvetica, sans-serif;}
.hg-mt-co-ch{width:100%;}
.di-po-hc{width:100%;height:80px;display:flex;align-items:center;}
.hg-dc-ga-c{width:80%;}
.hg-dc-ga-co{width:100%;height:calc(100% - 80px);}
.hg-dc-ga-co{padding:2vw 4vw 2vw 0vw;}
.di-po-pc img{width:60%;}
.hg-mt-co-c-ob,.hg-mt-co-c-obp{margin-right:4vw;margin-left:4vw;width:calc(100% - 8vw)!important;}
}

@media (min-width:1080px) and (max-height: 600px){
.hg-ga-c{margin-top:4vw;}
.hg-dc-ga-c{height:calc(100% - 4vw);}
}

@media (orientation: portrait) and (min-width: 1024px) {
}
@media (min-width:1300px){
.di-zl-l{z-index:3;padding:4vw;padding-right:0;width:100%;width:25%;}
.di-zl-r{width:75%;margin-right:4%;margin-right:0%;}
.di-zl-r .hg-mt-co-p div{padding-top:70%;}
.di-zl-l-c{width:100%;margin-bottom:10px;display:flex;align-items:center;justify-content:flex-start;}
.di-zl-l-c-a{width:50px;height:50px;border-radius:100%;border:1px solid var(--hg-bc-m);border:0 solid var(--hg-bc-m);width:40px;height:40px;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:1rem;margin-right:10px;}
.di-zl-l-c-c{width:calc(100% - 60px);font-size:1rem;}
.di-zl-l-c-a,.di-zl-l-c-c{font-size:0.9rem;}
.di-zl-l h4{font-size:1.3rem;padding-top:1vw;float:left;padding-right:1vw;}
}
@media (min-width:1400px){
.hg-mt-co-ch{display:flex;align-items:stretch;width:100%;margin-bottom:20px;}
.hg-mt-co-ch-s{width:50px;display:flex;align-items:center;margin-right:20px;}
.hg-mt-co-ch-s img{width:100%;}
.hg-mt-co-ch h2{max-width:calc(100% - 80px);margin:0;padding:0;hyphens: manual;-webkit-hyphens: manual;display:flex;align-items:center;}
.hg-mt-co-c-ob,.hg-mt-co-c-obp{margin-right:12vw;margin-left:4vw;width:calc(100% - 16vw)!important;}
}
@media (min-width:2400px){
.di-zl-l{width:30%;}
.di-zl-r{width:70%;}
}
.di-zl-l-c{transition:all 0.4s;cursor:pointer;transform-origin: left;}
.di-zl-l-c:hover,.di-zl-l-c-ac{transform:scale(1.02);}
.di-zl-l-c:hover .di-zl-l-c-a,.di-zl-l-c-ac .di-zl-l-c-a{background:var(--hg-fc-la);}