PageSourceSearch

https://cocon-jewelry.com/about-cocon/

html cocon-jewelry.com collected 2026-10-04 19:11:45 UTC 32,807 bytes, 565 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
5	<meta charset="utf-8">
6	<meta name="viewport" content="width=device-width">
7	<meta name="format-detection" content="telephone=no">
8	<meta name="apple-mobile-web-app-title" content="">
9	<meta name="keywords" content="">
10	<meta name="thumbnail" content="https://cocon-jewelry.com/assets/img/common/thumbnail01.jpg">
11
12	
13	<link rel="preconnect" href="https://fonts.googleapis.com">
14	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15	<!--<link
16		href="https://fonts.googleapis.com/css2?family=Hind:wght@300;400;700&family=Noto+Sans+JP:wght@400;500;700&display=swap"
17		rel="stylesheet">-->
18	
18<script>
19	window.addEventListener('load', function(){
20		let chara_text = document.getElementsByTagName('body')[0].innerText;
21		document.querySelectorAll('*').forEach(function(i){
22			chara_text += getComputedStyle(i, '::before').content+getComputedStyle(i, '::after').content;
23		});
24
25		let link_tag = document.createElement('link');
26		link_tag.rel = 'stylesheet';
27		link_tag.href = 'https://fonts.googleapis.com/css2?family=Hind:wght@300;400;700&Noto+Sans+JP:wght@400;500;700&display=swap&text='+encodeURIComponent(chara_text.split('').filter(function(x, i, self){
28			return self.indexOf(x) === i;
29		}).sort().join(''));
30
31		let pos = document.getElementsByTagName('link')[0];
32		pos.parentNode.insertBefore(link_tag, pos);
33	});
34	</script>
34
35	<link rel="stylesheet" href="/assets/css/styles.css?20230510">
36	<link rel="stylesheet" href="/assets/css/contact.css?20230510">
37	<link rel="icon" href="https://cocon-jewelry.com/assets/favicon.ico">
38	<link rel="apple-touch-icon" href="apple-touch-icon.png">
39
40	<!-- Google Tag Manager -->
41	
41<script>
vendor: 331 bytes, lines 41-45
41(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
42	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
43	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
44	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
45	})(window,document,'script','dataLayer','
45GTM-WG74VK3
vendor: 3 bytes, line 45
45');
45</script>
45
46	<!-- End Google Tag Manager -->
47
48	
48<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
vendor: 85 bytes, lines 48-50
48
49	<script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
50
51<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
52
53	<!-- This site is optimized with the Yoast SEO plugin v19.3 - https://yoast.com/wordpress/plugins/seo/ -->
54	<title>CONCEPT | COCON</title>
55	<link rel="canonical" href="https://cocon-jewelry.com/about-cocon/" />
56	<meta property="og:locale" content="ja_JP" />
57	<meta property="og:type" content="article" />
58	<meta property="og:title" content="CONCEPT | COCON" />
59	<meta property="og:url" content="https://cocon-jewelry.com/about-cocon/" />
60	<meta property="og:site_name" content="COCON" />
61	<meta property="article:modified_time" content="2022-07-15T09:56:37+00:00" />
62	<meta name="twitter:card" content="summary_large_image" />
63	
63<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://cocon-jewelry.com/#website","url":"https://cocon-jewelry.com/","name":"COCON","description":"COCONはデザイナーを選び、世界でひとつのジュエリーを作れる、「オンライン×オーダーメイド」可能なジュエリーリフォームブランドです。","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://cocon-jewelry.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ja"},{"@type":"WebPage","@id":"https://cocon-jewelry.com/about-cocon/","url":"https://cocon-jewelry.com/about-cocon/","name":"CONCEPT | COCON","isPartOf":{"@id":"https://cocon-jewelry.com/#website"},"datePublished":"2022-07-15T09:55:47+00:00","dateModified":"2022-07-15T09:56:37+00:00","breadcrumb":{"@id":"https://cocon-jewelry.com/about-cocon/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https://cocon-jewelry.com/about-cocon/"]}]},{"@type":"BreadcrumbList","@id":"https://cocon-jewelry.com/about-cocon/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム","item":"https://cocon-jewelry.com/"},{"@type":"ListItem","position":2,"name":"CONCEPT"}]}]}</script>
63
64	<!-- / Yoast SEO plugin. -->
65
66
67<style id="wp-img-auto-sizes-contain-inline-css">
68img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
69/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
70</style>
71<style id="wp-block-library-inline-css">
72:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
72--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
73/*wp_block_styles_on_demand_placeholder:6ac2a4f0ce7c3*/
74/*# sourceURL=wp-block-library-inline-css */
75</style>
76<style id="classic-theme-styles-inline-css">
77/*! This file is auto-generated */
78.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
79/*# sourceURL=/wp-includes/css/classic-themes.min.css */
80</style>
81<style id="wp-block-styles-placeholder-inline-css">
82:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
83/*# sourceURL=wp-block-styles-placeholder-inline-css */
84</style>
85<style id="wp-global-styles-placeholder-inline-css">
86:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
87/*# sourceURL=wp-global-styles-placeholder-inline-css */
88</style>
89<link rel='stylesheet' id='contact-form-7-css' href='https://cocon-jewelry.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.4' media='all' />
90<style type="text/css">.broken_link, a.broken_link {
91	text-decoration: line-through;
92}</style><!--
93  <PageMap>
94    <DataObject type="thumbnail">
95      <Attribute name="src" value="https://cocon-jewelry.com/assets/img/common/thumbnail01.jpg"/>
96      <Attribute name="width" value="120"/>
97      <Attribute name="height" value="120"/>
98    </DataObject>
99  </PageMap>
100-->
101</head>
102<body>
103	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 103-104
103
104	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
104GTM-WG74VK3
vendor: 85 bytes, lines 104-106
104"
105	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
106	
106<!-- End Google Tag Manager (noscript) -->
107
108<div id="about-cocon" class="">
109
110<!--ヘッダー共通パーツ-->
111<header id="top" class="l-header is-wide ">
112	<h1 class="p-heading__title">ジュエリーリフォームのCOCON</h1>
113	<div class="f-container">
114		<h2 class="h-logo logo">
115			<a href="/">
116				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
117					y="0px" viewBox="0 0 343.3 74.8" style="enable-background:new 0 0 343.3 74.8;" width="100%"
118					xml:space="preserve">
119					
120					<path class="st0" d="M51.5,25.9c-5.6-5.1-10.8-7.4-17.2-7.4c-11.8,0-19.7,8.8-19.7,21.7S22.6,62,34.4,62c6.3,0,11.1-2,17.1-7.4v16.1
121	c-5.4,2.8-11.3,4.2-17.4,4.2C14.8,74.8,0,59.8,0,40.2S14.8,5.6,34.1,5.6c6.1,0,10.8,1.1,17.4,4.2V25.9z" />
122					<path class="st0" d="M129.8,40.7c0,19.5-15,34.2-34.8,34.2c-9.9,0-18.3-3.4-24.8-10.2c-3.2-3.2-5.7-7-7.3-11.1s-2.5-8.6-2.5-13.1
123	c0-19.7,15-34.9,34.4-34.9C115.1,5.6,129.8,20.3,129.8,40.7z M74.9,40c0,12.8,8.6,22,20.3,22s20-9.1,20-21.5s-8.7-22-20.2-22
124	C83.6,18.4,74.9,27.8,74.9,40z" />
125					<path class="st0" d="M190.1,25.9c-5.6-5.1-10.9-7.4-17.2-7.4c-11.7,0-19.7,8.8-19.7,21.7S161.2,62,173,62c6.3,0,11.1-2,17.1-7.4
126	v16.1c-5.4,2.8-11.3,4.2-17.4,4.2c-19.3,0-34.1-15-34.1-34.7s14.8-34.6,34.1-34.6c6.1,0,10.8,1.1,17.4,4.2L190.1,25.9z" />
127					<path class="st0" d="M268.4,46.2c0-20.4-14.7-35.1-35.1-35.1S199,26.3,199,46c0,5.4,1.2,10.7,3.6,15.5s5.9,9,10.2,12.2h42
128	c4.3-3.2,7.8-7.3,10.2-12.1C267.3,56.9,268.5,51.6,268.4,46.2z M233.9,67.6c-11.8,0-20.3-9.2-20.3-22S222.3,24,233.7,24
129	s20.2,9.4,20.2,22S245.3,67.6,233.9,67.6z" />
130					<path class="st0" d="M254.8,0h-42c6,4.5,13.4,6.8,20.9,6.7C241.2,6.8,248.6,4.4,254.8,0z" />
131					<path class="st0"
132						d="M343.3,73.7h-13.9l-35.1-45.8v45.8h-13.9v-67h14.4l34.6,45.4V6.7h13.9L343.3,73.7L343.3,73.7z" />
133				</svg>
134			</a>
135		</h2>
136		<nav class="m-header-nav">
137			<ul class="m-header-nav__list">
138				<!-- li class="m-header-nav__item">
139					<a href="/designer/" class="m-header-nav__link m-en">DESIGNER</a>
140				</li -->
141                <li class="m-header-nav__item">
142					<a href="/contact/" class="m-header-nav__link m-en">無料相談</a>
143				</li>
144				<li class="m-header-nav__item">
145					<a href="/gallery/" class="m-header-nav__link m-en">GALLERY</a>
146				</li>
147				<li class="m-header-nav__item">
148					<a href="/about-cocon/"
149						class="m-header-nav__link m-en">CONCEPT</a>
150				</li>
151			</ul>
152		</nav>
153		<!-- /.m-header-nav -->
154		<div class="l-hamburger-menu">
155			<button class="m-menu-btn">
156				<span class="menu-line menu-line__large"></span>
157				<span class="menu-line menu-line__short"></span>
158				<!-- /.menu-line__wrapper -->
159			</button>
160		</div>
161	</div>
162	<div class="l-menu-content">
163		<div class="l-menu-content__inner">
164			<button class="m-close-button">
165				<span class="menu-line"></span>
166				<span class="menu-line"></span>
167			</button>
168			<div class="l-primary-secondaly__wrapper">
169				<nav class="l-primary-nav">
170					<ul class="bl-primary-nav__list">
171						<li class="bl-primary-nav__item">
172							<a href="/designer/" class="m-primary-nav__link m-en">DESIGNER
173							</a>
174						</li>
175						<li class="bl-primary-nav__item">
176							<a href="/gallery/" class="m-primary-nav__link m-en">GALLERY</a>
177						</li>
178						<li class="bl-primary-nav__item">
179							<a href="/about-cocon/" class="m-primary-nav__link m-en">CONCEPT</a>
180						</li>
181					</ul>
182				</nav>
183				<nav class="l-secondly-nav">
184					<ul class="bl-secondly-nav__list">
185						<li class="bl-secondly-nav__item">
186							<a href="/about-cocon/serviceflow/" class="m-secondly-nav__link">
187								<span class="m-en">SERVICE FLOW</span>
188							</a>
189						</li>
190						<li class="bl-secondly-nav__item">
191							<a href="/about-cocon/price/" class="m-secondly-nav__link">
192								<span class="m-en">PRICE</span>
193								<span class="m-jp">よいものを適正価格でわかりやすく</span>
194							</a>
195						</li>
196						<li class="bl-secondly-nav__item">
197							<a href="/about-cocon/quality/" class="m-secondly-nav__link">
198								<span class="m-en">QUALITY</span>
199								<span class="m-jp">専門家が細やかに柔軟にご対応</span>
200							</a>
201						</li>
202						<li class="bl-secondly-nav__item">
203							<a href="/about-cocon/support/" class="m-secondly-nav__link">
204								<span class="m-en">SUPPORT</span>
205								<span class="m-jp">お手入れ・お直しまで万全の心配り</span>
206							</a>
207						</li>
208					</ul>
209				</nav>
210			</div>
211			<div class="l-utility-nav__wrapper">
212				<nav class="l-tertiary-nav">
213					<ul class="bl-tertiary-nav__list">
214						<li class="bl-tertiary-nav__item">
215							<a href="/news/" class="m-tertiary-nav__link">NEWS</a>
216						</li>
217						<li class="bl-tertiary-nav__item">
218							<a href="/shop-guide/"
219								class="m-tertiary-nav__link">SHOPPING GUIDE</a>
220						</li>
221						<li class="bl-tertiary-nav__item">
222							<a href="/faq/" class="m-tertiary-nav__link">FAQ</a>
223						</li>
224						<li class="bl-tertiary-nav__item">
225							<a href="/company/" class="m-tertiary-nav__link">COMPANY</a>
226						</li>
227						<li class="bl-tertiary-nav__item">
228							<a href="/coco-notes/" target="_blank" class="m-tertiary-nav__link">
229								COCO Notes
230								<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
231									<path d="M10.3444 4.02628V0.473145H6.79126L10.3444 4.02628Z" fill="#fff"/>
232									<path fill-rule="evenodd" clip-rule="evenodd" d="M3.72424 6.42432L8.81604 1.33252L9.52315 2.03963L4.43135 7.13142L3.72424 6.42432Z" fill="#fff"/>
233									<path fill-rule="evenodd" clip-rule="evenodd" d="M0.34436 0.473145H5.1988V1.47314H1.34436V9.47314H9.34436V5.92869H10.3444V10.4731H0.34436V0.473145Z" fill="#fff"/>
234								</svg>
235							</a>
236						</li>
237					</ul>
238				</nav>
239				<div class="l-flex">
240					<nav class="l-quaternary-nav">
241						<ul class="bl-quaternary-nav__list">
242							<!--
243							<li class="bl-quaternary-nav__item l-q-nav01">
244								<a href="/contact/consultation/" class="bl-quaternary-nav__link">リフォームの相談予約</a>
245							</li>
246							-->
247							<li class="bl-quaternary-nav__item l-q-nav02">
248								<a href="/contact/" class="bl-quaternary-nav__link">無料相談</a>
249							</li>
250							<li class="bl-quaternary-nav__item l-q-nav03">
251								<a href="https://lin.ee/ehu3AQq" target="_blank" class="bl-quaternary-nav__link">LINEで相談</a>
252							</li>
253						</ul>
254					</nav>
255					<div class="l-tel">
256						<p class="m-text">営業時間中はお電話でのお問い合わせも可能です</p>
257						<p class="m-tel">
258							<span class="m-icon"><img src="/assets/img/common/icn_mobile.svg" alt="" importance="low" decoding="async" loading="lazy"></span><a
259								href="tel:082-545-5566" class="m-en">082-545-5566</a>
260							<span class="m-text">受付時間:10:00~18:00[ 水曜定休 ]</span>
261						</p>
262
263					</div>
264					<!-- /.l-tel -->
265				</div>
266				<div class="l-logo__wrapper">
267					<h2 class="l-logo l-nav-logo">
268						<a href="/"><img src="/assets/img/common/logo_w.svg" alt="COCON" importance="low" decoding="async" loading="lazy"></a>
269					</h2>
270
271				</div>
272				<!-- /.l-logo__wrapper -->
273			</div>
274			<!-- /.l-utility-nav__wrapper -->
275
276		</div>
277		<!-- /.l-menu-content__inner -->
278	</div>
279	<!-- /.l-menu-content -->
280</header>
281<main class="u-clearfix">
282	<ul class="breadcrumb__list" itemscope itemtype="https://schema.org/BreadcrumbList">
283		<li class="breadcrumb__item" itemprop="itemListElement" itemscope
284			itemtype="https://schema.org/ListItem">
285			<a itemprop="item" href="/"><span itemprop="name">TOP</span></a>
286			<meta itemprop="position" content="1" />
287		</li>
288		<li class="breadcrumb__item">CONCEPT</li>
289	</ul>
290	<div class="l-content__heading">
291		<div class="l-content__inner">
292			<picture>
293				<source media="(min-width: 768px)"
294					srcset="/assets/img/about-cocon/img_pc_mv.jpg 1x, /assets/img/about-cocon/[email protected] 2x">
295				<img src="/assets/img/about-cocon/img_mv.jpg"
296					srcset="/assets/img/about-cocon/[email protected] 2x" alt="">
297			</picture>
298			<h2 class="m-title"><span class="m-en">BRING DREAMS TO LIFE</span><span
299					class="m-jp">今、ほんとうに輝くために</span></h2>
300			<p class="m-text">ジュエリーは、私に喜びと勇気をくれる。<br>
301				小さな輝きは、まるで自分そのもの。<br>
302				だから私は、今の自分が本当に好きなものを、<br>
303				毎日身につけていたいと思う。</p>
304
305			<p class="m-text">この宝石 (いし) は、縁があるからここにある。<br>
306				本当の輝きを放つ瞬間を待っている。<br>
307				今の私がそうであるように。</p>
308
309			<p class="m-text">新しく目覚めた宝石とともに、私も変わる。<br>
310				一番、大好き。一番、素敵。<br>
311				そんな自信をさらりと纏う、私になる。</p>
312		</div>
313		<!-- /.l-content__inner -->
314	</div>
315	<!-- /.l-content__heading -->
316	<div class="l-detail-content">
317		<div class="l-content__inner">
318			<div class="l-media">
319				<picture class="">
320					<source media="(min-width: 768px)"
321						srcset="/assets/img/about-cocon/img_pc_concept01.jpg 1x, /assets/img/about-cocon/[email protected] 2x">
322					<img src="/assets/img/about-cocon/img_pc_concept01.jpg"
323						srcset="/assets/img/about-cocon/[email protected] 2x" alt="">
324				</picture>
325				<div class="l-text__wrapper">
326					<h3 class="m-title">
327						<span class="m-en">SYSTEM</span>
328						<span class="m-jp">自由度の高い<br>
329							オンライン × オーダーメイド</span>
330					</h3>
331					<p class="m-text">
332						多彩なデザインとの出合いを、いつでも、どこでも。お客様のあらゆる希望を叶えるオーダーメイドシステムが、大切なジュエリーと紡ぐ新たなストーリーへと導きます。</p>
333					<div class="l-link__wrapper">
334						<a href="/about-cocon/serviceflow/" class="m-has-arrow"><span class="m-arrow">→</span> ご利用の流れ</a>
335					</div>
336					<!-- /.l-link__wrapper -->
337				</div>
338				<!-- /.l-text__wrapper -->
339			</div>
340			<!-- /.l-media -->
341			<div class="l-media l-reverse">
342				<picture class="">
343					<source media="(min-width: 768px)"
344						srcset="/assets/img/about-cocon/img_pc_concept02.jpg 1x, /assets/img/about-cocon/[email protected] 2x">
345					<img src="/assets/img/about-cocon/img_pc_concept02.jpg"
346						srcset="/assets/img/about-cocon/[email protected] 2x" alt="">
347				</picture>
348				<div class="l-text__wrapper">
349					<h3 class="m-title">
350						<span class="m-en">DESIGN</span>
351						<span class="m-jp">幅広く質の高い<br>デザイン</span>
352					</h3>
353					<p class="m-text">思い描くデザインも、想像を超えるデザインも。業界の最前線で活躍するãƒ
353‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ‰‹ã§ã‚«ã‚¿ãƒã«ã€‚世界でひとつ、あなただけのデザインがきっと見つかります。
354					</p>
355					<div class="l-link__wrapper">
356						<a href="/designer/" class="m-has-arrow"><span class="m-arrow">→</span> デザイナー一覧</a>
357					</div>
358				</div>
359				<!-- /.l-text__wrapper -->
360			</div>
361			<!-- /.l-media -->
362			<div class="l-media">
363				<picture class="">
364					<source media="(min-width: 768px)"
365						srcset="/assets/img/about-cocon/img_pc_concept03.jpg 1x, /assets/img/about-cocon/[email protected] 2x">
366					<img src="/assets/img/about-cocon/img_pc_concept03.jpg"
367						srcset="/assets/img/about-cocon/[email protected] 2x" alt="">
368				</picture>
369				<div class="l-text__wrapper">
370					<h3 class="m-title">
371						<span class="m-en">CRAFT</span>
372						<span class="m-jp">最高品質を生み出す<br>クラフト</span>
373					</h3>
374					<p class="m-text">お手持ちの宝石に、プラスの価値を。確かな技術を持つ職人が、素材の見極めから、美しい細工、仕上げまで、お客様のこだわりに丁寧にお応えします。
375					</p>
376					<div class="l-link__wrapper">
377						<a href="/about-cocon/quality/" class="m-has-arrow"><span class="m-arrow">→</span> 信頼の安定品質</a>
378					</div>
379				</div>
380				<!-- /.l-text__wrapper -->
381			</div>
382			<!-- /.l-media -->
383			<div class="l-media l-reverse">
384				<picture class="">
385					<source media="(min-width: 768px)"
386						srcset="/assets/img/about-cocon/img_pc_concept04.jpg 1x, /assets/img/about-cocon/[email protected] 2x">
387					<img src="/assets/img/about-cocon/img_concept04.jpg"
388						srcset="/assets/img/about-cocon/[email protected] 2x" alt="">
389				</picture>
390				<div class="l-text__wrapper">
391					<h3 class="m-title">
392						<span class="m-en">DELIVERY</span>
393						<span class="m-jp">愛着が深まる 愛用が続く<br>Jubilee Box</span>
394					</h3>
395					<p class="m-text">身につけているときは自分の一部に。そうでないときも暮らしの一部に。見せる収納で、お気に入りのジュエリーとともに過ごす毎日を。
396					</p>
397				</div>
398				<!-- /.l-text__wrapper -->
399			</div>
400			<!-- /.l-media -->
401		</div>
402		<!-- /.l-content__inner -->
403	</div>
404	<!-- /.l-detail-content -->
405	<section class="l-width-confidence">
406		<div class="l-content__inner">
407			<div class="l-img__wrapper">
408				<h2 class="m-title">WITH CONFIDENCE</h2>
409				<picture>
410					<source media="(min-width: 768px)"
411						srcset="/assets/img/about-cocon/img_pc_withconfidence.jpg 1x, /assets/img/about-cocon/[email protected] 2x">
412					<img src="/assets/img/about-cocon/img_withconfidence.jpg"
413						srcset="/assets/img/about-cocon/[email protected] 2x" alt="">
414				</picture>
415			</div>
416			<!-- /.l-img__wrapper -->
417			<div class="m-text">わかりやすく、丁寧に。<br class="u-pc">ジュエリーリフォームが初めての方でも気軽にご利用いただけるよう、3つの「安心」をご用意しました。
418			</div>
419			<ul class="l-guarantee__list">
420				<li class="l-guarantee__item">
421					<div class="l-text__wrapper">
422						<h3 class="m-title">PRICE</h3>
423						<p class="m-text">よいものを、適正価格で<br>わかりやすさも<br>ひとつの品質です</p>
424					</div>
425					<!-- /.l-text__wrapper -->
426					<div class="l-link__wrapper">
427						<a href="/about-cocon/price/" class="m-link">適正価格でご提供</a>
428					</div>
429					<!-- /.l-link__wrapper -->
430				</li>
431				<li class="l-guarantee__item">
432					<div class="l-text__wrapper">
433						<h3 class="m-title">QUALITY</h3>
434						<p class="m-text">確かな目と、確かな腕<br>プロクオリティの<br class="u-tab">接客・制作を<br>一貫体制でお届け</p>
435					</div>
436					<!-- /.l-text__wrapper -->
437					<div class="l-link__wrapper">
438						<a href="/about-cocon/quality/" class="m-link">専門家による技術力</a>
439					</div>
440					<!-- /.l-link__wrapper -->
441				</li>
442				<li class="l-guarantee__item">
443					<div class="l-text__wrapper">
444						<h3 class="m-title">SUPPORT</h3>
445						<p class="m-text">お手入れやお直しに<br class="u-tab">心を込めて<br>お届けに万全の心配りを<br>確かな安心をお約束します</p>
446					</div>
447					<!-- /.l-text__wrapper -->
448					<div class="l-link__wrapper">
449						<a href="/about-cocon/support/" class="m-link">アフターサービス・配送補償</a>
450					</div>
451					<!-- /.l-link__wrapper -->
452				</li>
453			</ul>
454			<!-- /.l-blocks -->
455		</div>
456		<!-- /.l-content__inner -->
457	</section>
458	<div class="l-content-links p-text-only">
459	<ul class="bl-content-link__list p-border">
460		<li class="bl-content-link__item"><a href="/about-cocon/serviceflow/"><span>→ </span>SERVICE FLOW</a></li>
461		<li class="bl-content-link__item"><a href="/about-cocon/price/"><span>→ </span>PRICE</a></li>
462		<li class="bl-content-link__item"><a href="/about-cocon/quality/"><span>→ </span>QUALITY</a></li>
463		<li class="bl-content-link__item"><a href="/about-cocon/support/"><span>→ </span>SUPPORT</a></li>
464	</ul>
465	<!-- /.bl-content-link__list -->
466	<ul class="bl-content-link__list">
467		<li class="bl-content-link__item"><a href="/faq/"><span>→ </span>FAQ</a></li>
468		<li class="bl-content-link__item"><a href="/shop-guide/"><span>→ </span>SHOPPING GUIDE</a></li>
469	</ul>
470</div></main>
471<footer class="l-footer">
472	<div class="l-footer__inner fade-up">
473		<p class="m-footer__text">COCONは、あなただけのジュエリーリフォームを、自由度の高い「オーダーメイド×オンライン」で実現。<br>
474			デザインの相談から加工の注文、修理の依頼をWEBã
474§æ°—軽に。大切な宝石と紡ぐ輝きに満ちた毎日をお届けします。</p>
475		<div class="l-footer-bg-text__wrapper">
476			<div class="l-footer-text__wrapper">
477				<nav class="bl-footer-nav">
478					<ul class="bl-footer-nav__list">
479						<li class="m-footer-nav__item">
480							<a href="/company/" class="m-footer-nav__link">COMPANY
481							</a>
482						</li>
483						<li class="m-footer-nav__item">
484							<a href="/terms-and-conditions/"
485								class="m-footer-nav__link">TERMS AND CONDITIONS</a>
486						</li>
487						<li class="m-footer-nav__item">
488							<a href="/privacy/" class="m-footer-nav__link">PRIVACY
489								POLICY</a>
490						</li>
491						<li class="m-footer-nav__item">
492							<a href="/site_map/" class="m-footer-nav__link">SITE
493								MAP</a>
494						</li>
495						<li class="m-footer-nav__item m-external">
496							<a href="/coco-notes/" target="_blank" class="m-footer-nav__link">COCO Notes
497								<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
498									<path d="M10.4727 4.45547V0.902344H6.91962L10.4727 4.45547Z"/>
499									<path fill-rule="evenodd" clip-rule="evenodd" d="M3.85254 6.85327L8.94434 1.76147L9.65144 2.46858L4.55965 7.56038L3.85254 6.85327Z"/>
500									<path fill-rule="evenodd" clip-rule="evenodd" d="M0.472717 0.902222H5.32716V1.90222H1.47272V9.90222H9.47272V6.35776H10.4727V10.9022H0.472717V0.902222Z"/>
501								</svg>
502							</a>
503						</li>
504					</ul>
505				</nav>
506				<p class="m-copyright">© 2022 WAKO.INC</p>
507				<h2 class="m-footer-logo">
508					<a href="/">
509						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
510							x="0px" y="0px" viewBox="0 0 343.3 74.8" style="enable-background:new 0 0 343.3 74.8;"
511							xml:space="preserve">
512							
513							<path class="st0" d="M51.5,25.9c-5.6-5.1-10.8-7.4-17.2-7.4c-11.8,0-19.7,8.8-19.7,21.7S22.6,62,34.4,62c6.3,0,11.1-2,17.1-7.4v16.1c-5.4,2.8-11.3,4.2-17.4,4.2C14.8,74.8,0,59.8,0,40.2S14.8,5.6,34.1,5.6c6.1,0,10.8,1.1,17.4,4.2V25.9z" />
514							<path class="st0" d="M129.8,40.7c0,19.5-15,34.2-34.8,34.2c-9.9,0-18.3-3.4-24.8-10.2c-3.2-3.2-5.7-7-7.3-11.1s-2.5-8.6-2.5-13.1c0-19.7,15-34.9,34.4-34.9C115.1,5.6,129.8,20.3,129.8,40.7z M74.9,40c0,12.8,8.6,22,20.3,22s20-9.1,20-21.5s-8.7-22-20.2
514-22C83.6,18.4,74.9,27.8,74.9,40z" />
515							<path class="st0" d="M190.1,25.9c-5.6-5.1-10.9-7.4-17.2-7.4c-11.7,0-19.7,8.8-19.7,21.7S161.2,62,173,62c6.3,0,11.1-2,17.1-7.4v16.1c-5.4,2.8-11.3,4.2-17.4,4.2c-19.3,0-34.1-15-34.1-34.7s14.8-34.6,34.1-34.6c6.1,0,10.8,1.1,17.4,4.2L190.1,25.9z" />
516							<path class="st0" d="M268.4,46.2c0-20.4-14.7-35.1-35.1-35.1S199,26.3,199,46c0,5.4,1.2,10.7,3.6,15.5s5.9,9,10.2,12.2h42c4.3-3.2,7.8-7.3,10.2-12.1C267.3,56.9,268.5,51.6,268.4,46.2z M233.9,67.6c-11.8,0-20.3-9.2-20.3-22S222.3,24,233.7,24s20.2,9.4,20.2,22S245.3,67.6,233.9,67.6z" />
517							<path class="st0" d="M254.8,0h-42c6,4.5,13.4,6.8,20.9,6.7C241.2,6.8,248.6,4.4,254.8,0z" />
518							<path class="st0" d="M343.3,73.7h-13.9l-35.1-45.8v45.8h-13.9v-67h14.4l34.6,45.4V6.7h13.9L343.3,73.7L343.3,73.7z" />
519						</svg>
520					</a>
521				</h2>
522			</div>
523			<div class="l-footer-bg"></div>
524		</div>
525		<!-- /.l-footer-bg-text__wrapper -->
526	</div>
527	<!-- /.l-footer__inner -->
528</footer>
529<script src="/assets/js/swiper-bundle.min.js" defer></script>
vendor: 1 bytes, line 529
529
530<script src="/assets/js/jquery.inview.min.js" defer></script>
vendor: 1 bytes, line 530
530
531<script src="/assets/js/libs.js" defer></script>
vendor: 1 bytes, line 531
531
532<script src="/assets/js/contact.js" defer></script>
vendor: 1 bytes, line 532
532
533<script src="/assets/js/underlayers.js" defer></script>
533
534<!--フッター共通パーツ-->
535<script type="speculationrules">
536{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/wako/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
537</script>
vendor: 1 bytes, line 537
537
538<script id="wp-hooks-js" src="https://cocon-jewelry.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 538
538
539<script id="wp-i18n-js" src="https://cocon-jewelry.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 539
539
540<script id="wp-i18n-js-after">
541wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
542//# sourceURL=wp-i18n-js-after
543</script>
vendor: 1 bytes, line 543
543
544<script id="swv-js" src="https://cocon-jewelry.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.4"></script>
vendor: 1 bytes, line 544
544
545<script id="contact-form-7-js-translations">
546( function( domain, translations ) {
547	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
548	localeData[""].domain = domain;
549	wp.i18n.setLocaleData( localeData, domain );
550} )( "contact-form-7", {"translation-revision-date":"2025-02-18 07:36:32+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"ja_JP"},"This contact form is placed in the wrong place.":["\u3053\u306e\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\u306f\u9593\u9055\u3063\u305f\u4f4d\u7f6e\u306b\u7f6e\u304b\u308c\u3066\u3044\u307e\u3059\u3002"],"Error:":["\u30a8\u30e9\u30fc:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
551//# sourceURL=contact-form-7-js-translations
552</script>
vendor: 1 bytes, line 552
552
553<script id="contact-form-7-js-before">
554var wpcf7 = {
555    "api": {
556        "root": "https:\/\/cocon-jewelry.com\/wp-json\/",
557        "namespace": "contact-form-7\/v1"
558    }
559};
560//# sourceURL=contact-form-7-js-before
561</script>
vendor: 1 bytes, line 561
561
562<script id="contact-form-7-js" src="https://cocon-jewelry.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.4"></script>
562
563</div>
564</body>
565</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.