Topics

デモサイトのコピぺコード公開！ 「こちらのデモサイトトップページのような構成をまんま使いたい！」というご要望にお答えし、ブロックコピーのコードをご用意いたしました。 https://lspreaddemo.s-designers.jp テンプレートを【投稿ヘッダーなし１カラムワイド】にし、ヘッダーオーバーレイをONにしてご利用下さい。ペーストする際には、段落ブロックにてペーストして下さい。 画像の差し替え、リンク設定、テキストを差し替えて完成です。（こちらで使用している画像は、必ず差し替えて下さい。弊社のURLがそのまま使用される形になります。） &lt;!-- wp:ystdtb/slider {"sliderId":"3a0330a3","effect":"fade","speed":1.5,"autoplayDelay":2,"height":{"desktop":"100vh"},"align":"full"} --> &lt;div class="alignfull ystdtb-slider">&lt;div id="ystdtb-slider-3a0330a3" class="swiper ystdtb-slider__slider is-fixed-height" style="height:100vh" data-slider-options="{&amp;quot;effect&amp;quot;:&amp;quot;fade&amp;quot;,&amp;quot;speed&amp;quot;:1500,&amp;quot;loop&amp;quot;:true,&amp;quot;autoplay&amp;quot;:{&amp;quot;delay&amp;quot;:2000}}">&lt;div class="swiper-wrapper ystdtb-slider__container">&lt;!-- wp:cover {"url":"http://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top01-1024x683.jpg","id":6,"dimRatio":50,"contentPosition":"center center","isDark":false,"align":"full"} --> &lt;div class="wp-block-cover alignfull is-light">&lt;span aria-hidden="true" class="wp-block-cover__background has-background-dim">&lt;/span>&lt;img class="wp-block-cover__image-background wp-image-6" alt="" src="http://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top01-1024x683.jpg" data-object-fit="cover"/>&lt;div class="wp-block-cover__inner-container">&lt;!-- wp:paragraph {"fontSize":"large"} --> &lt;p class="has-large-font-size">&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div> &lt;!-- /wp:cover --> &lt;!-- wp:ystdtb/slider-item --> &lt;div class="ystdtb-slider-item">&lt;!-- wp:ystdb/section {"paddingLeft":50,"paddingLeftResponsive":true,"paddingLeftMobile":30,"paddingRight":50,"paddingRightResponsive":true,"paddingRightMobile":30,"innerCustomWidth":1200,"screenHeightMode":true,"animationType":"fadein-shrink","animationSpeed":1.6} --> &lt;div class="alignfull ystdb-section is-screen-height has-animation" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0;animation-duration:1.6s" data-animation="fadein-shrink">&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="max-width:1200px;margin-right:auto;margin-left:auto;padding-left:clamp( 30px, 2.42vw + 20px, 50px );padding-right:clamp( 30px, 2.42vw + 20px, 50px )" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;50px&amp;quot;}">&lt;!-- wp:ystdb/heading {"textColor":"ys-white","customFontSize":"3.5em","useFontSizeResponsive":true,"fontSizeMobile":30,"fontSizeTablet":50,"fontSizeDesktop":56,"fontWeight":"700"} --> &lt;div class="ystdb-heading has-text-align-left ys-is-font-responsive" style="--ys-font-desktop:56px;--ys-font-tablet:50px;--ys-font-mobile:30px">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-white-color has-text-color" style="font-weight:700" data-ys-responsive-property="{&amp;quot;font-size&amp;quot;:&amp;quot;56px&amp;quot;}">あなたのビジネスをサポート&lt;br>&lt;/h2>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:paragraph {"textColor":"ys-white"} --> &lt;p class="has-ys-white-color has-text-color">&lt;strong>私達は、お客様の悩みに常に寄り添います。&lt;/strong>&lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:ystdb/svg-button {"backgroundColor":"ys-white","textColor":"ys-red","url":"#","className":"is-style-fill"} --> &lt;div class="wp-block-button is-style-fill">&lt;a href="#" class="wp-block-button__link ystdb-button__link has-ys-red-color has-text-color has-ys-white-background-color has-background" style="border-radius:4px">&lt;span class="ystdb-button__link-content">&lt;span class="ystdb-button__text">お問合せはこちら&lt;/span>&lt;/span>&lt;/a>&lt;/div> &lt;!-- /wp:ystdb/svg-button -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section -->&lt;/div> &lt;!-- /wp:ystdtb/slider-item --> &lt;!-- wp:cover {"url":"http://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top02-scaled.jpg","id":7,"dimRatio":50,"isDark":false,"style":{"color":{}}} --> &lt;div class="wp-block-cover is-light">&lt;span aria-hidden="true" class="wp-block-cover__background has-background-dim">&lt;/span>&lt;img class="wp-block-cover__image-background wp-image-7" alt="" src="http://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top02-scaled.jpg" data-object-fit="cover"/>&lt;div class="wp-block-cover__inner-container">&lt;!-- wp:paragraph {"fontSize":"large"} --> &lt;p class="has-large-font-size">&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div> &lt;!-- /wp:cover --> &lt;!-- wp:ystdtb/slider-item --> &lt;div class="ystdtb-slider-item">&lt;!-- wp:ystdb/section {"paddingLeft":50,"paddingLeftResponsive":true,"paddingLeftMobile":30,"paddingRight":50,"paddingRightResponsive":true,"paddingRightMobile":30,"innerCustomWidth":1200,"screenHeightMode":true,"animationType":"fadein-shrink","animationSpeed":1} --> &lt;div class="alignfull ystdb-section is-screen-height has-animation" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0;animation-duration:1s" data-animation="fadein-shrink">&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="max-width:1200px;margin-right:auto;margin-left:auto;padding-left:clamp( 30px, 2.42vw + 20px, 50px );padding-right:clamp( 30px, 2.42vw + 20px, 50px )" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;50px&amp;quot;}">&lt;!-- wp:ystdb/heading {"textColor":"ys-white","useFontSizeResponsive":true,"fontSizeMobile":30,"fontSizeTablet":50,"fontSizeDesktop":56,"fontWeight":"700"} --> &lt;div class="ystdb-heading has-text-align-left ys-is-font-responsive" style="--ys-font-desktop:56px;--ys-font-tablet:50px;--ys-font-mobile:30px">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-white-color has-text-color" style="font-weight:700" data-ys-responsive-property="{&amp;quot;font-size&amp;quot;:&amp;quot;56px&amp;quot;}">すべての&lt;br>業務を総合サポート&lt;br>&lt;/h2>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:paragraph {"textColor":"ys-white"} --> &lt;p class="has-ys-white-color has-text-color">&lt;strong>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/strong>&lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:ystdb/svg-button {"backgroundColor":"ys-white","textColor":"ys-red","url":"#","className":"is-style-fill"} --> &lt;div class="wp-block-button is-style-fill">&lt;a href="#" class="wp-block-button__link ystdb-button__link has-ys-red-color has-text-color has-ys-white-background-color has-background" style="border-radius:4px">&lt;span class="ystdb-button__link-content">&lt;span class="ystdb-button__text">お問合せはこちら&lt;/span>&lt;/span>&lt;/a>&lt;/div> &lt;!-- /wp:ystdb/svg-button -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section -->&lt;/div> &lt;!-- /wp:ystdtb/slider-item --> &lt;!-- wp:cover {"url":"http://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top04-scaled.jpg","id":12,"dimRatio":50,"isDark":false,"style":{"color":{}}} --> &lt;div class="wp-block-cover is-light">&lt;span aria-hidden="true" class="wp-block-cover__background has-background-dim">&lt;/span>&lt;img class="wp-block-cover__image-background wp-image-12" alt="" src="http://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top04-scaled.jpg" data-object-fit="cover"/>&lt;div class="wp-block-cover__inner-container">&lt;!-- wp:paragraph {"fontSize":"large"} --> &lt;p class="has-large-font-size">&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div> &lt;!-- /wp:cover --> &lt;!-- wp:ystdtb/slider-item --> &lt;div class="ystdtb-slider-item">&lt;!-- wp:ystdb/section {"paddingLeft":50,"paddingLeftResponsive":true,"paddingLeftMobile":30,"paddingRight":50,"paddingRightResponsive":true,"paddingRightMobile":30,"innerCustomWidth":1200,"screenHeightMode":true,"animationType":"fadein-shrink","animationSpeed":1} --> &lt;div class="alignfull ystdb-section is-screen-height has-animation" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0;animation-duration:1s" data-animation="fadein-shrink">&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="max-width:1200px;margin-right:auto;margin-left:auto;padding-left:clamp( 30px, 2.42vw + 20px, 50px );padding-right:clamp( 30px, 2.42vw + 20px, 50px )" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;50px&amp;quot;}">&lt;!-- wp:ystdb/heading {"textColor":"ys-white","useFontSizeResponsive":true,"fontSizeMobile":30,"fontSizeTablet":50,"fontSizeDesktop":56,"fontWeight":"700"} --> &lt;div class="ystdb-heading has-text-align-left ys-is-font-responsive" style="--ys-font-desktop:56px;--ys-font-tablet:50px;--ys-font-mobile:30px">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-white-color has-text-color" style="font-weight:700" data-ys-responsive-property="{&amp;quot;font-size&amp;quot;:&amp;quot;56px&amp;quot;}">創業25年の頼と実績&lt;br>&lt;/h2>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:paragraph {"textColor":"ys-white"} --> &lt;p class="has-ys-white-color has-text-color">&lt;strong>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/strong>&lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:ystdb/svg-button {"backgroundColor":"ys-white","textColor":"ys-red","url":"#","className":"is-style-fill"} --> &lt;div class="wp-block-button is-style-fill">&lt;a href="#" class="wp-block-button__link ystdb-button__link has-ys-red-color has-text-color has-ys-white-background-color has-background" style="border-radius:4px">&lt;span class="ystdb-button__link-content">&lt;span class="ystdb-button__text">お問合せはこちら&lt;/span>&lt;/span>&lt;/a>&lt;/div> &lt;!-- /wp:ystdb/svg-button -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section -->&lt;/div> &lt;!-- /wp:ystdtb/slider-item -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdtb/slider --> &lt;!-- wp:ystdb/section {"paddingTop":120,"paddingBottom":120,"innerCustomWidth":800} --> &lt;div class="alignfull ystdb-section" style="padding-top:120px;padding-bottom:120px;margin-top:0;margin-bottom:0">&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="max-width:800px;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0">&lt;!-- wp:paragraph --> &lt;p> &lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:ystdb/heading {"align":"center","subText":"わたしたちはプロフェッショナルチームです","subTextBorderWidth":100,"subTextBorderHeight":4,"dividerColor":"ys-light-red","dividerMarginTop":0,"dividerMarginBottom":20,"textColor":"ys-red","customFontSize":"4em"} --> &lt;div class="ystdb-heading has-text-align-center has-divider has-sub-text has-subtext--bottom">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" style="font-size:4em">ABOUT US&lt;/h2>&lt;svg width="100" height="4" viewBox="0 0 100 4" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:20px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 100 v 4 h -100 z">&lt;/path>&lt;/svg>&lt;div class="ystdb-heading__subtext" aria-hidden="true" data-text="わたしたちはプロフェッショナルチームです">&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdb/columns {"colPc":2,"colTablet":2,"verticalAlignment":"bottom"} --> &lt;div class="ystdb-columns-wrap">&lt;div class="ystdb-columns has-1-columns has-2-columns--tablet has-2-columns--pc is-vertically-aligned-bottom">&lt;!-- wp:ystdb/column --> &lt;div class="ystdb-column">&lt;div class="ystdb-column-block-container">&lt;!-- wp:paragraph --> &lt;p>当事務所のサイトをご覧いただき、誠にありがとうございます。&lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:paragraph --> &lt;p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column --> &lt;!-- wp:ystdb/column --> &lt;div class="ystdb-column">&lt;div class="ystdb-column-block-container">&lt;!-- wp:ystdb/svg-button {"iconRight":"arrow-right-circle","align":"right","url":"#","className":"is-style-outline"} --> &lt;div class="wp-block-button has-text-align-right is-style-outline">&lt;a href="#" class="wp-block-button__link ystdb-button__link" style="border-radius:4px">&lt;span class="ystdb-button__link-content">&lt;span class="ystdb-button__text">詳しくはこちら&lt;/span>&lt;span class="ystdb-button__icon ystdb-button__icon--right">&lt;span class="ys-icon">&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right-circle">&lt;circle cx="12" cy="12" r="10">&lt;/circle>&lt;polyline points="12 16 16 12 12 8">&lt;/polyline>&lt;line x1="8" y1="12" x2="16" y2="12">&lt;/line>&lt;/svg>&lt;/span>&lt;/span>&lt;/span>&lt;/a>&lt;/div> &lt;!-- /wp:ystdb/svg-button -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/columns -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section {"paddingTop":120,"paddingTopResponsive":true,"paddingTopMobile":30,"paddingBottom":120,"paddingBottomResponsive":true,"paddingBottomMobile":30,"customGradient":"linear-gradient(180deg,rgb(237,237,237) 0%,rgba(168,183,194,0.42) 100%)","backgroundImageURL":"","backgroundImageAlt":"","animationType":"fadein-up","containerFluid":true} --> &lt;div class="alignfull ystdb-section has-animation is-container-fluid" style="padding-top:clamp( 30px, 10.91vw - 11px, 120px );padding-bottom:clamp( 30px, 10.91vw - 11px, 120px );margin-top:0;margin-bottom:0;animation-duration:2s" data-animation="fadein-up" data-responsive-clamp="{&amp;quot;padding-top&amp;quot;:&amp;quot;120px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;120px&amp;quot;}">&lt;div class="ystdb-section__bg has-background-gradient" aria-hidden="true" role="img" style="background:linear-gradient(180deg,rgb(237,237,237) 0%,rgba(168,183,194,0.42) 100%);opacity:1"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0">&lt;!-- wp:ystdb/heading {"align":"center","subText":"わたしたちは、 プロフェッショナルチームです","subTextColor":"ys-black","subTextBorderWidth":100,"subTextBorderHeight":4,"dividerColor":"ys-light-red","dividerMarginTop":0,"dividerMarginBottom":20,"textColor":"ys-red","customFontSize":"4em","useFontSizeResponsive":true,"fontSizeMobile":36,"fontSizeTablet":50,"fontSizeDesktop":64,"marginBottom":"30"} --> &lt;div class="ystdb-heading has-text-align-center has-divider has-sub-text has-subtext--bottom ys-is-font-responsive" style="margin-bottom:30px;--ys-font-desktop:64px;--ys-font-tablet:50px;--ys-font-mobile:36px">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&amp;quot;font-size&amp;quot;:&amp;quot;64px&amp;quot;}">3つの特徴&lt;/h2>&lt;svg width="100" height="4" viewBox="0 0 100 4" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:20px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 100 v 4 h -100 z">&lt;/path>&lt;/svg>&lt;div class="ystdb-heading__subtext has-color has-ys-black-color" aria-hidden="true" data-text="わたしたちは、 プロフェッショナルチームです">&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdb/section {"marginTop":100,"marginTopResponsive":true,"paddingTopResponsive":true,"paddingBottomResponsive":true,"paddingLeftResponsive":true,"paddingRightResponsive":true,"backgroundImageOpacity":50,"focalPoint":{"x":0,"y":0},"backgroundImageURL":"https://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/demoimg01-scaled.jpg","backgroundImageAlt":"","backgroundImageID":49,"backgroundImageSize":"custom","backgroundImageSizeX":"70","backgroundImageSizeUnitX":"%","className":"is-style-pcj-under-div"} --> &lt;div class="alignfull ystdb-section has-background-image is-style-pcj-under-div" style="padding-top:clamp( 0px, 9.7vw - 37px, 80px );padding-bottom:clamp( 0px, 9.7vw - 37px, 80px );margin-top:clamp( 0px, 12.12vw - 46px, 100px );margin-bottom:0;background-image:url('https://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/demoimg01-scaled.jpg');background-position:0% 0%;background-size:70% auto" data-responsive-clamp="{&amp;quot;margin-top&amp;quot;:&amp;quot;100px&amp;quot;,&amp;quot;padding-top&amp;quot;:&amp;quot;80px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;80px&amp;quot;}">&lt;div class="ystdb-section__bg" aria-hidden="true" role="img" style="opacity:0.5"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;0px&amp;quot;}">&lt;!-- wp:ystdb/columns {"colPc":2,"colTablet":2,"verticalAlignment":"center","horizonAlignment":"between","gap":{"mobile":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"margin":{"desktop":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"tablet":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"mobile":{"top":"30px","right":"0px","bottom":"0px","left":"0px"}},"align":"full"} --> &lt;div class="alignfull ystdb-columns-wrap" style="--ystdb-margin-desktop:0px;--ystdb-margin-tablet:0px;--ystdb-margin-mobile:30px 0px 0px">&lt;div class="ystdb-columns has-1-columns has-2-columns--tablet has-2-columns--pc is-vertically-aligned-center is-horizontally-aligned-between" style="--ystdb-gap-mobile:0px">&lt;!-- wp:ystdb/column {"className":"ystdtb-hidden-mobile","ystdtbIsHiddenMobile":true} --> &lt;div class="ystdb-column ystdtb-hidden-mobile">&lt;div class="ystdb-column-block-container">&lt;!-- wp:spacer {"ystdtbIsHiddenMobile":true,"className":"ystdtb-hidden-mobile"} --> &lt;div style="height:100px" aria-hidden="true" class="wp-block-spacer ystdtb-hidden-mobile">&lt;/div> &lt;!-- /wp:spacer -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column --> &lt;!-- wp:ystdb/column {"className":"is-padding-large"} --> &lt;div class="ystdb-column is-padding-large">&lt;div class="ystdb-column-block-container">&lt;!-- wp:ystdb/section {"align":"wide","paddingTop":40,"paddingTopResponsive":true,"paddingTopMobile":5,"paddingBottom":40,"paddingBottomResponsive":true,"paddingBottomMobile":5,"paddingLeftResponsive":true,"paddingLeftMobile":10,"paddingRight":70,"paddingRightResponsive":true,"paddingRightMobile":10,"backgroundColor":"ys-light-gray","innerCustomWidth":560} --> &lt;div class="alignwide ystdb-section" style="padding-top:clamp( 5px, 4.24vw - 11px, 40px );padding-bottom:clamp( 5px, 4.24vw - 11px, 40px );margin-top:0;margin-bottom:0" data-responsive-clamp="{&amp;quot;padding-top&amp;quot;:&amp;quot;40px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;40px&amp;quot;}">&lt;div class="ystdb-section__bg has-background has-ys-light-gray-background-color" aria-hidden="true" role="img" style="opacity:1"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="max-width:560px;margin-right:auto;margin-left:auto;padding-left:clamp( 0px, -1.21vw + 14px, 10px );padding-right:clamp( 10px, 7.27vw - 18px, 70px )" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;70px&amp;quot;}">&lt;!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":26,"subTextBorderHeight":2,"dividerColor":"ys-light-red","dividerMarginTop":0,"textColor":"ys-light-red","fontWeight":"700"} --> &lt;div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom">&lt;div class="ystdb-heading__container">&lt;h3 class="ystdb-heading__text is-clear-style has-ys-light-red-color has-text-color" style="font-weight:700">01&lt;/h3>&lt;svg width="26" height="2" viewBox="0 0 26 2" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:4px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 26 v 2 h -26 z">&lt;/path>&lt;/svg>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdb/heading {"level":4} --> &lt;div class="ystdb-heading has-text-align-left">&lt;div class="ystdb-heading__container">&lt;h4 class="ystdb-heading__text is-clear-style">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/h4>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:paragraph --> &lt;p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/columns -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section {"marginTop":40,"marginTopResponsive":true,"marginBottom":40,"marginBottomResponsive":true,"paddingTopResponsive":true,"paddingBottomResponsive":true,"paddingLeftResponsive":true,"paddingRightResponsive":true,"backgroundImageOpacity":50,"focalPoint":{"x":1,"y":0},"backgroundImageURL":"https://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/demoimg06.jpg","backgroundImageAlt":"","backgroundImageID":54,"backgroundImageSize":"custom","backgroundImageSizeX":"70","backgroundImageSizeUnitX":"%","className":"is-style-pcj-under-div"} --> &lt;div class="alignfull ystdb-section has-background-image is-style-pcj-under-div" style="padding-top:clamp( 0px, 9.7vw - 37px, 80px );padding-bottom:clamp( 0px, 9.7vw - 37px, 80px );margin-top:clamp( 0px, 4.85vw - 19px, 40px );margin-bottom:clamp( 0px, 4.85vw - 19px, 40px );background-image:url('https://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/demoimg06.jpg');background-position:100% 0%;background-size:70% auto" data-responsive-clamp="{&amp;quot;margin-top&amp;quot;:&amp;quot;40px&amp;quot;,&amp;quot;margin-bottom&amp;quot;:&amp;quot;40px&amp;quot;,&amp;quot;padding-top&amp;quot;:&amp;quot;80px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;80px&amp;quot;}">&lt;div class="ystdb-section__bg" aria-hidden="true" role="img" style="opacity:0.5"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;0px&amp;quot;}">&lt;!-- wp:ystdb/columns {"colPc":2,"colTablet":2,"verticalAlignment":"center","horizonAlignment":"between","gap":{"mobile":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"margin":{"mobile":{"top":"30px","right":"0px","bottom":"0px","left":"0px"}},"align":"full"} --> &lt;div class="alignfull ystdb-columns-wrap" style="--ystdb-margin-mobile:30px 0px 0px">&lt;div class="ystdb-columns has-1-columns has-2-columns--tablet has-2-columns--pc is-vertically-aligned-center is-horizontally-aligned-between" style="--ystdb-gap-mobile:0px">&lt;!-- wp:ystdb/column {"padding":{"desktop":{"top":"30px"}},"className":"is-padding-large"} --> &lt;div class="ystdb-column is-padding-large" style="padding-top:30px">&lt;div class="ystdb-column-block-container">&lt;!-- wp:ystdb/section {"align":"wide","paddingTop":40,"paddingTopResponsive":true,"paddingTopMobile":5,"paddingBottom":40,"paddingBottomResponsive":true,"paddingBottomMobile":5,"paddingLeftResponsive":true,"paddingLeftMobile":10,"paddingRight":70,"paddingRightResponsive":true,"paddingRightMobile":10,"backgroundColor":"ys-light-gray","innerCustomWidth":560} --> &lt;div class="alignwide ystdb-section" style="padding-top:clamp( 5px, 4.24vw - 11px, 40px );padding-bottom:clamp( 5px, 4.24vw - 11px, 40px );margin-top:0;margin-bottom:0" data-responsive-clamp="{&amp;quot;padding-top&amp;quot;:&amp;quot;40px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;40px&amp;quot;}">&lt;div class="ystdb-section__bg has-background has-ys-light-gray-background-color" aria-hidden="true" role="img" style="opacity:1"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="max-width:560px;margin-right:auto;margin-left:auto;padding-left:clamp( 0px, -1.21vw + 14px, 10px );padding-right:clamp( 10px, 7.27vw - 18px, 70px )" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;70px&amp;quot;}">&lt;!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":26,"subTextBorderHeight":2,"dividerColor":"ys-light-red","dividerMarginTop":0,"textColor":"ys-light-red","fontWeight":"700"} --> &lt;div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom">&lt;div class="ystdb-heading__container">&lt;h3 class="ystdb-heading__text is-clear-style has-ys-light-red-color has-text-color" style="font-weight:700">02&lt;/h3>&lt;svg width="26" height="2" viewBox="0 0 26 2" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:4px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 26 v 2 h -26 z">&lt;/path>&lt;/svg>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdb/heading {"level":4} --> &lt;div class="ystdb-heading has-text-align-left">&lt;div class="ystdb-heading__container">&lt;h4 class="ystdb-heading__text is-clear-style">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/h4>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:paragraph --> &lt;p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column --> &lt;!-- wp:ystdb/column {"className":"ystdtb-hidden-mobile","ystdtbIsHiddenMobile":true} --> &lt;div class="ystdb-column ystdtb-hidden-mobile">&lt;div class="ystdb-column-block-container">&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/columns -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section {"marginTop":40,"marginTopResponsive":true,"marginBottom":40,"marginBottomResponsive":true,"paddingTopResponsive":true,"paddingBottomResponsive":true,"paddingLeftResponsive":true,"paddingRightResponsive":true,"backgroundImageOpacity":50,"focalPoint":{"x":0,"y":0.1},"backgroundImageURL":"https://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top03-scaled.jpg","backgroundImageAlt":"","backgroundImageID":8,"backgroundImageSize":"custom","backgroundImageSizeX":"70","backgroundImageSizeUnitX":"%","className":"is-style-pcj-under-div"} --> &lt;div class="alignfull ystdb-section has-background-image is-style-pcj-under-div" style="padding-top:clamp( 0px, 9.7vw - 37px, 80px );padding-bottom:clamp( 0px, 9.7vw - 37px, 80px );margin-top:clamp( 0px, 4.85vw - 19px, 40px );margin-bottom:clamp( 0px, 4.85vw - 19px, 40px );background-image:url('https://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top03-scaled.jpg');background-position:0% 10%;background-size:70% auto" data-responsive-clamp="{&amp;quot;margin-top&amp;quot;:&amp;quot;40px&amp;quot;,&amp;quot;margin-bottom&amp;quot;:&amp;quot;40px&amp;quot;,&amp;quot;padding-top&amp;quot;:&amp;quot;80px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;80px&amp;quot;}">&lt;div class="ystdb-section__bg" aria-hidden="true" role="img" style="opacity:0.5"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;0px&amp;quot;}">&lt;!-- wp:ystdb/columns {"colPc":2,"colTablet":2,"verticalAlignment":"center","horizonAlignment":"between","gap":{"mobile":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"margin":{"mobile":{"top":"30px","right":"0px","bottom":"0px","left":"0px"}},"align":"full"} --> &lt;div class="alignfull ystdb-columns-wrap" style="--ystdb-margin-mobile:30px 0px 0px">&lt;div class="ystdb-columns has-1-columns has-2-columns--tablet has-2-columns--pc is-vertically-aligned-center is-horizontally-aligned-between" style="--ystdb-gap-mobile:0px">&lt;!-- wp:ystdb/column {"padding":{"mobile":{"top":"30px","right":"0px","bottom":"0px","left":"0px"}},"className":"ystdtb-hidden-mobile","ystdtbIsHiddenMobile":true} --> &lt;div class="ystdb-column ystdtb-hidden-mobile" style="--ystdb-padding-mobile:30px 0px 0px">&lt;div class="ystdb-column-block-container">&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column --> &lt;!-- wp:ystdb/column {"className":"is-padding-large"} --> &lt;div class="ystdb-column is-padding-large">&lt;div class="ystdb-column-block-container">&lt;!-- wp:ystdb/section {"align":"wide","paddingTop":40,"paddingTopResponsive":true,"paddingTopMobile":5,"paddingBottom":40,"paddingBottomResponsive":true,"paddingBottomMobile":5,"paddingLeftResponsive":true,"paddingLeftMobile":10,"paddingRight":70,"paddingRightResponsive":true,"paddingRightMobile":10,"backgroundColor":"ys-light-gray","innerCustomWidth":560} --> &lt;div class="alignwide ystdb-section" style="padding-top:clamp( 5px, 4.24vw - 11px, 40px );padding-bottom:clamp( 5px, 4.24vw - 11px, 40px );margin-top:0;margin-bottom:0" data-responsive-clamp="{&amp;quot;padding-top&amp;quot;:&amp;quot;40px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;40px&amp;quot;}">&lt;div class="ystdb-section__bg has-background has-ys-light-gray-background-color" aria-hidden="true" role="img" style="opacity:1"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="max-width:560px;margin-right:auto;margin-left:auto;padding-left:clamp( 0px, -1.21vw + 14px, 10px );padding-right:clamp( 10px, 7.27vw - 18px, 70px )" data-responsive-clamp="{&amp;quot;padding-left&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;70px&amp;quot;}">&lt;!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":26,"subTextBorderHeight":2,"dividerColor":"ys-light-red","dividerMarginTop":0,"textColor":"ys-light-red","fontWeight":"700"} --> &lt;div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom">&lt;div class="ystdb-heading__container">&lt;h3 class="ystdb-heading__text is-clear-style has-ys-light-red-color has-text-color" style="font-weight:700">03&lt;/h3>&lt;svg width="26" height="2" viewBox="0 0 26 2" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:4px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 26 v 2 h -26 z">&lt;/path>&lt;/svg>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdb/heading {"level":4} --> &lt;div class="ystdb-heading has-text-align-left">&lt;div class="ystdb-heading__container">&lt;h4 class="ystdb-heading__text is-clear-style">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/h4>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:paragraph --> &lt;p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/columns -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section {"paddingTop":120,"paddingTopResponsive":true,"paddingTopMobile":30,"paddingBottom":120,"paddingBottomResponsive":true,"paddingBottomMobile":30,"backgroundColor":"ys-light-gray"} --> &lt;div class="alignfull ystdb-section" style="padding-top:clamp( 30px, 10.91vw - 11px, 120px );padding-bottom:clamp( 30px, 10.91vw - 11px, 120px );margin-top:0;margin-bottom:0" data-responsive-clamp="{&amp;quot;padding-top&amp;quot;:&amp;quot;120px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;120px&amp;quot;}">&lt;div class="ystdb-section__bg has-background has-ys-light-gray-background-color" aria-hidden="true" role="img" style="opacity:1"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0">&lt;!-- wp:ystdb/heading {"align":"center","subTextBorderWidth":100,"subTextBorderHeight":4,"dividerColor":"ys-light-red","dividerMarginTop":0,"dividerMarginBottom":20,"textColor":"ys-red","customFontSize":"4em","useFontSizeResponsive":true,"fontSizeMobile":36,"fontSizeTablet":50,"fontSizeDesktop":64} --> &lt;div class="ystdb-heading has-text-align-center has-divider has-subtext--bottom ys-is-font-responsive" style="--ys-font-desktop:64px;--ys-font-tablet:50px;--ys-font-mobile:36px">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&amp;quot;font-size&amp;quot;:&amp;quot;64px&amp;quot;}">MESSAGE&lt;/h2>&lt;svg width="100" height="4" viewBox="0 0 100 4" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:20px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 100 v 4 h -100 z">&lt;/path>&lt;/svg>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdtb/slider {"sliderId":"e44110e1","hasNavigation":true,"navigationColor":"ys-yellow","paginationType":"bullets","paginationColor":"#e29e21","previewType":"horizontal"} --> &lt;div class="ystdtb-slider">&lt;div id="ystdtb-slider-e44110e1" class="swiper ystdtb-slider__slider" data-slider-options="{&amp;quot;speed&amp;quot;:300,&amp;quot;loop&amp;quot;:true,&amp;quot;autoplay&amp;quot;:{&amp;quot;delay&amp;quot;:8000},&amp;quot;navigation&amp;quot;:{&amp;quot;nextEl&amp;quot;:&amp;quot;.swiper-button-next&amp;quot;,&amp;quot;prevEl&amp;quot;:&amp;quot;.swiper-button-prev&amp;quot;},&amp;quot;pagination&amp;quot;:{&amp;quot;type&amp;quot;:&amp;quot;bullets&amp;quot;,&amp;quot;el&amp;quot;:&amp;quot;.swiper-pagination&amp;quot;,&amp;quot;dynamicBullets&amp;quot;:false}}">&lt;div class="swiper-wrapper ystdtb-slider__container">&lt;!-- wp:ystdtb/slider-item --> &lt;div class="ystdtb-slider-item">&lt;!-- wp:ystdtb/box {"boxBackgroundColor":"ys-white","boxPadding":{"desktop":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}}} --> &lt;div class="ystdtb-box is-box-style--label-none" style="--ystdtb-box-border-width:1px;--ystdtb-box-padding-top:50px;--ystdtb-box-padding-right:50px;--ystdtb-box-padding-bottom:50px;--ystdtb-box-padding-left:50px;--ystdtb-box-label-font-size:0.9em">&lt;div class="ystdtb-box__inner-container has-ys-white-background-color has-background" style="border-style:solid" data-ys-ie-styles="{&amp;quot;border-width&amp;quot;:&amp;quot;1px&amp;quot;}">&lt;div class="ystdtb-box__content" data-ys-ie-styles="{&amp;quot;border-width&amp;quot;:&amp;quot;1px&amp;quot;,&amp;quot;padding-top&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-left&amp;quot;:&amp;quot;50px&amp;quot;}">&lt;!-- wp:media-text {"align":"wide","mediaId":108,"mediaLink":"https://pcjtest.uh-oh.jp/?attachment_id=108","mediaType":"image","verticalAlignment":"top","imageFill":true,"focalPoint":{"x":"0.52","y":"0.34"}} --> &lt;div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top is-image-fill">&lt;figure class="wp-block-media-text__media" style="background-image:url(https://lspreaddemo.s-designers.jp/wp-content/plugins/l-spread/assets/block-patterns/images/demoimg02-scaled.jpg);background-position:52% 34%">&lt;img src="https://lspreaddemo.s-designers.jp/wp-content/plugins/l-spread/assets/block-patterns/images/demoimg02-scaled.jpg" alt="" class="wp-image-108 size-full"/>&lt;/figure>&lt;div class="wp-block-media-text__content">&lt;!-- wp:heading {"level":3} --> &lt;h3 class="wp-block-heading">代表&lt;/h3> &lt;!-- /wp:heading --> &lt;!-- wp:paragraph --> &lt;p>プロフィール&lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:paragraph --> &lt;p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:paragraph --> &lt;p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div> &lt;!-- /wp:media-text --> &lt;!-- wp:social-links {"align":"center"} --> &lt;ul class="wp-block-social-links aligncenter">&lt;!-- wp:social-link {"url":"#","service":"twitter"} /--> &lt;!-- wp:social-link {"url":"#","service":"facebook"} /--> &lt;!-- wp:social-link {"url":"#","service":"linkedin"} /-->&lt;/ul> &lt;!-- /wp:social-links --> &lt;!-- wp:spacer {"height":"10px"} --> &lt;div style="height:10px" aria-hidden="true" class="wp-block-spacer">&lt;/div> &lt;!-- /wp:spacer -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdtb/box -->&lt;/div> &lt;!-- /wp:ystdtb/slider-item --> &lt;!-- wp:ystdtb/slider-item --> &lt;div class="ystdtb-slider-item">&lt;!-- wp:ystdtb/box {"boxBackgroundColor":"ys-white","boxPadding":{"desktop":{"top":"50px","right":"50px","bottom":"50px","left":"50px"},"tablet":{"top":"50px","right":"50px","bottom":"50px","left":"50px"},"mobile":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}},"isResponsiveBoxPadding":true} --> &lt;div class="ystdtb-box is-box-style--label-none" style="--ystdtb-box-border-width:1px;--ystdtb-box-padding-top:50px;--ystdtb-box-padding-right:50px;--ystdtb-box-padding-bottom:50px;--ystdtb-box-padding-left:50px;--ystdtb-box-padding-top-tablet:50px;--ystdtb-box-padding-right-tablet:50px;--ystdtb-box-padding-bottom-tablet:50px;--ystdtb-box-padding-left-tablet:50px;--ystdtb-box-padding-top-mobile:50px;--ystdtb-box-padding-right-mobile:50px;--ystdtb-box-padding-bottom-mobile:50px;--ystdtb-box-padding-left-mobile:50px;--ystdtb-box-label-font-size:0.9em">&lt;div class="ystdtb-box__inner-container has-ys-white-background-color has-background" style="border-style:solid" data-ys-ie-styles="{&amp;quot;border-width&amp;quot;:&amp;quot;1px&amp;quot;}">&lt;div class="ystdtb-box__content" data-ys-ie-styles="{&amp;quot;border-width&amp;quot;:&amp;quot;1px&amp;quot;,&amp;quot;padding-top&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-right&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-bottom&amp;quot;:&amp;quot;50px&amp;quot;,&amp;quot;padding-left&amp;quot;:&amp;quot;50px&amp;quot;}">&lt;!-- wp:media-text {"align":"wide","mediaId":110,"mediaLink":"https://pcjtest.uh-oh.jp/?attachment_id=110","mediaType":"image","verticalAlignment":"top","imageFill":true,"focalPoint":{"x":"0.51","y":"0.26"}} --> &lt;div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top is-image-fill">&lt;figure class="wp-block-media-text__media" style="background-image:url(https://lspreaddemo.s-designers.jp/wp-content/plugins/l-spread/assets/block-patterns/images/demoimg03-1.jpg);background-position:51% 26%">&lt;img src="https://lspreaddemo.s-designers.jp/wp-content/plugins/l-spread/assets/block-patterns/images/demoimg03-1.jpg" alt="" class="wp-image-110 size-full"/>&lt;/figure>&lt;div class="wp-block-media-text__content">&lt;!-- wp:heading {"level":3} --> &lt;h3 class="wp-block-heading">行政書士&lt;/h3> &lt;!-- /wp:heading --> &lt;!-- wp:paragraph --> &lt;p>プロフィール&lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:paragraph --> &lt;p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/p> &lt;!-- /wp:paragraph --> &lt;!-- wp:paragraph --> &lt;p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。&lt;/p> &lt;!-- /wp:paragraph -->&lt;/div>&lt;/div> &lt;!-- /wp:media-text --> &lt;!-- wp:social-links {"align":"center"} --> &lt;ul class="wp-block-social-links aligncenter">&lt;!-- wp:social-link {"url":"#","service":"twitter"} /--> &lt;!-- wp:social-link {"url":"#","service":"facebook"} /--> &lt;!-- wp:social-link {"url":"#","service":"linkedin"} /-->&lt;/ul> &lt;!-- /wp:social-links --> &lt;!-- wp:spacer {"height":"10px"} --> &lt;div style="height:10px" aria-hidden="true" class="wp-block-spacer">&lt;/div> &lt;!-- /wp:spacer -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdtb/box -->&lt;/div> &lt;!-- /wp:ystdtb/slider-item -->&lt;/div>&lt;div class="swiper-button-prev has-text-color has-ys-yellow-color">&lt;/div>&lt;div class="swiper-button-next has-text-color has-ys-yellow-color">&lt;/div>&lt;div class="swiper-pagination" style="color:#e29e21;--swiper-pagination-color:#e29e21">&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdtb/slider -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section {"marginTopResponsive":true,"marginTopMobile":30,"marginBottomResponsive":true,"marginBottomMobile":30,"paddingTop":120,"paddingBottom":120} --> &lt;div class="alignfull ystdb-section" style="padding-top:120px;padding-bottom:120px;margin-top:clamp( 0px, -3.64vw + 43px, 30px );margin-bottom:clamp( 0px, -3.64vw + 43px, 30px )" data-responsive-clamp="{&amp;quot;margin-top&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;margin-bottom&amp;quot;:&amp;quot;0px&amp;quot;}">&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0">&lt;!-- wp:ystdb/heading {"align":"center","subText":"お知らせ","subTextBorderWidth":100,"subTextBorderHeight":4,"dividerColor":"ys-light-red","dividerMarginTop":0,"dividerMarginBottom":20,"textColor":"ys-red","customFontSize":"4em","useFontSizeResponsive":true,"fontSizeMobile":36,"fontSizeTablet":50,"fontSizeDesktop":64} --> &lt;div class="ystdb-heading has-text-align-center has-divider has-sub-text has-subtext--bottom ys-is-font-responsive" style="--ys-font-desktop:64px;--ys-font-tablet:50px;--ys-font-mobile:36px">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&amp;quot;font-size&amp;quot;:&amp;quot;64px&amp;quot;}">INFORMATION&lt;/h2>&lt;svg width="100" height="4" viewBox="0 0 100 4" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:20px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 100 v 4 h -100 z">&lt;/path>&lt;/svg>&lt;div class="ystdb-heading__subtext" aria-hidden="true" data-text="お知らせ">&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdtb/posts {"listType":"simple","colTablet":1,"colPc":1} /-->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section {"marginTopResponsive":true,"marginTopMobile":30,"marginBottomResponsive":true,"marginBottomMobile":30,"paddingTop":120,"paddingBottom":120,"gradient":"very-light-gray-to-cyan-bluish-gray","backgroundImageOpacity":42} --> &lt;div class="alignfull ystdb-section" style="padding-top:120px;padding-bottom:120px;margin-top:clamp( 0px, -3.64vw + 43px, 30px );margin-bottom:clamp( 0px, -3.64vw + 43px, 30px )" data-responsive-clamp="{&amp;quot;margin-top&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;margin-bottom&amp;quot;:&amp;quot;0px&amp;quot;}">&lt;div class="ystdb-section__bg has-background-gradient has-very-light-gray-to-cyan-bluish-gray-gradient-background" aria-hidden="true" role="img" style="opacity:0.42"> &lt;/div>&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0">&lt;!-- wp:ystdb/heading {"align":"center","subText":"業務内容","subTextBorderWidth":100,"subTextBorderHeight":4,"dividerColor":"ys-light-red","dividerMarginTop":0,"dividerMarginBottom":20,"textColor":"ys-red","customFontSize":"4em","useFontSizeResponsive":true,"fontSizeMobile":36,"fontSizeTablet":50,"fontSizeDesktop":64} --> &lt;div class="ystdb-heading has-text-align-center has-divider has-sub-text has-subtext--bottom ys-is-font-responsive" style="--ys-font-desktop:64px;--ys-font-tablet:50px;--ys-font-mobile:36px">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&amp;quot;font-size&amp;quot;:&amp;quot;64px&amp;quot;}">WORK&lt;/h2>&lt;svg width="100" height="4" viewBox="0 0 100 4" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:20px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 100 v 4 h -100 z">&lt;/path>&lt;/svg>&lt;div class="ystdb-heading__subtext" aria-hidden="true" data-text="業務内容">&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdb/columns {"verticalAlignment":"last","align":"full"} --> &lt;div class="alignfull ystdb-columns-wrap">&lt;div class="ystdb-columns has-1-columns has-3-columns--tablet has-3-columns--pc is-vertically-aligned-last">&lt;!-- wp:ystdb/column {"backgroundColor":"ys-white","shadow":true,"className":"is-padding-small"} --> &lt;div class="ystdb-column has-background has-ys-white-background-color has-shadow is-padding-small">&lt;div class="ystdb-column-block-container">&lt;!-- wp:ystdtb/banner-link {"link":{"url":"#","rel":"#"},"backgroundImage":{"type":"image","id":111,"url":"https://lspreaddemo.s-designers.jp/wp-content/plugins/l-spread/assets/block-patterns/images/demoimg04.jpg","alt":""},"backgroundColor":"ys-gray","backgroundOpacity":0.5,"ratio":"4-3","size":{},"mainTextColor":"ys-white","mainTextHtml":"h3","subTextColor":"ys-white","boxShadow":{"offsetX":"0","offsetY":"4px","blurRadius":"16px","color":"#bdc3c7","opacity":0.7}} --> &lt;a href="#" rel="#" class="ystdtb-banner-link ystdtb-ratio is-4-3" style="background-image:url('https://lspreaddemo.s-designers.jp/wp-content/plugins/l-spread/assets/block-patterns/images/demoimg04.jpg');box-shadow:0 4px 16px rgba(189,195,199,0.7)">&lt;div class="ystdtb-banner-link__overlay-background has-background has-ys-gray-background-color" style="opacity:0.5" aria-hidden="true">&lt;/div>&lt;div class="ystdtb-banner-link__container ystdtb-ratio__inner">&lt;div class="ystdtb-banner-link__text">&lt;h3 class="ystdtb-banner-link__main-text has-text-color has-ys-white-color is-clear-style">会社設立&lt;/h3>&lt;div class="ystdtb-banner-link__sub-text has-text-color has-ys-white-color">MORE ▶&lt;/div>&lt;/div>&lt;/div>&lt;/a> &lt;!-- /wp:ystdtb/banner-link -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column --> &lt;!-- wp:ystdb/column {"backgroundColor":"ys-white","shadow":true,"className":"is-padding-small"} --> &lt;div class="ystdb-column has-background has-ys-white-background-color has-shadow is-padding-small">&lt;div class="ystdb-column-block-container">&lt;!-- wp:ystdtb/banner-link {"link":{"url":"#","rel":"#"},"backgroundImage":{"type":"image","id":65,"url":"https://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/demoimg07.jpg","alt":""},"backgroundColor":"ys-gray","backgroundOpacity":0.5,"ratio":"4-3","size":{},"mainTextColor":"ys-white","mainTextHtml":"h3","subTextColor":"ys-white","boxShadow":{"offsetX":"0","offsetY":"4px","blurRadius":"16px","color":"#bdc3c7","opacity":0.7}} --> &lt;a href="#" rel="#" class="ystdtb-banner-link ystdtb-ratio is-4-3" style="background-image:url('https://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/demoimg07.jpg');box-shadow:0 4px 16px rgba(189,195,199,0.7)">&lt;div class="ystdtb-banner-link__overlay-background has-background has-ys-gray-background-color" style="opacity:0.5" aria-hidden="true">&lt;/div>&lt;div class="ystdtb-banner-link__container ystdtb-ratio__inner">&lt;div class="ystdtb-banner-link__text">&lt;h3 class="ystdtb-banner-link__main-text has-text-color has-ys-white-color is-clear-style">相続・贈与&lt;/h3>&lt;div class="ystdtb-banner-link__sub-text has-text-color has-ys-white-color">MORE ▶&lt;/div>&lt;/div>&lt;/div>&lt;/a> &lt;!-- /wp:ystdtb/banner-link -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column --> &lt;!-- wp:ystdb/column {"backgroundColor":"ys-white","shadow":true,"className":"is-padding-small"} --> &lt;div class="ystdb-column has-background has-ys-white-background-color has-shadow is-padding-small">&lt;div class="ystdb-column-block-container">&lt;!-- wp:ystdtb/banner-link {"link":{"url":"#","rel":"#"},"backgroundImage":{"type":"image","id":113,"url":"https://lspreaddemo.s-designers.jp/wp-content/plugins/l-spread/assets/block-patterns/images/demoimg06.jpg","alt":""},"backgroundColor":"ys-gray","backgroundOpacity":0.5,"ratio":"4-3","size":{},"mainTextColor":"ys-white","mainTextHtml":"h3","subTextColor":"ys-white","boxShadow":{"offsetX":"0","offsetY":"4px","blurRadius":"16px","color":"#bdc3c7","opacity":0.7}} --> &lt;a href="#" rel="#" class="ystdtb-banner-link ystdtb-ratio is-4-3" style="background-image:url('https://lspreaddemo.s-designers.jp/wp-content/plugins/l-spread/assets/block-patterns/images/demoimg06.jpg');box-shadow:0 4px 16px rgba(189,195,199,0.7)">&lt;div class="ystdtb-banner-link__overlay-background has-background has-ys-gray-background-color" style="opacity:0.5" aria-hidden="true">&lt;/div>&lt;div class="ystdtb-banner-link__container ystdtb-ratio__inner">&lt;div class="ystdtb-banner-link__text">&lt;h3 class="ystdtb-banner-link__main-text has-text-color has-ys-white-color is-clear-style">補助金・助成金の申請&lt;/h3>&lt;div class="ystdtb-banner-link__sub-text has-text-color has-ys-white-color">MORE ▶&lt;/div>&lt;/div>&lt;/div>&lt;/a> &lt;!-- /wp:ystdtb/banner-link -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/column -->&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/columns -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section --> &lt;div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0">&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0">&lt;!-- wp:ystdb/heading {"align":"center","subText":"お役立ち情報","subTextBorderWidth":100,"subTextBorderHeight":4,"dividerColor":"ys-light-red","dividerMarginTop":0,"dividerMarginBottom":20,"textColor":"ys-red","customFontSize":"4em","useFontSizeResponsive":true,"fontSizeMobile":36,"fontSizeTablet":50,"fontSizeDesktop":64} --> &lt;div class="ystdb-heading has-text-align-center has-divider has-sub-text has-subtext--bottom ys-is-font-responsive" style="--ys-font-desktop:64px;--ys-font-tablet:50px;--ys-font-mobile:36px">&lt;div class="ystdb-heading__container">&lt;h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&amp;quot;font-size&amp;quot;:&amp;quot;64px&amp;quot;}">Column&lt;/h2>&lt;svg width="100" height="4" viewBox="0 0 100 4" xmlns="http://www.w3.org/2000/svg" style="margin-bottom:20px" class="ystdb-heading__line has-ys-light-red-fill" aria-hidden="true">&lt;path d="m0 0 h 100 v 4 h -100 z">&lt;/path>&lt;/svg>&lt;div class="ystdb-heading__subtext" aria-hidden="true" data-text="お役立ち情報">&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/heading --> &lt;!-- wp:ystdtb/posts {"listType":"rich","taxonomy":"category","showExcerpt":true,"postIn":"","postNameIn":"","postParent":""} /-->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section {"marginTopResponsive":true,"marginBottomResponsive":true,"paddingTop":0,"paddingBottom":0,"sectionMinHeight":400,"containerFluid":true,"className":"ystdtb-hidden-mobile","ystdtbIsHiddenMobile":true} --> &lt;div class="alignfull ystdb-section is-container-fluid ystdtb-hidden-mobile" style="padding-top:0;padding-bottom:0;margin-top:0px;margin-bottom:0px;min-height:400px" data-responsive-clamp="{&amp;quot;margin-top&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;margin-bottom&amp;quot;:&amp;quot;0px&amp;quot;}" id="map">&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0">&lt;!-- wp:html --> &lt;iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2101.292541378968!2d139.72576650330197!3d35.68595955833377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188cc670ef09ff%3A0x4682a35e6457a1cd!2z44OR44Ov44O844Kz44Oz44OG44Oz44OE44K444Oj44OR44Oz5qCq5byP5Lya56S-!5e0!3m2!1sja!2sjp!4v1660547377385!5m2!1sja!2sjp" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" data-aspect-ratio="3-1" width="800" height="200">&lt;/iframe> &lt;!-- /wp:html -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> &lt;!-- wp:ystdb/section {"marginTopResponsive":true,"marginBottomResponsive":true,"paddingTop":0,"paddingBottom":0,"sectionMinHeight":400,"containerFluid":true,"className":"ystdtb-hidden-tablet ystdtb-hidden-desktop","ystdtbIsHiddenTablet":true,"ystdtbIsHiddenDesktop":true} --> &lt;div class="alignfull ystdb-section is-container-fluid ystdtb-hidden-tablet ystdtb-hidden-desktop" style="padding-top:0;padding-bottom:0;margin-top:0px;margin-bottom:0px;min-height:400px" data-responsive-clamp="{&amp;quot;margin-top&amp;quot;:&amp;quot;0px&amp;quot;,&amp;quot;margin-bottom&amp;quot;:&amp;quot;0px&amp;quot;}" id="map">&lt;div class="ystdb-section__container">&lt;div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0">&lt;!-- wp:html --> &lt;iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2101.292541378968!2d139.72576650330197!3d35.68595955833377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188cc670ef09ff%3A0x4682a35e6457a1cd!2z44OR44Ov44O844Kz44Oz44OG44Oz44OE44K444Oj44OR44Oz5qCq5byP5Lya56S-!5e0!3m2!1sja!2sjp!4v1660547377385!5m2!1sja!2sjp" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" data-aspect-ratio="1-1">&lt;/iframe> &lt;!-- /wp:html -->&lt;/div>&lt;/div>&lt;/div> &lt;!-- /wp:ystdb/section --> 投稿ヘッダーなしテンプレートと、ヘッダーオーバーレイについてはこちら https://wp-ystandard.com/manual/ystdtb-overlay-blank-template/

Topics

オウンドメディア構築にもつかえる！

【最新】ご購入者様からのご質問

デモサイトのコピぺコード公開！