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;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":"/contact","className":"is-style-fill"} --> &lt;div class="wp-block-button is-style-fill">&lt;a href="/contact" 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":"/contact","className":"is-style-fill"} --> &lt;div class="wp-block-button is-style-fill">&lt;a href="/contact" 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":"/contact","className":"is-style-fill"} --> &lt;div class="wp-block-button is-style-fill">&lt;a href="/contact" 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;!-- 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":"/about","className":"is-style-outline"} --> &lt;div class="wp-block-button has-text-align-right is-style-outline">&lt;a href="/about" 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":{"rel":"#","url":"/会社設立"},"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":{"rel":"#","url":"/相続"},"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":{"rel":"#","url":"/補助金"},"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 --> &lt;!-- wp:paragraph --> &lt;p>&lt;/p> &lt;!-- /wp:paragraph --> 投稿ヘッダーなしテンプレートと、ヘッダーオーバーレイについてはこちら https://wp-ystandard.com/manual/ystdtb-overlay-blank-template/

Topics

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

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

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