@charset "utf-8";

.microsite_ver2 {background-color:#f8f9fa; color:#222; font-size:18px; word-break: keep-all;}
.microsite_ver2 header {margin:0 auto; padding:20px 40px; box-shadow:0 2px 5px 0 rgba(0,0,0,.12); background-color:#fff;}
.microsite_ver2 header .company {bottom:auto; top:30px; right:40px;}
.microsite_ver2 header .company img {height:30px;}
.microsite_ver2 main {box-shadow:0 2px 5px 0 rgba(0,0,0,.12); background-color:#f1f6ff; padding-bottom:0;}
.microsite_ver2 h2 {font-size:44px; line-height: 1.3em; font-weight: 400; color: #fa582d; padding:30px; background: #fff; text-align:center; letter-spacing:0.05em;}
.microsite_ver2 li {width:100%; float:inherit; padding:40px; border-top:1px solid rgba(255,255,255,0.6);}

.microsite_ver2 .vi {color:#fff; background: url('https://img.etnews.com/2025/microsite/datadog/bg.jpg') no-repeat center top; background-size:cover; padding:50px 100px;}
.microsite_ver2 .vi img {width:100%; max-width:400px; height:auto; filter: brightness(100);}
.microsite_ver2 .vi > div {width:40%; }
.microsite_ver2 .vi .fl_left {width:60%; }
.microsite_ver2 .vi p {font-size:22px; line-height:1.4em; margin-bottom:10px;}
.microsite_ver2 .vi p br {display:block; margin-bottom:10px;}
.microsite_ver2 .vi strong {font-size:35px; line-height:1.3em; display:block; color:#fff; margin:10px 0;}
.microsite_ver2 .vi strong > span {display: inline-block;}

.microsite_ver2  li > strong {font-size:27px; line-height:1.4em; letter-spacing:-0.02em; margin-bottom:20px; color:#333E48; display:block;}
.microsite_ver2 .vi .hashtag span {display:inline-block; padding:3px 5px 3px 0; border-radius:2px; margin-top:10px; margin-right:20px; font-weight:400; letter-spacing:-0.01em; line-height:1em;}
.microsite_ver2 .vi .hashtag span::before {content:'#'; color:#fa582d; margin-right:4px; font-weight:200;}
.microsite_ver2 .vi .hashtag span:hover {box-shadow:inset 0 30px 0 #fa582d;}

.microsite_ver2 .wp {background:#fff;}
.microsite_ver2 .wp strong {display:block; margin-bottom:15px; font-size:25px; color:#632ca6; word-break: keep-all; position:relative;}
.microsite_ver2 .wp .fl_left {width:30%;}
.microsite_ver2 .wp .fl_left img {width:100%;}
.microsite_ver2 .wp .fl_right {width:70%;}
.microsite_ver2 .wp .fl_right p {margin-top:10px; font-size:18px; line-height:1.4em; color:#333;}
.microsite_ver2 .wp + .wp {border:none;}
.microsite_ver2 .wp .fl_left img {width: 100%;	height: auto; border: 1px solid rgba(0,0,0,0.2);	box-shadow: 5px 5px 0 rgb(0 0 0 / 5%);}

.microsite_ver2 .wp ul {margin-top:15px;}
.microsite_ver2 .wp li {padding: 0 0 4px; padding-left:25px; line-height: 1.2em; letter-spacing: -0.04em; border:none; position: relative; margin-bottom:5px;}

.microsite_ver2 .wp .fl_right li::before {content: ''; background: url('https://img.etnews.com/2025/microsite/datadog/icon_check.svg') no-repeat; display: inline-block; width:18px; height:18px; position: absolute; left: 0; top:0px; filter: invert(22%) sepia(25%) saturate(6868%) hue-rotate(256deg) brightness(84%) contrast(95%);}

.microsite_ver2 .wp .btn_download {font-size:18px; background:#fff; border:1px solid #632ca6; color:#632ca6; padding:15px 30px; line-height:1em; margin-top:20px; display:inline-block; border-radius:55px; box-shadow: 0 1px 3px rgb(0 0 0 / 20%); transition: .2s ease; }
.microsite_ver2 .wp .btn_download:hover {text-decoration:none; color:#fff; background:linear-gradient(134.72deg,#3023ae 0%,#c024b6 101.5%); border:1px solid #632ca6; }
.microsite_ver2 .wp .btn_download > * {vertical-align:middle;}

.microsite_ver2 .bnr_event {padding:0;}

.microsite_ver2 .contact {text-align:center; background:linear-gradient(134.72deg,#3023ae 0%,#c024b6 101.5%); color:#fff}
.microsite_ver2 .contact strong {display:inline-block; margin:0 20px 0 0; font-size:22px; color:#fff; }
.microsite_ver2 .contact a {display:inline-block; font-weight:500;padding:10px 20px; border:1px solid #fff; background:transparent; box-shadow:0 2px 3px rgba(0,0,0,0.4); border-radius:5px; margin:10px 5px;}
.microsite_ver2 .contact a:hover {text-decoration:none; background:#fff; color:#222;}



.microsite_ver2 footer { background: #ddd; width: auto; max-width: 1100px;  position: relative; padding: 10px; bottom: 0;}
.microsite_ver2 footer small {color:#777;}
.thumb_movie {cursor:pointer;}

@media screen and (max-width: 800px) {
	.microsite_ver2 header {padding:20px 20px 30px;}
	.microsite_ver2 header .company img {height:20px;}
	.microsite_ver2 li {margin-bottom:0; padding:40px 30px;}
	.microsite_ver2 .vi {padding:40px 30px;}
	.microsite_ver2 .vi .fl_left {width:100%; margin-bottom:20px;}
	.microsite_ver2 .wp .fl_left, .microsite_ver2 .wp .fl_right {width:100%; padding: 0; text-align: center;}
	.microsite_ver2 .wp .fl_left img {max-width:300px;}
	.microsite_ver2 .wp .btn_download {width:100%; max-width:300px; padding:20px 30px; margin-top:15px;}
	.microsite_ver2 .wp strong {display:block; margin:20px 0 10px; position:relative;}
	.microsite_ver2 .wp .fl_right li::before { position:relative; margin-right:4px; top:2px;}

	
}