集客専用WordPressパッケージL-spreadがリリースされました。
デモサイトのコピぺコード公開!

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

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

「こちらのデモサイトトップページのような構成をまんま使いたい!」というご要望にお答えし、ブロックコピーのコードをご用意いたしました。

テンプレートを【投稿ヘッダーなし1カラムワイド】にし、ヘッダーオーバーレイをONにしてご利用下さい。ペーストする際には、段落ブロックにてペーストして下さい。

画像の差し替え、リンク設定、テキストを差し替えて完成です。(こちらで使用している画像は、必ず差し替えて下さい。弊社のURLがそのまま使用される形になります。

<!-- wp:ystdtb/slider {"sliderId":"3a0330a3","effect":"fade","speed":1.5,"autoplayDelay":2,"height":{"desktop":"100vh"},"align":"full"} -->
<div class="alignfull ystdtb-slider"><div id="ystdtb-slider-3a0330a3" class="swiper ystdtb-slider__slider is-fixed-height" style="height:100vh" data-slider-options="{&quot;effect&quot;:&quot;fade&quot;,&quot;speed&quot;:1500,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;delay&quot;:2000}}"><div class="swiper-wrapper ystdtb-slider__container"><!-- 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"} -->
<div class="wp-block-cover alignfull is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><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"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:ystdtb/slider-item -->
<div class="ystdtb-slider-item"><!-- 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} -->
<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"><div class="ystdb-section__container"><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="{&quot;padding-left&quot;:&quot;50px&quot;,&quot;padding-right&quot;:&quot;50px&quot;}"><!-- wp:ystdb/heading {"textColor":"ys-white","customFontSize":"3.5em","useFontSizeResponsive":true,"fontSizeMobile":30,"fontSizeTablet":50,"fontSizeDesktop":56,"fontWeight":"700"} -->
<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"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-white-color has-text-color" style="font-weight:700" data-ys-responsive-property="{&quot;font-size&quot;:&quot;56px&quot;}">あなたのビジネスをサポート<br></h2></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:paragraph {"textColor":"ys-white"} -->
<p class="has-ys-white-color has-text-color"><strong>私達は、お客様の悩みに常に寄り添います。</strong></p>
<!-- /wp:paragraph -->

<!-- wp:ystdb/svg-button {"backgroundColor":"ys-white","textColor":"ys-red","url":"#","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><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"><span class="ystdb-button__link-content"><span class="ystdb-button__text">お問合せはこちら</span></span></a></div>
<!-- /wp:ystdb/svg-button --></div></div></div>
<!-- /wp:ystdb/section --></div>
<!-- /wp:ystdtb/slider-item -->

<!-- wp:cover {"url":"http://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top02-scaled.jpg","id":7,"dimRatio":50,"isDark":false,"style":{"color":{}}} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><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"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:ystdtb/slider-item -->
<div class="ystdtb-slider-item"><!-- wp:ystdb/section {"paddingLeft":50,"paddingLeftResponsive":true,"paddingLeftMobile":30,"paddingRight":50,"paddingRightResponsive":true,"paddingRightMobile":30,"innerCustomWidth":1200,"screenHeightMode":true,"animationType":"fadein-shrink","animationSpeed":1} -->
<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"><div class="ystdb-section__container"><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="{&quot;padding-left&quot;:&quot;50px&quot;,&quot;padding-right&quot;:&quot;50px&quot;}"><!-- wp:ystdb/heading {"textColor":"ys-white","useFontSizeResponsive":true,"fontSizeMobile":30,"fontSizeTablet":50,"fontSizeDesktop":56,"fontWeight":"700"} -->
<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"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-white-color has-text-color" style="font-weight:700" data-ys-responsive-property="{&quot;font-size&quot;:&quot;56px&quot;}">すべての<br>業務を総合サポート<br></h2></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:paragraph {"textColor":"ys-white"} -->
<p class="has-ys-white-color has-text-color"><strong>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</strong></p>
<!-- /wp:paragraph -->

<!-- wp:ystdb/svg-button {"backgroundColor":"ys-white","textColor":"ys-red","url":"#","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><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"><span class="ystdb-button__link-content"><span class="ystdb-button__text">お問合せはこちら</span></span></a></div>
<!-- /wp:ystdb/svg-button --></div></div></div>
<!-- /wp:ystdb/section --></div>
<!-- /wp:ystdtb/slider-item -->

<!-- wp:cover {"url":"http://lspreaddemo.s-designers.jp/wp-content/uploads/2021/12/top04-scaled.jpg","id":12,"dimRatio":50,"isDark":false,"style":{"color":{}}} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><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"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:ystdtb/slider-item -->
<div class="ystdtb-slider-item"><!-- wp:ystdb/section {"paddingLeft":50,"paddingLeftResponsive":true,"paddingLeftMobile":30,"paddingRight":50,"paddingRightResponsive":true,"paddingRightMobile":30,"innerCustomWidth":1200,"screenHeightMode":true,"animationType":"fadein-shrink","animationSpeed":1} -->
<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"><div class="ystdb-section__container"><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="{&quot;padding-left&quot;:&quot;50px&quot;,&quot;padding-right&quot;:&quot;50px&quot;}"><!-- wp:ystdb/heading {"textColor":"ys-white","useFontSizeResponsive":true,"fontSizeMobile":30,"fontSizeTablet":50,"fontSizeDesktop":56,"fontWeight":"700"} -->
<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"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-white-color has-text-color" style="font-weight:700" data-ys-responsive-property="{&quot;font-size&quot;:&quot;56px&quot;}">創業25年の頼と実績<br></h2></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:paragraph {"textColor":"ys-white"} -->
<p class="has-ys-white-color has-text-color"><strong>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</strong></p>
<!-- /wp:paragraph -->

<!-- wp:ystdb/svg-button {"backgroundColor":"ys-white","textColor":"ys-red","url":"#","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><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"><span class="ystdb-button__link-content"><span class="ystdb-button__text">お問合せはこちら</span></span></a></div>
<!-- /wp:ystdb/svg-button --></div></div></div>
<!-- /wp:ystdb/section --></div>
<!-- /wp:ystdtb/slider-item --></div></div></div>
<!-- /wp:ystdtb/slider -->

<!-- wp:ystdb/section {"paddingTop":120,"paddingBottom":120,"innerCustomWidth":800} -->
<div class="alignfull ystdb-section" style="padding-top:120px;padding-bottom:120px;margin-top:0;margin-bottom:0"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="max-width:800px;margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:paragraph -->
<p> </p>
<!-- /wp:paragraph -->

<!-- wp:ystdb/heading {"align":"center","subText":"わたしたちはプロフェッショナルチームです","subTextBorderWidth":100,"subTextBorderHeight":4,"dividerColor":"ys-light-red","dividerMarginTop":0,"dividerMarginBottom":20,"textColor":"ys-red","customFontSize":"4em"} -->
<div class="ystdb-heading has-text-align-center has-divider has-sub-text has-subtext--bottom"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" style="font-size:4em">ABOUT US</h2><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"><path d="m0 0 h 100 v 4 h -100 z"></path></svg><div class="ystdb-heading__subtext" aria-hidden="true" data-text="わたしたちはプロフェッショナルチームです"></div></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdb/columns {"colPc":2,"colTablet":2,"verticalAlignment":"bottom"} -->
<div class="ystdb-columns-wrap"><div class="ystdb-columns has-1-columns has-2-columns--tablet has-2-columns--pc is-vertically-aligned-bottom"><!-- wp:ystdb/column -->
<div class="ystdb-column"><div class="ystdb-column-block-container"><!-- wp:paragraph -->
<p>当事務所のサイトをご覧いただき、誠にありがとうございます。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:ystdb/column -->

<!-- wp:ystdb/column -->
<div class="ystdb-column"><div class="ystdb-column-block-container"><!-- wp:ystdb/svg-button {"iconRight":"arrow-right-circle","align":"right","url":"#","className":"is-style-outline"} -->
<div class="wp-block-button has-text-align-right is-style-outline"><a href="#" class="wp-block-button__link ystdb-button__link" style="border-radius:4px"><span class="ystdb-button__link-content"><span class="ystdb-button__text">詳しくはこちら</span><span class="ystdb-button__icon ystdb-button__icon--right"><span class="ys-icon"><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"><circle cx="12" cy="12" r="10"></circle><polyline points="12 16 16 12 12 8"></polyline><line x1="8" y1="12" x2="16" y2="12"></line></svg></span></span></span></a></div>
<!-- /wp:ystdb/svg-button --></div></div>
<!-- /wp:ystdb/column --></div></div>
<!-- /wp:ystdb/columns --></div></div></div>
<!-- /wp:ystdb/section -->

<!-- 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} -->
<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="{&quot;padding-top&quot;:&quot;120px&quot;,&quot;padding-bottom&quot;:&quot;120px&quot;}"><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"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- 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"} -->
<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"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&quot;font-size&quot;:&quot;64px&quot;}">3つの特徴</h2><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"><path d="m0 0 h 100 v 4 h -100 z"></path></svg><div class="ystdb-heading__subtext has-color has-ys-black-color" aria-hidden="true" data-text="わたしたちは、 プロフェッショナルチームです"></div></div></div>
<!-- /wp:ystdb/heading -->

<!-- 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"} -->
<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="{&quot;margin-top&quot;:&quot;100px&quot;,&quot;padding-top&quot;:&quot;80px&quot;,&quot;padding-bottom&quot;:&quot;80px&quot;}"><div class="ystdb-section__bg" aria-hidden="true" role="img" style="opacity:0.5"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px" data-responsive-clamp="{&quot;padding-left&quot;:&quot;0px&quot;,&quot;padding-right&quot;:&quot;0px&quot;}"><!-- 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"} -->
<div class="alignfull ystdb-columns-wrap" style="--ystdb-margin-desktop:0px;--ystdb-margin-tablet:0px;--ystdb-margin-mobile:30px 0px 0px"><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"><!-- wp:ystdb/column {"className":"ystdtb-hidden-mobile","ystdtbIsHiddenMobile":true} -->
<div class="ystdb-column ystdtb-hidden-mobile"><div class="ystdb-column-block-container"><!-- wp:spacer {"ystdtbIsHiddenMobile":true,"className":"ystdtb-hidden-mobile"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer ystdtb-hidden-mobile"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:ystdb/column -->

<!-- wp:ystdb/column {"className":"is-padding-large"} -->
<div class="ystdb-column is-padding-large"><div class="ystdb-column-block-container"><!-- 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} -->
<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="{&quot;padding-top&quot;:&quot;40px&quot;,&quot;padding-bottom&quot;:&quot;40px&quot;}"><div class="ystdb-section__bg has-background has-ys-light-gray-background-color" aria-hidden="true" role="img" style="opacity:1"> </div><div class="ystdb-section__container"><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="{&quot;padding-left&quot;:&quot;0px&quot;,&quot;padding-right&quot;:&quot;70px&quot;}"><!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":26,"subTextBorderHeight":2,"dividerColor":"ys-light-red","dividerMarginTop":0,"textColor":"ys-light-red","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style has-ys-light-red-color has-text-color" style="font-weight:700">01</h3><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"><path d="m0 0 h 26 v 2 h -26 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdb/heading {"level":4} -->
<div class="ystdb-heading has-text-align-left"><div class="ystdb-heading__container"><h4 class="ystdb-heading__text is-clear-style">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</h4></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:ystdb/section --></div></div>
<!-- /wp:ystdb/column --></div></div>
<!-- /wp:ystdb/columns --></div></div></div>
<!-- /wp:ystdb/section -->

<!-- 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"} -->
<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="{&quot;margin-top&quot;:&quot;40px&quot;,&quot;margin-bottom&quot;:&quot;40px&quot;,&quot;padding-top&quot;:&quot;80px&quot;,&quot;padding-bottom&quot;:&quot;80px&quot;}"><div class="ystdb-section__bg" aria-hidden="true" role="img" style="opacity:0.5"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px" data-responsive-clamp="{&quot;padding-left&quot;:&quot;0px&quot;,&quot;padding-right&quot;:&quot;0px&quot;}"><!-- 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"} -->
<div class="alignfull ystdb-columns-wrap" style="--ystdb-margin-mobile:30px 0px 0px"><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"><!-- wp:ystdb/column {"padding":{"desktop":{"top":"30px"}},"className":"is-padding-large"} -->
<div class="ystdb-column is-padding-large" style="padding-top:30px"><div class="ystdb-column-block-container"><!-- 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} -->
<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="{&quot;padding-top&quot;:&quot;40px&quot;,&quot;padding-bottom&quot;:&quot;40px&quot;}"><div class="ystdb-section__bg has-background has-ys-light-gray-background-color" aria-hidden="true" role="img" style="opacity:1"> </div><div class="ystdb-section__container"><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="{&quot;padding-left&quot;:&quot;0px&quot;,&quot;padding-right&quot;:&quot;70px&quot;}"><!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":26,"subTextBorderHeight":2,"dividerColor":"ys-light-red","dividerMarginTop":0,"textColor":"ys-light-red","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style has-ys-light-red-color has-text-color" style="font-weight:700">02</h3><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"><path d="m0 0 h 26 v 2 h -26 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdb/heading {"level":4} -->
<div class="ystdb-heading has-text-align-left"><div class="ystdb-heading__container"><h4 class="ystdb-heading__text is-clear-style">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</h4></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:ystdb/section --></div></div>
<!-- /wp:ystdb/column -->

<!-- wp:ystdb/column {"className":"ystdtb-hidden-mobile","ystdtbIsHiddenMobile":true} -->
<div class="ystdb-column ystdtb-hidden-mobile"><div class="ystdb-column-block-container"></div></div>
<!-- /wp:ystdb/column --></div></div>
<!-- /wp:ystdb/columns --></div></div></div>
<!-- /wp:ystdb/section -->

<!-- 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"} -->
<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="{&quot;margin-top&quot;:&quot;40px&quot;,&quot;margin-bottom&quot;:&quot;40px&quot;,&quot;padding-top&quot;:&quot;80px&quot;,&quot;padding-bottom&quot;:&quot;80px&quot;}"><div class="ystdb-section__bg" aria-hidden="true" role="img" style="opacity:0.5"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px" data-responsive-clamp="{&quot;padding-left&quot;:&quot;0px&quot;,&quot;padding-right&quot;:&quot;0px&quot;}"><!-- 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"} -->
<div class="alignfull ystdb-columns-wrap" style="--ystdb-margin-mobile:30px 0px 0px"><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"><!-- wp:ystdb/column {"padding":{"mobile":{"top":"30px","right":"0px","bottom":"0px","left":"0px"}},"className":"ystdtb-hidden-mobile","ystdtbIsHiddenMobile":true} -->
<div class="ystdb-column ystdtb-hidden-mobile" style="--ystdb-padding-mobile:30px 0px 0px"><div class="ystdb-column-block-container"></div></div>
<!-- /wp:ystdb/column -->

<!-- wp:ystdb/column {"className":"is-padding-large"} -->
<div class="ystdb-column is-padding-large"><div class="ystdb-column-block-container"><!-- 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} -->
<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="{&quot;padding-top&quot;:&quot;40px&quot;,&quot;padding-bottom&quot;:&quot;40px&quot;}"><div class="ystdb-section__bg has-background has-ys-light-gray-background-color" aria-hidden="true" role="img" style="opacity:1"> </div><div class="ystdb-section__container"><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="{&quot;padding-left&quot;:&quot;0px&quot;,&quot;padding-right&quot;:&quot;70px&quot;}"><!-- wp:ystdb/heading {"level":3,"subTextBorderWidth":26,"subTextBorderHeight":2,"dividerColor":"ys-light-red","dividerMarginTop":0,"textColor":"ys-light-red","fontWeight":"700"} -->
<div class="ystdb-heading has-text-align-left has-divider has-subtext--bottom"><div class="ystdb-heading__container"><h3 class="ystdb-heading__text is-clear-style has-ys-light-red-color has-text-color" style="font-weight:700">03</h3><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"><path d="m0 0 h 26 v 2 h -26 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdb/heading {"level":4} -->
<div class="ystdb-heading has-text-align-left"><div class="ystdb-heading__container"><h4 class="ystdb-heading__text is-clear-style">この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</h4></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:ystdb/section --></div></div>
<!-- /wp:ystdb/column --></div></div>
<!-- /wp:ystdb/columns --></div></div></div>
<!-- /wp:ystdb/section --></div></div></div>
<!-- /wp:ystdb/section -->

<!-- wp:ystdb/section {"paddingTop":120,"paddingTopResponsive":true,"paddingTopMobile":30,"paddingBottom":120,"paddingBottomResponsive":true,"paddingBottomMobile":30,"backgroundColor":"ys-light-gray"} -->
<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="{&quot;padding-top&quot;:&quot;120px&quot;,&quot;padding-bottom&quot;:&quot;120px&quot;}"><div class="ystdb-section__bg has-background has-ys-light-gray-background-color" aria-hidden="true" role="img" style="opacity:1"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- 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} -->
<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"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&quot;font-size&quot;:&quot;64px&quot;}">MESSAGE</h2><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"><path d="m0 0 h 100 v 4 h -100 z"></path></svg></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdtb/slider {"sliderId":"e44110e1","hasNavigation":true,"navigationColor":"ys-yellow","paginationType":"bullets","paginationColor":"#e29e21","previewType":"horizontal"} -->
<div class="ystdtb-slider"><div id="ystdtb-slider-e44110e1" class="swiper ystdtb-slider__slider" data-slider-options="{&quot;speed&quot;:300,&quot;loop&quot;:true,&quot;autoplay&quot;:{&quot;delay&quot;:8000},&quot;navigation&quot;:{&quot;nextEl&quot;:&quot;.swiper-button-next&quot;,&quot;prevEl&quot;:&quot;.swiper-button-prev&quot;},&quot;pagination&quot;:{&quot;type&quot;:&quot;bullets&quot;,&quot;el&quot;:&quot;.swiper-pagination&quot;,&quot;dynamicBullets&quot;:false}}"><div class="swiper-wrapper ystdtb-slider__container"><!-- wp:ystdtb/slider-item -->
<div class="ystdtb-slider-item"><!-- wp:ystdtb/box {"boxBackgroundColor":"ys-white","boxPadding":{"desktop":{"top":"50px","right":"50px","bottom":"50px","left":"50px"}}} -->
<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"><div class="ystdtb-box__inner-container has-ys-white-background-color has-background" style="border-style:solid" data-ys-ie-styles="{&quot;border-width&quot;:&quot;1px&quot;}"><div class="ystdtb-box__content" data-ys-ie-styles="{&quot;border-width&quot;:&quot;1px&quot;,&quot;padding-top&quot;:&quot;50px&quot;,&quot;padding-right&quot;:&quot;50px&quot;,&quot;padding-bottom&quot;:&quot;50px&quot;,&quot;padding-left&quot;:&quot;50px&quot;}"><!-- 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"}} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top is-image-fill"><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%"><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"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">代表</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>プロフィール</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:social-links {"align":"center"} -->
<ul class="wp-block-social-links aligncenter"><!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul>
<!-- /wp:social-links -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div></div>
<!-- /wp:ystdtb/box --></div>
<!-- /wp:ystdtb/slider-item -->

<!-- wp:ystdtb/slider-item -->
<div class="ystdtb-slider-item"><!-- 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} -->
<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"><div class="ystdtb-box__inner-container has-ys-white-background-color has-background" style="border-style:solid" data-ys-ie-styles="{&quot;border-width&quot;:&quot;1px&quot;}"><div class="ystdtb-box__content" data-ys-ie-styles="{&quot;border-width&quot;:&quot;1px&quot;,&quot;padding-top&quot;:&quot;50px&quot;,&quot;padding-right&quot;:&quot;50px&quot;,&quot;padding-bottom&quot;:&quot;50px&quot;,&quot;padding-left&quot;:&quot;50px&quot;}"><!-- 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"}} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-top is-image-fill"><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%"><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"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">行政書士</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>プロフィール</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:social-links {"align":"center"} -->
<ul class="wp-block-social-links aligncenter"><!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul>
<!-- /wp:social-links -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div></div>
<!-- /wp:ystdtb/box --></div>
<!-- /wp:ystdtb/slider-item --></div><div class="swiper-button-prev has-text-color has-ys-yellow-color"></div><div class="swiper-button-next has-text-color has-ys-yellow-color"></div><div class="swiper-pagination" style="color:#e29e21;--swiper-pagination-color:#e29e21"></div></div></div>
<!-- /wp:ystdtb/slider --></div></div></div>
<!-- /wp:ystdb/section -->

<!-- wp:ystdb/section {"marginTopResponsive":true,"marginTopMobile":30,"marginBottomResponsive":true,"marginBottomMobile":30,"paddingTop":120,"paddingBottom":120} -->
<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="{&quot;margin-top&quot;:&quot;0px&quot;,&quot;margin-bottom&quot;:&quot;0px&quot;}"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- 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} -->
<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"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&quot;font-size&quot;:&quot;64px&quot;}">INFORMATION</h2><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"><path d="m0 0 h 100 v 4 h -100 z"></path></svg><div class="ystdb-heading__subtext" aria-hidden="true" data-text="お知らせ"></div></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdtb/posts {"listType":"simple","colTablet":1,"colPc":1} /--></div></div></div>
<!-- /wp:ystdb/section -->

<!-- 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} -->
<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="{&quot;margin-top&quot;:&quot;0px&quot;,&quot;margin-bottom&quot;:&quot;0px&quot;}"><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"> </div><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- 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} -->
<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"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&quot;font-size&quot;:&quot;64px&quot;}">WORK</h2><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"><path d="m0 0 h 100 v 4 h -100 z"></path></svg><div class="ystdb-heading__subtext" aria-hidden="true" data-text="業務内容"></div></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdb/columns {"verticalAlignment":"last","align":"full"} -->
<div class="alignfull ystdb-columns-wrap"><div class="ystdb-columns has-1-columns has-3-columns--tablet has-3-columns--pc is-vertically-aligned-last"><!-- wp:ystdb/column {"backgroundColor":"ys-white","shadow":true,"className":"is-padding-small"} -->
<div class="ystdb-column has-background has-ys-white-background-color has-shadow is-padding-small"><div class="ystdb-column-block-container"><!-- 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}} -->
<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)"><div class="ystdtb-banner-link__overlay-background has-background has-ys-gray-background-color" style="opacity:0.5" aria-hidden="true"></div><div class="ystdtb-banner-link__container ystdtb-ratio__inner"><div class="ystdtb-banner-link__text"><h3 class="ystdtb-banner-link__main-text has-text-color has-ys-white-color is-clear-style">会社設立</h3><div class="ystdtb-banner-link__sub-text has-text-color has-ys-white-color">MORE ▶</div></div></div></a>
<!-- /wp:ystdtb/banner-link --></div></div>
<!-- /wp:ystdb/column -->

<!-- wp:ystdb/column {"backgroundColor":"ys-white","shadow":true,"className":"is-padding-small"} -->
<div class="ystdb-column has-background has-ys-white-background-color has-shadow is-padding-small"><div class="ystdb-column-block-container"><!-- 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}} -->
<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)"><div class="ystdtb-banner-link__overlay-background has-background has-ys-gray-background-color" style="opacity:0.5" aria-hidden="true"></div><div class="ystdtb-banner-link__container ystdtb-ratio__inner"><div class="ystdtb-banner-link__text"><h3 class="ystdtb-banner-link__main-text has-text-color has-ys-white-color is-clear-style">相続・贈与</h3><div class="ystdtb-banner-link__sub-text has-text-color has-ys-white-color">MORE ▶</div></div></div></a>
<!-- /wp:ystdtb/banner-link --></div></div>
<!-- /wp:ystdb/column -->

<!-- wp:ystdb/column {"backgroundColor":"ys-white","shadow":true,"className":"is-padding-small"} -->
<div class="ystdb-column has-background has-ys-white-background-color has-shadow is-padding-small"><div class="ystdb-column-block-container"><!-- 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}} -->
<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)"><div class="ystdtb-banner-link__overlay-background has-background has-ys-gray-background-color" style="opacity:0.5" aria-hidden="true"></div><div class="ystdtb-banner-link__container ystdtb-ratio__inner"><div class="ystdtb-banner-link__text"><h3 class="ystdtb-banner-link__main-text has-text-color has-ys-white-color is-clear-style">補助金・助成金の申請</h3><div class="ystdtb-banner-link__sub-text has-text-color has-ys-white-color">MORE ▶</div></div></div></a>
<!-- /wp:ystdtb/banner-link --></div></div>
<!-- /wp:ystdb/column --></div></div>
<!-- /wp:ystdb/columns --></div></div></div>
<!-- /wp:ystdb/section -->

<!-- wp:ystdb/section -->
<div class="alignfull ystdb-section" style="padding-top:80px;padding-bottom:80px;margin-top:0;margin-bottom:0"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- 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} -->
<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"><div class="ystdb-heading__container"><h2 class="ystdb-heading__text is-clear-style has-ys-red-color has-text-color" data-ys-responsive-property="{&quot;font-size&quot;:&quot;64px&quot;}">Column</h2><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"><path d="m0 0 h 100 v 4 h -100 z"></path></svg><div class="ystdb-heading__subtext" aria-hidden="true" data-text="お役立ち情報"></div></div></div>
<!-- /wp:ystdb/heading -->

<!-- wp:ystdtb/posts {"listType":"rich","taxonomy":"category","showExcerpt":true,"postIn":"","postNameIn":"","postParent":""} /--></div></div></div>
<!-- /wp:ystdb/section -->

<!-- wp:ystdb/section {"marginTopResponsive":true,"marginBottomResponsive":true,"paddingTop":0,"paddingBottom":0,"sectionMinHeight":400,"containerFluid":true,"className":"ystdtb-hidden-mobile","ystdtbIsHiddenMobile":true} -->
<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="{&quot;margin-top&quot;:&quot;0px&quot;,&quot;margin-bottom&quot;:&quot;0px&quot;}" id="map"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:html -->
<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"></iframe>
<!-- /wp:html --></div></div></div>
<!-- /wp:ystdb/section -->

<!-- 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} -->
<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="{&quot;margin-top&quot;:&quot;0px&quot;,&quot;margin-bottom&quot;:&quot;0px&quot;}" id="map"><div class="ystdb-section__container"><div class="ystdb-section__inner" style="margin-right:auto;margin-left:auto;padding-left:0;padding-right:0"><!-- wp:html -->
<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"></iframe>
<!-- /wp:html --></div></div></div>
<!-- /wp:ystdb/section -->

投稿ヘッダーなしテンプレートと、ヘッダーオーバーレイについてはこちら

yStandard Toolboxの「ヘッダーオーバーレイ」機能と投稿ヘッダーなしテンプレートを使って、TOPページで先頭の画像の上にメニューを重ねて表示するレ
wp-ystandard.com