/* earth */
.main-sections .map {padding-bottom: 0; z-index:1;}
.main-sections .part.events,.main-sections .part.publications,.main-sections .part.videos {z-index:1;}
.earth_part {position:relative;/*width:86%*/;height:200vh;margin:auto;/* overflow:hidden; */}
.earth_part > div { left:50%; transform:translateX(-50%);}
.main-sections .part.information { margin:50px auto auto; padding-top:0;}
.earth_part ul, .earth_part li { list-style: none; margin: 0; padding: 0; }
.earth_pic01 { position:relative;}
.earth_pic01.mask01 {
object-fit: cover;
object-position: left top;
-webkit-mask: left top / contain;
mask: center top / contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: left top;
mask-position: left top;
-webkit-mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 7%, rgba(255, 255, 255, 1) 14%);
mask-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 7%, rgba(255, 255, 255, 1) 14%);
mix-blend-mode:normal;
}

.earth_pic01 img { display:block; width:100%; opacity:0.2; filter:Alpha(opacity:20);}
.earth_p1 { position:absolute; top:0; width:100%;}
.earth_p1 ul { display:flex; /*width:90%; max-width:1280px;*/ margin:0 auto; justify-content:space-between; }
.earth_p1 ul li { border-top:2px solid #8d1a1f; width:31%;}
.earth_p1 ul li h3.headline {text-align: left;}
.earth_p1 ul li .a2 { color:#002569; font-size:6.5rem;margin-top: 30px;}
.earth_p1 ul li .a3 { color:#002569; font-size:1.8rem;font-family: 'Gotham-Medium'; margin-top: 10px;}
.earth_p2 {display:none;position:absolute;width:100%;aspect-ratio:calc( 1280 / 626);top: 0;left: 0;overflow: visible;}
.earth_p2 h2 { text-align: center; opacity:0.3; filter:Alpha(opacity:30);}
.earth_p2 .dot01 {width:16px;height:16px;border-radius:50%;border:2px solid #FFF;overflow:hidden; display:inline-block; cursor: pointer;}
.earth_p2 .red01 .dot01 { background:#8d1a1f;}
.earth_p2 .blue01 .dot01 {background:#002569;}
.earth_p2 .earth_dots {position:absolute;top:0;left:0;width:100%;height:100%; z-index:3;}
.earth_p2 .earth_dots .dot_item { position:absolute; background:rgba(255,255,255,0); padding:5px;}
.earth_p2 .earth_dots .dot_item.left01 .dot_info { left:20px;}
.earth_p2 .earth_dots .dot_item.right01 .dot_info { right:20px;}
.earth_p2 .earth_dots .dot_item.top01 .dot_info { top:20px;}
.earth_p2 .earth_dots .dot_item.bottom01 .dot_info { bottom:20px;}

.earth_p2 .dot_item .dot_info { display: block; visibility: hidden; transform: scale(0.3); transition:opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.1s, transform 0.2s; opacity: 0; filter:Alpha(opacity:0);}
.earth_p2 .dot_item:hover { z-index: 9;}
.earth_p2 .dot_item:hover .dot_info { display: block; opacity: 1; filter:Alpha(opacity:100); transform: scale(1); visibility:visible;}

.earth_p2.fixP2 { top:80px;}
.earth_p2.fixP2 h2 { position:relative; top:-80px;}

.dot_info {display:none;position:absolute;width: 340px;padding: 20px;color: #FFF;font-size:1rem;line-height: 1.4;font-family: 'Gotham-Book';z-index: 3;}
.dot_info p.pname {font-family: 'Gotham-Medium';margin-bottom: 10px;overflow: hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.dot_info p.pbutton {padding-bottom: 30px;}
.dot_info p.pbutton:last-of-type {padding-bottom:0;}
.dot_info p.pbutton a.btn-link-white {width: 160px;height: 34px;line-height: 30px;margin:0;font-size: 11px;letter-spacing: 1px;border: solid 2px #fff;}
.dot_info p.pbutton a.btn-link-white span.icon-arrow-right {margin-left: 5px;}
.dot_info p.pbutton.coming-soon{font-size: 0.8rem;font-style: italic;}

.red01 .dot_info {background: #8d1a1f;}
.blue01 .dot_info {background: #002569;}
.blue01 .dot_info a.btn-link-white:hover {color: #002569;}

.earth_demos {position:absolute;bottom:5%;left: 0;width: auto;display: flex;flex-direction: column;}
.earth_demos .legend {display:flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;flex-direction: row;margin-top:10px;gap: 0.6rem;}
.earth_demos .legend .dot01 {cursor: default; min-width:16px;}
.earth_demos .legend h3.headline {font-size: 0.8rem;margin-top: 0;}
.earth_demos .legend.note {font-size: 0.8rem;line-height:1.4;color: #383838;font-weight: 100;}

.earth_btn { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:200px;}
/*
@media only screen and (min-width: 1901px) {
	.main-sections .part.information { margin-top:auto;}
	.main-sections .part.information.re-top01 { margin-top:-4%;}
}
@media only screen and (min-width: 1900px) and (min-height: 1000px) {
	.main-sections .part.information.re-top01 { margin-top:-6%;}
}
@media only screen and (max-width: 1900px) and (min-width: 1601px) {
	.main-sections .part.information { margin-top:-2%;}
	.main-sections .part.information.re-top01 { margin-top:-2%;}
}
@media only screen and (max-width: 1600px) and (min-width: 1367px)  {
	.main-sections .part.information { margin-top:8%;}
	.main-sections .part.information.re-top01 { margin-top:2%;}
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
	.main-sections .part.information { margin-top:18%;}
	.main-sections .part.information.re-top01 { margin-top:14%;}
}
@media only screen and (max-width: 1280px) and (min-height: 800px) and (min-width: 1200px) {
	.main-sections .part.information { margin-top:-4%;}
	.main-sections .part.information.re-top01 { margin-top:-4%;}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.main-sections .part.information { margin-top:10%;}
	.main-sections .part.information.re-top01 { margin-top:2%;}
}
*/
@media only screen and (max-width: 1280px) and (min-width: 769px) {
	.earth_dots .left01 { margin-left:-2px;}
	.earth_dots .right01 { margin-right:-2px;}
	.earth_dots .top01 { margin-top:-13px;}
	.earth_dots .bottom01 { margin-bottom:-13px;}
	.earth_demos { left:15px;}
	.earth_p1 { width:calc(100% - 30px);}
	/*.main-sections .part.information {margin:3rem auto auto!important;}*/
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.earth_demos { width:220px;}
	.earth_demos .legend { flex-wrap: nowrap;}
	.earth_demos .legend h3.headline { text-align:left;}
}
@media only screen and (max-width: 768px) {
	.earth_part { width:100%;}
	.earth_p1 { width:calc(100% - 30px); left:15px;}
	.earth_p1 ul {width: 100%;}
	.earth_p1 ul li .a2 {font-size: 4.5rem;}
	.earth_p1 ul li .a3 {font-size: 0.8rem;}
	
	.earth_p2 { height:auto; overflow:visible; width:calc(100% - 30px); aspect-ratio:calc(1532 / 749);}
	.earth_p2 .dot01 {width: 8px;height: 8px;/* border-width: 2px; */}
	.earth_p2 h2 { position:absolute; top:-4rem; left:5%; width:90%;}

	.earth_demos {left: 48%;width: auto;font-size: 12px;bottom: -20vh;gap: 6px;font-weight: 700;line-height: 1.2;transform: translate(-50%, 0);}
	.earth_demos .legend {display:flex;justify-content: flex-start;flex-wrap: nowrap;gap: 5px;align-items: center; margin-top:6px;}
	.earth_demos .legend .dot01 {width: 10px;height: 10px; min-width: 10px;}
	.earth_demos .legend h3.headline { font-size:0.8rem; text-align:left; min-height:auto; white-space: nowrap;}

	.earth_btn {bottom: calc(-22vh - 4rem);width: 70%;left: 13%;text-align: center;transform: translate(0, 0);}

	.earth_dots .left01 { margin-left:-5px;}
	.earth_dots .right01 { margin-left:-2px;}
	.earth_dots .top01 { margin-top:-8px;}
	.earth_dots .bottom01 { margin-top:-7px;}

	.earth_p2 .bg-mobi{display: block;}
	.earth_demos .legend.note {font-size: 0.8rem;}
	
	.earth_p2 .dot_item:hover .dot_info { display:none;}
}

@media only screen and (max-width: 576px) {
	.earth_p1 ul li h3.headline {min-height: 55px;}
	.earth_p1 ul li .a2 {font-size: 2.5rem;}
}