【SWELLコピペ用】事業概要ページで使うサービス紹介カード

<!-- wp:media-text {"align":"wide","mediaId":825,"mediaLink":"https://swellworld.yuyauver98.me/%e7%89%b9%e5%be%b4/marvin-meyer-syto3xs06fu-unsplash/","mediaType":"image","imageFill":true,"className":"is-style-card"} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill is-style-card"><figure class="wp-block-media-text__media" style="background-image:url(https://swellworld.yuyauver98.me/wp-content/uploads/2023/08/marvin-meyer-SYTO3xs06fU-unsplash.jpg);background-position:50% 50%"><img src="https://swellworld.yuyauver98.me/wp-content/uploads/2023/08/marvin-meyer-SYTO3xs06fU-unsplash.jpg" alt="" class="wp-image-825 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"style":{"color":{"text":"#4477ce"}},"className":"u-mb-ctrl u-mb-0"} -->
<p class="u-mb-ctrl u-mb-0 has-text-color" style="color:#4477ce"><span style="font-size:24px" class="swl-fz"><strong>Software Development</strong></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size"><span style="font-size:36px" class="swl-fz"><strong>ソフトウェア開発</strong></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>クライアントの独自のビジネスニーズに合わせてソフトウェアソリューションを提供しています。アプリケーション開発、ウェブ開発、モバイルアプリケーションなど、幅広いプラットフォームでソフトウェアを開発し、クライアントの成功を支えます。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"align":"wide","mediaPosition":"right","mediaId":826,"mediaLink":"https://swellworld.yuyauver98.me/%e7%89%b9%e5%be%b4/hunters-race-mybhn8kaaec-unsplash/","mediaType":"image","imageFill":true,"className":"is-style-card"} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill is-style-card"><div class="wp-block-media-text__content"><!-- wp:paragraph {"style":{"color":{"text":"#4477ce"}},"className":"u-mb-ctrl u-mb-0"} -->
<p class="u-mb-ctrl u-mb-0 has-text-color" style="color:#4477ce"><span style="font-size:24px" class="swl-fz"><strong>DX Consulting</strong></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size"><span style="font-size:36px" class="swl-fz"><strong>DXコンサルティング</strong></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>企業がデジタル時代に適応し、競争力を維持するためのコンサルティングサービスを提供しています。デジタル戦略の策定から実装まで、ビジネスプロセスの改善と効率化をサポートし、クライアントの成長を促進します。</p>
<!-- /wp:paragraph --></div><figure class="wp-block-media-text__media" style="background-image:url(https://swellworld.yuyauver98.me/wp-content/uploads/2023/08/hunters-race-MYbhN8KaaEc-unsplash.jpg);background-position:50% 50%"><img src="https://swellworld.yuyauver98.me/wp-content/uploads/2023/08/hunters-race-MYbhN8KaaEc-unsplash.jpg" alt="" class="wp-image-826 size-full"/></figure></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"align":"wide","mediaId":827,"mediaLink":"https://swellworld.yuyauver98.me/%e7%89%b9%e5%be%b4/vackground-com-aguc-v_d1ii-unsplash/","mediaType":"image","imageFill":true,"className":"is-style-card"} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill is-style-card"><figure class="wp-block-media-text__media" style="background-image:url(https://swellworld.yuyauver98.me/wp-content/uploads/2023/08/vackground-com-agUC-v_D1iI-unsplash.jpg);background-position:50% 50%"><img src="https://swellworld.yuyauver98.me/wp-content/uploads/2023/08/vackground-com-agUC-v_D1iI-unsplash.jpg" alt="" class="wp-image-827 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"style":{"color":{"text":"#4477ce"}},"className":"u-mb-ctrl u-mb-0"} -->
<p class="u-mb-ctrl u-mb-0 has-text-color" style="color:#4477ce"><strong><span style="font-size:24px" class="swl-fz">AI Solution</span></strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size"><span style="font-size:36px" class="swl-fz"><strong>AIソリューション</strong></span></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>人工知能（AI）および機械学習技術を駆使して、データ分析、予測モデリング、自動化などのソリューションを提供しています。これにより、クライアントはデータ駆動の意思決定を行い、競争力を向上させることができます。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

.is-style-card.wp-block-media-text {
  margin-bottom: 80px;
  box-shadow: none;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
  min-height: 400px;
}
@media (max-width: 600px){
  .wp-block-media-text.is-image-fill .wp-block-media-text__media {
    min-height: 240px;
  }
}