css

gfi-ihk-2024/stories/components/infobox/infobox.scss

@@ -1,29 +1,33 @@
 @use '../../_global/styles/mixins' as *;
 @use '../../_global/styles/vars' as *;
 
-
-.infobox {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: 60px;
-}
-
 .infobox,
 .richtext div.strong,
 article.col div.strong {
   position: relative;
   margin: calc(3% + 26px) 0;
   background-color: var(--color-background);
-  padding: var(--content-box-padding);
-  border-radius: calc(4 * (var(--border-radius-xs)));
   overflow: hidden;
   @media (max-width: 767px) {
     border-radius: calc(2 * (var(--border-radius-xs)));
     padding-top: calc(2 * var(--content-box-padding));
     padding-bottom: calc(2 * var(--content-box-padding));
   }
+}
 
+.richtext div.strong,
+article.col div.strong {
+  padding: 30px 40px;
+  border-radius: calc(2 * (var(--border-radius-xs)));
+}
+
+.infobox {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 60px;
+  padding: var(--content-box-padding);
+  border-radius: calc(4 * (var(--border-radius-xs)));
   &:after {
     content: "";
     display: block;