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>COCON | ã¸ã¥ã¨ãªã¼ãªãã©ã¼ã ãã©ã³ãããªã³ã©ã¤ã³å ¬å¼é販ã</title> 55 <meta name="description" content="COCONã¯ãç ã£ã¦ããã¸ã¥ã¨ãªã¼ã»å®ç³ã«æ°ããç®è¦ãã®æãããããããã®ãªãã©ã¼ã ã¸ã¥ã¨ãªã¼ãã©ã³ãããã¶ã¤ã³ææ¡ã»ãè¦ç©ãã¯2åã¾ã§ç¡æããªã³ã©ã¤ã³ã§å ¨å½ã©ãããã§ãçç·´ãã¶ã¤ãã¼ã¨ç¸è«ã§ãã¾ããååã®é éã»æ¤æ»ã»è£½ä½ãããã¦ãå±ãã¾ã§ã責任ãæã£ã¦ã対å¿ãããã¾ãããªã¼ãã¼ã¡ã¤ããä¿®çãå¯è½ãªé販ãµã¤ãã§ãã" /> 56 <link rel="canonical" href="https://cocon-jewelry.com/" /> 57 <meta property="og:locale" content="ja_JP" /> 58 <meta property="og:type" content="website" /> 59 <meta property="og:title" content="COCON" /> 60 <meta property="og:description" content="COCONã¯ãç ã£ã¦ããã¸ã¥ã¨ãªã¼ã»å®ç³ã«æ°ããç®è¦ãã®æãããããããã®ãªãã©ã¼ã ã¸ã¥ã¨ãªã¼ãã©ã³ãããã¶ã¤ã³ææ¡ã»ãè¦ç©ãã¯2åã¾ã§ç¡æããªã³ã©ã¤ã³ã§å ¨å½ã©ãããã§ãçç·´ãã¶ã¤ãã¼ã¨ç¸è«ã§ãã¾ããååã®é éã»æ¤æ»ã»è£½ä½ãããã¦ãå±ãã¾ã§ã責任ãæã£ã¦ã対å¿ãããã¾ãããªã¼ãã¼ã¡ã¤ããä¿®çãå¯è½ãªé販ãµã¤ãã§ãã" /> 61 <meta property="og:url" content="https://cocon-jewelry.com/" /> 62 <meta property="og:site_name" content="COCON" /> 63 <meta name="twitter:card" content="summary_large_image" /> 64
64<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":"CollectionPage","@id":"https://cocon-jewelry.com/","url":"https://cocon-jewelry.com/","name":"COCON | ã¸ã¥ã¨ãªã¼ãªãã©ã¼ã ãã©ã³ãããªã³ã©ã¤ã³å
¬å¼é販ã","isPartOf":{"@id":"https://cocon-jewelry.com/#website"},"description":"COCONã¯ãç ã£ã¦ããã¸ã¥ã¨ãªã¼ã»å®ç³ã«æ°ããç®è¦ãã®æãããããããã®ãªãã©ã¼ã ã¸ã¥ã¨ãªã¼ãã©ã³ãããã¶ã¤ã³ææ¡ã»ãè¦ç©ãã¯2åã¾ã§ç¡æããªã³ã©ã¤ã³ã§å
¨å½ã©ãããã§ãçç·´ãã¶ã¤ãã¼ã¨ç¸è«ã§ãã¾ããååã®é
éã»æ¤æ»ã»è£½ä½ãããã¦ãå±ãã¾ã§ã責任ãæã£ã¦ã対å¿ãããã¾ãããªã¼ãã¼ã¡ã¤ããä¿®çãå¯è½ãªé販ãµã¤ãã§ãã","breadcrumb":{"@id":"https://cocon-jewelry.com/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https://cocon-jewelry.com/"]}]},{"@type":"BreadcrumbList","@id":"https://cocon-jewelry.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ãã¼ã "}]}]}</script>
64 65 <!-- / Yoast SEO plugin. --> 66 67 68<style id="wp-img-auto-sizes-contain-inline-css"> 69img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 70/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 71</style> 72<style id="wp-block-library-inline-css"> 73: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;
73--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}} 74/*wp_block_styles_on_demand_placeholder:6ac2a4ec50e4e*/ 75/*# sourceURL=wp-block-library-inline-css */ 76</style> 77<style id="classic-theme-styles-inline-css"> 78/*! This file is auto-generated */ 79.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} 80/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 81</style> 82<style id="wp-block-styles-placeholder-inline-css"> 83:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." } 84/*# sourceURL=wp-block-styles-placeholder-inline-css */ 85</style> 86<style id="wp-global-styles-placeholder-inline-css"> 87:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." } 88/*# sourceURL=wp-global-styles-placeholder-inline-css */ 89</style> 90<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' /> 91<style type="text/css">.broken_link, a.broken_link { 92 text-decoration: line-through; 93}</style><!-- 94 <PageMap> 95 <DataObject type="thumbnail"> 96 <Attribute name="src" value="https://cocon-jewelry.com/assets/img/common/thumbnail01.jpg"/> 97 <Attribute name="width" value="120"/> 98 <Attribute name="height" value="120"/> 99 </DataObject> 100 </PageMap> 101--> 102</head> 103<body> 104 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 104-105
104 105 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
105GTM-WG74VK3
vendor: 85 bytes, lines 105-107
105" 106 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 107
107<!-- End Google Tag Manager (noscript) --> 108 109<div id="home" class="<br /> 110<b>Warning</b>: Use of undefined constant className - assumed 'className' (this will throw an Error in a future version of PHP) in <b>/home/xs818553/cocon-jewelry.com/public_html/wp-content/themes/wako/header.php</b> on line <b>77</b><br /> 111className"> 112 113<!--ãããã¼å ±éãã¼ã--> 114<header id="top" class="l-header is-wide is-front"> 115 <h1 class="p-heading__title">ã¸ã¥ã¨ãªã¼ãªãã©ã¼ã ã®COCON</h1> 116 <div class="f-container"> 117 <h2 class="h-logo logo"> 118 <a href="/"> 119 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" 120 y="0px" viewBox="0 0 343.3 74.8" style="enable-background:new 0 0 343.3 74.8;" width="100%" 121 xml:space="preserve"> 122 123 <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 124 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" /> 125 <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 126 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
126-22 127 C83.6,18.4,74.9,27.8,74.9,40z" /> 128 <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 129 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" /> 130 <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 131 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 132 s20.2,9.4,20.2,22S245.3,67.6,233.9,67.6z" /> 133 <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" /> 134 <path class="st0" 135 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" /> 136 </svg> 137 </a> 138 </h2> 139 <nav class="m-header-nav"> 140 <ul class="m-header-nav__list"> 141 <!-- li class="m-header-nav__item"> 142 <a href="/designer/" class="m-header-nav__link m-en">DESIGNER</a> 143 </li --> 144 <li class="m-header-nav__item"> 145 <a href="/contact/" class="m-header-nav__link m-en">ç¡æç¸è«</a> 146 </li> 147 <li class="m-header-nav__item"> 148 <a href="/gallery/" class="m-header-nav__link m-en">GALLERY</a> 149 </li> 150 <li class="m-header-nav__item"> 151 <a href="/about-cocon/" 152 class="m-header-nav__link m-en">CONCEPT</a> 153 </li> 154 </ul> 155 </nav> 156 <!-- /.m-header-nav --> 157 <div class="l-hamburger-menu"> 158 <button class="m-menu-btn"> 159 <span class="menu-line menu-line__large"></span> 160 <span class="menu-line menu-line__short"></span> 161 <!-- /.menu-line__wrapper --> 162 </button> 163 </div> 164 </div> 165 <div class="l-menu-content"> 166 <div class="l-menu-content__inner"> 167 <button class="m-close-button"> 168 <span class="menu-line"></span> 169 <span class="menu-line"></span> 170 </button> 171 <div class="l-primary-secondaly__wrapper"> 172 <nav class="l-primary-nav"> 173 <ul class="bl-primary-nav__list"> 174 <li class="bl-primary-nav__item"> 175 <a href="/designer/" class="m-primary-nav__link m-en">DESIGNER 176 </a> 177 </li> 178 <li class="bl-primary-nav__item"> 179 <a href="/gallery/" class="m-primary-nav__link m-en">GALLERY</a> 180 </li> 181 <li class="bl-primary-nav__item"> 182 <a href="/about-cocon/" class="m-primary-nav__link m-en">CONCEPT</a> 183 </li> 184 </ul> 185 </nav> 186 <nav class="l-secondly-nav"> 187 <ul class="bl-secondly-nav__list"> 188 <li class="bl-secondly-nav__item"> 189 <a href="/about-cocon/serviceflow/" class="m-secondly-nav__link"> 190 <span class="m-en">SERVICE FLOW</span> 191 </a> 192 </li> 193 <li class="bl-secondly-nav__item"> 194 <a href="/about-cocon/price/" class="m-secondly-nav__link"> 195 <span class="m-en">PRICE</span> 196 <span class="m-jp">ãããã®ã驿£ä¾¡æ ¼ã§ãããããã</span> 197 </a> 198 </li> 199 <li class="bl-secondly-nav__item"> 200 <a href="/about-cocon/quality/" class="m-secondly-nav__link"> 201 <span class="m-en">QUALITY</span> 202 <span class="m-jp">å°éå®¶ãç´°ããã«æè»ã«ã対å¿</span> 203 </a> 204 </li> 205 <li class="bl-secondly-nav__item"> 206 <a href="/about-cocon/support/" class="m-secondly-nav__link"> 207 <span class="m-en">SUPPORT</span> 208 <span class="m-jp">ãæå ¥ãã»ãç´ãã¾ã§ä¸å ¨ã®å¿é ã</span> 209 </a> 210 </li> 211 </ul> 212 </nav> 213 </div> 214 <div class="l-utility-nav__wrapper"> 215 <nav class="l-tertiary-nav"> 216 <ul class="bl-tertiary-nav__list"> 217 <li class="bl-tertiary-nav__item"> 218 <a href="/news/" class="m-tertiary-nav__link">NEWS</a> 219 </li> 220 <li class="bl-tertiary-nav__item"> 221 <a href="/shop-guide/" 222 class="m-tertiary-nav__link">SHOPPING GUIDE</a> 223 </li> 224 <li class="bl-tertiary-nav__item"> 225 <a href="/faq/" class="m-tertiary-nav__link">FAQ</a> 226 </li> 227 <li class="bl-tertiary-nav__item"> 228 <a href="/company/" class="m-tertiary-nav__link">COMPANY</a> 229 </li> 230 <li class="bl-tertiary-nav__item"> 231 <a href="/coco-notes/" target="_blank" class="m-tertiary-nav__link"> 232 COCO Notes
233 <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 234 <path d="M10.3444 4.02628V0.473145H6.79126L10.3444 4.02628Z" fill="#fff"/> 235 <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"/> 236 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.34436 0.473145H5.1988V1.47314H1.34436V9.47314H9.34436V5.92869H10.3444V10.4731H0.34436V0.473145Z" fill="#fff"/> 237 </svg> 238 </a> 239 </li> 240 </ul> 241 </nav> 242 <div class="l-flex"> 243 <nav class="l-quaternary-nav"> 244 <ul class="bl-quaternary-nav__list"> 245 <!-- 246 <li class="bl-quaternary-nav__item l-q-nav01"> 247 <a href="/contact/consultation/" class="bl-quaternary-nav__link">ãªãã©ã¼ã ã®ç¸è«äºç´</a> 248 </li> 249 --> 250 <li class="bl-quaternary-nav__item l-q-nav02"> 251 <a href="/contact/" class="bl-quaternary-nav__link">ç¡æç¸è«</a> 252 </li> 253 <li class="bl-quaternary-nav__item l-q-nav03"> 254 <a href="https://lin.ee/ehu3AQq" target="_blank" class="bl-quaternary-nav__link">LINEã§ç¸è«</a> 255 </li> 256 </ul> 257 </nav> 258 <div class="l-tel"> 259 <p class="m-text">å¶æ¥æéä¸ã¯ãé»è©±ã§ã®ãåãåãããå¯è½ã§ã</p> 260 <p class="m-tel"> 261 <span class="m-icon"><img src="/assets/img/common/icn_mobile.svg" alt="" importance="low" decoding="async" loading="lazy"></span><a 262 href="tel:082-545-5566" class="m-en">082-545-5566</a> 263 <span class="m-text">å仿é:10:00~18:00[ æ°´æå®ä¼ ]</span> 264 </p> 265 266 </div> 267 <!-- /.l-tel --> 268 </div> 269 <div class="l-logo__wrapper"> 270 <h2 class="l-logo l-nav-logo"> 271 <a href="/"><img src="/assets/img/common/logo_w.svg" alt="COCON" importance="low" decoding="async" loading="lazy"></a> 272 </h2> 273 274 </div> 275 <!-- /.l-logo__wrapper --> 276 </div> 277 <!-- /.l-utility-nav__wrapper --> 278 279 </div> 280 <!-- /.l-menu-content__inner --> 281 </div> 282 <!-- /.l-menu-content --> 283</header> 284<main class="u-clearfix" style="padding-top: 28px;"> 285 <div class="l-mv__wrapper"> 286 <div class="l-mv"> 287 <video id="mainVideo" class="l-kv__movie media" data-object-fit="cover" autoplay="" loop="" muted="" playsinline="" preload="auto" disablepictureinpicture controlslist="nodownload" src="/assets/video/vid_main-min.mp4"></video> 288 </div> 289 <div class="l-mvnav__wrapper"> 290 <ul class="bl-mv-nav"> 291 <li class="bl-mv-nav__item"> 292 <a href="/about-cocon" class="m-mv-nav__link m-en">ABOUT</a> 293 </li> 294 <li class="bl-mv-nav__item"> 295 <a href="/contact/" class="m-mv-nav__link">ç¡æç¸è«</a> 296 </li> 297 </ul> 298 </div> 299 </div> 300 <div class="l-front-content__wrapper"> 301 <section class="l-copy"> 302 <div class="l-content__inner l-narrow fade-up"> 303 <p class="m-text"> 304 æ°ããç®è¦ããå®ç³ã¨ã¨ãã«ç§ãå¤ãã<br class="u-pc">ä¸çªã大好ããä¸çªãç´ æµ<br class="u-pc">ãããªèªä¿¡ããããã¨çºããç§ã«ãªã<br> 305 <br> 306 <a href="/about-cocon/">âCONCEPT</a> 307 <!-- COCONã¯ã<br class="u-pc">ç ã£ã¦ããã¸ã¥ã¨ãªã¼ã«æ°ããç®è¦ãã®æããããã<br class="u-tab">ãªãã©ã¼ã ãã©ã³ãã<br class="u-pc">ãæ°ã«å ¥ãã®ã¸ã¥ã¨ãªã¼ã¨ç´¡ãã¹ãã¼ãªã¼ã¨ã¨ãã«ã<br class="u-pc">ãªãªã¸ãã«ã§ãµã¹ãã¤ããã«ãªã¸ã¥ã¨ãªã¼ã©ã¤ãã<br class="u-tab">ãå±ããã¾ãã --> 308 </p> 309 </div> 310 </section> 311 312 <section class="l-order"> 313 <div class="l-content__inner"> 314 <div class="l-content__heading fade-up"> 315 <h2 class="m-title">ããªã³ã©ã¤ã³Ããªã¼ãã¼<br class="u-sp">ã¡ã¤ããã§<br class="u-pc">æ§ã ãªã¿ã¤ãã®ã¸ã¥ã¨ãªã¼ããªãã©ã¼ã </h2> 316 <!-- 317 <h3 class="m-subtitle">ããªã³ã©ã¤ã³Ããªã¼ãã¼ã¡ã¤ããã§å®ç¾</h3> 318 <h2 class="m-title">ãã¶ã¤ãã¼ã¨ã®åºä¼ããéãã¦<br class="u-nopc">ä¸çã§ã²ã¨ã¤ã®ã¸ã¥ã¨ãªã¼ã</h2> 319 --> 320 </div> 321 </div> 322 </section> 323 324 <section class="l-gallery fade-up"> 325 <div id="loop" class="swiper"> 326 <div class="swiper-wrapper"> 327 <div class="swiper-slide"> 328 <div class="swiper-slide-in"> 329 <a href="https://cocon-jewelry.com/gallery/245393.html"> 330 <img src="/wp-content/uploads/2022/09/before-after01.jpg" /> 331 <span>ã¨ã¡ã©ã«ã ãªã³ã°</span> 332 </a> 333 </div> 334 </div> 335 <div class="swiper-slide"> 336 <div class="swiper-slide-in"> 337 <a href="https://cocon-jewelry.com/gallery/126322.html"> 338 <img src="/wp-content/uploads/2022/09/before-after05.jpg" /> 339 <span>ãã¤ã¤ã¢ã³ã ãã¢ã¹</span> 340 </a> 341 </div> 342 </div> 343 <div class="swiper-slide"> 344 <div class="swiper-slide-in"> 345 <a href="https://cocon-jewelry.com/gallery/193605.html"> 346 <img src="/wp-content/uploads/2022/09/before-after04.jpg" /> 347 <span>ã«ãã¼ ãã³ãã³ãããã</span> 348 </a> 349 </div> 350 </div> 351 <div class="swiper-slide"> 352 <div class="swiper-slide-in"> 353 <a href="https://cocon-jewelry.com/gallery/576553.html"> 354 <img src="/wp-content/uploads/2022/09/before-after02.jpg" /> 355 <span>ãµãã¡ã¤ã¤ ãã³ãã³ãããã</span> 356 </a> 357 </div> 358 </div> 359 <div class="swiper-slide"> 360 <div class="swiper-slide-in"> 361 <a href="https://cocon-jewelry.com/gallery/959818.html"> 362 <img src="/wp-content/uploads/2022/09/before-after03.jpg" /> 363 <span>ã«ãã¼ ãã³ããã¼ã</span> 364 </a> 365 </div> 366 </div> 367 </div> 368 <div class="swiper-button-prev"></div> 369 <div class="swiper-button-next"></div> 370 </div> 371 <a href="/gallery/" class="underLink">äºä¾ãè¦ã</a> 372 </section> 373
373<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
373 374
374<script> 375 const swiper = new Swiper('#loop', { 376 loop: true, //ç¹°ãè¿ãæå® 377 speed: 1000, 378 autoplay: { 379 delay: 2300, // 2.3ç§å¾ã«æ¬¡ã®ã¹ã©ã¤ã 380 disableOnInteraction: false, // ç¢å°ãã¯ãªãã¯ãã¦ãèªååçãæ¢ããªã 381 }, 382 navigation: { 383 nextEl: '.swiper-button-next', 384 prevEl: '.swiper-button-prev', 385 }, 386 spaceBetween: 30, //ã¹ã©ã¤ãæã®ä½ç½ 387 slidesPerView: 1.8, //ä¸åº¦ã«è¡¨ç¤ºããã¹ã©ã¤ãææ° 388 centeredSlides: true, //ã¹ã©ã¤ãã¼ã®æåã¨æå¾ã«ä½ç½ã追å ããã¹ã©ã¤ããçãä¸ã«é ç½®ããã 389 centeredSlidesBounds: true, //ã¢ã¯ãã£ããªã¹ã©ã¤ããä¸å¤®ã«é ç½® 390 }); 391 </script>
391 392 393 <!-- section class="l-order"> 394 <div class="l-content__inner"> 395 <div class="l-content__heading fade-up"> 396 <h2 class="m-title">ããªã³ã©ã¤ã³Ããªã¼ãã¼ã¡ã¤ããã§<br class="u-pc">æ§ã ãªã¿ã¤ãã®ã¸ã¥ã¨ãªã¼ããªãã©ã¼ã </h2 --> 397 <!-- 398 <h3 class="m-subtitle">ããªã³ã©ã¤ã³Ããªã¼ãã¼ã¡ã¤ããã§å®ç¾</h3> 399 <h2 class="m-title">ãã¶ã¤ãã¼ã¨ã®åºä¼ããéãã¦<br class="u-nopc">ä¸çã§ã²ã¨ã¤ã®ã¸ã¥ã¨ãªã¼ã</h2> 400 --> 401 <!-- /div --> 402 <!-- 403 <ul class="l-creator"> 404 <li class="bl-creator__item fade-up"> 405 <div class="bl-creatoer__prof-reserve"> 406 <a href="https://cocon-jewelry.com/designer/keiko.html" class="bl-creator__prof"> 407 <figure class="bl-prof__img-wrapper"><img 408 src="/wp-content/uploads/2022/07/kitano_mono.png" alt="" importance="low" decoding="async" loading="lazy"> 409 </figure> 410 <div class="bl-prof__wrapper"> 411 <h4 class="m-position m-en">DESIGNER</h4> 412 <h3 class="m-name m-en">KEIKO</h3> 413 </div> 414 </a> 415 <a href="/contact/consultation/remodeling_jewelry?designerid=77" class="m-reserve m-has-arrow"><span class="m-arrow">â</span> ç¸è«äºç´</a> 416 </div> 417 <div class="l-swiper__wrapper"> 418 <div class="swiper slider1"> 419 <div class="swiper-wrapper"> 420 <div class="swiper-slide"> 421 <picture> 422 <source media="(min-width: 768px)" 423 srcset="/wp-content/uploads/2022/07/0627_cocon_3040-scaled.jpg"> 424 <img src="/wp-content/uploads/2022/07/0627_cocon_3040-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 425 </picture> 426 </div> 427 <div class="swiper-slide"> 428 <picture> 429 <source media="(min-width: 768px)" 430 srcset="/wp-content/uploads/2022/07/0627_cocon_3085-scaled.jpg"> 431 <img src="/wp-content/uploads/2022/07/0627_cocon_3085-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 432 </picture> 433 </div> 434 <div class="swiper-slide"> 435 <picture> 436 <source media="(min-width: 768px)" 437 srcset="/wp-content/uploads/2022/07/0627_cocon_3068-scaled.jpg"> 438 <img src="/wp-content/uploads/2022/07/0627_cocon_3068-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 439 </picture> 440 </div> 441 <div class="swiper-slide"> 442 <picture> 443 <source media="(min-width: 768px)" 444 srcset="/wp-content/uploads/2022/07/kitano_rough-fin.jpg"> 445 <img src="/wp-content/uploads/2022/07/kitano_rough-fin.jpg" alt="" importance="low" decoding="async" loading="lazy"> 446 </picture> 447 </div> 448 </div> 449 <div class="swiper-button-prev"></div> 450 <div class="swiper-button-next"></div> 451 </div> 452 <div class="swiper-pagination1"></div> 453 </div> 454 <a href="/contact/consultation/remodeling_jewelry?designerid=77" class="m-reserve">â <p>KEIKO</p> | <p>ç¸è«äºç´</p></a> 455 </li> 456 <li class="bl-creator__item fade-up"> 457 <div class="bl-creatoer__prof-reserve"> 458 <a href="https://cocon-jewelry.com/designer/%e4%b8%ad%e6%9d%91-%e6%97%a9%e9%82%a3.html" class="bl-creator__prof"> 459 <figure class="bl-prof__img-wrapper"><img 460 src="/wp-content/uploads/2022/07/nakamura_mono.png" alt="" importance="low" decoding="async" loading="lazy"> 461 </figure> 462 <div class="bl-prof__wrapper"> 463 <h4 class="m-position m-en">DESIGNER</h4> 464 <h3 class="m-name m-en">Sana Nakamura</h3> 465 </div> 466 </a> 467 <a href="/contact/consultation/remodeling_jewelry?designerid=224" class="m-reserve m-has-arrow"><span class="m-arrow">â</span> ç¸è«äºç´</a> 468 </div> 469 <div class="l-swiper__wrapper"> 470 <div class="swiper slider2"> 471 <div class="swiper-wrapper"> 472 <div class="swiper-slide"> 473 <picture> 474 <source media="(min-width: 768px)" 475 srcset="/wp-content/uploads/2022/07/0627_cocon_3163_nakamura-scaled.jpg"> 476 <img src="/wp-content/uploads/2022/07/0627_cocon_3163_nakamura-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 477 </picture> 478 </div> 479 <div class="swiper-slide"> 480 <picture> 481 <source media="(min-width: 768px)" 482 srcset="/wp-content/uploads/2022/07/0627_cocon_3170_nakamura-scaled.jpg"> 483 <img src="/wp-content/uploads/2022/07/0627_cocon_3170_nakamura-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 484 </picture> 485 </div> 486 <div class="swiper-slide"> 487 <picture> 488 <source media="(min-width: 768px)" 489 srcset="/wp-content/uploads/2022/07/0627_cocon_3270_nakamura-scaled.jpg"> 490 <img src="/wp-content/uploads/2022/07/0627_cocon_3270_nakamura-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 491 </picture> 492 </div> 493 <div class="swiper-slide"> 494 <picture> 495 <source media="(min-width: 768px)" 496 srcset="/wp-content/uploads/2022/07/nakamura_rough-fin.jpg"> 497 <img src="/wp-content/uploads/2022/07/nakamura_rough-fin.jpg" alt="" importance="low" decoding="async" loading="lazy"> 498 </picture> 499 </div> 500 </div> 501 <div class="swiper-button-prev"></div> 502 <div class="swiper-button-next"></div> 503 </div> 504 <div class="swiper-pagination2"></div> 505 </div> 506 <a href="/contact/consultation/remodeling_jewelry?designerid=224" class="m-reserve">â <p>䏿 æ©é£</p> | <p>ç¸è«äºç´</p></a> 507 </li> 508 <li class="bl-creator__item fade-up"> 509 <div class="bl-creatoer__prof-reserve"> 510 <a href="https://cocon-jewelry.com/designer/tajima-saori.html" class="bl-creator__prof"> 511 <figure class="bl-prof__img-wrapper"><img 512 src="/wp-content/uploads/2022/07/tajima_mono.png" alt="" importance="low" decoding="async" loading="lazy"> 513 </figure> 514 <div class="bl-prof__wrapper"> 515 <h4 class="m-position m-en">DESIGNER</h4> 516 <h3 class="m-name m-en">Saori Tajima</h3> 517 </div> 518 </a> 519 <a href="/contact/consultation/remodeling_jewelry?designerid=222" class="m-reserve m-has-arrow"><span class="m-arrow">â</span> ç¸è«äºç´</a> 520 </div> 521 <div class="l-swiper__wrapper"> 522 <div class="swiper slider3"> 523 <div class="swiper-wrapper"> 524 <div class="swiper-slide"> 525 <picture> 526 <source media="(min-width: 768px)" 527 srcset="/wp-content/uploads/2022/07/0627_cocon_3321_tajima-scaled.jpg"> 528 <img src="/wp-content/uploads/2022/07/0627_cocon_3321_tajima-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 529 </picture> 530 </div> 531 <div class="swiper-slide"> 532 <picture> 533 <source media="(min-width: 768px)" 534 srcset="/wp-content/uploads/2022/07/0627_cocon_3310_tajima-scaled.jpg"> 535 <img src="/wp-content/uploads/2022/07/0627_cocon_3310_tajima-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 536 </picture> 537 </div> 538 <div class="swiper-slide"> 539 <picture> 540 <source media="(min-width: 768px)" 541 srcset="/wp-content/uploads/2022/07/0627_cocon_3277_tajima-scaled.jpg"> 542 <img src="/wp-content/uploads/2022/07/0627_cocon_3277_tajima-scaled.jpg" alt="" importance="low" decoding="async" loading="lazy"> 543 </picture> 544 </div> 545 <div class="swiper-slide"> 546 <picture> 547 <source media="(min-width: 768px)" 548 srcset="/wp-content/uploads/2022/07/tajima_rough-fin.jpg"> 549 <img src="/wp-content/uploads/2022/07/tajima_rough-fin.jpg" alt="" importance="low" decoding="async" loading="lazy"> 550 </picture> 551 </div> 552 </div> 553 <div class="swiper-button-prev"></div> 554 <div class="swiper-button-next"></div> 555 </div> 556 <div class="swiper-pagination3"></div> 557 </div> 558 <a href="/contact/consultation/remodeling_jewelry?designerid=222" class="m-reserve">â <p>ç°å³¶ããã</p> | <p>ç¸è«äºç´</p></a> 559 </li> 560 </ul> 561 </div> 562 </section --> 563 564 <section class="l-useinfo"> 565 <div class="l-useinfo__inner l-flex fade-up"> 566 <picture> 567 <img src="/assets/img/home/img_craftman.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 568 </picture> 569 <h2 class="m-title">æºåããã ããã®ã¯<br class="u-sp">ä½ãããã¾ãã<br>ã¾ãã¯ãæ°è»½ã«<br class="u-sp">ãç¸è«ãã ãã</h2> 570 <ul> 571 <li class="l-useinfo__item"> 572 <div class="l-text__wrapper"> 573 <picture> 574 <img src="/assets/img/home/img_use01.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 575 </picture> 576 <p class="m-text">
576ååãã¶ã¤ã³ã®<br>ãç¸è«ã»ãææ¡ã¯ç¡æã§ã</p> 577 </div> 578 <!-- /.l-text__wrapper --> 579 </li> 580 <li class="l-useinfo__item"> 581 <div class="l-text__wrapper"> 582 <picture> 583 <img src="/assets/img/home/img_use02.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 584 </picture> 585 <p class="m-text">ãªã³ã©ã¤ã³ã§ãã¤ã§ã<br>ã©ãããã§ããå©ç¨å¯è½ã§ã</p> 586 </div> 587 <!-- /.l-text__wrapper --> 588 </li> 589 <li class="l-useinfo__item"> 590 <div class="l-text__wrapper"> 591 <picture> 592 <img src="/assets/img/home/img_use03.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 593 </picture> 594 <p class="m-text">ãã¶ã¤ã³æ±ºå®å¾<br>ä¸å¯§ãã¤è¿ éã«ä»ä¸ãã¾ã</p> 595 </div> 596 <!-- /.l-text__wrapper --> 597 </li> 598 </ul> 599 <div class="l-link__wrapper fade-up"> 600 <a href="/about-cocon/serviceflow/" class="m-link">ãå©ç¨ã®æµããè¦ã</a> 601 <a href="/contact/" class="m-link">ç¡æç¸è«</a> 602 </div> 603 </div> 604 </section> 605 606 <section class="l-safe"> 607 <div class="l-content__inner l-flex fade-up"> 608 <picture> 609 <img src="/assets/img/home/img_package.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 610 </picture> 611 <h2 class="m-title">ãªãã©ã¼ã ãåãã¦ã§ã大ä¸å¤«<br class="u-pc">COCONã¯3ã¤ã®ãå®å¿ãã<br class="u-sp">ãç¨æãã¦ãã¾ã</h2> 612 <ul> 613 <li class="l-guarantee__item"> 614 <div class="l-text__wrapper"> 615 <h3 class="m-title">PRICE</h3> 616 <p class="m-text">ãããã®ãã驿£ä¾¡æ ¼ã§<br>ããããããã<br>ã²ã¨ã¤ã®å質ã§ã</p> 617 </div> 618 <!-- /.l-text__wrapper --> 619 <div class="l-link__wrapper"> 620 <a href="/about-cocon/price/" class="m-link">驿£ä¾¡æ ¼ã§ãæä¾</a> 621 </div> 622 <!-- /.l-link__wrapper --> 623 </li> 624 <li class="l-guarantee__item"> 625 <div class="l-text__wrapper"> 626 <h3 class="m-title">QUALITY</h3> 627 <p class="m-text">確ããªç®ã¨ã確ããªè <br>ããã¯ãªãªãã£ã®<br class="u-tab">æ¥å®¢ã»å¶ä½ã<br>ä¸è²«ä½å¶ã§ãå±ã</p> 628 </div> 629 <!-- /.l-text__wrapper --> 630 <div class="l-link__wrapper"> 631 <a href="/about-cocon/quality/" class="m-link">å°éå®¶ã«ããæè¡å</a> 632 </div> 633 <!-- /.l-link__wrapper --> 634 </li> 635 <li class="l-guarantee__item"> 636 <div class="l-text__wrapper"> 637 <h3 class="m-title">SUPPORT</h3> 638 <p class="m-text">ãæå ¥ãããç´ãã«<br class="u-tab">å¿ãè¾¼ãã¦<br>ãå±ãã«ä¸å ¨ã®å¿é ãã<br>確ããªå®å¿ããç´æãã¾ã</p> 639 </div> 640 <!-- /.l-text__wrapper --> 641 <div class="l-link__wrapper"> 642 <a href="/about-cocon/support/" class="m-link">ã¢ãã¿ã¼ãµã¼ãã¹ã»é éè£å</a> 643 </div> 644 <!-- /.l-link__wrapper --> 645 </li> 646 </ul> 647 </div> 648 </section> 649 <!-- 650 <div class="l-gallery-craft__wrapper"> 651 <div class="l-content__inner l-flex"> 652 <section class="l-gallery l-card"> 653 <div class="l-content__inner fade-up"> 654 <div class="picture-title__wrapper"> 655 <h2 class="m-title m-en u-sp">GALLERY</h2> 656 <picture> 657 <source media="(min-width: 768px)" 658 srcset="/assets/img/home/img_pc_gallery.jpg 1x, /assets/img/home/[email protected] 2x"> 659 <img src="/assets/img/home/img_gallery.jpg" 660 srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 661 </picture> 662 </div> 663 <div class="l-txt-wrapper"> 664 <h2 class="m-title m-en u-pc">GALLERY</h2> 665 <p class="m-text">ã²ã¨ãã²ã¨ãã«ã²ã¨ã¤ã²ã¨ã¤ã®ãã¶ã¤ã³ãã<br class="u-pc">ç´ æµãªä½åãåèã«ãããªãã®å¿ã«é¿ã<br 666 class="u-tab">ã¸ã¥ã¨ãªã¼ãè¦ã¤ãã¦ã¿ã¾ãããã</p> 667 <a href="/gallery" class="m-link">ãã¹ã¦ã®ä½åãè¦ã</a> 668 </div> 669 </div> 670 </section> 671 <section class="l-craft l-card"> 672 <div class="l-content__inner fade-up"> 673 <div class="picture-title__wrapper"> 674 <h2 class="m-title m-en u-sp">CRAFT JEWELER</h2> 675 <picture> 676 <source media="(min-width: 768px)" 677 srcset="/assets/img/home/img_pc_craft.jpg 1x, /assets/img/home/[email protected] 2x"> 678 <img src="/assets/img/home/img_craft.jpg" 679 srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 680 </picture> 681 </div> 682--> 683 <!-- /.picture-title__wrapper --> 684 <!-- 685 <div class="l-txt-wrapper"> 686 <h2 class="m-title m-en u-pc">CRAFT JEWELER</h2> 687 <p class="m-text">ç´°é¨ã¾ã§å®æåº¦ã®é«ãé å½¢ç¾ã¨ã<br class="u-tab">èã«å¿å°ãããªããä»ä¸ãã<br 688 class="u-pc">çç·´è·äººãçã¿åºãæé«å質ã®ã¸ã¥ã¨ãªã¼ãããªãã«ã 689 </p> 690 <a href="/about-cocon/quality" class="m-link">å°éå®¶ã«ããæè¡å</a> 691 692 </div> 693 </div> 694 </section> 695 696 </div> 697 </div> 698--> 699 700 <!-- 701 <div class="l-use"> 702 <div class="l-content__inner fade-up"> 703 <div class="l-grid"> 704 <picture class="l-img-upper"> 705 <source media="(min-width: 768px)" 706 srcset="/assets/img/home/img_pc_jwelly01.jpg 1x, /assets/img/home/[email protected] 2x"> 707 <img src="/assets/img/home/img_jwelly01.jpg" 708 srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 709 </picture> 710 711 <div class="l-content__heading"> 712 <h3 class="m-subtitle">å®å¿ãè¶ ããæºè¶³ããå±ã</h3> 713 <h2 class="m-title">æé«ã®è¼ããæ¾ã¤ç¬éã<br class="u-sp">ããªããå¾ ã£ã¦ãã¾ã</h2> 714 </div> 715--> 716 <!-- /.l-content__heading --> 717 <!-- 718 <p class="m-text l-text__upper"> 719 身ã«ã¤ãã¦ããã¨ãã¯èªåã®ä¸é¨ã«ãããã§ãªãã¨ããæ®ããã®ä¸é¨ã«ããæ°ã«å ¥ãã®ã¸ã¥ã¨ãªã¼ã¨ã¨ãã«éããæ¯æ¥ãã</p> 720 721 <picture class="l-img-bottom"> 722 <source media="(min-width: 768px)" 723 srcset="/assets/img/home/img_pc_box.jpg 1x, /assets/img/home/[email protected] 2x"> 724 <img src="/assets/img/home/img_box.jpg" srcset="/assets/img/home/[email protected] 2x" 725 alt="" importance="low" decoding="async" loading="lazy"> 726 </picture> 727 <p class="m-text l-text__bottom"> 728 åç´æã«ãå¤åºæã«ã便å©ãªCOCONå°ç¨ãJublieeBoxãã§ãå±ãããªãã©ã¼ã åå¾ã®åçããã¶ã¤ã³ã¹ã±ãããåå°ãã¾ãã 729 </p> 730 <div class="l-link__wrapper"> 731 <a href="/about-cocon/serviceflow" 732 class="m-link">ãå©ç¨ã®æµããè¦ã</a> 733 734 </div>
735 </div> 736 737 </div> 738 </div> 739--> 740<section class="l-contact"> 741 <div class="l-content__inner"> 742 <picture> 743 <img src="/assets/img/home/img_company.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 744 </picture> 745 <div class="l-txt-wrapper"> 746 <h2 class="m-title">æé«ã®è¼ããæ¾ã¤ç¬éã<br class="u-sp">ããªããå¾ ã£ã¦ãã¾ã</h2> 747 <p class="m-text">ä¸çã§ã²ã¨ã¤ã®ã¸ã¥ã¨ãªã¼ãªãã©ã¼ã ãããªã³ã©ã¤ã³ãã§å®ç¾<br class="u-pc">ãç¸è«ã»ååã®ãã¶ã¤ã³ææ¡ã¯ç¡æã§ã</p> 748 </div> 749 <ul> 750 <li><a href="/contact/">Mail</a></li> 751 <li><a href="tel:082-545-5566" class="m-en">é»è©±</a></li> 752 <li><a href="https://lin.ee/ehu3AQq" target="_blank">LINE</a></li> 753 </ul> 754 </div> 755 </section> 756 <section class="l-designers"> 757 <div class="l-content__inner fade-up"> 758 <ul> 759 <li> 760 <picture> 761 <img src="/assets/img/home/img_designers01.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 762 </picture> 763 </li> 764 <li> 765 <picture> 766 <img src="/assets/img/home/img_designers02.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 767 </picture> 768 </li> 769 <li> 770 <picture> 771 <img src="/assets/img/home/img_designers03.jpg" srcset="/assets/img/home/[email protected] 2x" alt="" importance="low" decoding="async" loading="lazy"> 772 </picture> 773 </li> 774 </ul> 775 <div class="l-txt-wrapper fade-up"> 776 <h2 class="m-title">çæ³ãã«ã¿ãã«ãã<br class="u-sp">ã¢ã¤ãã¢ãè±å¯ã«<br>ååã®ãã¶ã¤ã³ææ¡ã¯<br class="u-sp">ç¡æã§ã</h2> 777 <a href="/designer/" class="m-link">ãã¶ã¤ãã¼ã®ãç´¹ä»</a> 778 </div> 779 </div> 780 </section> 781 782 783 <section class="l-company"> 784 <div class="l-content__inner fade-up"> 785 <picture> 786 <source media="(min-width: 768px)" 787 srcset="/assets/img/home/bg_pc_company.jpg 1x, /assets/img/home/[email protected] 2x"> 788 <img src="/assets/img/home/bg_company.jpg" srcset="/assets/img/home/[email protected] 2x" 789 alt="" importance="low" decoding="async" loading="lazy"> 790 </picture> 791 792 <div class="l-txt-wrapper"> 793 <h2 class="m-title">65å¹´ã®çµé¨ã¨å®ç¸¾<br >大åãªã¸ã¥ã¨ãªã¼ã<br class="u-sp">å¾¹åºç®¡çãã¾ã</h2> 794 <p class="m-text">ãå質ã¨ä¾¡æ ¼ãã«ãã ããç¶ãã¦65å¹´ã<br class="u-pc">COCONãéå¶ããæ ªå¼ä¼ç¤¾WAKOã¯ãèªç¤¾å·¥æ¿ãåããã¡ã¾ã³ãå®åã<br class="u-pc">ããç´°ããè¿ éã«ãè¦æã«ãå¿ãã§ããç°å¢ãæ´ãã¦ãã¾ãã</p> 795 <a href="/company" class="m-link">éå¶ä¼ç¤¾ã«ã¤ãã¦</a> 796 </div> 797 </div> 798 <!-- div class="l-content__inner fade-up"> 799 <picture> 800 <source media="(min-width: 768px)" 801 srcset="/assets/img/home/bg_pc_company.jpg 1x, /assets/img/home/[email protected] 2x"> 802 <img src="/assets/img/home/bg_company.jpg" srcset="/assets/img/home/[email protected] 2x" 803 alt="" importance="low" decoding="async" loading="lazy"> 804 </picture> 805 <div class="l-text__wrapper" --> 806 <!--<h2 class="m-title m-en">COMPANY</h2>--> 807 <!-- a href="/company" class="m-link">éå¶ä¼ç¤¾</a> 808 </div> 809 </div --> 810 </section> 811 812 813 814 <section class="l-news fade-up"> 815 <div class="l-content__inner"> 816 <div class="bl-section__heading"> 817 <h2 class="m-section__title">NEWS</h2> 818 <a href="/news" class="m-section__link m-has-arrow"><span class="m-arrow">â</span> ALL</a> 819 </div> 820 <!-- /.l-section__heading --> 821 <ul class="bl-news__list"> <li class="bl-news__item"> 822 <a href="https://cocon-jewelry.com/news/9291.html" class="m-news__link"> 823 <time datetime="2024-08-01">2024.8.1</time> 824 <p>ãµã¤ããä¸é¨ãªãã¥ã¼ã¢ã«ãããã¾ããã</p> 825 </a> 826 </li> 827 <li class="bl-news__item"> 828 <a href="https://cocon-jewelry.com/news/834.html" class="m-news__link"> 829 <time datetime="2023-05-10">2023.5.10</time> 830 <p>ããªãã©ã¼ã ã»ãªã¼ãã¼ã¡ã¤ãã»ä¿®çãã®ç¡æç¸è«ããåããã¦ããã¾ãã</p> 831 </a> 832 </li> 833 <li class="bl-news__item"> 834 <a href="https://cocon-jewelry.com/news/549.html" class="m-news__link"> 835 <time datetime="2022-09-15">2022.9.15</time> 836 <p>ãªã³ã©ã¤ã³Ããªã¼ãã¼ã¡ã¤ãã§å®ç¾ãããã¸ã¥ã¨ãªã¼ãªãã©ã¼ã ãã©ã³ããCOâ¦</p> 837 </a> 838 </li> 839 </ul> </div> 840 </section> 841 842 </div> 843</main>
844<script> 845 /* MVåãæ¿ã */ 846 document.getElementById('mainVideo').src = window.matchMedia('(min-width: 768px)').matches ? '/assets/video/vid_main-min.mp4' : '/assets/video/vid_main-min-sp.mp4'; 847</script>
847 848<footer class="l-footer"> 849 <div class="l-footer__inner fade-up"> 850 <p class="m-footer__text">COCONã¯ãããªãã ãã®ã¸ã¥ã¨ãªã¼ãªãã©ã¼ã ããèªç±åº¦ã®é«ãããªã¼ãã¼ã¡ã¤ãÃãªã³ã©ã¤ã³ãã§å®ç¾ã<br> 851 ãã¶ã¤ã³ã®ç¸è«ããå å·¥ã®æ³¨æãä¿®çã®ä¾é ¼ãWEBã§æ°è»½ã«ã大åãªå®ç³ã¨ç´¡ãè¼ãã«æºã¡ãæ¯æ¥ããå±ããã¾ãã</p> 852 <div class="l-footer-bg-text__wrapper"> 853 <div class="l-footer-text__wrapper"> 854 <nav class="bl-footer-nav"> 855 <ul class="bl-footer-nav__list"> 856 <li class="m-footer-nav__item"> 857 <a href="/company/" class="m-footer-nav__link">COMPANY 858 </a> 859 </li> 860 <li class="m-footer-nav__item"> 861 <a href="/terms-and-conditions/" 862 class="m-footer-nav__link">TERMS AND CONDITIONS</a> 863 </li> 864 <li class="m-footer-nav__item"> 865 <a href="/privacy/" class="m-footer-nav__link">PRIVACY 866 POLICY</a> 867 </li> 868 <li class="m-footer-nav__item"> 869 <a href="/site_map/" class="m-footer-nav__link">SITE 870 MAP</a> 871 </li> 872 <li class="m-footer-nav__item m-external"> 873 <a href="/coco-notes/" target="_blank" class="m-footer-nav__link">COCO Notes
874 <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 875 <path d="M10.4727 4.45547V0.902344H6.91962L10.4727 4.45547Z"/> 876 <path fill-rule="evenodd" clip-rule="evenodd" d="M3.85254 6.85327L8.94434 1.76147L9.65144 2.46858L4.55965 7.56038L3.85254 6.85327Z"/> 877 <path fill-rule="evenodd" clip-rule="evenodd" d="M0.472717 0.902222H5.32716V1.90222H1.47272V9.90222H9.47272V6.35776H10.4727V10.9022H0.472717V0.902222Z"/> 878 </svg> 879 </a> 880 </li> 881 </ul> 882 </nav> 883 <p class="m-copyright">© 2022 WAKO.INC</p> 884 <h2 class="m-footer-logo"> 885 <a href="/"> 886 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 887 x="0px" y="0px" viewBox="0 0 343.3 74.8" style="enable-background:new 0 0 343.3 74.8;" 888 xml:space="preserve"> 889 890 <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" /> 891 <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
891-22C83.6,18.4,74.9,27.8,74.9,40z" /> 892 <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" /> 893 <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" /> 894 <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" /> 895 <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" /> 896 </svg> 897 </a> 898 </h2> 899 </div> 900 <div class="l-footer-bg"></div> 901 </div> 902 <!-- /.l-footer-bg-text__wrapper --> 903 </div> 904 <!-- /.l-footer__inner --> 905</footer>
906<script src="/assets/js/swiper-bundle.min.js" defer></script>
vendor: 1 bytes, line 906
906
907<script src="/assets/js/jquery.inview.min.js" defer></script>
vendor: 1 bytes, line 907
907
908<script src="/assets/js/libs.js" defer></script>
vendor: 1 bytes, line 908
908
909<script src="/assets/js/home.js" defer></script>
909 910<!--ããã¿ã¼å ±éãã¼ã-->
911<script type="speculationrules"> 912{"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"}]} 913</script>
vendor: 1 bytes, line 913
913
914<script id="wp-hooks-js" src="https://cocon-jewelry.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 914
914
915<script id="wp-i18n-js" src="https://cocon-jewelry.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 915
915
916<script id="wp-i18n-js-after"> 917wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 918//# sourceURL=wp-i18n-js-after 919</script>
vendor: 1 bytes, line 919
919
920<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 920
920
921<script id="contact-form-7-js-translations"> 922( function( domain, translations ) { 923 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 924 localeData[""].domain = domain; 925 wp.i18n.setLocaleData( localeData, domain ); 926} )( "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"}} ); 927//# sourceURL=contact-form-7-js-translations 928</script>
vendor: 1 bytes, line 928
928
929<script id="contact-form-7-js-before"> 930var wpcf7 = { 931 "api": { 932 "root": "https:\/\/cocon-jewelry.com\/wp-json\/", 933 "namespace": "contact-form-7\/v1" 934 } 935}; 936//# sourceURL=contact-form-7-js-before 937</script>
vendor: 1 bytes, line 937
937
938<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>
938 939</div> 940</body> 941</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.