チケットの減少

チケット数の削減

関連する問題を関連付けることで、より優れた顧客体験を提供します。

 

ツールが少ない

監視ツールの減少

1 つの監視プラットフォームで運用チームに明確な洞察を提供します。

 

MTTRの高速化

迅速なトラブルシューティング

ログ、メトリック、トレースを 1 つのプラットフォームで使用して、問題をより迅速に解決します。

 

時間の節約

自動化された洞察

すべてのレベルのユーザーのログ分析情報をロック解除して時間を節約し、エスカレーションや戦略会議を減らします。

 

.four-column-content {
背景色: var(–bg-color);
padding-block: 60px;
}

.four-column-content__header {
text-align：left。
マージン底：66px。
}

.four-column-content__header__eyebrow {
color: var(–eyebrow-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.07;
文字間隔: 0.1em;
マージン底：23px。
テキスト変換：大文字;
}

.four-column-content__header__title {
color: var(–title-color);
フォントサイズ：64px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージン底：23px。
}

.four-column-content__header__content {
マージン：0。
}

.four-column-content__header__content > * {
color: var(–text-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
}

.four-column-content__columns__wrap + .four-column-content__columns__wrap {
マージントップ：0;
}

.four-column-content__col {
背景: var(–col-bg-color);
border-radius：14px;
ディスプレイ：フレックス;
フレックス方向：列;
パディング: 39 ピクセル 34 ピクセル 35 ピクセル;
高さ：100％;
}

.four-column-content__col__icon__wrap {
幅：自動;
max-height：120px;
マージン底：0px。
}

.four-column-content__col__icon__wrap > img {
幅：自動;
高さ：100％;
}

.four-column-content__col__eyebrow {
色: var(–col-eyebrow-color);
フォントサイズ：14px。
font-weight：400;
線高さ：1.5;
文字間隔: 0.1em;
マージン底：18px。
テキスト変換：大文字;
}

.four-column-content__col__title {
color: var(–col-title-color);
フォントサイズ：28px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージン底：18px。
}

.four-column-content__col__content a {
color: var(–col-link-color);
}

.four-column-content__col__content a:hover {
color: var(–col-link-hover-color);
}

.four-column-content__col__content > * {
color: var(–col-text-color);
フォントサイズ：16px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
margin-block: auto 18px;
}

.four-column-content__col__ctas {
マージントップ：18px。
}

.four-column-content__col__ctas .button {
color: var(–col-link-color, var(–link-color));
border-color: var(–col-link-color, var(–link-color));
フォントファミリー: 「Sharp Grotesk Alt」、サンセリフ;
フォントサイズ：14px。
文字間隔: 0.1em;
padding-bottom：10px;
}

.four-column-content__col__ctas .button:hover {
color: var(–col-link-hover-color, var(–link-hover-color));
border-color: var(–col-link-hover-color, var(–link-hover-color));
}

.four-column-content__header__content > *:last-child {
マージンボトム: 0;
}

.four-column-content__col__content > *:last-child {
マージンボトム: 0;
}

:not(.four-column-content__plain) > .four-column-content__col__eyebrow {
マージントップ：30px。
}

@media（最小幅：1201px）および（最大幅：1399px）{
.four-column-content__col__title {
フォントサイズ：24px。
}
}

@media（最小幅：992px）および（最大幅：1200px）{
.four-column-content__col__title {
フォントサイズ：20px。
}
}
/* このカラーパレットでは、変数の値をメインブロックに割り当てます。
* そうすれば自然に連鎖します。私が汎用的な four-column-content-block_242e33b594d77b50a4ea146ae72d5400 を使用していることに注目してください。
* ブロックが実際のIDをどこで使用すべきかを認識するための魔法の言葉。*/

#four-column-content-block_242e33b594d77b50a4ea146ae72d5400 {
–コントラスト: #f5f5f1;
–bg-color: #fff;
–眉毛の色: #8187a5;
–タイトルカラー: #040f4b;
–text-color: #040f4b;
–link-color: #1a31ff;
–link-hover-color: #1a31ff;
–button-text-color: #040f4b;
–button-bg-color: #fff;
–button-border-color: #040f4b;
–button-text-hover-color: #1a31ff;
–button-bg-hover-color: #fff;
–button-border-hover-color: #1a31ff;
}
/* 雲のような暗い色の列には、このカラーパレットを使用します */

.four-column-content__cloud-dark {
–col-bg-color:
線形グラデーション(202.73度、#040f4b 69.9%、#7aecf3 101.93%)、
#040f4b;
–col-eyebrow-color: #fff;
–col-title-color: #fff;
–col-text-color: #fff;
–col-link-color: #e8ff26;
–col-link-hover-color: #e8ff26;
}
/* 雲のような暗い色の列には、このカラーパレットを使用します */

.four-column-content__cloud-dark {
–col-bg-color:
線形グラデーション(202.73度、#040f4b 69.9%、#7aecf3 101.93%)、
#040f4b;
–col-eyebrow-color: #fff;
–col-title-color: #fff;
–col-text-color: #fff;
–col-link-color: #e8ff26;
–col-link-hover-color: #e8ff26;
}
/* 雲のような暗い色の列には、このカラーパレットを使用します */

.four-column-content__cloud-dark {
–col-bg-color:
線形グラデーション(202.73度、#040f4b 69.9%、#7aecf3 101.93%)、
#040f4b;
–col-eyebrow-color: #fff;
–col-title-color: #fff;
–col-text-color: #fff;
–col-link-color: #e8ff26;
–col-link-hover-color: #e8ff26;
}
/* 雲のような暗い色の列には、このカラーパレットを使用します */

.four-column-content__cloud-dark {
–col-bg-color:
線形グラデーション(202.73度、#040f4b 69.9%、#7aecf3 101.93%)、
#040f4b;
–col-eyebrow-color: #fff;
–col-title-color: #fff;
–col-text-color: #fff;
–col-link-color: #e8ff26;
–col-link-hover-color: #e8ff26;
}

LogicMonitor + AWS: 併用するとさらに効果的

• オンプレミス、マルチクラウド、Kubernetes 環境と並んで、重要な AWS サービスのハイブリッド監視を単一の統合プラットフォームでカバーします。
• Amazon CloudWatch メトリクスに接続し、エージェントレス収集でリソースを検出し、手動設定を省略します。
• AWS の可用性、OS、アプリケーション レベルのメトリクスを可視化し、基盤となるインフラストラクチャの健全性とサービスの可用性に関するより深い洞察を実現します。
• リソース間の論理的な関係マッピングを使用して、ビジネスサービスのパフォーマンスと可用性を確認します。

.content-media-50-50 {
背景色: var(–bg-color);
padding-block: 60px;
}

.content-media-50-50 a:not(.lm-refresh-button) {
color: var(–link-color);
}

.content-media-50-50__row:not(:last-child) {
padding-bottom：120px;
}

.content-media-50-50__content {
text-align：left。
マージン底：38px。
}

.content-media-50-50__content__eyebrow {
color: var(–eyebrow-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.07;
文字間隔: 0.1em;
マージン底：23px。
テキスト変換：大文字;
}

.content-media-50-50__content__title {
color: var(–title-color);
フォントサイズ：32px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージンボトム: 0;
}

.content-media-50-50__content__content {
マージントップ：40px。
}

.content-media-50-50__content__content > * {
color: var(–text-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
margin-block: auto 18px;
}

.content-media-50-50__content__content ul li、
.content-media-50-50__content__content ol li {
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
}

.content-media-50-50__content__content > *:last-child {
マージンボトム: 0;
}

.content-media-50-50__ctas {
ディスプレイ：フレックス;
フレックス方向：行;
ギャップ: 20px;
マージントップ：30px。
}

.content-media-50-50__ctas .button {
border-radius：10px;
フォントサイズ：14px。
行の高さ：18px。
文字間隔: 0.1em;
パディング：16px 32px。
遷移：
カラー 0.25秒 イーズアウト、
背景色 0.25秒イーズアウト、
枠線の色 0.25秒 イーズアウト;
}

.content-media-50-50__ctas .content-media-50-50__cta__primary {
border-color: var(–button-primary-border-color) !important;
background-color: var(–button-primary-bg-color) !important;
color: var(–button-primary-text-color) !important;
}

.content-media-50-50__ctas .content-media-50-50__cta__secondary {
border-color: var(–button-secondary-border-color) !important;
background-color: var(–button-secondary-bg-color) !important;
color: var(–button-secondary-text-color) !important;
}

.content-media-50-50__ctas .content-media-50-50__cta__primary:hover {
border-color: var(–button-primary-hover-border-color) !important;
background-color: var(–button-primary-hover-bg-color) !important;
color: var(–button-primary-hover-text-color) !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

.content-media-50-50__ctas .content-media-50-50__cta__secondary:hover {
border-color: var(–button-secondary-hover-border-color) !important;
background-color: var(–button-secondary-hover-bg-color) !important;
color: var(–button-secondary-hover-text-color) !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

@media（min-width：992px）{
.content-media-50-50__content__title {
フォントサイズ：46px。
}
}
/* このカラーパレットでは、変数の値をメインブロックに割り当てます。
* そうすれば自然に連鎖します。私が汎用的な content-media-50-50-block_8f1d0f3c81230f326c5a6f9aae858f2b を使用していることに注目してください。
* ブロックが実際のIDをどこで使用すべきかを認識するための魔法の言葉。*/

#content-media-50-50-block_8f1d0f3c81230f326c5a6f9aae858f2b {
–コントラスト: #f5f5f1;
–bg-color: #fff;
–眉毛の色: #8187a5;
–タイトルカラー: #040f4b;
–text-color: #414042;
–icon-color: #1a31ff;
–link-color: #1a31ff;
–link-hover-color: #1a31ff;
–border-color: #d9d9d9;
–button-primary-border-color: #1a31ff;
–button-primary-bg-color: #1a31ff;
–button-primary-text-color: #fff;
–button-primary-hover-border-color: #040f4b;
–button-primary-hover-bg-color: #040f4b;
–button-primary-hover-text-color: #fff;
–button-secondary-border-color: #1a31ff;
–button-secondary-bg-color: transparent;
–button-secondary-text-color: #1a31ff;
–button-secondary-hover-border-color: #040f4b;
–button-secondary-hover-bg-color: transparent;
–button-secondary-hover-text-color: #040f4b;
}
/* これらは、ユーザーがブロックに画像を追加した場合に適用されるスタイルです */

.content-media-50-50__image__wrap {
padding-bottom：25px;
}

.content-media-50-50__image__wrap > img {
最大幅：100％;
高さ：自動;
}

AWS への移行を加速し、リスクを軽減します

• EC2、EBS、EKS、Lambdaなどの重要なAWSサービスをリアルタイムで自動的に検出、監視し、パフォーマンスを確認してサービスの中断を最小限に抑えます。
• 移行およびリファクタリングされたリソースがAWSで正しく動作することを確認する
• すぐに使える構築済みのダッシュボードにより、AWS リソースを迅速かつ簡単に監視できます。
• LogicMonitor は、将来のワークロード メトリックの 1 年間の予測を使用して移行の計画を支援し、移行されるリソース要件と安全なフェイルオーバー制限を予測します。

.content-media-50-50 {
背景色: var(–bg-color);
padding-block: 60px;
}

.content-media-50-50 a:not(.lm-refresh-button) {
color: var(–link-color);
}

.content-media-50-50__row:not(:last-child) {
padding-bottom：120px;
}

.content-media-50-50__content {
text-align：left。
マージン底：38px。
}

.content-media-50-50__content__eyebrow {
color: var(–eyebrow-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.07;
文字間隔: 0.1em;
マージン底：23px。
テキスト変換：大文字;
}

.content-media-50-50__content__title {
color: var(–title-color);
フォントサイズ：32px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージンボトム: 0;
}

.content-media-50-50__content__content {
マージントップ：40px。
}

.content-media-50-50__content__content > * {
color: var(–text-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
margin-block: auto 18px;
}

.content-media-50-50__content__content ul li、
.content-media-50-50__content__content ol li {
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
}

.content-media-50-50__content__content > *:last-child {
マージンボトム: 0;
}

.content-media-50-50__ctas {
ディスプレイ：フレックス;
フレックス方向：行;
ギャップ: 20px;
マージントップ：30px。
}

.content-media-50-50__ctas .button {
border-radius：10px;
フォントサイズ：14px。
行の高さ：18px。
文字間隔: 0.1em;
パディング：16px 32px。
遷移：
カラー 0.25秒 イーズアウト、
背景色 0.25秒イーズアウト、
枠線の色 0.25秒 イーズアウト;
}

.content-media-50-50__ctas .content-media-50-50__cta__primary {
border-color: var(–button-primary-border-color) !important;
background-color: var(–button-primary-bg-color) !important;
color: var(–button-primary-text-color) !important;
}

.content-media-50-50__ctas .content-media-50-50__cta__secondary {
border-color: var(–button-secondary-border-color) !important;
background-color: var(–button-secondary-bg-color) !important;
color: var(–button-secondary-text-color) !important;
}

.content-media-50-50__ctas .content-media-50-50__cta__primary:hover {
border-color: var(–button-primary-hover-border-color) !important;
background-color: var(–button-primary-hover-bg-color) !important;
color: var(–button-primary-hover-text-color) !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

.content-media-50-50__ctas .content-media-50-50__cta__secondary:hover {
border-color: var(–button-secondary-hover-border-color) !important;
background-color: var(–button-secondary-hover-bg-color) !important;
color: var(–button-secondary-hover-text-color) !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

@media（min-width：992px）{
.content-media-50-50__content__title {
フォントサイズ：46px。
}
}
/* このカラーパレットでは、変数の値をメインブロックに割り当てます。
* そうすれば自然に連鎖します。私が汎用的な content-media-50-50-block_001af7faaeb86be15f3f8d88d88f0a87 を使用していることに注意してください。
* ブロックが実際のIDをどこで使用すべきかを認識するための魔法の言葉。*/

#content-media-50-50-block_001af7faaeb86be15f3f8d88d88f0a87 {
–コントラスト: #f5f5f1;
–bg-color: #fff;
–眉毛の色: #8187a5;
–タイトルカラー: #040f4b;
–text-color: #414042;
–icon-color: #1a31ff;
–link-color: #1a31ff;
–link-hover-color: #1a31ff;
–border-color: #d9d9d9;
–button-primary-border-color: #1a31ff;
–button-primary-bg-color: #1a31ff;
–button-primary-text-color: #fff;
–button-primary-hover-border-color: #040f4b;
–button-primary-hover-bg-color: #040f4b;
–button-primary-hover-text-color: #fff;
–button-secondary-border-color: #1a31ff;
–button-secondary-bg-color: transparent;
–button-secondary-text-color: #1a31ff;
–button-secondary-hover-border-color: #040f4b;
–button-secondary-hover-bg-color: transparent;
–button-secondary-hover-text-color: #040f4b;
}
/* これらは、ユーザーがブロックに画像を追加した場合に適用されるスタイルです */

.content-media-50-50__image__wrap {
padding-bottom：25px;
}

.content-media-50-50__image__wrap > img {
最大幅：100％;
高さ：自動;
}

レイヤードAIで革新を起こす

• 動的なしきい値と異常検出によりアラートに迅速に対応し、問題を簡単に特定できます。
• Amazon Bedrock および Sagemaker サービスの監視により、AI プロジェクトを確実に加速できます。
• Edwin AIでインシデントに迅速に対応し、インシデントの概要、根本原因分析、解決ガイダンスを使用してITチームを支援します。
• Edwin AI は、ITOps、SecOps、DevOps などのサポート ワークフローにより、ドメイン間のインシデント解決を加速します。

.content-media-50-50 {
背景色: var(–bg-color);
padding-block: 60px;
}

.content-media-50-50 a:not(.lm-refresh-button) {
color: var(–link-color);
}

.content-media-50-50__row:not(:last-child) {
padding-bottom：120px;
}

.content-media-50-50__content {
text-align：left。
マージン底：38px。
}

.content-media-50-50__content__eyebrow {
color: var(–eyebrow-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.07;
文字間隔: 0.1em;
マージン底：23px。
テキスト変換：大文字;
}

.content-media-50-50__content__title {
color: var(–title-color);
フォントサイズ：32px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージンボトム: 0;
}

.content-media-50-50__content__content {
マージントップ：40px。
}

.content-media-50-50__content__content > * {
color: var(–text-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
margin-block: auto 18px;
}

.content-media-50-50__content__content ul li、
.content-media-50-50__content__content ol li {
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
}

.content-media-50-50__content__content > *:last-child {
マージンボトム: 0;
}

.content-media-50-50__ctas {
ディスプレイ：フレックス;
フレックス方向：行;
ギャップ: 20px;
マージントップ：30px。
}

.content-media-50-50__ctas .button {
border-radius：10px;
フォントサイズ：14px。
行の高さ：18px。
文字間隔: 0.1em;
パディング：16px 32px。
遷移：
カラー 0.25秒 イーズアウト、
背景色 0.25秒イーズアウト、
枠線の色 0.25秒 イーズアウト;
}

.content-media-50-50__ctas .content-media-50-50__cta__primary {
border-color: var(–button-primary-border-color) !important;
background-color: var(–button-primary-bg-color) !important;
color: var(–button-primary-text-color) !important;
}

.content-media-50-50__ctas .content-media-50-50__cta__secondary {
border-color: var(–button-secondary-border-color) !important;
background-color: var(–button-secondary-bg-color) !important;
color: var(–button-secondary-text-color) !important;
}

.content-media-50-50__ctas .content-media-50-50__cta__primary:hover {
border-color: var(–button-primary-hover-border-color) !important;
background-color: var(–button-primary-hover-bg-color) !important;
color: var(–button-primary-hover-text-color) !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

.content-media-50-50__ctas .content-media-50-50__cta__secondary:hover {
border-color: var(–button-secondary-hover-border-color) !important;
background-color: var(–button-secondary-hover-bg-color) !important;
color: var(–button-secondary-hover-text-color) !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

@media（min-width：992px）{
.content-media-50-50__content__title {
フォントサイズ：46px。
}
}
/* このカラーパレットでは、変数の値をメインブロックに割り当てます。
* そうすれば自然に連鎖します。私が汎用的な content-media-50-50-block_ad65987ef67b82b3fe96988d6313d16c を使用していることに注目してください。
* ブロックが実際のIDをどこで使用すべきかを認識するための魔法の言葉。*/

#content-media-50-50-block_ad65987ef67b82b3fe96988d6313d16c {
–コントラスト: #f5f5f1;
–bg-color: #fff;
–眉毛の色: #8187a5;
–タイトルカラー: #040f4b;
–text-color: #414042;
–icon-color: #1a31ff;
–link-color: #1a31ff;
–link-hover-color: #1a31ff;
–border-color: #d9d9d9;
–button-primary-border-color: #1a31ff;
–button-primary-bg-color: #1a31ff;
–button-primary-text-color: #fff;
–button-primary-hover-border-color: #040f4b;
–button-primary-hover-bg-color: #040f4b;
–button-primary-hover-text-color: #fff;
–button-secondary-border-color: #1a31ff;
–button-secondary-bg-color: transparent;
–button-secondary-text-color: #1a31ff;
–button-secondary-hover-border-color: #040f4b;
–button-secondary-hover-bg-color: transparent;
–button-secondary-hover-text-color: #040f4b;
}
/* これらは、ユーザーがブロックに画像を追加した場合に適用されるスタイルです */

.content-media-50-50__image__wrap {
padding-bottom：25px;
}

.content-media-50-50__image__wrap > img {
最大幅：100％;
高さ：自動;
}

AWS コストを管理し、パフォーマンスを維持する

• AWS コストを管理しながら、可用性と効率性に優れたサービスとアプリケーションを提供する
• AWS のコスト傾向を簡単に解釈して、クラウド課金の変更がどこで、いつ、なぜ発生したかを把握できます。
• AI を活用したスト​​レージとコンピューティングの推奨事項により、AWS への投資を最大限に活用してコストを削減し、利用率のバランスをとることができます。
• AWS ポータルでコスト変更の推奨事項を直接確認し、サポートする可観測性データを使用してすぐにアクションを実行できます。

.content-media-50-50 {
背景色: var(–bg-color);
padding-block: 60px;
}

.content-media-50-50 a:not(.lm-refresh-button) {
color: var(–link-color);
}

.content-media-50-50__row:not(:last-child) {
padding-bottom：120px;
}

.content-media-50-50__content {
text-align：left。
マージン底：38px。
}

.content-media-50-50__content__eyebrow {
color: var(–eyebrow-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.07;
文字間隔: 0.1em;
マージン底：23px。
テキスト変換：大文字;
}

.content-media-50-50__content__title {
color: var(–title-color);
フォントサイズ：32px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージンボトム: 0;
}

.content-media-50-50__content__content {
マージントップ：40px。
}

.content-media-50-50__content__content > * {
color: var(–text-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
margin-block: auto 18px;
}

.content-media-50-50__content__content ul li、
.content-media-50-50__content__content ol li {
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
}

.content-media-50-50__content__content > *:last-child {
マージンボトム: 0;
}

.content-media-50-50__ctas {
ディスプレイ：フレックス;
フレックス方向：行;
ギャップ: 20px;
マージントップ：30px。
}

.content-media-50-50__ctas .button {
border-radius：10px;
フォントサイズ：14px。
行の高さ：18px。
文字間隔: 0.1em;
パディング：16px 32px。
遷移：
カラー 0.25秒 イーズアウト、
背景色 0.25秒イーズアウト、
枠線の色 0.25秒 イーズアウト;
}

.content-media-50-50__ctas .content-media-50-50__cta__primary {
border-color: var(–button-primary-border-color) !important;
background-color: var(–button-primary-bg-color) !important;
color: var(–button-primary-text-color) !important;
}

.content-media-50-50__ctas .content-media-50-50__cta__secondary {
border-color: var(–button-secondary-border-color) !important;
background-color: var(–button-secondary-bg-color) !important;
color: var(–button-secondary-text-color) !important;
}

.content-media-50-50__ctas .content-media-50-50__cta__primary:hover {
border-color: var(–button-primary-hover-border-color) !important;
background-color: var(–button-primary-hover-bg-color) !important;
color: var(–button-primary-hover-text-color) !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

.content-media-50-50__ctas .content-media-50-50__cta__secondary:hover {
border-color: var(–button-secondary-hover-border-color) !important;
background-color: var(–button-secondary-hover-bg-color) !important;
color: var(–button-secondary-hover-text-color) !important;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
}

@media（min-width：992px）{
.content-media-50-50__content__title {
フォントサイズ：46px。
}
}
/* このカラーパレットでは、変数の値をメインブロックに割り当てます。
* そうすれば自然に連鎖します。私が汎用的な content-media-50-50-block_aca90e1e37ce420b2715e4f810844e7e を使用していることに注意してください。
* ブロックが実際のIDをどこで使用すべきかを認識するための魔法の言葉。*/

#content-media-50-50-block_aca90e1e37ce420b2715e4f810844e7e {
–コントラスト: #f5f5f1;
–bg-color: #fff;
–眉毛の色: #8187a5;
–タイトルカラー: #040f4b;
–text-color: #414042;
–icon-color: #1a31ff;
–link-color: #1a31ff;
–link-hover-color: #1a31ff;
–border-color: #d9d9d9;
–button-primary-border-color: #1a31ff;
–button-primary-bg-color: #1a31ff;
–button-primary-text-color: #fff;
–button-primary-hover-border-color: #040f4b;
–button-primary-hover-bg-color: #040f4b;
–button-primary-hover-text-color: #fff;
–button-secondary-border-color: #1a31ff;
–button-secondary-bg-color: transparent;
–button-secondary-text-color: #1a31ff;
–button-secondary-hover-border-color: #040f4b;
–button-secondary-hover-bg-color: transparent;
–button-secondary-hover-text-color: #040f4b;
}
/* これらは、ユーザーがブロックに画像を追加した場合に適用されるスタイルです */

.content-media-50-50__image__wrap {
padding-bottom：25px;
}

.content-media-50-50__image__wrap > img {
最大幅：100％;
高さ：自動;
}

.transparent-bg {
背景: 透明;
}

.p-tb-65 {
パディングトップ：65px;
padding-bottom：65px;
}

.single-cta-bar #yt-embed-local {
表示：なし;
}

.single-cta-bar .embed-container iframe、
.single-cta-bar .embed-container オブジェクト、
.single-cta-bar .embed-container embed {
位置：絶対;
トップ：0;
左：0;
幅：100％！重要;
高さ: 100% !重要;
}

.single-cta-bar .embed-container {
位置：相対;
パッド底部: 56.25%;
高さ：0;
オーバーフロー：隠されました;
最大幅: 100% !重要;
}

.single-cta-bar__wrap {
位置：相対;
パディング：45px 50px。
}

.single-cta-bar__title {
フォントサイズ：40px。
font-weight：400;
文字間隔: -0.04em;
線高さ：1.10;
}

@media（最大幅：768px）{
.single-cta-bar__title {
フォントサイズ：32px。
}
}

.single-cta-bar h1、
.single-cta-bar h2 {
色: #ffffff !重要;
}

.single-cta-bar__card .single-cta-bar__content p {
フォントサイズ：16px。
行の高さ: 160%;
マージン底：30px。
色: #ffffff !重要;
}

.single-cta-bar__content {
色：#ffffff;
}

.single-cta-bar__cta {
ディスプレイ：フレックス;
justify-content: right;
}

@media（最大幅：991px）{
.single-cta-bar__cta {
justify-content: left;
マージントップ：20px。
}
}

.single-cta-bar a.button-solid {
border-radius：10px;
}

.four-column-content {
背景色: var(–bg-color);
padding-block: 60px;
}

.four-column-content__header {
text-align：left。
マージン底：66px。
}

.four-column-content__header__eyebrow {
color: var(–eyebrow-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.07;
文字間隔: 0.1em;
マージン底：23px。
テキスト変換：大文字;
}

.four-column-content__header__title {
color: var(–title-color);
フォントサイズ：64px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージン底：23px。
}

.four-column-content__header__content {
マージン：0。
}

.four-column-content__header__content > * {
color: var(–text-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
}

.four-column-content__columns__wrap + .four-column-content__columns__wrap {
マージントップ：0;
}

.four-column-content__col {
背景: var(–col-bg-color);
border-radius：14px;
ディスプレイ：フレックス;
フレックス方向：列;
パディング: 39 ピクセル 34 ピクセル 35 ピクセル;
高さ：100％;
}

.four-column-content__col__icon__wrap {
幅：自動;
max-height：120px;
マージン底：0px。
}

.four-column-content__col__icon__wrap > img {
幅：自動;
高さ：100％;
}

.four-column-content__col__eyebrow {
色: var(–col-eyebrow-color);
フォントサイズ：14px。
font-weight：400;
線高さ：1.5;
文字間隔: 0.1em;
マージン底：18px。
テキスト変換：大文字;
}

.four-column-content__col__title {
color: var(–col-title-color);
フォントサイズ：28px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージン底：18px。
}

.four-column-content__col__content a {
color: var(–col-link-color);
}

.four-column-content__col__content a:hover {
color: var(–col-link-hover-color);
}

.four-column-content__col__content > * {
color: var(–col-text-color);
フォントサイズ：16px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
margin-block: auto 18px;
}

.four-column-content__col__ctas {
マージントップ：18px。
}

.four-column-content__col__ctas .button {
color: var(–col-link-color, var(–link-color));
border-color: var(–col-link-color, var(–link-color));
フォントファミリー: 「Sharp Grotesk Alt」、サンセリフ;
フォントサイズ：14px。
文字間隔: 0.1em;
padding-bottom：10px;
}

.four-column-content__col__ctas .button:hover {
color: var(–col-link-hover-color, var(–link-hover-color));
border-color: var(–col-link-hover-color, var(–link-hover-color));
}

.four-column-content__header__content > *:last-child {
マージンボトム: 0;
}

.four-column-content__col__content > *:last-child {
マージンボトム: 0;
}

:not(.four-column-content__plain) > .four-column-content__col__eyebrow {
マージントップ：30px。
}

@media（最小幅：1201px）および（最大幅：1399px）{
.four-column-content__col__title {
フォントサイズ：24px。
}
}

@media（最小幅：992px）および（最大幅：1200px）{
.four-column-content__col__title {
フォントサイズ：20px。
}
}
/* このカラーパレットでは、変数の値をメインブロックに割り当てます。
* そうすれば自然に連鎖します。私が汎用的な four-column-content-block_24744d91a56ce2ee1e7c45820dbcf75c を使用していることに注目してください。
* ブロックが実際のIDをどこで使用すべきかを認識するための魔法の言葉。*/

#four-column-content-block_24744d91a56ce2ee1e7c45820dbcf75c {
–コントラスト: #f5f5f1;
–bg-color: #fff;
–眉毛の色: #8187a5;
–タイトルカラー: #040f4b;
–text-color: #040f4b;
–link-color: #1a31ff;
–link-hover-color: #1a31ff;
–button-text-color: #040f4b;
–button-bg-color: #fff;
–button-border-color: #040f4b;
–button-text-hover-color: #1a31ff;
–button-bg-hover-color: #fff;
–button-border-hover-color: #1a31ff;
}
/* 雲の光の列に使用するこのカラーパレットについて */

.four-column-content__cloud-light {
–col-bg-color:
linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)),
linear-gradient(210.08deg, var(–contrast) 59.01%, #7aecf3 87.73%);
–col-eyebrow-color: #8187a5;
–col-title-color: #040f4b;
–col-text-color: #040f4b;
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* 雲の光の列に使用するこのカラーパレットについて */

.four-column-content__cloud-light {
–col-bg-color:
linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)),
linear-gradient(210.08deg, var(–contrast) 59.01%, #7aecf3 87.73%);
–col-eyebrow-color: #8187a5;
–col-title-color: #040f4b;
–col-text-color: #040f4b;
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* 雲の光の列に使用するこのカラーパレットについて */

.four-column-content__cloud-light {
–col-bg-color:
linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)),
linear-gradient(210.08deg, var(–contrast) 59.01%, #7aecf3 87.73%);
–col-eyebrow-color: #8187a5;
–col-title-color: #040f4b;
–col-text-color: #040f4b;
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* 雲の光の列に使用するこのカラーパレットについて */

.four-column-content__cloud-light {
–col-bg-color:
linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)),
linear-gradient(210.08deg, var(–contrast) 59.01%, #7aecf3 87.73%);
–col-eyebrow-color: #8187a5;
–col-title-color: #040f4b;
–col-text-color: #040f4b;
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}

最も重要なAWSサービスのための70以上のAWS統合

Amazon EC2

 

アマゾンS3

 

アマゾンEBS

 

アマゾンRDS

 

アマゾンEKS

 

AWSラムダ

 

アマゾンの岩盤

 

アマゾンセージメーカー

 

.four-column-content {
背景色: var(–bg-color);
padding-block: 60px;
}

.four-column-content__header {
text-align：left。
マージン底：66px。
}

.four-column-content__header__eyebrow {
color: var(–eyebrow-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.07;
文字間隔: 0.1em;
マージン底：23px。
テキスト変換：大文字;
}

.four-column-content__header__title {
color: var(–title-color);
フォントサイズ：64px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージン底：23px。
}

.four-column-content__header__content {
マージン：0。
}

.four-column-content__header__content > * {
color: var(–text-color);
フォントサイズ：18px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
}

.four-column-content__columns__wrap + .four-column-content__columns__wrap {
マージントップ：0;
}

.four-column-content__col {
背景: var(–col-bg-color);
border-radius：14px;
ディスプレイ：フレックス;
フレックス方向：列;
パディング: 39 ピクセル 34 ピクセル 35 ピクセル;
高さ：100％;
}

.four-column-content__col__icon__wrap {
幅：自動;
max-height：120px;
マージン底：0px。
}

.four-column-content__col__icon__wrap > img {
幅：自動;
高さ：100％;
}

.four-column-content__col__eyebrow {
色: var(–col-eyebrow-color);
フォントサイズ：14px。
font-weight：400;
線高さ：1.5;
文字間隔: 0.1em;
マージン底：18px。
テキスト変換：大文字;
}

.four-column-content__col__title {
color: var(–col-title-color);
フォントサイズ：28px。
font-weight：500;
線高さ：1.1;
文字間隔: -0.02em;
マージン底：18px。
}

.four-column-content__col__content a {
color: var(–col-link-color);
}

.four-column-content__col__content a:hover {
color: var(–col-link-hover-color);
}

.four-column-content__col__content > * {
color: var(–col-text-color);
フォントサイズ：16px。
font-weight：400;
線高さ：1.3;
文字間隔: -0.01em;
margin-block: auto 18px;
}

.four-column-content__col__ctas {
マージントップ：18px。
}

.four-column-content__col__ctas .button {
color: var(–col-link-color, var(–link-color));
border-color: var(–col-link-color, var(–link-color));
フォントファミリー: 「Sharp Grotesk Alt」、サンセリフ;
フォントサイズ：14px。
文字間隔: 0.1em;
padding-bottom：10px;
}

.four-column-content__col__ctas .button:hover {
color: var(–col-link-hover-color, var(–link-hover-color));
border-color: var(–col-link-hover-color, var(–link-hover-color));
}

.four-column-content__header__content > *:last-child {
マージンボトム: 0;
}

.four-column-content__col__content > *:last-child {
マージンボトム: 0;
}

:not(.four-column-content__plain) > .four-column-content__col__eyebrow {
マージントップ：30px。
}

@media（最小幅：1201px）および（最大幅：1399px）{
.four-column-content__col__title {
フォントサイズ：24px。
}
}

@media（最小幅：992px）および（最大幅：1200px）{
.four-column-content__col__title {
フォントサイズ：20px。
}
}
/* このカラーパレットでは、変数の値をメインブロックに割り当てます。
* そうすれば自然に連鎖します。私が汎用的な four-column-content-block_d478833cc928e47b0f4d958813fc71d4 を使用していることに注目してください。
* ブロックが実際のIDをどこで使用すべきかを認識するための魔法の言葉。*/

#four-column-content-block_d478833cc928e47b0f4d958813fc71d4 {
–コントラスト: #f5f5f1;
–bg-color: #fff;
–眉毛の色: #8187a5;
–タイトルカラー: #040f4b;
–text-color: #040f4b;
–link-color: #1a31ff;
–link-hover-color: #1a31ff;
–button-text-color: #040f4b;
–button-bg-color: #fff;
–button-border-color: #040f4b;
–button-text-hover-color: #1a31ff;
–button-bg-hover-color: #fff;
–button-border-hover-color: #1a31ff;
}
/* プレーンな列のカラーパレットについて */

.four-column-content__plain {
–col-bg-color: transparent;
–col-eyebrow-color: var(–eyebrow-color);
–col-title-color: var(–title-color);
–col-text-color: var(–text-color);
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* プレーンな列のカラーパレットについて */

.four-column-content__plain {
–col-bg-color: transparent;
–col-eyebrow-color: var(–eyebrow-color);
–col-title-color: var(–title-color);
–col-text-color: var(–text-color);
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* プレーンな列のカラーパレットについて */

.four-column-content__plain {
–col-bg-color: transparent;
–col-eyebrow-color: var(–eyebrow-color);
–col-title-color: var(–title-color);
–col-text-color: var(–text-color);
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* プレーンな列のカラーパレットについて */

.four-column-content__plain {
–col-bg-color: transparent;
–col-eyebrow-color: var(–eyebrow-color);
–col-title-color: var(–title-color);
–col-text-color: var(–text-color);
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* プレーンな列のカラーパレットについて */

.four-column-content__plain {
–col-bg-color: transparent;
–col-eyebrow-color: var(–eyebrow-color);
–col-title-color: var(–title-color);
–col-text-color: var(–text-color);
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* プレーンな列のカラーパレットについて */

.four-column-content__plain {
–col-bg-color: transparent;
–col-eyebrow-color: var(–eyebrow-color);
–col-title-color: var(–title-color);
–col-text-color: var(–text-color);
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* プレーンな列のカラーパレットについて */

.four-column-content__plain {
–col-bg-color: transparent;
–col-eyebrow-color: var(–eyebrow-color);
–col-title-color: var(–title-color);
–col-text-color: var(–text-color);
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}
/* プレーンな列のカラーパレットについて */

.four-column-content__plain {
–col-bg-color: transparent;
–col-eyebrow-color: var(–eyebrow-color);
–col-title-color: var(–title-color);
–col-text-color: var(–text-color);
–col-link-color: #1a31ff;
–col-link-hover-color: #1a31ff;
}

.lm-full-width-cta__title、
.lm-full-width-cta__title span {
font-family: 'Sharp Grotesk', sans-serif !important;
フォントサイズ：48px。
font-weight：400;
文字間隔: -0.04em;
線高さ：1.2;
テキスト整列：センター;
}

.lm-full-width-cta__ctas {
align-items：中央;
ディスプレイ：フレックス;
フレックス方向：列;
ギャップ: 15px;
justify-content：center;
マージントップ：30px。
}

@media only screen and（min-width：992px）{
.lm-full-width-cta__ctas {
フレックス方向：行;
ギャップ: 30px;
}
}

#four-column-content-block_d478833cc928e47b0f4d958813fc71d4 {
padding-bottom: 0px !important;
}

.kln-featured-post-slider__wrap {
背景色: #F5F5F1;
border-radius：22px;
align-items：中央;
}

.block-padding {
パディングトップ：65px;
padding-bottom：130px;
}

/* Embla スライダーの基本スタイル */
.kln-featured-post-slider .embla {
オーバーフロー：隠されました;
最大幅：100％;
}

.kln-featured-post-slider .embla__viewport {
オーバーフロー：隠されました;
幅：100％;
}

.kln-featured-post-slider .embla__container {
ディスプレイ：フレックス;
align-items: ストレッチ;
}

.kln-featured-post-slider .embla__slide {
位置：相対;
最小幅: 100%;
フレックス: 1 0 100%;
}

.kln 特集ポストスライダー .embla__prev、
.kln-featured-post-slider .embla__next、
.kln-featured-post-slider .embla__dot {
パディング：0;
不透明度：0.25。
遷移: 不透明度 0.25 秒、緩和;
}

.kln-featured-post-slider .embla__prev:hover、
.kln-featured-post-slider .embla__next:hover、
.kln-featured-post-slider .embla__dot:hover、
.kln-featured-post-slider .embla__dot.active {
不透明度：1。
}

.kln-featured-post-slider .embla__nav {
align-items：中央;
ディスプレイ：フレックス;
ギャップ: 34px;
パディングインライン: 20px;
幅: コンテンツにフィット;
位置：絶対;
左：50％;
transform: translate(-50%, 50px);
zインデックス：2。
}

.kln-featured-post-slider .embla__dots {
ディスプレイ：フレックス;
フレックス方向：行;
align-items：中央;
ギャップ: 10px;
}

.kln 特集ポストスライダー .embla__prev、
.kln-featured-post-slider .embla__next、
.kln-featured-post-slider .embla__dot {
パディング：0;
}

.kln-featured-post-slider .embla__dot {
パディング：3px。
}

/* ブロック固有のスタイル */

.kln-featured-post-slider figure {
表示：ブロック;
マージン：0。
}

.kln-featured-post-slider img、
.kln-featured-post-slider video {
表示：ブロック;
高さ：自動;
最大幅：100％;
border-radius：10px;
}

.kln-featured-post-slider__ctas {
色: #040F4B !重要;
}

.kln-featured-post-slider__ctas .button__underline {
padding: 0 0 5px !important;
色: #040F4B !重要;
font-size：14px！important;
文字間隔: .01em;
}

.button__underline {
border-bottom: 1px solid #040F4B !important;
}

.kln-featured-post-slider__slide {
背景サイズ：カバー;
背景リピート：なしリピート;
高さ：100％;
幅：100％;
}

.kln-featured-post-slider__slide .row {
align-items：中央;
justify-content：center;
高さ：100％;
}

.kln-featured-post-slider__image__wrap__contain img {
max-height：350px;
最大幅：350px;
オブジェクトフィット: 含む;
フレックス: 1 1 自動;
}

.kln-featured-post-slider__image__wrap__、
.kln-featured-post-slider__image__wrap__cover {
幅：100％;
パディング：30px。
}

.kln-featured-post-slider__content__wrap {
パディング：30px。
}

.kln-featured-post-slider__eyebrow_image {
幅：100px。
高さ：自動;
マージン底：20px。
}

.kln-featured-post-slider__title {
フォントサイズ：24px。
font-weight：400;
文字間隔: -0.02em;
線高さ：1.2;
マージン底：10px。
色: #040F4B !重要;
}

.kln-featured-post-slider p {
フォントサイズ：18px。
font-weight：400;
線高さ：1.6;
マージン底：20px。
色: #040F4B !重要;
}

.kln-featured-post-slider__content {
フォントファミリー: 「Sharp Grotesk Alt」、サンセリフ;
フォントサイズ：12px。
font-weight：400;
線高さ：1.6;
マージン底：20px。
}

@media only screen and（min-width：992px）{

.kln-featured-post-slider__content__wrap {
パディング: 10px 30px 10px 30px;
}

.kln-featured-post-slider__image__left .row {
フレックス方向：行;
}

.kln-featured-post-slider__image__right .row {
フレックス方向: 行逆方向;
}

.kln-featured-post-slider__image__wrap__contain {
align-items：中央;
ディスプレイ：フレックス;
justify-content：center;
パディング：40px 60px。
}

.kln-featured-post-slider__wrap {
位置：相対;
パディング：30px。
}

/* .kln-featured-post-slider__content__wrap {
パディング：60px。
} */

.kln-featured-post-slider__eyebrow_image {
マージン底：30px。
}

.kln-featured-post-slider__title {
フォントサイズ：40px。
font-weight：400;
文字間隔: -0.04em;
線高さ：1.1;
マージン底：16px。
}

.kln-featured-post-slider__content {
フォントサイズ：16px。
font-weight：400;
線高さ：1.5;
マージン底：40px。
}

.kln-featured-post-slider__image__wrap__、
.kln-featured-post-slider__image__wrap__cover {
フレックス: 1 0 自動;
高さ：自動;
幅：50％;
}
}

自信を持って近代化: AWS 移行を加速し、リスクを軽減

LogicMonitor のハイブリッド クラウドの可観測性は、AWS 移行中に問題を特定し、パフォーマンスを維持するのに役立ちます。

ウェビナーをご確認ください。

AI を活用したハイブリッド クラウドの明瞭さ: LogicMonitor と AWS を使用したディスカッションとデモ

最新のクラウド監視を使用して、AWS とオンプレミスのデプロイメントを明確に整理して視覚化します。

ウェビナーをご確認ください。

LogicMonitor と Amazon Bedrock が生成 AI イニシアチブを加速する方法

LogicMonitor と Amazon Bedrock がハイブリッドクラウドの可観測性を活用して Gen AI イニシアチブを加速する方法をご覧ください。

ブログを読む

リソース エクスプローラーによる明確で効率的な IT リソース管理

LogicMonitor のリソース エクスプローラーが AWS とハイブリッド環境の管理と視覚化の効率性を高め、監視に革命をもたらす方法をご覧ください。

ブログを読む

// EmblaCarouselスクリプトのURL
var emblaScriptURL = “https://unpkg.com/embla-carousel/embla-carousel.umd.js”;

// EmblaCarouselスクリプトを動的にロードし、ロードが完了したら以下のコードを実行します。
loadScript(emblaScriptURL, function() {
// EmblaCarouselが読み込まれたことを確認した後、ここに既存のコードを記述します
const block = document.querySelector(‘#kln-featured-post-slider-block_9b5604456d634eed83056cb018e1e8ba’);
const root = document.querySelector('#kln-featured-post-slider-block_9b5604456d634eed83056cb018e1e8ba .embla');
const viewport = root.querySelector('.embla__viewport');

const prevButton = root.querySelector('.embla__prev');
const nextButton = root.querySelector('.embla__next');
const dots = root.querySelectorAll('.embla__dot');

const オプション = {
ループ: true
};
const embla = EmblaCarousel(viewport, options);

function dotHighlightHandler() {
dots.forEach((dot, index) => {
dot.classList.remove('active');
if (index === embla.selectedScrollSnap()) {
dot.classList.add('active');
}
}）;
}

prevButton.addEventListener('click', () => {
embla.scrollPrev();
dotHighlightHandler();
}、false）;

nextButton.addEventListener('click', () => {
embla.scrollNext();
dotHighlightHandler();
}、false）;

dots.forEach((dot, index) => {
dot.addEventListener('click', () => {
embla.scrollTo(index);
dotHighlightHandler();
}、false）;
}）;

// 遅延読み込み画像のコードはここに記述します
const figures = block.querySelectorAll('.kln-featured-post-slider__slide .kln-featured-post-slider__image__wrap');

function generatePlaceholder(width, height) {
return `data:image/svg+xml,%3Csvg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 ${width} ${height}”%3E%3C/svg%3E`;
}

アイテムの幅を判定します。
figures.forEach((figure, index) => {
if (index === 0) {
itemWidth = figure.offsetWidth;
}
const media = figure.querySelector('*');
const mediaWidth = media.attributes.width.value;
const mediaHeight = media.attributes.height.value;

const itemHeight = (itemWidth * mediaHeight) / mediaWidth;

media.setAttribute('width', itemWidth);
media.setAttribute('height', itemHeight);
if (media.tagName === 'IMG') {
media.setAttribute('src', generatePlaceholder(itemWidth, itemHeight));
}
if (media.tagName === 'VIDEO') {
media.setAttribute('poster', generatePlaceholder(itemWidth, itemHeight));
}
}）;

dotHighlightHandler();
}）;
}）（）;

.mktoFieldWrap:has(.mktoCheckboxList) {
display: flex !important;
align-items: flex-start !important;
font-size：14px！important;
最大幅: 350px !重要;
text-align：left！important;
margin-left: 60px !重要;
margin-bottom: 25px !重要;
margin-top：13px！重要です。
}

.mktoFieldWrap #LblEmail_Opt_In__c {
order: 2 !important;
}

.lm-full-width-form {
padding-block: 65px;
}

.lm-full-width-form .mktoClear、
.lm-full-width-form .mktoGutter、
.lm-full-width-form .mktoLabel:not(#LblService_Provider__c):not(#LblEmail_Opt_In__c) {
表示：なし;
}

.lm-lm-full-width-form フォーム入力[type=text]、
.lm-lm-full-width-form フォーム入力[type=email]、
.lm-lm-full-width-form フォーム入力[type=tel]、
.lm-lm-full-width-form フォーム入力[type=country]、
.lm-full-width-form フォーム入力[type=number]、
.lm-full-width-form フォーム入力[type=url]、
.lm-lm-full-width-form select {
幅: 360px !重要;
}

.lm-full-width-form #LblCompany {
幅: 自動 !important;
}

.lm-full-width-form フォーム {
幅: 950px !重要;
margin：auto;
}

.lm-full-width-form button.mktoButton {
幅：360px。
高さ：60px。
}

.lm-full-width-form .mktoButtonRow {
ディスプレイ：フレックス;
justify-content：center;
}

.lm-full-width-form オプション:checked {
背景色：rgba（255、255、255、0.5）;
色: #000 !重要;
}

.lm-full-width-form span.mktoNative {
margin-left: 0px !重要;
}

.lm-full-width-form__wrap {
パディング：45px。
}

.lm-full-width-form h2 {
フォントサイズ：30px。
font-weight：400;
線高さ：1.2;
文字間隔: -0.04em;
テキスト整列：センター;
パディングトップ：15px;
色: #e8ff26;
}

.lm-full-width-form p {
フォントファミリー: 「Sharp Grotesk Alt」、サンセリフ;
font-size：18px！important;
font-weight：400;
線高さ：1.6;
text-align: 中央に配置!重要;
マージントップ：15px。
color: #ffff !important;
min-width: 100% !important;
}

.lm-full-width-form__footer {
フォントファミリー: 「Sharp Grotesk Alt」、サンセリフ;
フォントサイズ：14px。
font-weight：400;
線高さ：1.6;
テキスト整列：センター;
padding-bottom：65px;
}

.lm-full-width-form .mktoForm input[type=number]::placeholder {
色: #040c3d !重要;
フォントサイズ：18px。
}

.lm-full-width-form #Annual_Revenue__c、
.lm-full-width-form #Observability_Vendors__c {
高さ：80px！重要;
}

.lm-full-width-form #Primary_Channel_Business_Model__c {
高さ：60px！重要;
}

.lm-full-width-form #Seller_Coverage_US_States__c、
.lm-full-width-form #Line_Sizes_Supported__c、
.lm-full-width-form #Seller_Coverage_Countries__c、
.lm-full-width-form #Industries_Served__c {
高さ：200px！重要;
境界線の半径: 3px !important;
padding: 10px 5px 5px 10px !important;
}

.lm-full-width-form フォーム入力[type=text]、
.lm-full-width-form フォーム入力[type=email]、
.lm-full-width-form フォーム入力[type=tel]、
.lm-full-width-form フォーム入力[type=country]、
.lm-full-width-form フォーム入力[type=number]、
.lm-full-width-form フォーム入力[type=url]、
.lm-full-width-form select {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
色: #fff !重要;
margin: 0 0 25px 60px !important;
font-size：18px！important;
white-space: initial !important;
最大幅: 350px !重要;
}

.lm-full-width-form #Line_Sizes_Supported__c {
border-bottom: none !important;
}

.lm-full-width-form フォーム入力[type=number]、
.lm-full-width-form フォーム入力[type=number] ::placeholder {
色: 白 !重要;
margin: 0 0 25px 60px !important;
font-size：18px！important;
white-space: initial !important;
単語折り返し: 単語を区切る;
ボーダー：なし;
border-radius：3px;
高さ：70px！重要;
}

.lm-full-width-form フォーム入力[type=number] {
高さ：50px。
}

.lm-full-width-form フォーム入力[type=number]::placeholder {
white-space: preline;
位置：相対;
上：-10px;
パディング左：10px。
色: 白 !重要;
}

.lm-full-width-form オプション {
色: #fff !重要;
空白: 初期;
padding: 5px 2px 2px 10px !important;
フォントサイズ：14px。
}

.lm-full-width-form フォーム入力[type=number]、
.lm-full-width-form フォーム入力[type=number] {
background-color: transparent !important;
}

.lm-full-width-form option:first-of-type {
color: #e8ff26 !important;
パディング: 10px 10px 10px 10px;
背景色: #040c3d;
}

.lm-full-width-form フォーム::プレースホルダー、
.lm-full-width-form select {
色: #fff !重要;
不透明度：0.7。
}

.lm-full-width-form フォーム入力[type=number]::placeholder {
white-space: preline;
位置：相対;
上：-10px;
パディング左：10px。
色: #fff !重要;
不透明度：0.7。
}

.lm-full-width-form select {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
色: #fff !重要;
}

.lm-full-width-form #LblService_Provider__c、
.lm-full-width-form #Lblthirdpartyconsent {
margin-left: 70px !重要;
}

.lm-full-width-form .mktoRadioList {
表示：インライン。
}

.lm-full-width-form #Service_Provider__c {
margin-left: -10px !important;
}

@media only screenおよび（max-width：480px）{
.lm-full-width-form select {
padding-top: 15px !important;
}

.lm-full-width-form #タイトル {
margin-top：15px！重要です。
}

.lm-full-width-form #LM_Customers_Serviced__c {
margin-left: 0px !重要;
幅: 330px !重要;
}

.lm-full-width-form #Number_of_Partner_Sellers__c、
.lm-full-width-form #Num_of_Pre_Sales_Individuals__c {
margin-left: 0px !重要;
}

.lm-full-width-form #Annual_Revenue__c、
.lm-full-width-form #Observability_Vendors__c、
.lm-full-width-form #Primary_Channel_Business_Model__c {
高さ：90px！重要;
}

}

@media only screenおよび（max-width：991px）{

.mktoFieldWrap:has(.mktoCheckboxList) {
margin-left: 0px !重要;
}

.lm-full-width-form__ctas .button {
幅：100％;
}

.lm-full-width-form フォーム {
幅: 350px !重要;
margin：auto;
}

.lm-full-width-form .mktoForm button.mktoButton {
幅: 330px !重要;
マージン: 0 0 25px 15px;
空白: 初期;
}

.lm-full-width-form #Number_of_Partner_Sellers__c、
.lm-full-width-form #Num_of_Pre_Sales_Individuals__c {
margin-left: 0px !重要;
最大幅: 330px !重要;
}

.lm-full-width-form フォーム入力[type=text]、
.lm-full-width-form フォーム入力[type=email]、
.lm-full-width-form フォーム入力[type=tel]、
.lm-full-width-form フォーム入力[type=country]、
.lm-full-width-form select {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
色: #fff !重要;
margin: 0 0 20px 0px !important;
font-size：18px！important;
幅: 330px !重要;
}

.lm-full-width-form #LblService_Provider__c {
margin-top：0！important;
margin-left：70px。
フォントサイズ：18px。
}

.lm-full-width-form #Lblthirdpartyconsent {
margin-left: 0px !重要;
}

.lm-full-width-form__form {
margin：auto;
パディングトップ: 3em;
ディスプレイ：フレックス;
justify-content：center;
}

.lm-full-width-form #LblService_Provider__c {
margin-left: 10px !重要;
}

}

@media only screen and（min-width：992px）{

.lm-full-width-form フォーム {
幅: 950px !重要;
margin：auto;
}

.lm-full-width-form .mktoForm button.mktoButtonWrap {
幅：100％！重要;
margin-left: 100px !重要;
}

.lm-full-width-form .mktoForm .mktoFormRow {
ディスプレイ：フレックス;
}

.lm-full-width-form .mktoForm .mktoFormRow .mktoFormCol {
フレックス: 1 1 50%;
}

.lm-full-width-form .mktoForm .mktoFormRow .mktoFormCol select {
幅：80％;
}

.lm-full-width-form h2 {
フォントサイズ：40px。
font-weight：400;
線高さ：1.1;
文字間隔: -0.04em;
min-width: 100% !important;
}

.lm-full-width-form p {
フォントサイズ：18px。
マージントップ：30px。
color: #ffff !important;
padding: 0px 10% 0px 10%;
}

.lm-full-width-form__ctas {
フレックス方向：行;
justify-content：center;
ギャップ: 20px;
マージントップ：40px。
}

.lm-full-width-form__form input[type=text]、
.lm-full-width-form__form input[type=email]、
.lm-full-width-form__form input[type=tel]、
.lm-full-width-form__form input[type=country] {
幅：80％;
}

.lm-full-width-form select {
幅：90％;
}

.lm-full-width-form__form {
margin：auto;
パディングトップ: 3em;
ディスプレイ：フレックス;
justify-content：center;
}
}

.lm-full-width-form #yt-embed-local {
表示：なし;
}

.lm-full-width-form .embed-container {
位置：相対;
パッド底部: 56.25%;
高さ：0;
オーバーフロー：隠されました;
最大幅: 100% !重要;
}

.lm-full-width-form .ungated-cta {
テキスト整列：センター;
幅：300px。
マージン底：65px。
}

.lm-full-width-form .embed-container iframe、
.lm-full-width-form .embed-container オブジェクト、
.lm-full-width-form .embed-container embed {
位置：絶対;
トップ：0;
左：0;
幅：100％！重要;
高さ: 100% !重要;
}

.lm-full-width-form .mktoRadioList input {
margin: 10px 0 0 10px !important;
}

.lm-full-width-form .mktoRadioList label {
padding-left: 5px !important;
色: #fff !重要;
}

.lm-full-width-form .mktoForm .mktoRadioList>label {
margin-left: 2px !重要;
margin-top：10px！重要です。
}

.lm-full-width-form #LblService_Provider__c {
色: #fff !重要;
フォントの太さ: 300 !重要;
font-size：18px！important;
}

.lm-full-width-form #Lblthirdpartyconsent {
色: #fff !重要;
フォントの太さ: 300 !重要;
font-size：16px！important;
}

.lm-full-width-form フォーム入力[type=text]、
.lm-full-width-form フォーム入力[type=email]、
.lm-full-width-form フォーム入力[type=tel]、
.lm-full-width-form フォーム入力[type=country]、
.lm-full-width-form select {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
色: #fff !重要;
}

.lm-full-width-form フォーム::プレースホルダー、
.lm-full-width-form select {
色: #fff !重要;
不透明度：0.7。
}

.lm-full-width-form select {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
色: #fff !重要;
}

.lm-full-width-form select * {
背景色: #040c3d;
}

.lm-full-width-form #MultipleCheckbox、
.lm-full-width-form label {
色: #ffffff !重要;
}

.mktoHtmlText {
text-align: 中央に配置!重要;
}

#LblService_Provider__c {
表示：なし！重要;
}