コンセプト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 -->