/*
aws_genai_analytics.css
*/
/* common
--------------------------------------------------------------------------- */
@media all and (max-width: 749px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media all and (max-width: 749px) {
  .sp {
    display: block;
  }
}

#aws_genai_analytics .inner {
  max-width: 1000px;
  margin: 0 auto;
}

@media all and (max-width: 749px) {
  #aws_genai_analytics .inner {
    margin: 0 25px;
  }
}

:root {
    --theme_color: #003D86;
    --sub_color: #1283D6;
    --light_blue: #ECF3FB;
    --light_gray: #F0F0F0;
}

#aws_genai_analytics .list__disk li {
  display: flex;
}

#aws_genai_analytics .list__disk li::before {
    content: "●";
    color: var(--theme_color);
    margin-right: 5px;
    flex: none;
}

#aws_genai_analytics .features {
	background-color: #003D86;
	color: #fff;
	border-radius: 20px;
	padding: 24px;
}

#aws_genai_analytics .features dl {
	text-align: center;
}

#aws_genai_analytics .features dl dt {
	text-align: center;
	width: fit-content;
	display: inline-block;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	padding: 0 1rem;
}

#aws_genai_analytics .features dl dd {
	text-align: left;
}


/* hero
--------------------------------------------------------------------------- */
#hero {
  background: url(./../img/ai/aws_genai_analytics/kv_pc.jpg) no-repeat center center;
  background-size: cover;
  margin-bottom: 60px;
  color: #fff;
}

#hero .inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 120px 0 115px;
}

#hero h1 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}

#hero .catch {
  font-size: 22px;
  line-height: 1.4;
}

@media all and (max-width: 749px) {
  #hero {
    background: url(./../img/ai/aws_genai_analytics/kv_sp.jpg) no-repeat bottom center;
    background-size: cover;
    margin-bottom: 40px;
  }
  #hero .inner {
    padding: 0;
    display: flex;
    min-height: 533px;
  }
  #hero .mv_ttl {
    padding: 25px;
    margin-top: auto;
  }
  #hero h1 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  #hero .catch {
    font-size: 18px;
  }
}


/* aws_genai_analytics_task */
#aws_genai_analytics_task {
	padding-bottom: 40px;
}

#aws_genai_analytics_task .item {
	margin-bottom: 40px;
}

#aws_genai_analytics_task .item .balloon {
	background-color: #ddd;
	border-radius: 20px;
	padding: 24px;
	position: relative;
	margin-bottom: 44px;
}
#aws_genai_analytics_task .item .balloon::after {
	content: "";
	display: block;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background-color: #ddd;
	position: absolute;
	width: 30px;
	height: 18px;
	bottom: -18px;
	left: 50%;
	transform: translateX(-50%);
}

#aws_genai_analytics .item .balloon dl {
	text-align: center;
}

#aws_genai_analytics .item .balloon dl dt {
	text-align: center;
	width: fit-content;
	display: inline-block;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	padding: 0 1rem;
}

#aws_genai_analytics .item .balloon dl dd {
	text-align: left;
}

#aws_genai_analytics_task .item .icon {
	text-align: center;
	margin-bottom: 66px;
	position: relative;
}

#aws_genai_analytics_task .icon::after {
	content: "";
	display: block;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background-color: #F8AA4D;
	position: absolute;
	width: 114px;
	height: 33px;
	bottom: -53px;
	left: 50%;
	transform: translateX(-50%);
}

@media all and (min-width: 751px) {
	#aws_genai_analytics_task .items {
		display: flex;
		flex-wrap: wrap;
		gap: 32px;
	}

	#aws_genai_analytics_task .item {
		width: calc((100% - 64px) / 3);
		margin-bottom: 0;
	}
}

/* aws_genai_analytics_outline */
#aws_genai_analytics_outline.bg {
	background-color: #EDF3FA;
	padding: 40px 0;
}

#aws_genai_analytics_outline h3 {
	color: #005CCA;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}

#aws_genai_analytics_outline .con02 dl {
	margin-bottom: 30px;
}

#aws_genai_analytics_outline .con02 dl dt {
	background-color: #005CCA;
	color: #fff;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

#aws_genai_analytics_outline .con02 dl dd {
	padding: 12px 20px;
	background-color: #fff;
}

#aws_genai_analytics_outline .con03 .img {
	border-radius: 10px;
	background-color: #fff;
	padding: 10px;
}

@media all and (min-width: 751px) {
	#aws_genai_analytics_outline.bg {
		padding: 50px 0;
	}

	#aws_genai_analytics_outline .con01 {
		margin-bottom: 24px;
	}

	#aws_genai_analytics_outline .items {
		display: flex;
		flex-wrap: wrap;
		gap: 32px;
		margin-bottom: 40px;
	}

	#aws_genai_analytics_outline .item {
		width: calc((100% - 64px) / 3);
		margin-bottom: 0;
	}

	#aws_genai_analytics_outline .con02 dl {
		display: flex;
	}

	#aws_genai_analytics_outline .con02 dl dt {
		height: auto;
		width: 30%;
	}

	#aws_genai_analytics_outline .con02 dl dd {
		width: 70%;
	}

	#aws_genai_analytics_outline .con03 .img {
		padding: 20px;
	}
}


/* aws_genai_analytics_composition */
#aws_genai_analytics_composition .con {
	margin-bottom: 40px;
}

@media all and (min-width: 751px) {
	#aws_genai_analytics_composition {
		padding-top: 60px;
	}
}


/* netapp_on_aws_faq */
#aws_genai_analytics_faq {
	padding-bottom: 40px;
}

@media all and (min-width: 751px) {
	#aws_genai_analytics_faq {
		padding-bottom: 60px;
	}
}