body { font-family: "Noto Sans TC", "微軟正黑體", "繁黑體", 'Microsoft JhengHei', 'Microsoft YaHei', 'Heiti TC', 'LiHei Pro', sans-serif, "新細明體", PMingLiU; -webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%; position: relative; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; color: #1A1311; letter-spacing: .1rem; font-weight: 400; overflow-x: hidden;}
/*NAV*/
.nav { display: none; }
nav { position: fixed; width: 100%; left: 0; top: 0; z-index: 101; }
nav.scroll { background-color: #FFF; box-shadow: 0 0 5px rgba(0,0,0,.5); }
nav ul { display: flex; justify-content: flex-end; padding-right: 20px; }
nav li { position: relative; cursor: pointer; color: #FFF; text-shadow: 0 0 5px #000; font-size: 18px; padding: 15px 25px; margin: 0 5px; transition: .1s ease-out; }
nav.scroll li { color: #1A1311; text-shadow: none; }
nav li:hover { text-shadow: none; }
nav.scroll li:hover { color: #FFF;}
nav li:before { content: ""; width: 100%; height: 0;  background-color: #008A8A; position: absolute; left: 0; top: 0; z-index: 0; transition: .2s ease-out;}
nav li:nth-child(even):before { background-color: #0085B1;}
nav li:hover:before { height: 100%; }
nav.scroll li:hover:before { height: calc(100% + 5px); }
nav li span { display: block; position: relative; z-index: 1; }
/*KV*/
header { width: 100%; height: 100%; max-height: 48vw; min-height: 30vw; overflow: hidden; }
.kv_bg { width: 100%; height: 100%; }
.kv_bg > div { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);-webkit-animation:round 21s linear infinite; animation:round 21s linear infinite;}
.kv_bg > div:nth-child(1) { background-image: url(../images/kv3.jpg);-webkit-animation-delay: 14s; animation-delay: 14s; }
.kv_bg > div:nth-child(2) { background-image: url(../images/kv2.jpg);-webkit-animation-delay: 7s; animation-delay: 7s;}
.kv_bg > div:nth-child(3) { background-image: url(../images/kv1_.jpg);-webkit-animation-delay: 0s; animation-delay: 0s; }

.kv_slogan { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.kv_slogan h1 { display: none; }
.kv_slogan .sloganbox > div:before { content: ""; width: 110%; height: 4px; position: absolute; left: 0; bottom: 3px; background: -moz-linear-gradient(left,  rgba(255,255,162,1) 0%, rgba(255,255,162,1) 80%, rgba(255,255,162,0) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,162,1) 0%,rgba(255,255,162,1) 80%,rgba(255,255,162,0) 100%);background: linear-gradient(to right,  rgba(255,255,162,1) 0%,rgba(255,255,162,1) 80%,rgba(255,255,162,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffa2', endColorstr='#00ffffa2',GradientType=1 ); }
.kv_slogan .sloganbox > div:nth-child(1) { width: 700px; margin-bottom: 20px;}
.kv_slogan .sloganbox > div:nth-child(2) { width: 600px; }
.kv_slogan .sloganbox .light { position: absolute; width: 110%; height: 4px; left: 0; bottom: 3px;}
.kv_slogan .sloganbox .light:before { content: ""; width: 30%; height: 100%; position: absolute; left: 0; top: 0; margin-left: -100%; opacity: 0; animation: 3.5s ani_light infinite linear; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,1) 66%,rgba(255,255,255,0) 100%);background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,1) 66%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );}
.kv_slogan .sloganbox > div:nth-child(2) .light:before,.kv_slogan .sloganbox > div:nth-child(2) .light:after { animation-delay: 1.3s;}
.kv_slogan .sloganbox .light:after { content: ""; width: 30%; background-image: url(../images/spot@2x.png); background-repeat: no-repeat; -webkit-background-size: 100px; background-size: 100px; background-position: center center; height: 100px; position: absolute; left: 0; top: calc(50% - 51px); margin-left: -100%; animation: 3.5s ani_light_star infinite linear; transform-origin: center; }
.kv_slogan .esg { width: 94px; margin-left: 48px; margin-top: 30px; }

.scrolldown { width: 4px; height: 40px; border-radius: 4px; background-color: rgba(255,255,255,.6); position: absolute; left: calc(50% - 2px); bottom: 20px; cursor: pointer;}
.scrolldown > span { width: 12px; height: 12px; background-color: #fff; border-radius: 12px; position: absolute; top: 0; left: calc(50% - 6px); box-shadow: 0 0 5px rgba(0,0,0,.55); margin-top: -6px; animation: ani_scrolldown 1.6s infinite; }
.scrolldown:hover > span { animation-play-state: paused; }

/*前言*/
.entro { background-image: url(../images/entrobg.gif); background-repeat: no-repeat; -webkit-background-size: 600px;
background-size: 600px; font-size: 19px; text-align: center; line-height: 40px; padding: 80px 0 0 0; }
.entro p { margin-bottom: 1.5rem; }
.entro span { position: relative; }
.entro strong { color: #0085B1; font-weight: 900; font-size: 158%; }
.entro .bold { font-weight: 700; font-size: 121.05%; }
.entro .pcbr { display: block; }
.entro .underline { padding: 0 4px; }
.entro .underline:before { content: ""; background-color: #fff9cb; height: 11px; width: 100%; position: absolute; left: 0; bottom: -4px; z-index: -1; }

/*CSR領先實績*/
main { overflow: hidden; }
main h2 { font-size: 40px; font-weight: 900; text-align: center; background-image: url(../images/h2bg@2x.png); background-repeat: no-repeat; -webkit-background-size: 466px; background-size: 466px; background-position: right bottom; padding: 0px 100px 60px 10px; position: relative; z-index: 1; }
main h2:before { content: ""; background-image: url(../images/h2before@2x.png); -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; width: 156px; height: 170px; position: absolute; z-index: 1; left: -40px; top: -60px; }
main .h2box { display: table; margin: auto; padding-left: 100px; margin-bottom: 40px; }
main .h2box .dot1 { background-color: #42BCB6; width: 100px; height: 100px; border-radius: 100px; position: absolute; left: 60px; top: -65px; transform: scale(.8);}
main .h2box .dot1:before { content: ""; background-color: #42BCB6; width: 120px; height: 120px; border-radius: 120px; position: absolute; left: calc(50% - 60px); top: calc(50% - 60px); z-index: 0; animation: ani_h2dot 1.3s infinite; }
main .h2box .dot2 { width: 120px; height: 120px; position: absolute; right: -10px; bottom: 5px; animation: ani_h2dot2 4.2s infinite linear; }
main .h2box .dot2:before { content: ""; background-color: #0095BD; width: 110px; height: 110px; border-radius: 110px; position: absolute; right: -10px; bottom: -10px; z-index: 0;}
.top10 { padding: 130px 0 0 0; }
.top10list { text-align: center; font-weight: 700; font-size: 30px; color: #0085B1; padding: 20px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #fff8d7 50%, #fff8d7 50%, #ffffff 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8d7 50%,#fff8d7 50%,#ffffff 100%); background: linear-gradient(to bottom,  #ffffff 0%,#fff8d7 50%,#fff8d7 50%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
.top10list li { position: relative; display: table; margin: auto; margin-bottom: 35px; cursor: pointer; padding: 0 5px; }
.top10list li:nth-child(even) { color: #008A8A; }
.top10list li:before { content: ""; background-color: #0085B1; width: 100%; height: 0; position: absolute; left: 0; bottom: -5px; transition: .2s ease-out; }
.top10list li:nth-child(even):before { background-color: #008A8A; }
.top10list li:hover:before { height: 3px; }
.popup { display: none; position: absolute; width: 300px; padding: 15px 20px; background: #fff; font-size: 17px; line-height: 1.7; box-shadow: 0 0 5px rgba(0,0,0,.5); border-radius: 4px; }
.popup h2 { display: none; }
/*.popup p { text-align: justify; }*/
.popup strong { font-weight: 700; font-size: 21px; color: #0085B1; }
.popup.even strong { color: #008A8A; }

/*深度報導*/
.article { padding: 30px 0; padding-top: 130px;}
.article .bigarticle { display: flex; justify-content: center; padding-bottom: 80px; }
.article .bigarticle .articlebox { max-width: 260px; flex: 0 0 calc(25% - 50px); margin: 0 25px; }
.article .bigarticle .articlebox.withlink { cursor: pointer;}
.article .bigarticle .articlebox:before { content: ""; width: 31.5%; height: 70%; border-top: 1px solid #1A1311; border-left: 1px solid #1A1311; position: absolute; left: -5px; top: 5px; z-index: 1; transition: .2s ease-out; }
.article .bigarticle .articlebox:after { content: ""; width: 78.85%; height: 70%; border-bottom: 1px solid #1A1311; border-right: 1px solid #1A1311; position: absolute; right: 5px; bottom: -5px; z-index: 1; transition: .2s ease-out; }
.article .bigarticle .articlebox.withlink:hover:before { top: -5px; }
.article .bigarticle .articlebox.withlink:hover:after { right: -5px; }
.article .bigarticle .articlebox .text { font-size: 23px; font-weight: 300; text-align: center; color: #FFF; min-height: 200px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; background: #0095BD;background: -moz-linear-gradient(top,  #0095BD 0%, #42BCB6 100%);background: -webkit-linear-gradient(top,  #0095BD 0%,#42BCB6 100%);background: linear-gradient(to bottom,  #0095BD 0%,#42BCB6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095BD', endColorstr='#42BCB6',GradientType=0 );}
.article .bigarticle .articlebox:nth-child(even) .text { background: #008A8A;background: -moz-linear-gradient(top,  #42BCB6 0%, #0095BD 100%);background: -webkit-linear-gradient(top,  #42BCB6 0%,#0095BD 100%);background: linear-gradient(to bottom,  #42BCB6 0%,#0095BD 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42BCB6', endColorstr='#0095BD',GradientType=0 );}
.article .bigarticle .articlebox .text:before { content: ""; background: #3BAF75; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: .2s ease-out; z-index: 1; }
.article .bigarticle .articlebox.withlink:hover .text:before { opacity: 1; }
.article .bigarticle .articlebox .text img { width: 90px; margin: auto; margin-bottom: 15px; z-index: 2;}
.article .bigarticle .articlebox .text p { flex: 0 0 90%; z-index: 2; }
.article .bigarticle .articlebox .img { line-height: 0;}
.article .bigarticle .articlebox .img:before { content: ""; width: 100%; height: 100%; background-color: rgba(255,255,255,.3); position: absolute; left: 0; top: 0; transition: .2s ease-out;}
.article .bigarticle .articlebox.withlink:hover .img:before { opacity: 0; }
.article .bigarticle .articlebox.coming .text img,.article .bigarticle .articlebox.coming .img {display: none;}
.article .bigarticle .articlebox.coming .text { height: 100%; }
.article .bigarticle .articlebox.withlink a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; }


/*廣編slider*/
.slider { padding: 130px 0 80px 0; background-image: url(../images/downbg@2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; background-size: 100%; background-position: center center;}
.slider:before { content: ""; width: 100%; height: 100%; opacity: .5; position: absolute; left: 0; top: 0; z-index: -1; background: #42bcb6;background: -moz-linear-gradient(left,  #42bcb6 0%, #0094bd 100%);background: -webkit-linear-gradient(left,  #42bcb6 0%,#0094bd 100%);background: linear-gradient(to right,  #42bcb6 0%,#0094bd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42bcb6', endColorstr='#0094bd',GradientType=1 ); }
.slider .articlebox .before { position: absolute; width: 23.5%; height: 63%; border-top: 1px solid #1A1311; border-left: 1px solid #1A1311; left: -5px; top: -5px; transition:  .2s ease-out; }
.slider .articlebox .before:before { content: ""; background-image: url(../images/sliderbefore.png); -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; width: 55px; height: 25px; background-position: left bottom; position: absolute; right: -55px; top: -25px; }
.slider .articlebox .after { position: absolute; width: 82.6%; height: 19.3%; border-bottom: 1px solid #1A1311; border-right: 1px solid #1A1311; right: 5px; bottom: -5px; transition: .2s ease-out; }
.slider .articlebox .after:before { content: ""; background-image: url(../images/sliderafter.png); -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; width: 18px; height: 18px; background-position: left bottom; position: absolute; right: -18px; top: -18px; }
.slider .articlebox:hover .before { height: calc(100% + 9px); }
.slider .articlebox:hover .after { width: calc(100% - 2px);}
.slider .articlebox { background-color: #fff; margin: 0 25px; }
.slider .articlebox .img { background-color: #000; }
.slider .articlebox .img img { transition: .2s ease-out;}
.slider .articlebox.video .img:before { content: ""; background-image: url(../images/Icon_material-play-circle-outline@2x.png); background-repeat: no-repeat; -webkit-background-size: 100%; background-size: 100%; width: 80px; height: 80px; position: absolute; left: calc(50% - 40px); top: calc(50% - 40px); z-index: 1; }
.slider .articlebox:hover .img img { opacity: .75;}
.slider .articlebox h3 { font-size: 18px; letter-spacing: 0; text-align: center; padding: 10px 15px; line-height: 1.7; transition: .2s ease-out;}
.slider .articlebox:hover h3 { color: #0085B1; }
.slider .articlebox a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
main .slick-track { padding: 20px 0; }
main .slick-dots { margin-top: 10px; }
main .slick-dots li { margin: 0 1px;}
main .slick-dots li,main .slick-dots li button,main .slick-dots li.slick-active,main .slick-dots li.slick-active button { width: 20px;}
main .slick-dots li button:before { background-color: #595757; }
main .slick-dots li.slick-active button:before { width: 20px; background-color: #0085B1;}

/*FOOTER*/
footer { text-align: center; padding: 40px 10px 45px 10px; font-size: 15px; color: #595757; font-weight: 200; }
footer:before { content: ""; width: 100%; height: 5px; position: absolute; left: 0; bottom: 0; background: #0094bd;
background: -moz-linear-gradient(left,  #0094bd 0%, #42bcb6 100%);
background: -webkit-linear-gradient(left,  #0094bd 0%,#42bcb6 100%);
background: linear-gradient(to right,  #0094bd 0%,#42bcb6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094bd', endColorstr='#42bcb6',GradientType=1 ); }
footer .logoBox { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
footer .arbel { height: 43px; width: auto; margin-right: 38px; }
footer .hsu { height: 45px; width: auto; }
.gotop { display: none; position: fixed; bottom: 0; z-index: 100; background-color: #fff; background-image: url(../images/Icon_ionic-ios-arrow-up@2x.png); width: 45px; height: 50px; background-repeat: no-repeat; -webkit-background-size: 25px; background-size: 25px; background-position: center 60%; right: 50px; border-top-right-radius: 45px; border-top-left-radius: 45px; box-shadow: 0 0 5px rgba(0,0,0,.3); transition: .2s ease-out; }
.gotop:hover { cursor: pointer; background-position: center 40%; }

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.article .bigarticle .articlebox { width: 260px; }
	.article .bigarticle .articlebox .text { display: block; width: 100%; min-height: inherit; padding: 40px 0; }
	.article .bigarticle .articlebox.coming .text p { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
	.article .bigarticle .articlebox .text:before { display: none; }
}
/*bigPC*/
@media (min-width: 1600px){
	.kv_slogan { transform: translateY(-50%) scale(1.25); transform-origin: left; }

}

/*smallPC*/
@media (max-width: 1200px) and (min-width: 769px){
	.kv_slogan { transform: translateY(-50%) scale(.8); transform-origin: left; }
	.kv_slogan .esg { margin-top: 40px; }
	.entro { font-size: 17px; line-height: 35px; -webkit-background-size: 500px; background-size: 500px; }
	.top10list { font-size: 25px; }
	main .h2box { transform: scale(.85); }
	.popup { font-size: 15px; line-height: 1.5; }
	.article .bigarticle .articlebox { margin: 0 12px; flex: 0 0 calc(25% - 24px); }
	.article .bigarticle .articlebox .text { font-size: 19px; min-height: 160px; }
	.article .bigarticle .articlebox .text img { width: 70px; }
	.slider .articlebox { margin: 0 15px; }
	.slider .articlebox h3 { font-size: 17px; line-height: 1.5; }
	.slider .articlebox.video .img:before { width: 64px; height: 64px; left: calc(50% - 32px); top: calc(50% - 32px); }
	footer { font-size: 13px; }
}
/*mobile 橫式*/
@media (max-width: 768px){
	body { letter-spacing: .05rem; }
	body.fixed { overflow: hidden;}
	.nav { display: block; position: fixed; z-index: 90; right: 10px; top: 5px; width: 45px; height: 40px; }
	.nav:before,.nav:after,.nav span { content: ""; width: 80%; height: 4px; border-radius: 2px; background-color: #fff; position: absolute; left: 10%; top: 9px; box-shadow: 0 0 5px rgba(0,0,0,.5); }
	.nav span { top: calc(50% - 2px); }
	.nav:after { top: initial; bottom: 9px; }
	nav { height: 100%; background-color: #fff; left: 100%; transition: .2s ease-out; }
	nav.show { left: 0; }
	nav.scroll { box-shadow: none; }
	nav ul { display: block; padding-right: 0; padding-top: 40px; }
	nav li { color: #1A1311; text-shadow: none; text-align: center; border-bottom: 1px dotted #ddd; margin: 0; padding: 1rem 0; }
	nav li:before { display: none; }
	nav .close { background-image: url(../images/Icon_ionic-ios-close-circle-outline@3x.png); background-repeat: no-repeat; -webkit-background-size: 100%; background-size: 100%; width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; }
	.kv_slogan { transform: translateY(-50%) scale(.6); transform-origin: left; }
	.kv_slogan .sloganbox > div:nth-child(1) { margin-bottom: 30px; }
	.kv_slogan .esg { margin-top: 40px; }
	.scrolldown > span { width: 14px; height: 14px; left: calc(50% - 7px); margin-top: -7px; }
	.entro { padding: 50px 0 0 0; font-size: 18px; line-height: 35px; -webkit-background-size: 400px; background-size: 400px;}
	.entro:before { content: ""; width: 100%; height: 100%; background-color: rgba(255,255,255,.6); position: absolute; left: 0; top: 0; z-index: 0; }
	.entro p { position: relative; z-index: 1; margin: 0 25px 1.5rem 25px; }
	.entro strong { font-size: 28px; font-weight: 700; }
	.entro .bold { font-size: 21px; display: inline-block; }
	.entro .bold:before { content: ""; background-color: #fff9cb; height: 11px; width: 100%; position: absolute; left: 0; bottom: 3px; z-index: -1; }
	.entro .underline:before { display: none; }
	main .h2box { padding-left: 60px; padding-right: 30px; }
	main h2 { font-size: 32px; -webkit-background-size: 326px; background-size: 326px; padding: 0px 40px 45px 5px; font-weight: 700; }
	main h2:before { transform: scale(.70); left: -60px; }
	main .h2box .dot1 { transform: scale(.56); left: 10px; top: -55px; }
	main .h2box .dot2 { width: 54px; height: 54px; right: 30px; bottom: 15px; }
	main .h2box .dot2:before { width: 48px; height: 48px; }
	.top10list { font-size: 21px; line-height: 1.5; }
	.top10list li {margin-bottom: 20px;}
	.top10list li:before,.top10list li:hover:before,.top10list li:nth-child(even):before { background-image: url(../images/Icon_awesome-search@2x.png); width: 20px; height: 20px; background-repeat: no-repeat; -webkit-background-size: 100%; background-size: 100%; background-color: transparent; }
	.top10list li:before { left: inherit; right: -3px; bottom: inherit; top: -14px; }
	.covermask { width: 100%; height: 100%; position: fixed; z-index: 100; background-color: rgba(0,0,0,.8); left: 0; top: 0; display: none; }
	.popup { position: fixed; width: 300px; padding: 40px 20px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 101; }
	.popup strong,.popup.even strong { /*font-size: 17px; font-weight: 400; color: #1A1311;*/ font-size: 19px; }
	.popup .close { background-image: url(../images/Icon_ionic-ios-close-circle-outline@3x.png); background-repeat: no-repeat; -webkit-background-size: 100%; background-size: 100%; width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; }
	.top10,.article { padding-top: 80px; }
	.article .bigarticle { display: block; width: 300px; margin: auto; padding-bottom: 40px; }
	.article .bigarticle .articlebox { max-width: inherit; margin: 0 15px; }
	.article .bigarticle .articlebox .text { font-size: 21px; }
	.article .bigarticle .articlebox .text img { width: 70px; }
	.article .bigarticle .articlebox .text:before { display: none; }
	.article .bigarticle .articlebox .img { height: 200px; overflow: hidden; }
	.article .bigarticle .articlebox .img img {position: absolute; top: 50%; transform: translateY(-50%);}
	.article .bigarticle .articlebox .img:before { display: none; }
	.slider { padding-top: 80px; padding-bottom: 60px; }
	.slider .articlebox { margin: 0 45px 50px 45px; }
	.slider .articlebox.video .img:before { width: 60px; height: 60px; left: calc(50% - 30px); top: calc(50% - 30px) }
	footer { line-height: 1.5; }
	.gotop { right: 15px; width: 40px; height: 45px; -webkit-background-size: 20px; background-size: 20px; }
}
@media (max-width: 680px){
	.kv_slogan { transform: translateY(-50%) scale(.55); }
}
/*mobile 直式*/
@media (max-width: 420px){
	
	header { max-height: 200vw; min-height: 150vw; }
	.kv_bg > div:nth-child(1) { background-image: url(../images/kv_m3.jpg); }
	.kv_bg > div:nth-child(2) { background-image: url(../images/kv_m2.jpg); }
	.kv_bg > div:nth-child(3) { background-image: url(../images/kv_m1.jpg); }
	.kv_slogan { transform: scale(.6); top: inherit; bottom: 50px; }
	.kv_slogan .sloganbox > div:nth-child(1) { margin-bottom: 35px; }
	.kv_slogan .esg { width: 100px; }
	.entro p { text-align: left;}
	.entro .pcbr { display: inline; }
	.top10list li:nth-child(2):before,.top10list li:nth-child(5):before { right: 2px; top: -12px; }
	.popup h2 { display: block; font-weight: 700; font-size: 21px; color: #0085B1; line-height: 1.5; margin-bottom: 5px; }
	.popup.even h2 { color: #008A8A;}

}
@media (max-width: 375px){
	.kv_slogan { transform: scale(.55); bottom: 30px;}
}
@media (max-width: 320px){
	.kv_slogan { transform: scale(.48); bottom: 25px;}
	.entro { font-size: 17px; line-height: 30px; }
	.entro strong { font-size: 25px; }
	.entro .bold { font-size: 19px; }
	main h2 { font-size: 27px; }
	.top10list { font-size: 19px; }
	.top10list li:nth-child(2):before { right: 0px; top: -12px; }
	.popup h2 { font-size: 19px; }
	.slider .articlebox h3 { font-size: 17px; line-height: 1.5; }
}