-
コンセプト01|オーソドックスコードをコピー
<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#ffffff"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#ffffff"><div class="d--fullwidth-max d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#1d2d75"><!-- wp:columns --> <div class="wp-block-columns js--scr-animation"><!-- wp:column {"verticalAlignment":"center","width":"45%","className":"jinr-custom-content-columnleft"} --> <div class="wp-block-column is-vertically-aligned-center jinr-custom-content-columnleft" style="flex-basis:45%"><!-- wp:jinr-blocks/designtitle {"mainText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-27px\u0022\u003e直感的なデザインツールで\u003cbr\u003eあらゆる「IT障壁」をなくす\u003c/span\u003e","subText":"\u003cstrong\u003e\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-18px\u0022\u003eConcept\u003c/span\u003e\u003c/strong\u003e","divText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-27px\u0022\u003e直感的なデザインツールで\u003cbr\u003eあらゆる「IT障壁」をなくす\u003c/span\u003e","mainTextColor":"#444444","subTextColor":"#444444","titleDesignColor":"#444444","symbolColor":"#444444","className":"wp-block-jinr-blocks-designtitle b\u002d\u002djinr-block b\u002d\u002djinr-h2rich d\u002d\u002dh2rich-left d\u002d\u002dh2rich-style1 d\u002d\u002dtitledesign-weight-thin d\u002d\u002dh2rich-none jinr-custom-consept001","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-l-sp","jinrBlocksCSSAttribute":"/*サブコピー*/\n.jinr-custom-consept001.b\u002d\u002djinr-h2rich .c\u002d\u002dh2rich-contents .a\u002d\u002dh2rich-subcopy{\nmargin-bottom:20px;}\n"} --> <div class="jinr-add-class-container"><section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none jinr-custom-consept001 d--bottom-margin-l-sp js--scr-animation" style="border-color:#444444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#444444"><strong><span class="jinr-d--font-size d--fontsize-18px">Concept</span></strong></span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#444444"><span class="jinr-d--font-size d--fontsize-27px">直感的なデザインツールで<br>あらゆる「IT障壁」をなくす</span></h2></div></section><style jsx="true">/*サブコピー*/ .jinr-custom-consept001.b--jinr-h2rich .c--h2rich-contents .a--h2rich-subcopy{ margin-bottom:20px;} </style></div> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:paragraph --> <p>世の中には素晴らしい技術を持っているけれどwebでそれを発信できない人がたくさんいます。</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>私たちJINチームが大切にしているのは、そういった「IT障壁」を取り去って、誰でも自由に発信できる製品をつくることです。</p> <!-- /wp:paragraph --> <!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-left","registeredButton":"5","toggleTab":true,"topMarginSpAttribute":"d\u002d\u002dtop-margin-xl-sp","bottomMarginSpAttribute":"d\u002d\u002dbottom-margin-xl-sp"} --> <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button d--top-margin-xl-sp d--bottom-margin-xl-sp js--scr-animation">[jinr_button5 target="true" href="https://jinr.jp/" align="d--button-left"]<span>Read more</span>[/jinr_button5]</div> <!-- /wp:jinr-blocks/button --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"55%"} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:image {"id":2615,"sizeSlug":"large","linkDestination":"none"} --> <figure class="wp-block-image size-large"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12-1024x576.png" alt="" class="wp-image-2615"/></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:paragraph --> <p></p> <!-- /wp:paragraph --></div></section></section> <!-- /wp:jinr-blocks/fullwidth -->
-
コンセプト02|ダイナミックコードをコピー
<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#ffffff"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#ffffff"><div class="d--fullwidth-max d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#555555"><!-- wp:columns {"isStackedOnMobile":false} --> <div class="wp-block-columns is-not-stacked-on-mobile js--scr-animation"><!-- wp:column {"width":"30px"} --> <div class="wp-block-column" style="flex-basis:30px"><!-- wp:jinr-blocks/designtitle {"mainText":"開発者の想い","subText":"01 Concept","divText":"開発者の想い","mainTextColor":"#444444","subTextColor":"#444444","titleDesignColor":"#444444","symbolColor":"#444444","className":"jinr-custom-title07","jinrBlocksCSSAttribute":"/*横並びにする*/\n.jinr-custom-title07 .c\u002d\u002dh2rich-contents{\n\tdisplay:flex;\n\tgap:0.5em !important;\n\talign-items: center;\n}\n\n/*サブコピーのデザイン*/\n.jinr-custom-title07 .a\u002d\u002dh2rich-subcopy{\n\tletter-spacing:3px !important;\n\twriting-mode: vertical-rl;\n\t\tmargin-bottom:10px;\n}\n\n/*SP - スマホ調整*/\n@media (max-width: 781px){\n\t.jinr-custom-title07 .a\u002d\u002dh2rich-maincopy{\n\t\tfont-weight:400;\n\t\tfont-size:15px !important;\n\t}\n\n}\n\n/*メインコピー*/\n.jinr-custom-title07{\n\twriting-mode: vertical-rl;\n\tletter-spacing:3px !important;\n}\n"} --> <div class="jinr-add-class-container"><section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none jinr-custom-title07 js--scr-animation" style="border-color:#444444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#444444">01 Concept</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#444444">開発者の想い</h2></div></section><style jsx="true">/*横並びにする*/ .jinr-custom-title07 .c--h2rich-contents{ display:flex; gap:0.5em !important; align-items: center; } /*サブコピーのデザイン*/ .jinr-custom-title07 .a--h2rich-subcopy{ letter-spacing:3px !important; writing-mode: vertical-rl; margin-bottom:10px; } /*SP - スマホ調整*/ @media (max-width: 781px){ .jinr-custom-title07 .a--h2rich-maincopy{ font-weight:400; font-size:15px !important; } } /*メインコピー*/ .jinr-custom-title07{ writing-mode: vertical-rl; letter-spacing:3px !important; } </style></div> <!-- /wp:jinr-blocks/designtitle --></div> <!-- /wp:column --> <!-- wp:column {"width":"100%"} --> <div class="wp-block-column" style="flex-basis:100%"><!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p><strong><span class="jinr-d--font-size d--fontsize-24px">直感的なデザインツールで「こうしたい」の思いに応える</span></strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>ここに説明を書きます。ここに説明を書きます。ここに説明を書きます。ここに説明を書きます。</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>ここに説明を書きます。ここに説明を書きます。ここに説明を書きます。</p> <!-- /wp:paragraph --> <!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} --> <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-right"]<span>Read more</span>[/jinr_button5]</div> <!-- /wp:jinr-blocks/button --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></section></section> <!-- /wp:jinr-blocks/fullwidth -->
-
コンセプト03|カジュアルコードをコピー
<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#ffffff"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#ffffff"><div class="d--fullwidth-max d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#555555"><!-- wp:columns --> <div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"45%"} --> <div class="wp-block-column" style="flex-basis:45%"><!-- wp:jinr-blocks/designtitle {"mainText":"直感的なデザインツールで\u003cbr\u003e世の中の常識を変える","subText":"Concept","divText":"直感的なデザインツールで\u003cbr\u003e世の中の常識を変える","mainTextColor":"#444444","subTextColor":"#ffd746","titleDesignColor":"#444444","symbolColor":"#444444","tagSelect":"div","className":"wp-block-jinr-blocks-designtitle b\u002d\u002djinr-block b\u002d\u002djinr-h2rich d\u002d\u002dh2rich-left d\u002d\u002dh2rich-style1 d\u002d\u002dtitledesign-weight-thin d\u002d\u002dh2rich-none jinr-custom-consept004-title","jinrBlocksCSSAttribute":".jinr-custom-consept004-title.b\u002d\u002djinr-h2rich.d\u002d\u002dh2rich-left .c\u002d\u002dh2rich-contents{\n\tmargin-bottom:15px !important;\n}\n\n\n/*サブコピー*/\n.jinr-custom-consept004-title .a\u002d\u002dh2rich-subcopy{\n\tfont-weight:bold;\n\tfont-size:2em !important;\n\t-webkit-text-stroke:1px #444444;\n\tletter-spacing:4px !important;\n\tline-height:1.3 !important;\n}\n\n\n/*メインコピー*/\n.jinr-custom-consept004-title.b\u002d\u002djinr-h2rich.d\u002d\u002dh2rich-left .c\u002d\u002dh2rich-contents .a\u002d\u002dh2rich-maincopy,\n.wp-block[data-type=\u0022jinr-blocks/designtitle\u0022] .jinr-custom-consept005-title.b\u002d\u002djinr-h2rich.d\u002d\u002dh2rich-left h2{ \n\tletter-spacing:4px !important;\n\tline-height:1.8 !important;\n\tfont-size:1.5em !important;\n\tmargin-top:10px;\n}\n\n/*タイトルあしらい*/\n.jinr-custom-consept004-title .a\u002d\u002dh2rich-maincopy{\n\tposition:relative;\n}\n\n.jinr-custom-consept004-title .a\u002d\u002dh2rich-maincopy:after{\n\tcontent:\u0022\u0022;\n\tposition:absolute;\n\twidth:40px;\n\theight:1px;\n\tbackground:#444444;\n\tbottom:-15px;\n\tleft:0;\n}\n\n/*画像カスタム*/\n.jinr-custom-consept004-imgbg{\n\tposition:relative;\n\tmargin-right:18px !important;\n\tmargin-bottom:60px !important;\n\tz-index:0;\n}\n\n.jinr-custom-consept004-imgbg img{\n\tz-index:2;\n\tborder:1px solid #444;\n}\n\n\n.jinr-custom-consept004-imgbg .d\u002d\u002dfont-pc-m-size .editor-styles-wrapper{\nline-height:0 !important;}\n\n.jinr-custom-consept004-imgbg .wp-block-image{\nmargin:0 !important;\n}\n\n.jinr-custom-consept004-imgbg .c\u002d\u002dbackground-inner{\npadding:0px !important;\n}\n\n/*写真 ストライプ*/\n.jinr-custom-consept004-imgbg:before{\n\tcontent:'';\n\tposition:absolute;\n\tbottom:-15px;\n\tright:-15px;\n\twidth:100%;\n\theight:100%;\n\tbackground-image:repeating-linear-gradient(-45deg,#aaaaaa 0px,#aaaaaa 1px,rgba(0 0 0 / 0)0%,rgba(0 0 0 /0)1%);\n\tz-index:-1;\n}\n"} --> <div class="jinr-add-class-container"><section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none jinr-custom-consept004-title js--scr-animation" style="border-color:#444444"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#ffd746">Concept</span><div class="a--h2rich-maincopy d--bold ef" style="color:#444444">直感的なデザインツールで<br>世の中の常識を変える</div></div></section><style jsx="true">.jinr-custom-consept004-title.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents{ margin-bottom:15px !important; } /*サブコピー*/ .jinr-custom-consept004-title .a--h2rich-subcopy{ font-weight:bold; font-size:2em !important; -webkit-text-stroke:1px #444444; letter-spacing:4px !important; line-height:1.3 !important; } /*メインコピー*/ .jinr-custom-consept004-title.b--jinr-h2rich.d--h2rich-left .c--h2rich-contents .a--h2rich-maincopy, .wp-block[data-type="jinr-blocks/designtitle"] .jinr-custom-consept005-title.b--jinr-h2rich.d--h2rich-left h2{ letter-spacing:4px !important; line-height:1.8 !important; font-size:1.5em !important; margin-top:10px; } /*タイトルあしらい*/ .jinr-custom-consept004-title .a--h2rich-maincopy{ position:relative; } .jinr-custom-consept004-title .a--h2rich-maincopy:after{ content:""; position:absolute; width:40px; height:1px; background:#444444; bottom:-15px; left:0; } /*画像カスタム*/ .jinr-custom-consept004-imgbg{ position:relative; margin-right:18px !important; margin-bottom:60px !important; z-index:0; } .jinr-custom-consept004-imgbg img{ z-index:2; border:1px solid #444; } .jinr-custom-consept004-imgbg .d--font-pc-m-size .editor-styles-wrapper{ line-height:0 !important;} .jinr-custom-consept004-imgbg .wp-block-image{ margin:0 !important; } .jinr-custom-consept004-imgbg .c--background-inner{ padding:0px !important; } /*写真 ストライプ*/ .jinr-custom-consept004-imgbg:before{ content:''; position:absolute; bottom:-15px; right:-15px; width:100%; height:100%; background-image:repeating-linear-gradient(-45deg,#aaaaaa 0px,#aaaaaa 1px,rgba(0 0 0 / 0)0%,rgba(0 0 0 /0)1%); z-index:-1; } </style></div> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:paragraph --> <p>JIN:Rは、誰でも直感的にサイトデザインが楽しめるツールとして、3年間の歳月をかけて完成させました。</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>ここにブログやサービスのコンセプトを書いていきましょう。</p> <!-- /wp:paragraph --> <!-- wp:jinr-blocks/button {"content":"Readmore","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-left","registeredButton":"5"} --> <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-left"]<span>Readmore</span>[/jinr_button5]</div> <!-- /wp:jinr-blocks/button --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"center","width":"55%"} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:55%"><!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none","className":"jinr-custom-consept004-imgbg"} --> <figure class="wp-block-image size-full jinr-custom-consept004-imgbg"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure> <!-- /wp:image --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></section></section> <!-- /wp:jinr-blocks/fullwidth -->
-
コンセプト04|ランディングページコードをコピー
<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#ffffff","fullWidthTextColor":"#444443","fullWidthBgColorTransparent":71,"fullWidthParallax":"d\u002d\u002dfullwidth-parallax-on"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#ffffff"><div class="d--fullwidth-max d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#444443"><!-- wp:columns --> <div class="wp-block-columns js--scr-animation"><!-- wp:column {"width":"120px"} --> <div class="wp-block-column" style="flex-basis:120px"><!-- wp:paragraph {"className":"jinr-custom-title07","jinrBlocksCSSAttribute":".jinr-custom-title07{\n\tfont-size:2.8em !important;\n\twriting-mode: vertical-rl;\n\tletter-spacing:3px !important;\n}\n\n.jinr-custom-title07-subtitle{\n\tposition:relative;\n\t\twriting-mode: vertical-rl;\n}\n\n/*タブレット以下*/\n@media (max-width: 781px){\n\t.jinr-custom-title07,.jinr-custom-title07-subtitle{\nwriting-mode:horizontal-tb;}\n\t.jinr-custom-title07-subtitle{\n\tmargin:0 !important;\n\t}\n\t}\n}"} --> <div class="jinr-add-class-container"><p class="jinr-custom-title07"><strong>Concept</strong></p><style jsx="true">.jinr-custom-title07{ font-size:2.8em !important; writing-mode: vertical-rl; letter-spacing:3px !important; } .jinr-custom-title07-subtitle{ position:relative; writing-mode: vertical-rl; } /*タブレット以下*/ @media (max-width: 781px){ .jinr-custom-title07,.jinr-custom-title07-subtitle{ writing-mode:horizontal-tb;} .jinr-custom-title07-subtitle{ margin:0 !important; } } }</style></div> <!-- /wp:paragraph --> <!-- wp:paragraph {"className":"jinr-custom-title07-subtitle"} --> <p class="jinr-custom-title07-subtitle">開発コンセプト</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"width":"70%"} --> <div class="wp-block-column" style="flex-basis:70%"><!-- wp:spacer {"height":"81px"} --> <div style="height:81px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph --> <p><span class="jinr-d--font-size d--fontsize-30px"><strong>誰もが、直感的に<br>サイト作りを楽しめる</strong><br><strong>最高のデザインツールを</strong></span></p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":"20px"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph --> <p><span class="jinr-d--font-size d--fontsize-18px">JIN:Rが目指したのは、ただのWordPressテーマではありません。<br><br><span class="jinr-d--text-color d--marker1"><strong>「誰でも直感的にWEBデザインできるツール」</strong>という</span><br><span class="jinr-d--text-color d--marker1">この世には存在しなかったプロダクトです。</span><br><br>「中途半端に妥協したものは絶対に出さない」というJINチームらしい信念を貫き<br>『3年間』の長期開発を経て、遂に完成へと至りました。</span></p> <!-- /wp:paragraph --> <!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></figure> <!-- /wp:image --> <!-- wp:paragraph {"align":"right"} --> <p class="has-text-align-right"><span class="jinr-d--font-size d--fontsize-30px"><strong>「JINらしさ」はそのまま貫き</strong></span><br><span class="jinr-d--font-size d--fontsize-30px"><strong>さらに昇華、変革</strong></span></p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":"20px"} --> <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph --> <p><span class="jinr-d--font-size d--fontsize-18px">これまでJINのブランドが大切にしてきたのは<br><br><span class="jinr-d--text-color d--marker1"><strong>「サイトを読む人」「記事を書く人」の、</strong></span><span class="jinr-d--text-color d--marker1"><strong>どちらにとっても使いやすい製品</strong>に仕上げること</span></span></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><span class="jinr-d--font-size d--fontsize-18px">使いやすさ追求する姿勢はそのままに、JIN(旧テーマ)から構造を一新。</span><br><span class="jinr-d--font-size d--fontsize-18px">WordPressの新エディターに特化してリメイクしました。</span></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><span class="jinr-d--font-size d--fontsize-18px">「R」はJINからのリメイク(Remake)と、WEBデザイン業界に変革をもたらす野望(Revolution)を込めて、JIN:Rという製品名にいたしました。</span><span class="jinr-d--font-size d--fontsize-18px"><br><br>もちろんこのページも、100%テーマ純正機能でできています。</span></p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --> <!-- wp:jinr-blocks/button {"content":"Readmore|特徴","inputUrl":"https://jinr.jp/feature/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} --> <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/feature/" align="d--button-right"]<span>Readmore|特徴</span>[/jinr_button5]</div> <!-- /wp:jinr-blocks/button --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div></section></section> <!-- /wp:jinr-blocks/fullwidth -->
-
コンセプト05|左右に分かれるレイアウトコードをコピー
<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#fcfcfc","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad50","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad30-sp"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#fcfcfc"><div class="d--fullwidth-max d--fullwidth-pad50 d--fullwidth-pad30-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-30px\u0022\u003eConcept \u003c/span\u003e","subText":"当社のこだわり","divText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-30px\u0022\u003eConcept \u003c/span\u003e","radioLayout":"center"} --> <section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-center d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none js--scr-animation" style="border-color:#407FED"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#407FED">当社のこだわり</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED"><span class="jinr-d--font-size d--fontsize-30px">Concept </span></h2></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:media-text {"mediaId":2613,"mediaLink":"https://jinr-theme.com/?attachment_id=2613","mediaType":"image","imageFill":true} --> <div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png);background-position:50% 50%"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png" alt="" class="wp-image-2613 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:jinr-blocks/designtitle {"mainText":"直感的なサイトデザインを","subText":"Concept","divText":"直感的なサイトデザインを"} --> <section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none js--scr-animation" style="border-color:#407FED"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#407FED">Concept</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED">直感的なサイトデザインを</h2></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:paragraph --> <p>JIN:Rは、誰でも直感的に美しいサイトを作ることができるツールとして、3年間の歳月をかけて完成させました。</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>ここにブログやサービスのコンセプト、こだわりを書いていきましょう。</p> <!-- /wp:paragraph --> <!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} --> <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-right"]<span>Read more</span>[/jinr_button5]</div> <!-- /wp:jinr-blocks/button --></div></div> <!-- /wp:media-text --> <!-- wp:media-text {"mediaPosition":"right","mediaId":2613,"mediaLink":"https://jinr-theme.com/?attachment_id=2613","mediaType":"image","imageFill":true} --> <div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png);background-position:50% 50%"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png" alt="" class="wp-image-2613 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:jinr-blocks/designtitle {"mainText":"直感的なサイトデザインを","subText":"Concept","divText":"直感的なサイトデザインを"} --> <section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none js--scr-animation" style="border-color:#407FED"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#407FED">Concept</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED">直感的なサイトデザインを</h2></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:paragraph --> <p>JIN:Rは、誰でも直感的に美しいサイトを作ることができるツールとして、3年間の歳月をかけて完成させました。</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>ここにブログやサービスのコンセプト、こだわりを書いていきましょう。</p> <!-- /wp:paragraph --> <!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} --> <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-right"]<span>Read more</span>[/jinr_button5]</div> <!-- /wp:jinr-blocks/button --></div></div> <!-- /wp:media-text --></div></section></section> <!-- /wp:jinr-blocks/fullwidth -->