@charset "utf-8";
/*slick lazy*/
.slick-loading{opacity: 0;}
/*animation set*/
.main .fade-up{opacity: 0;}
/* main common ui */
.main .slide-control{position: relative;}
.main .arrow-btn{width:22.8rem; height:6.4rem; border:1px solid #000; padding:0 1.2em 0 1.6em; display:flex; align-items: center; justify-content: space-between; font-size:1.6rem; font-weight:600; transition: background 0.2s; color:#222;}
.main .arrow-btn .icon{font-size:2rem; font-weight:normal;}
.main .black-arrow{width:6rem; height:6rem; background:#000; color:#fff; display:flex; align-items: center; justify-content: center; position: absolute; top:0; z-index: 1; font-size:2rem; opacity: 1; transition: all 0.2s; visibility: visible; }

.main .common-tab {position: relative;}
.main .common-tab .h-scroll-wrapper{padding:2rem 0;}
.main .common-tab .tab-nav{position: relative;}
.main .common-tab [role="tablist"]{display:flex; white-space: nowrap;}
.main .common-tab [role="tablist"] li:last-child [role="tab"]{margin-right:200px;}
.main .common-tab [role="tab"]{position:relative; border:1px solid #d8dde1; min-width:11rem; height:4.6rem; background:#fff; border-radius:2px; display:flex; align-items: center; justify-content: center; padding:0 1.2em; color:#566e7f; font-size:1.5rem; letter-spacing: -0.04em; margin-right:4px; transition: background 0.2s;}
.main .common-tab [role="tab"] span{line-height:4.6rem; position: relative; padding:0 0.4em}
.main .common-tab [aria-selected="true"]{border-color:#014195; color:#014195; font-weight:700; box-shadow: 0px 4px 18px 0px rgba(13, 87, 184, 0.15); }
.main .common-tab [aria-selected="true"] span:after{content:""; display:block; width:100%; height:3px; background:#014195; position: absolute; bottom:0; left:0;}
.main .common-tab .more{position: absolute; right:0; top:2rem;}
.main .common-tab .more a{display: block; height:4.6rem; border-radius: 9999px; padding:0 1.0em 0 1.4em; background:#e8ebee; color:#163649; line-height:4.6rem; font-size:1.5rem; font-weight:600; display:flex; align-items: center; z-index: 1; position: relative; overflow: hidden;}
.main .common-tab .more a:before{content:""; width:100%; height:100%; background:#0ba850; transform: translateX(-150%); position: absolute; top:0; left:0; z-index: -1; transition: transform ease-out 0.2s;}
.main .common-tab .more .name{margin-right:0.3em; line-height:4.6rem;}
.main .common-tab .more .icon{margin-left:8px; margin-top:-1px; font-size:1.8rem; font-weight:normal;}

#sec-01{width:100%; height:83rem; border-radius: 0 0 0 22rem; overflow:hidden;}
#sec-01 .p-inner{position: relative; max-width:148rem; padding:0 4rem;}
#sec-01 .control{position: absolute; left:4rem; color:#fff; z-index: 1;}
#sec-01 .control-btn{display:block; width:28px; height:28px; background:rgba(255,255,255,0.2); display:flex; align-items: center; justify-content: center; margin-right:2px; border-radius: 3px; position: relative; transition:background 0.2s}
#sec-01 .control .pager{float:left; font-size:1.3rem; font-weight: 700; width:auto; width:6.4rem; text-align: center;}
#sec-01 .control .auto{float:left}
#sec-01 .control .divider{padding:0 0.2em;}
#sec-01 .control .stop:after{content:""; display:block; width:6px; height:8px; border-left:2px solid #fff; border-right:2px solid #fff; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
#sec-01 .control .stop.play:after{display:none;}
#sec-01 .control .play:before{content:""; display:block; width:6px; height:8px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid #fff; position: absolute; left:calc(50% + 1px); top:50%; transform: translate(-50%, -50%);}
#sec-01 .control .arrows{float:left;}
#sec-01 .control .arrow{float:left; color:#fff; font-size:1.8rem;}
[data-control="mv-slide"]{display:none;}

.mv-slide-container,
.mv-slide,
.mv-slide .slick-list,
.mv-slide .slick-track,
.mv-slide .slide-item{height:100%;}
.mv-slide .slide-item .p-inner{height:100%;}
.mv-slide .slide-content{padding-top:30.4rem; word-break: keep-all;}
.mv-slide .content-title{font-family: 'S-CoreDream', sans-serif; font-weight:800; font-size:6rem; color:#fff; letter-spacing: -0.14em; margin-bottom:0.45em}
.mv-slide .title-row{overflow: hidden;}
.mv-slide .title-row + .title-row{margin-top:0.2em;}
.mv-slide .title-row:last-child{letter-spacing: -0.12em;}
.mv-slide .title-row:first-child{color:#ffd258}
.mv-slide .content-desc{font-size:2.4rem; letter-spacing: -0.048em; color:#fff; opacity: 0.8;  line-height: 1.35;}
.mv-slide .slide-02 .title-row:first-child{color:#0b327e;}
.mv-slide .slide-02 .content-desc{opacity: 0.95;}
.mv-slide .slide-01{background:#06151a url(/share/2022/img/main/sec01-mv-01.jpg) no-repeat right center;}
.mv-slide .slide-02{background:#538FCB url(/share/2022/img/main/sec01-mv-02.jpg) no-repeat right center;}
.mv-slide .title-row span{transform:translateY(130%); display: block; transition: transform 0.8s; transition-delay: 0.3s;}
.mv-slide .title-row:nth-child(2) span{transition-delay: 0.5s;}
.mv-slide .slick-active .title-row span{transform:translateY(0); display: block;}
.mv-slide .content-desc span{opacity: 0;  transition: opacity 0.4s; transition-delay: 0.9s;}
.mv-slide .slick-active .content-desc span{opacity: 1;}

.feed-list{display:flex; margin-top:-1.8rem; position: relative; z-index: 1;}
.feed-list .list-item{width:calc(25% - 7.5px);}
.feed-list .list-item:nth-child(5){display:none;}
.feed-list .list-item + .list-item{margin-left:10px;}
.feed-list .list-card{display:block; font-size:1.6rem; padding:2.375em 2em; background:#fff; border:1px solid #eee; border-radius: 8px; box-shadow: 0px 6px 16px 0px rgba(22, 54, 73, 0.07);  overflow: hidden; transition:all 0.2s}
.feed-list .list-category{font-size:1em; min-height:1em; white-space:nowrap; letter-spacing:-0.03em; color:#0d57b8; font-weight:700; margin-bottom:0.8em; letter-spacing: -0.05em; }
.feed-list .list-status{display:inline-block; margin-bottom:0.8em; width:5.4rem; height:2.6rem; border-radius:2px; text-align: center; line-height: 2.6rem; font-size:1.4rem; font-weight:700; color:#fff; background:#163649 }
.feed-list .list-status.on{background:#014195;}
.feed-list .list-status.press{background:#279045; width:auto; padding:0 0.6em;}
.feed-list .list-title{font-size:1.125em; line-height:1.5; min-height:3em; font-weight:700; color:#222; margin-bottom:1.2em; letter-spacing: -0.06em;  word-break:keep-all; max-height:3em; overflow:hidden;}
.feed-list .list-desc{font-size:1em; color:#606f7a; line-height:1.4; margin-bottom:2.4em; max-height:2.8em; min-height:2.8em; letter-spacing:-0.03em;}
.feed-list .meta-item + .meta-item{margin-top:5px;}
.feed-list .meta-item:after{content:""; display:block; clear:both;}
.feed-list .item-key{float:left; width:4.2rem; height:2.2rem; border-radius: 2px; background:#163649; color:#fff; font-size:1.3rem; font-weight:500; text-align: center; line-height: 2.2rem;}
.feed-list .item-value{float:left; width:calc(100% - 4.2rem); padding-left:1em; color:#163649; font-size:1.5rem; letter-spacing:-0.034em; line-height:2.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.feed-list .empty-list{min-height:30rem; text-align:center; width:100%; display:flex; align-items:center; justify-content:center; font-size:1.6rem; color:#888; letter-spacing:-0.05em; font-weight:600; text-align:center;}
.feed-list .empty-list .empty-ment{}
#sec-03 {padding-bottom:10rem;}
#sec-03 .sec-title{padding-top:3em;}
.latest-wrapper{position: relative;}
.latest-wrapper:after{content:""; display:block; width:26vw; min-width:380px; height:100%; border-radius: 0 0 0 80px; background:#f8f9fa; position: absolute; right:0; top:0; z-index: -1;}
.latest-wrapper .symbol{width:125.6rem; position: absolute; z-index: -1; bottom:10%; right:63%;}
.latest-wrapper .symbol img{width:100%; height:auto;}
.latest-wrapper .deco{position: absolute; right:0; top:0;}
#sec-04{margin-bottom:14rem;}
#sec-04 .sec-title{padding-top:2em; padding-bottom:4em;}
#sec-04 .left{float:left; width:24rem; margin-right:12rem; padding-bottom:15rem; transition: opacity 0.2s;}
#sec-04 .left.off{opacity: 0;}
#sec-04 .biz-tab{position: relative;}
#sec-04 .biz-tab .h-scroll-wrapper{overflow: visible;}
#sec-04 .biz-tab-nav{border-right:1px solid #eee; padding-right:4.4rem; padding-bottom:5rem;}
#sec-04 .nav-item{font-size:2.2rem;  text-align: right; letter-spacing:-0.04em;}
#sec-04 .nav-item + .nav-item{margin-top:1.3em;}
#sec-04 .nav-item a{font-weight:700; color:#919191; transition: color 0.2s;}
#sec-04 .nav-item [aria-selected="true"]{color:#222; font-weight:800; position: relative;}
#sec-04 .nav-item a:after{content:""; display:block; width:11px; height:11px; border-radius: 50%; background:#7fce95; position: absolute; right:calc(-4.4rem - 6px); top:50%; margin-top:-6px; transform: scale(0); transition: transform 0.2s;}
#sec-04 .nav-item [aria-selected="true"]:after{transform: scale(1);}
#sec-04 .right{float:right; width:calc(100% - 36rem); position: relative;}
#sec-04 .right:before{content:""; display:block; width:50rem; height:82.3rem; background:url(/share/2022/img/main/biz/biz-bg.png) no-repeat left bottom; position: absolute; left:-62rem; bottom:0; z-index: -1;}
#sec-04 .biz-content{position: relative; margin-bottom:8rem;}
#sec-04 .biz-title{padding-left:1em; line-height:2rem; font-size:2rem; font-weight:700; position: relative; color:#222; margin-bottom:2em;}
#sec-04 .biz-title:before{content:""; display:block; width:4px; height:20px; position: absolute; left:0; top:0; background: rgb(127,206,149); background: -moz-linear-gradient(180deg, rgba(127,206,149,1) 0%, rgba(127,206,149,1) 50%, rgba(13,77,161,1) 50%, rgba(13,77,161,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(127,206,149,1) 0%, rgba(127,206,149,1) 50%, rgba(13,77,161,1) 50%, rgba(13,77,161,1) 100%);
background: linear-gradient(180deg, rgba(127,206,149,1) 0%, rgba(127,206,149,1) 50%, rgba(13,77,161,1) 50%, rgba(13,77,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7fce95",endColorstr="#0d4da1",GradientType=1);}
#sec-04 .biz-desc{font-size:1.8rem; font-weight:500; color:#888; letter-spacing: -0.03em; line-height: 1.6; word-break: keep-all; margin-bottom:2em; padding-right:24rem;}
#sec-04 .biz-btn{position: absolute; right:0; top:0;}
#sec-04 .biz-slide{margin-left:-5px;}
#sec-04 .biz-slide:after{content:""; display:block; clear:both;}
#sec-04 .biz-slide .slide-item{float:left; width:calc(33.333% - 10px); margin:0 5px;}
#sec-04 .biz-slide .biz-card{display:block; padding-bottom:105.8%; height:0; position: relative; overflow: hidden;}
#sec-04 .biz-slide .biz-card:before{
	content:""; display:block; position: absolute; left:0; right:0; bottom:0; top:0; z-index:2; opacity: 0; transition: opacity 1s;
	background: rgb(7,116,196);
	background: -moz-linear-gradient(177deg, rgba(7,116,196,1) 0%, rgba(33,231,99,1) 100%);
	background: -webkit-linear-gradient(177deg, rgba(7,116,196,1) 0%, rgba(33,231,99,1) 100%);
	background: linear-gradient(177deg, rgba(7,116,196,1) 0%, rgba(33,231,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0774c4",endColorstr="#21e763",GradientType=1);
}
#sec-04 .biz-slide .biz-card:after{content:""; display:block; position: absolute; left:0; right:0; bottom:0; top:0; z-index: 1; opacity: 0.5;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 88%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#sec-04 .biz-slide .biz-bg{position: absolute; left:0; right:0; bottom:0; top:0; overflow: hidden;}
#sec-04 .biz-slide .biz-bg img{width:100%; height:auto; transition: transform 0.8s;}
#sec-04 .biz-slide .biz-badge{position: absolute; left:0; bottom:0; padding:1.2em 1.2em; z-index: 2; color:#fff; font-size:2.4rem; font-weight:800; }
#sec-04 .biz-slide .biz-part{margin-bottom:0.7em; font-size:1.6rem;}
#sec-04 .biz-slide .biz-name{letter-spacing: -0.04em; line-height: 1.4;}
#sec-04 .biz-slide-wrapper{position: relative;}
#sec-04 .biz-slide-wrapper .prev{left:-3rem;}
#sec-04 .biz-slide-wrapper .next{right:-3rem;}
#sec-04 [aria-disabled="true"]{opacity: 0 !important; visibility: hidden !important;}
#sec-04 .bnr-slide{margin-left:-5px;}
#sec-04 .bnr-slide:after{content:""; display:block; clear:both;}
#sec-04 .bnr-slide .slide-item{float:left; width:calc(25% - 10px); margin:0 5px; text-align: center; font-size:1.6rem}
#sec-04 .bnr-slide .item-logo{display:block; position: relative; padding-bottom:37.70%; height:0; margin-bottom:1em;}
#sec-04 .bnr-slide .item-logo:after{content:""; width:100%; height:100%; border:1px solid #eee; position: absolute; top:0; left:0; transition: border 0.2s;}
#sec-04 .bnr-slide .item-logo img{width:100%; height: auto; image-rendering: -webkit-optimize-contrast;}
#sec-04 .bnr-slide .item-name{display:block; font-weight:700; color:#222; margin-bottom:0.4em;}
#sec-04 .bnr-slide .item-desc{display:block; font-weight:500; color:#888; font-size:1.5rem;}
#sec-04 .bnr-slide-wrapper{position: relative;}
#sec-04 .bnr-slide-wrapper .arrow{width:4rem; height:4rem; background:#fff; color:#000; border-radius:50%; border:1px solid #eee; display:flex; align-items: center; justify-content: center; position: absolute; top:0; z-index: 1; font-size:1.6rem; opacity: 1; transition: opacity 0.2s; box-shadow: 0 4px 0 rgba(0,0,0,0.02); opacity: 1; transition: all 0.2s; visibility: visible; }
#sec-04 .bnr-slide-wrapper .prev{left:-2rem;}
#sec-04 .bnr-slide-wrapper .next{right:-2rem;}
#sec-04 .stat-slide .item-logo img{width:8rem; position: absolute; left:50%; top:50%; margin:-4rem 0 0 -4rem;}
#sec-04 .slick-track{margin-left:0;}
#sec-04 .biz-slide .slide-item{position:relative}
#sec-04 .timetable-download{position:absolute; right:2rem; top:2rem; background:#0ba850; border-radius:4px; color:#fff; font-size:13px; z-index:3; padding:9px 8px; display:flex; align-items:center; font-weight:500}
#sec-04 .timetable-download .icon{font-size:16px; margin:-1px 6px 0 0; font-weight:normal}

#sec-05 .quick-wrapper{background:#e6eef7; overflow: hidden; position: relative;}
#sec-05 .quick-wrapper:after{content:""; display:block; width:43.6rem; height:10.7rem; background:url(/share/2022/img/common/symbol_letter.svg) no-repeat center / 100% auto; opacity: 0.08; position: absolute; right:47.4%; bottom:-10px}
#sec-05 .quick-wrapper:before{content:""; display:block; width:128rem; height:110rem; background:url(/share/2022/img/common/symbol_blue.svg) no-repeat center / 100% auto; position: absolute; right:63%; bottom:16px; }
#sec-05 .quick-left{float:left; width:50%;}
#sec-05 .quick-inner{max-width:74rem; margin-left:auto; padding:0 2rem }
#sec-05 .quick-list{max-width:56.8rem; padding:9.4rem 0 9.4rem 0; position: relative; z-index: 1;}
#sec-05 .list-item{float:left; width:calc(50% - 5px); margin-right:5px; margin-bottom:5px;}
#sec-05 .list-item:nth-child(2n){margin-right:0;}
#sec-05 .quick-btn{font-size:2rem; background:#121212; color:#fff; display:flex; justify-content: space-between; align-items: center; padding:1.4em 1.6em;} 
#sec-05 .quick-btn:focus-visible{outline: red auto 1px;}
#sec-05 .quick-btn.green{background:#0ba850}
#sec-05 .quick-btn.blue{background:#024dbd}
#sec-05 .quick-btn .btn-name{font-size:1em; letter-spacing: -0.04em; font-weight:700}
#sec-05 .quick-btn .btn-name .eng{font-family: 'Montserrat', sans-serif; font-weight:800}
#sec-05 .quick-btn .btn-eng{font-size:0.65em; font-weight: 400; opacity: 0.3; letter-spacing: 0.05em; margin-top:0.4em;}
#sec-05 .quick-btn .icon{position: relative;}
#sec-05 .quick-btn .icon:after{content:""; display:block; width:200%; height:200%; background:rgba(255,255,255,0.2); position: absolute; left:50%; top:50%; transform: translate(-50%, -50%) scale(0); border-radius: 50%; transition: transform 0.2s;}
#sec-05 .quick-right{float:right; width:50%; background:#f8f9fa; min-height: 50rem; position: relative; overflow: hidden; z-index: 1;}
#sec-05 .person-bg-wrapper{height:100%; width:74.2rem; position: absolute; left:22rem; top:-50%; transform: translateY(25%);}
#sec-05 .person-bg{position: absolute; left:0; top:0; z-index: 1; width:100%; padding-bottom:100%;}
#sec-05 .person-bg .bg-inner{position: absolute; left:0; right:0; bottom:0; top:0;}
#sec-05 .person-bg .item{position:absolute;  width:24.8rem; height:calc(33.333%)}
#sec-05 .person-bg .item:nth-child(1){top:0; left:0}
#sec-05 .person-bg .item:nth-child(2){top:0; left:50%; transform:translateX(-50%)}
#sec-05 .person-bg .item:nth-child(3){top:0; right:0;}
#sec-05 .person-bg .item:nth-child(4){top:50%; left:0; transform:translateY(-50%)}
#sec-05 .person-bg .item:nth-child(5){top:50%; left:50%; transform:translate(-50%, -50%); z-index: 1;}
#sec-05 .person-bg .item:nth-child(6){top:50%; right:0; transform:translateY(-50%)}
#sec-05 .person-bg .item:nth-child(7){bottom:0; left:0;}
#sec-05 .person-bg .item:nth-child(8){bottom:0; left:50%; transform:translate(-50%)}
#sec-05 .person-bg .item:nth-child(9){bottom:0; right:0}
#sec-05 .person-bg .circle{border:1px solid #e9edf0; width:100%; height:100%; border-radius: 50%;}
#sec-05 .person-bg .person-img img{position: absolute; left:0; bottom:0; width:100%; }
#sec-05 .person-content{position: absolute; z-index: 1; display:flex; flex-direction: column; height: 100%; justify-content: center; padding:0 8em 0 9em;
	background: rgb(248,249,250);
background: -moz-linear-gradient(90deg, rgba(248,249,250,1) 0%, rgba(248,249,250,1) 82%, rgba(248,249,250,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(248,249,250,1) 0%, rgba(248,249,250,1) 82%, rgba(248,249,250,0) 100%);
background: linear-gradient(90deg, rgba(248,249,250,1) 0%, rgba(248,249,250,1) 82%, rgba(248,249,250,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f9fa",endColorstr="#f8f9fa",GradientType=1);
}
#sec-05 .greet{color:#0d4da1; font-size:1.8rem; font-weight:800; margin-bottom:1em;}
#sec-05 .greet-ment{ font-size:2.6rem; font-weight:700; margin-bottom:2em; color:#222; line-height: 1.3; letter-spacing: -0.04em;}
#sec-05 .greet-ment i{color:#0d4da1}
#sec-05 .greet-btn{width:22.8rem; height:6.4rem; border:1px solid #000; padding:0 1.2em 0 1.6em; display:flex; align-items: center; justify-content: space-between; font-size:1.6rem; font-weight:600; transition: background 0.2s; color:#222;}
#sec-05 .greet-btn .icon{font-size:2rem; font-weight:normal;}

#sec-06{padding:2rem 0 18rem; background:url(/share/2022/img/main/fac/fac-bg.jpg) no-repeat right bottom;}
#sec-06 .sec-title{text-align: center; margin-bottom:1.4em; font-size:3rem;}
#sec-06 .logo-letter{display:block; margin:0 auto; margin-bottom:0.8em;}
#sec-06 .fac-slide-wrapper{position: relative;}
#sec-06 .fac-slide-wrapper .prev{left:-3rem;}
#sec-06 .fac-slide-wrapper .next{right:-3rem;}
#sec-06 .fac-slide:after{content:""; display:block; clear:both;}
#sec-06 .fac-slide .slick-list{margin:0 -10px;}
#sec-06 .fac-slide .slide-item{float:left; margin:0 10px;}
#sec-06 .item-img{display:block; padding-bottom:66.66%; height:0; position: relative; margin-bottom:1.8em; overflow: hidden;}
#sec-06 .item-img img{position: absolute; width:100%; top:0; left:0;}
#sec-06 .slide-item{font-size:1.6rem;}
#sec-06 .item-label{margin-bottom:1.4em; display:inline-flex; flex-direction: column;}
#sec-06 .item-label .part{font-size:0.9375em; color:#666; font-weight:700; margin-bottom:0.6em;}
#sec-06 .item-label .name{font-size:1.375em; color:#222; font-weight:800; line-height: 1.2;}
#sec-06 .info-row + .info-row{margin-top:0.6em;}
#sec-06 .info-row:after{content:""; display:block; clear:both}
#sec-06 .info-row .info-icon{float:left; width:2.4rem; height:2.4rem; background:#000; color:#fff; border-radius: 50%; position: relative;}
#sec-06 .info-row .info-icon .icon{font-size:0.8em; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
#sec-06 .info-row .info-content{float:left; width:calc(100% - 2.4rem); font-size:1em; color:#888; font-weight:600; padding-left:0.8em; padding-top:0.22em; word-break: keep-all; letter-spacing: -0.02em; line-height: 1.2;}


#popupzone{position: absolute; right:0; top:22rem; z-index:10; width:89.6rem; height:45.2rem; display:flex; transform:translateX(82.6rem); transition: transform 650ms cubic-bezier(0.850, -0.00250, 0.0700, 0.988); border-radius: 0 0 0 30px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); z-index: 100;}
#popupzone .pz-btn{width:7rem; background:#000; border-top:8px solid #014093; position: relative; border-radius: 0 0 0 30px; transition: border 0.2s; overflow: hidden;}
#popupzone .pz-btn .icon{position: absolute; left:0; bottom:0; width:7rem; height:6rem; background:#000; color:#fff; font-weight: normal; font-size:2.4rem; display:flex; align-items: center; justify-content: center; z-index: 1; transition: color 0.2s;}
#popupzone .pz-btn:focus, #popupzone .pz-btn:hover{border-color:#7fce95;}
#popupzone .pz-btn .btn-name{display:block; width:12em; white-space:nowrap; font-size:1.3rem; color:#fff; font-weight:800; letter-spacing: -0.03em; transform: rotate(90deg); transform-origin: 0 0; line-height:7rem; background:#000; z-index: 1; position: relative; left:7rem; padding-left:2em;}
#popupzone .pz-btn:after{content:""; display:block; width:1px; height:calc(100% - 2em); background:#424242; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
#popupzone .pz-body{width:calc(100% - 7rem);}
#popupzone .pz-inner{display:flex; height:100%; flex-direction: column-reverse; background:#fff; padding:0.4rem;}
#popupzone .pz-slide{height:calc(100% - 3.2rem)}
#popupzone .slick-list,
#popupzone .slick-track,
#popupzone .slide-item{height:100%;}
#popupzone .slide-item a{display:flex; width:100%; height:100%; justify-content: center; align-items: center; background:#eee}
#popupzone .slide-item img{max-height: 100%; max-width: 100%;}
#popupzone .control{height:2.8rem; margin-top:0.4rem;}
#popupzone .control-btn{display:block; width:2.8rem; height:2.8rem; background:#000; display:flex; align-items: center; justify-content: center; margin-right:2px; border-radius: 3px; position: relative; color:#fff;}
#popupzone .control .pager{float:left; font-size:1.3rem; font-weight: 700; width:auto; width:6.4rem; text-align: center;}
#popupzone .control .auto{float:left; }
#popupzone .control .auto-btn{background:#014093;}
#popupzone .control .divider{padding:0 0.2em;}
#popupzone .control .stop:after{content:""; display:block; width:6px; height:8px; border-left:2px solid #fff; border-right:2px solid #fff; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
#popupzone .control .stop.play:after{display:none;}
#popupzone .control .play:before{content:""; display:block; width:6px; height:8px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid #fff; position: absolute; left:calc(50% + 1px); top:50%; transform: translate(-50%, -50%);}
#popupzone .control .arrows{float:left;}
#popupzone .control .arrow{float:left; color:#163649; font-size:1.8rem; background:#eef0f2; transition: background 0.2s;}
#popupzone .control .pz-text{float:left; width:calc(100% - 15.6rem); height:2.8rem; line-height: 2.8rem; background:#eef0f2; text-overflow: ellipsis; overflow: hidden; font-size:1.4rem; padding:0 1em; color:#163649; font-weight:700; letter-spacing: -0.04em; white-space: nowrap;}
.ie10 #popupzone .control .pz-text,
.ie11 #popupzone .control .pz-text,
.ieOld #popupzone .control .pz-text{width:calc(100% - 15.8rem);}
#popupzone .close-wrapper{position: absolute; left:0; top:-3em; font-size:1.4rem; color:#fff; background:rgba(0,0,0,0.4); padding:0.4em 0.6em 0.4em 0.8em; border-radius: 4px; display:none;}
#popupzone .close-inner{display:flex; align-items: center;}
#popupzone .input-check{display:flex; align-items: center;}
#popupzone .input-check .check-icon{font-size: 1.4em;display:flex; align-items: center; align-items: center;}
#popupzone .close-check{cursor: pointer;}
#popupzone .close-check input[type=checkbox]:checked ~ .input-check .check-icon{color:#0bda80}
#popupzone .close-check input:focus ~ .input-check{color:#0bda80;}
#popupzone .check-label{padding-left:0.6em; line-height:1.8rem; padding-bottom:2px;}
#popupzone .close-btn{background:#000; color:#fff; display:block; width:4rem; height:2.4rem; line-height: 2.4rem; text-align: center; border-radius: 4px; margin-left:1em;}
#popupzone.on{transform:translateX(0)}
#popupzone.on .pz-btn .icon{transform: rotate(180deg);}
#popupzone .slick-slide a{position:relative;}
#popupzone .slick-slide a:focus:after{content:""; display:block; width:100%; height:100%; border:2px solid #000; position:absolute; top:0; left:0;}


@media screen and (max-height:674px){
	#popupzone{top:14rem}
}


@media screen and (min-width:1921px) {
    #sec-04 .right:before{transform: scale(1.7); transform-origin: right bottom;}
}
@media screen and (min-width:1400px) {
	.common-tab .h-scroll-wrapper{overflow:visible}	


}
@media screen and (min-width:1200px) {
	

    [role="tabpanel"]:focus{outline:1px dashed #333; border-radius: 4px;}
	.main .common-tab [role="tab"]:hover{background:#014195; color:#fff; border-color: #014093;}
	.main .common-tab .more a:hover{color:#fff;}
	.main .common-tab .more a:hover:before{transform: translateX(0);}

	.main .black-arrow:hover, .main .black-arrow:focus{background:#014195;}
	.main .arrow-btn:hover{background:#000; color:#fff;}

    .feed-list .list-card:hover, .feed-list .list-card:focus{transform: translateY(-5px);  box-shadow: 0 30px 40px 0px rgb(22 54 73 / 20%);}
	

	#sec-01 .control-btn:hover{background:#014195;}
	
	#sec-04 .nav-item a:hover{color:#666}
	#sec-04 .bnr-slide-wrapper .arrow:hover, #sec-04 .bnr-slide-wrapper .arrow:focus{background:#000; color:#fff; border-color:#000;}
	#sec-04 .bnr-slide .item-logo:hover:after{border-color:#ccc;}
	#sec-04 .biz-slide .slide-item:hover .biz-bg img{transform: scale(1.05);}
	#sec-04 .biz-slide .slide-item:hover .biz-card:before{opacity: 0.2;}

	#sec-05 .quick-btn:hover .icon:after{transform: translate(-50%, -50%) scale(1);}
	#sec-05 .greet-btn:hover{background:#000; border-color: #000; color:#fff;}

	#popupzone .pz-btn:hover .icon{color:#7fce95}
	#popupzone .control .arrow:hover{background:#000; color:#fff;}
}



@media screen and (max-width:1400px) {
	#sec-01{border-radius: 0;}
	.mv-slide .slide-item{background-position-x: 60%;}
	#sec-05 .person-bg-wrapper{left:16rem;}
}

@media screen and (max-width:1200px) {
	

	.sec-title{font-size:2.2rem; padding-top:2.2em; padding-bottom:1em;}

	.main .black-arrow{width:4.2rem; height:4.2rem; font-size:1.8rem}
	.main .black-arrow.prev{left:-1rem !important}
	.main .black-arrow.next{right:-1rem !important;}
	
	.custom-tab{width:calc(100% + 4rem); margin-left:-2rem;}
	.custom-tab .h-scroll-wrapper{padding-left:2rem; padding-right:2rem;} 
	.common-tab .more{background:#fff; padding-right:2rem;}
	.common-tab .more:before{content:""; display:block; width:calc(100% + 30px); height:200%; background: linear-gradient(274deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 87%, rgba(255,255,255,0) 100%); position: absolute; right:0; top:50%; transform: translateY(-50%);}
    .common-tab .more .name{display: none;}
	.common-tab [role="tablist"] li:first-child [role="tab"]{margin-left:2rem;}
	.common-tab [role="tablist"] li:last-child [role="tab"]{margin-right:15rem !important} 
    .common-tab [role="tab"]{min-width:7rem; padding:0 0.7em;}

	#sec-01{height:68rem;}
	.mv-slide .slide-content{padding-top:27rem;}
	.mv-slide .content-title{font-size:5vw;}
	.mv-slide .content-desc{font-size:2vw;}


	.feed-list{float:left;}
	.feed-list .list-item{width:50vw !important; display:inline;  float:left;}
	.feed-list .list-item:first-child{margin-left:2rem;}
	.feed-list .list-item:last-child{margin-right:2rem;}
	.feed-list .list-item > *{white-space: normal;}	
	.latest-wrapper [role="tabpanel"]{white-space: nowrap; float:left;}
	.latest-wrapper .deco,
	.latest-wrapper .symbol,
	.latest-wrapper:after{display:none}
	.feed-list .empty-list{width:100vw;}

	#sec-03{padding-bottom:2rem;}
	
	#sec-04{margin-bottom:5rem;}
	#sec-04 .left{margin-right:8rem;}
	#sec-04 .right:before{width:54rem; background-position: right bottom;}
	#sec-04 .right{width:calc(100% - 32rem);}

	#sec-05 .quick-wrapper{}
	#sec-05 .quick-left{float:none; width:100%;}
	#sec-05 .quick-inner{padding:0; width:100%; max-width:100%; padding: 0 2rem;}
	#sec-05 .quick-list{max-width: 100%; padding:4rem 0 calc(4rem - 5px);}
	#sec-05 .list-item{width:calc(33.333% - 3.333px);}
	#sec-05 .list-item:nth-child(2n){margin-right:5px;}
	#sec-05 .list-item:nth-child(3n){margin-right:0;}
	#sec-05 .quick-right{float:none; width:100%; min-height: 0; height:auto;}
	#sec-05 .person-bg-wrapper{right:-10vw; left:auto; width: 70vw; height: 70vw; top:50%; transform: translateY(-35vw);}
	#sec-05 .person-bg .item{width:23.333vw;}
	#sec-05 .person-content{width:50%; position: relative; padding:12em 2rem 12em 10%; display:block;}
	#sec-05 .greet-ment{word-break: keep-all;}
	#sec-05 .greet-ment br{display:none;}
	#sec-05 .quick-wrapper:after, #sec-05 .quick-wrapper:before{display:none;}

	#sec-06 .sec-title{font-size:2.2rem;}

	
	#popupzone{position: fixed; width:100%; height:calc(constant(safe-area-inset-bottom) + 7rem); height:calc(env(safe-area-inset-bottom) + 7rem); display: block; border-radius:0; overflow: hidden; top:auto; right:auto; bottom:0; transform: none; border-radius: 24px 24px 0 0; box-shadow: 0 -10px 10px rgba(0,0,0,0.1); background:#fff;}
	.ieOld #popupzone, .ie11 #popupzone, .ie10 #popupzone{height:7rem;}
	#popupzone .pz-btn{display:flex; width:100%; border-radius: 0; border:none; justify-content: space-between; background:#014195; height:calc(constant(safe-area-inset-bottom) + 7rem); height:calc(env(safe-area-inset-bottom) + 7rem);}
	#popupzone .pz-btn .btn-name{transform: none; left:auto; background:#014195; width:14em;}
	#popupzone .pz-btn .icon{transform: none !important; position: relative; bottom:auto; left:auto; background:#014195; width:7rem; height:7rem;}	
	#popupzone .pz-btn .icon i{transform: rotate(90deg);}
	#popupzone .pz-btn:after{display: none;}
	#popupzone .close-wrapper{display:none !important;}
	#popupzone .pz-body{width:100%; padding-bottom:calc(constant(safe-area-inset-bottom)); padding-bottom:calc(env(safe-area-inset-bottom))}
	#popupzone .pz-slide .slide-item{text-align: center;}
	#popupzone .pz-slide .slide-item .item-img{display:block; background:#222;}
	#popupzone .pz-slide .slide-item .item-img img{margin:0 auto; max-width:100%; height:auto;}
	#popupzone .control .pz-text{width:calc(100% - 15.8rem);}

	#popupzone.on{transform: none; height:auto;}
	#popupzone.on .pz-btn{height: 7rem;}
	#popupzone.on .pz-btn .icon {transform: none !important;} 
	#popupzone.on .pz-btn .icon i{transform: rotate(-90deg);} 

}

@media screen and (max-width:1024px) {
	#sec-04 .sec-title{padding-bottom:1.6em;}
	#sec-04 .left{float:none; width:100%; padding:0; width:calc(100% + 4rem); margin:0 0 0 -2rem; z-index: 120; top:10rem !important;  }
	#sec-04 .left.js-is-sticky{background:#fff; box-shadow: 0 20px 10px rgba(0,0,0,0.08); padding-right:4em;}
	#sec-04 .left.left.js-is-sticky + .right{margin-top:3.84rem;}
	#sec-04 .right{float:none; width:100%; margin:0; padding:4rem 0 0 0; border-top:1px solid #eee;}
	#sec-04 .biz-tab .h-scroll-wrapper{overflow-x: scroll;}
	#sec-04 .biz-tab-nav{display:flex; align-items: center; border:none; white-space: nowrap; margin-left:4px; padding-bottom:14px;}
	#sec-04 .nav-item{text-align: center; font-size:1.6rem; margin:0 0.2em 0.2em 0;}
	#sec-04 .nav-item:nth-child(1){margin-left:1rem;}
	#sec-04 .nav-item:last-child  a{margin-right:2rem;}
	#sec-04 .nav-item + .nav-item{margin:0 0.2em 0.2em 0;}
	#sec-04 .nav-item [aria-selected="true"]{background:#014195; color:#fff;}
	#sec-04 .nav-item a{display:block; border-radius: 9999px; height:2.4em; line-height:2.4em; padding:0 1.2em; background:#eee; color:#888;}
	#sec-04 .nav-item a:after{display:none;}
	#sec-04 .biz-btn{padding:0 1em; justify-content: center; width:auto; height:5rem; font-size:1.6rem; top:-1.6rem;}
	#sec-04 .biz-btn .icon{display:none;}
	#sec-04 .biz-desc{padding:0;}
	#sec-04 .biz-slide .biz-badge{font-size:2rem; padding:1em;}
	#sec-04 .stat-slide .item-logo img{height: auto; width:40%; margin:0; transform: translate(-50%, -50%);}
	#sec-06{background:none; padding-bottom:6rem}
}

@media screen and (max-width:768px) {
	.main .common-tab [role="tab"]{min-width:6rem;}

	#sec-01{height:52rem;}
	#sec-01 .control{left:2rem; z-index: 20;}
	.mv-slide .slide-item{background-position-x: 78%; background-size:cover;}
	.mv-slide .slide-content{padding:4rem 2rem 8rem; position: absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.25);}
	.mv-slide .slide-02 .slide-content{background:rgba(255,255,255,0.25)}
	.mv-slide .content-title{font-size:7vw;}
	.mv-slide .content-desc{font-size:16px;}
	.mv-slide .title-row + .title-row{margin-top:0.3em}
	
	.feed-list .list-item{width:80vw !important;}

	#sec-05 .person-content{padding:10em 2rem 10em 4rem; width:60%}
	#sec-05 .person-bg-wrapper{right:-20vw; width: 90vw; height: 90vw; transform: translateY(-45vw);}
	#sec-05 .person-bg .item{width:30vw;}
	/* #sec-05 .person-bg .circle{border:none;} */
	#sec-05 .greet{font-size:1.6rem}
	#sec-05 .greet-ment{font-size:2rem;}
	#sec-05 .greet-btn{padding: 0 1em; justify-content: center; width: auto; height: 5rem; font-size: 1.6rem; display:inline-flex;}
	#sec-05 .greet-btn .icon{display: none;}
	#sec-05 .quick-list{padding:3rem 0 calc(3rem - 5px);}
	#sec-05 .list-item{width:calc(50% - 2.5px);}
	#sec-05 .list-item:nth-child(3n){margin-right:5px;}
	#sec-05 .list-item:nth-child(2n){margin-right:0px;}
	
	#sec-05 .greet-ment br{display:inline;}
	
}

@media screen and (max-width:500px){
	#sec-05 .quick-btn{font-size:1.6rem; padding: 1.4em 1.4em;}
}