PageSourceSearch

https://offi-stretch.com/

html offi-stretch.com collected 2026-10-04 18:09:59 UTC 165,038 bytes, 4,064 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    
5<script>
vendor: 359 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
9        })(window,document,'script','dataLayer','
9GTM-MK2T9ZCH
vendor: 3 bytes, line 9
9');
9</script>
9
10    <meta charset="UTF-8">
11    <meta name="viewport" content="width=device-width, initial-scale=1.0">
12    <title>Offi-Stretch®|企業向け出張フィジカルケア・福利厚生サービス</title>
13    <meta name="description" content="Offi-Stretch®(オフィストレッチ)は、企業向けの出張フィジカルケア・福利厚生サービスです。整形外科医監修のメソッドをもとに、理学療法士・作業療法士などの専門家がオフィスへ訪問し、従業員の身体不調改善や健康維持、エンゲージメント・生産性向上をサポートします。">
14    <meta name="keywords" content="Office Stretch,ストレッチ,ストレッチサロン,オフィス,福利厚生,出張ストレッチ">
15
16    <link rel="preconnect" href="https://fonts.googleapis.com">
17    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
18    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Noto+Sans+JP:wght@300;400&family=Noto+Serif+JP:wght@400;500;700&display=swap" rel="stylesheet">
19
20    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.min.css">
21    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.css">
22    
23    <link rel="stylesheet" href="https://offi-stretch.com/wp-content/themes/Offi-Stretch/slick.css">
24    <link rel="stylesheet" href="https://offi-stretch.com/wp-content/themes/Offi-Stretch/slick-theme.css">
25    <link rel="stylesheet" href="https://offi-stretch.com/wp-content/themes/Offi-Stretch/reset.css">
26    <link rel="stylesheet" href="https://offi-stretch.com/wp-content/themes/Offi-Stretch/other_styles.css">
27
28    
28<script src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/slick.min.js"></script>
28
29    
29<script src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/script.js"></script>
29
30    
31    <link rel="icon" href="favicon.ico" id="favicon">
32    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
33    <title>Offi-Stretch</title>
34
35		<!-- All in One SEO 5.0.2 - aioseo.com -->
36	<meta name="description" content="Offi-Stretch®(オフィストレッチ)は、整形外科医監修のフィジカルケアサービスです。企業で働く人の健康・エンゲージメント・コミュニケーションを向上させます。" />
37	<meta name="robots" content="max-image-preview:large" />
38	<link rel="canonical" href="https://offi-stretch.com/" />
39	<link rel="next" href="https://offi-stretch.com/page/2/" />
40	<meta name="generator" content="All in One SEO (AIOSEO) 5.0.2" />
41		<meta property="og:locale" content="ja_JP" />
42		<meta property="og:site_name" content="Offi-Stretch – 「本物の施術」で、 ビジネスパーソンを元気にする 「ストレッチサロンinオフィス」" />
43		<meta property="og:type" content="website" />
44		<meta property="og:title" content="Offi-Stretch" />
45		<meta property="og:description" content="「本物の施術」で、 ビジネスパーソンを元気にする 「ストレッチサロンinオフィス」" />
46		<meta property="og:url" content="https://offi-stretch.com/" />
47		<meta property="og:image" content="https://offi-stretch.com/wp-content/uploads/2024/03/230318_offistretch94002_02.jpg" />
48		<meta property="og:image:secure_url" content="https://offi-stretch.com/wp-content/uploads/2024/03/230318_offistretch94002_02.jpg" />
49		<meta name="twitter:card" content="summary" />
50		<meta name="twitter:site" content="@Mizuno_Junichi" />
51		<meta name="twitter:title" content="Offi-Stretch" />
52		<meta name="twitter:description" content="「本物の施術」で、 ビジネスパーソンを元気にする 「ストレッチサロンinオフィス」" />
53		<meta name="twitter:image" content="https://offi-stretch.com/wp-content/uploads/2024/03/230318_offistretch94002_02.jpg" />
54		
54<script type="application/ld+json" class="aioseo-schema">
55			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/offi-stretch.com\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/offi-stretch.com\/#listItem","position":1,"name":"\u5bb6","item":"https:\/\/offi-stretch.com\/","nextItem":{"@type":"ListItem","@id":"https:\/\/offi-stretch.com\/category\/uncategorized\/#listItem","name":"\u672a\u5206\u985e"}},{"@type":"ListItem","@id":"https:\/\/offi-stretch.com\/category\/uncategorized\/#listItem","position":2,"name":"\u672a\u5206\u985e","item":"https:\/\/offi-stretch.com\/category\/uncategorized\/","nextItem":{"@type":"ListItem","@id":"https:\/\/offi-stretch.com\/post-2066\/#listItem","name":"Well Body\u3001\u4f01\u696d\u5411\u3051\u30d5\u30a3\u30b8\u30ab\u30eb\u30b1\u30a2\u300cOffi-Stretch\u00ae\u300d\u306e \u7d2f\u8a08\u65bd\u8853\u4eba\u6570\u304c20,000\u4eba\u3092\u7a81\u7834\uff01"},"previousItem":{"@type":"ListItem","@id":"https:\/\/offi-stretch.com\/#listItem","name":"\u5bb6"}},{"@type":"ListItem","@id":"https:\/\/offi-stretch.com\/post-2066\/#listItem","position":3,"name":"Well Body\u3001\u4f01\u696d\u5411\u3051\u30d5\u30a3\u30b8\u30ab\u30eb\u30b1\u30a2\u300cOffi-Stretch\u00ae\u300d\u306e \u7d2f\u8a08\u65bd\u8853\u4eba\u6570\u304c20,000\u4eba\u3092\u7a81\u7834\uff01","previousItem":{"@type":"ListItem","@id":"https:\/\/offi-stretch.com\/category\/uncategorized\/#listItem","name":"\u672a\u5206\u985e"}}]},{"@type":"CollectionPage","@id":"https:\/\/offi-stretch.com\/#collectionpage","url":"https:\/\/offi-stretch.com\/","name":"Offi-Stretch","description":"Offi-Stretch\u00ae\uff08\u30aa\u30d5\u30a3\u30b9\u30c8\u30ec\u30c3\u30c1\uff09\u306f\u3001\u6574\u5f62\u5916\u79d1\u533b\u76e3\u4fee\u306e\u30d5\u30a3\u30b8\u30ab\u30eb\u30b1\u30a2\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002\u4f01\u696d\u3067\u50cd\u304f\u4eba\u306e\u5065\u5eb7\u30fb\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u30fb\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002","inLanguage":"ja","isPartOf":{"@id":"https:\/\/offi-stretch.com\/#website"},"breadcrumb":{"@id":"https:\/\/offi-stretch.com\/#breadcrumblist"},"about":{"@id":"https:\/\/offi-stretch.com\/#organization"}},{"@type":"Organization","@id":"https:\/\/offi-stretch.com\/#organization","name":"Well body\u682a\u5f0f\u4f1a\u793e","description":"\u300c\u672c\u7269\u306e\u65bd\u8853\u300d\u3067\u3001 \u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30bd\u30f3\u3092\u5143\u6c17\u306b\u3059\u308b \u300c\u30b9\u30c8\u30ec\u30c3\u30c1\u30b5\u30ed\u30f3in\u30aa\u30d5\u30a3\u30b9\u300d","url":"https:\/\/offi-stretch.com\/","logo":{"@type":"ImageObject","url":"https:\/\/offi-stretch.com\/wp-content\/uploads\/2024\/03\/logo_Black.svg","@id":"https:\/\/offi-stretch.com\/#organizationLogo"},"image":{"@id":"https:\/\/offi-stretch.com\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/siimuuo","https:\/\/twitter.com\/Mizuno_Junichi","https:\/\/www.youtube.com\/@offistretch"]},{"@type":"WebSite","@id":"https:\/\/offi-stretch.com\/#website","url":"https:\/\/offi-stretch.com\/","name":"Offi-Stretch","description":"\u300c\u672c\u7269\u306e\u65bd\u8853\u300d\u3067\u3001 \u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30bd\u30f3\u3092\u5143\u6c17\u306b\u3059\u308b \u300c\u30b9\u30c8\u30ec\u30c3\u30c1\u30b5\u30ed\u30f3in\u30aa\u30d5\u30a3\u30b9\u300d","inLanguage":"ja","publisher":{"@id":"https:\/\/offi-stretch.com\/#organization"}}]}
56		</script>
56
57		<!-- All in One SEO -->
58
59<link rel='dns-prefetch' href='//static.addtoany.com' />
60<link rel='dns-prefetch' href='//modules.promolayer.io' />
61<link rel="alternate" type="application/rss+xml" title="Offi-Stretch &raquo; フィード" href="https://offi-stretch.com/feed/" />
62<link rel="alternate" type="application/rss+xml" title="Offi-Stretch &raquo; コメントフィード" href="https://offi-stretch.com/comments/feed/" />
63<style id="wp-img-auto-sizes-contain-inline-css">
64img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
65/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
66</style>
67<style id="wp-emoji-styles-inline-css">
68
69	img.wp-smiley, img.emoji {
70		display: inline !important;
71		border: none !important;
72		box-shadow: none !important;
73		height: 1em !important;
74		width: 1em !important;
75		margin: 0 0.07em !important;
76		vertical-align: -0.1em !important;
77		background: none !important;
78		padding: 0 !important;
79	}
80/*# sourceURL=wp-emoji-styles-inline-css */
81</style>
82<style id="wp-block-library-inline-css">
83: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;
83--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}}
84
85/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
86</style>
87<style id="classic-theme-styles-inline-css">
88/*! This file is auto-generated */
89.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}
90/*# sourceURL=/wp-includes/css/classic-themes.min.css */
91</style>
92
93<style id="global-styles-inline-css">
94:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
940) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
94.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
95/*# sourceURL=global-styles-inline-css */
96</style>
97
98<link rel='stylesheet' id='blankslate-style-css' href='https://offi-stretch.com/wp-content/themes/Offi-Stretch/style.css?ver=7.1.2' media='all' />
99<link rel='stylesheet' id='index-style-css' href='https://offi-stretch.com/wp-content/themes/Offi-Stretch/style.css?ver=7.1.2' media='all' />
100<link rel='stylesheet' id='addtoany-css' href='https://offi-stretch.com/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' media='all' />
101<script id="addtoany-core-js-before">
102window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};a2a_localize = {
103	Share: "共有",
104	Save: "ブックマーク",
105	Subscribe: "購読",
106	Email: "メール",
107	Bookmark: "ブックマーク",
108	ShowAll: "すべて表示する",
109	ShowLess: "小さく表示する",
110	FindServices: "サービスを探す",
111	FindAnyServiceToAddTo: "追加するサービスを今すぐ探す",
112	PoweredBy: "Powered by",
113	ShareViaEmail: "メールでシェアする",
114	SubscribeViaEmail: "メールで購読する",
115	BookmarkInYourBrowser: "ブラウザにブックマーク",
116	BookmarkInstructions: "このページをブックマークするには、 Ctrl+D または \u2318+D を押下。",
117	AddToYourFavorites: "お気に入りに追加",
118	SendFromWebOrProgram: "任意のメールアドレスまたはメールプログラムから送信",
119	EmailProgram: "メールプログラム",
120	More: "詳細&#8230;",
121	ThanksForSharing: "共有ありがとうございます !",
122	ThanksForFollowing: "フォローありがとうございます !"
123};
124
125
126//# sourceURL=addtoany-core-js-before
127</script>
vendor: 1 bytes, line 127
127
128<script id="addtoany-core-js" defer src="https://static.addtoany.com/menu/page.js"></script>
vendor: 1 bytes, line 128
128
129<script id="jquery-core-js" src="https://offi-stretch.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 129
129
130<script id="jquery-migrate-js" src="https://offi-stretch.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 130
130
131<script id="addtoany-jquery-js" defer src="https://offi-stretch.com/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1"></script>
vendor: 1 bytes, line 131
131
132<script type="module" src="https://modules.promolayer.io/index.js" data-pluid="yInDltOgZ0TkkUfMYknue910UWe2" crossorigin async></script>
132<link rel="https://api.w.org/" href="https://offi-stretch.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://offi-stretch.com/xmlrpc.php?rsd" />
133<meta name="generator" content="WordPress 7.1.2" />
134<meta name="description" content="Offi-Stretch®(オフィストレッチ)は、整形外科医監修のフィジカルケアサービスです。企業で働く人の健康・エンゲージメント・コミュニケーションを向上させます。" /><link rel="icon" href="https://offi-stretch.com/wp-content/uploads/2024/03/cropped-favicon-1-32x32.png" sizes="32x32" />
135<link rel="icon" href="https://offi-stretch.com/wp-content/uploads/2024/03/cropped-favicon-1-192x192.png" sizes="192x192" />
136<link rel="apple-touch-icon" href="https://offi-stretch.com/wp-content/uploads/2024/03/cropped-favicon-1-180x180.png" />
137<meta name="msapplication-TileImage" content="https://offi-stretch.com/wp-content/uploads/2024/03/cropped-favicon-1-270x270.png" />
138<style id="wp-custom-css">
139/* YouTube iframeだけをレスポンシブ対応 */
140iframe[src*="youtube.com"] {
141  position: absolute;
142  top: 0;
143  left: 0;
144  width: 100% !important;
145  height: 100% !important;
146  border: 0;
147  display: block;
148}
149
150/* その親に自動的に対応させる */
151iframe[src*="youtube.com"]::before,
152iframe[src*="youtube.com"]::after {
153  content: '';
154  display: block;
155}
156
157iframe[src*="youtube.com"] {
158  aspect-ratio: 16 / 9;
159  height: auto;
160  width: 100%;
161  max-width: 100%;
162  display: block;
163  position: relative;
164}
165
166
167
168.grecaptcha-badge { visibility: hidden; }
169
170/* お役立ちコラム目次css */
171#toc_container {
172background: #e8e9e9; /* 背景色 */
173box-sizing: border-box; /* スマホの横揺れ防止 */
174display: block !important;
175line-height: 2; /* 行間 */
176margin: 2em auto; /* 外側の余白 */
177padding: 2em; /* 内側の余白 */
178width: 100% !important; /* 幅 */
179}
180
181#toc_container ul.toc_list li {
182  position: relative;
183}
184
185#toc_container ul.toc_list li a {
186  margin-left: 1rem;
187  font-size: 94%;
188  text-decoration: none;
189  display: inline-block;
190  line-height: 1.6;
191  transition: all .3s ease;
192}
193
194#toc_container ul.toc_list > li ul li::before {
195  position: absolute;
196  top: 0;
197  left: 0;
198  content: '\2023';
199  display: inline-block;
200  width: 14px;
201  height: 28px;
202  line-height: 28px;
203  font-size: 18px;
204  color: #40b180;
205}
206
207
208.toc_title {
209font-size: clamp(15px, 3vw, 17px)!important;
210font-weight: bold; /* 太字 */
211text-align: left; /* 中央寄せ */
212margin:0!important;
213}
214
215.toc_toggle {
216font-size: 0.9em;
217font-weight: normal;
218}
219
220.toc_brackets {
221display: none;
222}
223
224.toc_list,
225.toc_list * {
226list-style: none;
227margin: 0;
228padding: 0;
229}
230
231/* .toc_list {
232margin-top: 1em;
233}
234*/
235.toc_list a {
236display: block;
237text-decoration: none;
238color: #000; /* リンク色 */
239line-height:1.5;
240  font-size:15px!important; /* フォントサイズ */
241}
242
243.toc_number:after {
244  content: '.';
245  font-size: 1.2rem;
246  font-weight: normal;
247}
248
249.toc_list ul {
250padding: 0 0 1em  1em;
251}
252
253@media screen and (max-width: 768px) {
254/* お役立ちコラム目次css */
255#toc_container {
256background: #e8e9e9; /* 背景色 */
257box-sizing: border-box; /* スマホの横揺れ防止 */
258line-height: 1.5; /* 行間 */
259padding: 18px; /* 内側の余白 */
260}
261}
262
263/* インタビューサイドバー */
264
265.side_inner {
266  margin-bottom: 30px;
267}
268.side_item {
269/*   display: flex; */
270  margin-bottom: 15px;
271}
272.side_thumb {
273  flex: 0 0 140px;
274}
275.side_thumb img {
276  width: 100%;
277  height: 100%;
278  display: block;
279object-fit:cover;
280}
281.side_info {
282  flex: 1;
283padding:15px 14px 18px;
284}
285.side_title {
286  font-size: clamp(15px, 2vw, 17px);
287  font-weight: bold;
288  color: #000;
289line-height:1.412;
290margin:8px 0 10px;
291}
292.side_date {
293  color: #000;
294}
295.related_link, .popular_link {
296  text-decoration: none;
297  display: flex;
298  background: #fff;
299background: #e8e9e9;
300}
301.related_link:hover, .popular_link:hover {
302  background: #e9e9e9;
303}
304
305/* ページャー */
306.pagination {
307display: flex;
308justify-content: flex-end;
309}
310
311a.page-numbers,
312span.page-numbers {
313display: flex;
314align-items: center;
315justify-content: center;
316font-size: clamp(10px, 2vw, 18px);
317color: #000;
318width: 27px;
319height: 27px;
320border-radius: 50%;
321margin: 0 5px;
322}
323.prev.page-numbers,
324.next.page-numbers,
325.page-numbers.dots {
326border: none;
327
328/*追加*/
329margin: 0;
330}
331
332.page-numbers.current {
333color: #fff;
334background-color: #40b680;
335border: 1px solid #40b680;
336}
337
338@media screen and (max-width: 540px) {
339a.page-numbers,
340span.page-numbers {
341width: 17px;
342height: 17px;
343border-radius: 50%;
344margin: 0 5px;
345}
346
347.side_inner {
348  margin-bottom: 70px;
349}
350}
351
352.current {
353  background-color: #40b680; /* 例: 背景色を変更 */
354  color: #fff; /* 例: 文字色を変更 */
355}
356
357#content span{
358font-weight:bold!important;
359}
360
361.addtoany_shortcode{
362margin-bottom:32px;
363}
364
365
366/* テストページ */
367
368.page-id-540 header {
369  display: none;
370}
371
372#session_fv{
373  background-color: #fff;  
374}
375
376/* ぱんくず */
377.session_breadcrumb{
378margin-bottom:100px;
379}
380.session_breadcrumb li a {
381  color: #000;
382  text-decoration: none;
383}
384
385/* TOP以外 */
386.other_se_breadcrumb{
387    margin:100px auto 0;
388}
389
390@media (max-width: 768px) {
391.session_breadcrumb{
392margin-bottom:35px;
393  padding-left: 0;
394}
395    .other_se_breadcrumb{
396    margin:100px auto 0;
397}
398}
399
400
401/* sessionLP */
402.catchcopy {
403text-align: center;
404padding: 35px 50px 100px;
405background-color: #fff;
406color: #fff;
407font-size: calc(24px + 1vw);
408}
409
410.catchcopy_img {
411max-width: 770px;
412margin: 0 auto;
413}
414
415.video-container {
416display: flex;
417justify-content: center;
418align-items: center;
419background-color: #fff;
420position: relative;
421overflow: hidden; /* 黒縁を隠すために必須 */
422height: 650px; /* 動画の表示エリアを固定 */
423}
424
425.video-container video {
426width: 100%;
427height: calc(100% + 120px); /* 上下の黒縁を含めた高さを設定 */
428object-fit: cover; /* アスペクト比を保ったままトリミング */
429margin-top: -60px; /* 上下の黒縁を隠すための調整 */
430}
431
432
433@media (max-width: 768px) {
434  .session_hederless{
435      padding-top:80px;
436  }
437  .catchcopy {
438      padding: 0 30px 30px;
439  }
440.video-container {
441  height: 50vh;
442}
443.video-container video {
444  height: calc(50vh + 120px); /* 黒縁を考慮した調整 */
445  margin-top: -60px;
446}
447}
448
449@media (max-width: 480px) {
450.video-container {
451  height: 40vh;
452}
453.video-container video {
454  height: calc(40vh + 120px); /* 黒縁を考慮した調整 */
455  margin-top: -60px;
456}
457}
458
459.session_title_38{
460  font-size: clamp(15px, 4vw, 38px);
461  line-height: 1.6;
462  color: #000;
463  font-weight: bold;
464  text-align: left;
465}
466.title_38center{
467text-align:center;
468}
469
470.session-main {
471  padding:40px 30px 0;
472}
473
474/* 黒淵隠す用 */
475/* 次のセクションを被せる */
476.next-section {
477position: relative;
478background-color: #fff; /* 次のセクションの背景色 */
479z-index: 2; /* 動画より上に配置 */
480margin-top: -70px; /* 動画に被さる */
481padding: 100px 20px 20px; /* 内側の余白 */
482}
483/* ヘッダーセクション */
484.session-header .session-title {
485  text-align: center;
486 font-size: clamp(15px, 4.89vw, 38px);
487  font-weight: bold;
488  line-height: 1.6;
489  word-break: break-all;
490  letter-spacing: 0.05em;
491}
492
493.session-header{
494  max-width: 100%;
495  height: auto;
496  margin: 0 auto;
497  display: block;
498}
499.session-title-img {
500  max-width: 657px;
501  height: auto;
502  margin: 0;
503  position: relative;
504  bottom: -6px;
505  margin-right: 5px;
506}
507
508/* 横並び部分のスタイル */
509.session-title-inline {
510color:#333;
511display: flex; /* 横並びにする */
512justify-content:center;
513align-items:baseline;
514font-size: clamp(15px, 4.89vw, 38px);
515}
516
517/* 健康経営説明セクション */
518.session-introduction {
519  display: flex;
520  align-items: center;
521  justify-content: space-between;
522  gap: clamp(35px, 5vw, 85px);
523  margin:50px auto 0;
524  max-width:1230px;
525}
526
527.session-text-content {
528  flex: 1;
529  text-align: left;
530}
531
532.session-text-content h2 {
533  margin-bottom: 20px;
534}
535
536.session-description {
537  font-size: clamp(15px, 1.83vw, 17px);
538  margin-bottom: 0;
539  line-height: 1.7;
540  letter-spacing:0.09em;
541  text-align:justify;
542}
543
544.session-image-content {
545  flex:1;
546  max-width: 625.4059px;
547}
548
549.session-image-content img {
550  max-width: 100%;
551  height: auto;
552}
553
554
555/* 課題セクション */
556.session-problems {
557  margin-top: clamp(155px, 8vw, 240px);
558  text-align: center;
559}
560
561.session-problems h2 {
562  font-size: clamp(15px, 4.89vw, 38px);
563  line-height: 1.6;
564  color: #fff;
565  background: #1a6fcb; /* 青背景 */
566  display: inline-block;
567  padding: 10px 20px;
568  border-radius: 50px;
569  margin-bottom:clamp(35px, 5vw, 60px);
570  word-break: keep-all;
571  text-align: center;
572 letter-spacing: 0.03em;
573}
574
575.session-problems-list {
576  list-style: none;
577  padding: 0;
578  margin: 0 auto;
579  max-width:1230px;
580}
581
582.session-problems-list li {
583  display: flex; 
584  margin-bottom: 8px;
585}
586
587.session-problems-list li .session-icon-container {
588  flex-shrink: 0;
589  display: flex;
590  align-items: center;
591  justify-content: center;
592  width: 75px;
593  height: 75px;
594  background: #f4f4f4; /* 薄い背景色 */
595  border: 2px solid #1a6fcb; 
596}
597
598.session-problems-list li .session-icon-container img {
599  width: 51.6165px;
600  height: auto;
601}
602
603.session-problems-list li .session-text-container {
604  flex: 1;
605  background: #f4f4f4; /* 薄い背景色 */
606  border: 2px solid #1a6fcb;
607  padding: 4px 30px; /* 内側の余白 */
608  margin-left: 10px; /* アイコンとの間隔 */
609  text-align: left;
610  line-height: 2.1;
611  font-size: clamp(15px, 3.87vw, 30px);
612  color: #000; /* テキストカラー */
613  letter-spacing: 0.05em;
614}
615
616.session_under{
617  color: #000;
618}
619
620
621/* CTAセクション */
622.session-cta {
623  margin-top: 40px;
624  text-align: center;
625}
626
627.session-cta p {
628  font-size: clamp(15px, 4.03vw, 30px);
629  margin-bottom: 20px;
630}
631.session-cta-button {
632  font-size: clamp(15px, 4vw, 38px);
633  display: flex;
634  align-items: center;
635  justify-content: center;
636  margin: 75px auto 300px;
637  background-color: rgba(20, 115, 219, 0.8);
638  color: #fff;
639  text-decoration: none;
640  font-weight: bold;
641  transition: background-color 0.3s ease, transform 0.3s ease;
642  width: 540px;
643  height: 110px;
644}
645
646.session-cta-button:hover {
647  background-color: rgba(20, 115, 219, 1); /* ホバー時の背景色(完全不透明) */
648  transform: scale(1.05); /* 少し拡大してふわっとした効果 */
649}
650
651/* session専用マーカー */
652.session_under {
653font-size: clamp(15px, 4vw, 38px);
654position: relative;
655display: inline-block; /* 改行対応 */
656}
657
658.session_under span {
659position: relative;
660/*   display: inline-block;  */
661}
662
663.session_under span::before {
664content: "";
665position: absolute;
666bottom: -4px;
667left: 0;
668width: 0; /* 初期幅 */
669height: 38.5267px; /* 線の太さ */
670background: linear-gradient(transparent 60%, #1473db 60%);
671z-index: -1;
672animation: sessionUnderAnime 2s forwards ease-out;
673animation-iteration-count: 1;
674animation-delay: 1s;
675animation-play-state: paused;
676}
677
678.session_under.active span::before {
679animation-play-state: running; /* active時にアニメーション再生 */
680}
681
682@keyframes sessionUnderAnime {
6830% {
684  width: 0;
685}
686100% {
687  width: 100%; /* 行全体の幅 */
688}
689}
690
691/* 三角 */
692#session_try {
693  text-align: center;
694  margin: 75px auto 65px;
695}
696.session_try{
697margin:0 auto;
698width:0;
699height:0;
700border-style:solid;
701border-width: 75px 43.5px 0 43.5px;
702border-color: #1473DB transparent transparent transparent;
703}
704
705/* 3つのポイント */
706.session_pointcatch{
707font-size: clamp(30px, 3vw, 55px);
708text-align:center;
709}
710.session_mini{
711font-size: clamp(15px, 3vw, 20px);
712}
713.no_inline-img{
714max-width: 467.8714px;
715height: auto;
716margin: 0;
717position: relative;
718bottom: -1px;
719margin-right: 5px;
720}
721.no_inline{
722flex-wrap:wrap;
723}
724/* 画像差し替え箇所 */
725.sessionpoint_wrapper{
726max-width:825.3605px;
727margin:130px auto 0;
728display: flex;
729gap:80px 60px;
730justify-content: center;
731}
732.se_point_inner {
733  position: relative;
734  text-align: center;
735  display: flex;
736  flex-flow: column;
737  align-items: center;
738    width: fit-content;
739  margin: 0 auto;
740}
741.session_number{
742position: absolute;
743font-size:55px;
744top:-40px;
745left: 0;
746}
747.point_span{
748font-size:13px;
749}
750.se_point_img{
751width:204.9783px;
752}
753.se_point_img img{
754width:100%;
755height: auto;
756}
757
758.se_po_title{
759font-size: clamp(23px, 3vw, 30px);
760text-align: center;
761line-height:1.4;
762}
763
764/* 3つのポイント各セクション */
765/* ①セミナー満足度 */
766.se_po_group{
767margin-top:320px;
768text-align:center;
769}
770.big{
771font-size: clamp(30px, 6vw, 55px);
772}
773
774.se_case_title{
775font-size: 17px;
776line-height: 1.765;
777}
778
779/* .margin_origin{
780margin:120px auto 45px;
781}
782 */
783.se_youtube{
784margin:35px auto 200px;
785width: 60%;
786/* width: 575.3351px; */
787aspect-ratio: 16 / 9;
788}
789.se_youtube iframe {
790width: 100%;
791height: 100%;
792}
793.font-20{
794font-size: clamp(15px, 3vw, 20px);
795text-align:left;
796line-height:1.8;
797margin-top:40px;
798}
799.pc_only_flex{
800display:flex;
801align-items:flex-end;
802justify-content:center;
803}
804
805.top_youtube{
806    margin-bottom:0!important;
807}
808
809.se__case_flex{
810    display:flex;
811    justify-content:space-between;
812    gap:50px;
813    max-width:1140px;
814    margin:120px auto 0;
815}
816
817.title_check{
818    display:flex;
819    gap:20px;
820    flex:1;
821}
822.se_icon_two{
823  margin-top:8px;
824  height: auto;
825}
826.se_icon_two img {
827    width: 38.0519px;
828    height: auto;
829}
830
831.manzoku_youtube{
832  flex: 1;
833}
834.manzoku_inner_youtube{
835  width: 100%;
836  margin:0;
837}
838
839.sikakuhoyu{
840  max-width: 1140px;
841  margin: 90px auto 0;
842}
843/* ②貴社に合わせたオリジナルプラン */
844.font-23{
845font-size: clamp(15px, 4vw, 23px);
846line-height:1.522;
847margin:110px auto 60px;
848}
849
850.font-23marginress{
851margin:20px auto 90px;
852}
853
854.second_point{
855display: flex;
856flex-wrap: wrap;
857align-items: center;
858justify-content: center;
859gap:55px 60px;
860max-width: 1240px;
861margin:0 auto;
862}
863
864.second_inner{
865width: 47%;
866}
867.second_inner p{
868font-size: clamp(17px, 4vw, 23px);
869margin-top:20px;
870}
871.second_img{
872width:100%; 
873  aspect-ratio: 591.6535 / 335.0394; 
874  overflow: hidden; 
875  position: relative;
876}
877.second_img img{
878width: 100%;
879  height: 100%; 
880  object-fit: cover;
881  object-position: center; 
882}
883
884/* 整形外科医監修の一流プログラム */
885#se_dr_profile {
886max-width: 1240px;
887margin: 0 auto;
888}
889.se_dr_profile{
890display: flex;
891gap:50px 55px;
892}
893
894.se_dr_profileimg{
895width: 406.6929px;
896  overflow: hidden; 
897  position: relative;
898  margin:0 auto 30px;
899}
900
901.se_dr_profileimg img{
902width: 100%;
903  height: 100%; /* コンテナの高さに合わせる */
904  object-fit: cover; /* 枠内に収め、アスペクト比を維持 */
905  object-position: center; /* 中央を基準に配置 */
906}
907
908.third_name{
909color: #000;
910text-align: left;
911}
912.third_name h3{
913color: #000;
914font-size: clamp(40px, 4vw, 55px);
915}
916.third_name h5{
917font-size: clamp(15px, 3vw, 20px);
918}
919
920.se_dr_inner{
921max-width: 420px;
922}
923
924.pointo_third_txt_group{
925color: #000;
926text-align: left;
927}
928
929.pointo_third_txt_group h4{
930font-size: clamp(13px, 3vw, 20px);
931line-height: 1.8;
932}
933.third_book_group {
934margin-top:100px;
935display: flex;
936justify-content: flex-start;
937align-items: center;
938gap: 10px;
939}
940
941.third_bk_img{
942  width: 100%;
943  max-width: 220.674px;
944  height: auto;
945}
946
947/* 目的・環境に合わせたプログラム */
948.program-section{
949margin-top:500px;
950}
951/* プログラム詳細 */
952.custom-program-section {
953display: flex;
954justify-content:center;
955gap: 88px 40px;
956margin: 40px auto 106px;
957max-width: 1240px;
958}
959
960.program-card {
961width: calc(50% - 10px); /* 2カラムレイアウト */
962text-align: center;
963background-color: #f4f4f4;
964overflow: hidden;
965}
966
967.program-card img {
968width: 100%;
969height: auto;
970display: block;
971}
972
973.program-header {
974color: #fff;
975font-size: 18px;
976font-weight: bold;
977padding: 10px 0;
978}
979
980.program-header-participation {
981background-color: #007bff; /* 参加型プログラムの色 */
982font-size: clamp(17px, 2vw, 30px);
983line-height: 3.333;
984}
985
986.program-header-delivery {
987background-color: #1497db; /* 配信型プログラムの色 */
988font-size: clamp(17px, 2vw, 30px);
989line-height: 3.333;
990}
991
992.program-description {
993padding: 10px;
994font-size: clamp(15px, 2vw, 23px);
995line-height:1.522;
996}
997
998/* チェックボックスの中身 */
999.program-problems-list{
1000padding:25px 30px;
1001}
1002.program-problems-list li .prpgram-text-container {
1003line-height: 2.1;
1004font-size: clamp(15px, 3vw, 20px)!important;
1005padding: 0 5px 0 15px;
1006margin-left: 5px;
1007display: flex;
1008align-items: center;
1009letter-spacing: 0.03em;
1010}
1011.program-problems-list li .program-icon-container {
1012width: 53px;
1013height: 53px;
1014}
1015
1016.program-problems-list li .program-icon-container img {
1017width: 38px;
1018height: auto;
1019}
1020/* プログラム下部youtube */
1021.youtube_column{
1022display: flex;
1023align-items: center;
1024justify-content: center;
1025gap:115px 40px;
1026}
1027.youtube_inner p {
1028font-size: clamp(17px, 4vw, 23px);
1029margin-top: 20px;
1030text-align: center;
1031}
1032
1033.youtube_inner{
1034width: 540px; /* 最大幅を540pxに制限 */
1035}
1036.program_youtube{
1037margin:0 auto;
1038width: 100%;
1039aspect-ratio: 16 / 9;
1040}
1041.program_youtube iframe {
1042width: 100%;
1043height: 100%;
1044}
1045
1046/* ダウンロードボタン */
1047.session_btn{
1048margin:200px auto 445px;
1049}
1050
1051a.sessiondownload_btn {
1052font-size: clamp(15px, 2vw, 30px);
1053display: flex;
1054align-items: center;
1055justify-content: center;
1056text-align: center;
1057text-decoration: none;
1058padding:33px 15px;
1059font-weight: bold;
1060border: 2px solid #1473db;
1061color: #fff;
1062border-radius: 100vh;
1063transition: 0.5s;
1064background: #1473db;
1065max-width: 1040px;
1066	width: 100%;
1067	height: 95px;
1068	margin: 0px 30px;
1069}
1070a.sessiondownload_btn:hover {
1071color: #1473db;
1072background: #fff;
1073}
1074.session_card_link {
1075color: #1473db;
1076}
1077.session_card_link p{
1078border-bottom: solid 1px #1473db;
1079}
1080
1081/* 導入事例 */
1082.session_casecatch{
1083margin-bottom:50px;
1084padding-top:20px;
1085}
1086.session_card {
1087box-shadow: 13px 13px 0px 0px #1473db;
1088}
1089.session-tag_name{
1090background-color: #1473db;
1091}
1092/* メディアクエリ */
1093@media (max-width: 768px) {
1094   .session_title_38{
1095  text-align: center;
1096}
1097  .session-introduction {
1098    margin-top:100px;
1099    flex-direction: column;
1100    text-align: center;
1101    gap:35px;
1102  }
1103  .session-title-img {
1104  width: 90%;
1105}
1106  .session-text-content h2 {
1107  margin-bottom: 40px;
1108}
1109  .session-image-content {
1110    margin-top: 20px;
1111  }
1112
1113  .session-problems-list li {
1114    width: 100%; 
1115    position:relative;
1116  }
1117  
1118
1119  .next-section {
1120      margin-top: 0;
1121      padding: 70px 20px 0px;
1122  }
1123
1124   .session-problems-list li .session-text-container {
1125  padding: 0 40px 0 90px;
1126     margin:0;
1127}
1128.session-problems-list li .session-icon-container  {
1129  left: 0;
1130  top: 0;
1131  position: absolute;
1132}
1133  .session-introduction {
1134  padding:0;
1135}
1136.sessionpoint_wrapper{
1137  margin-top:75px;
1138  flex-flow:column;
1139}
1140  .session_number {
1141  position: relative;
1142  top: 0;
1143  left: 0;
1144    margin-bottom: 10px;
1145}
1146
1147.title_check{
1148margin:30px auto 0;
1149}
1150    .se__case_flex{
1151        flex-flow:column;
1152        margin:0 auto;
1153}
1154.session-icon-container img {
1155        width: 22.8538px;
1156        height: auto;
1157      }
1158      .manzoku_youtube{
1159          display: flex;
1160          flex-flow: column-reverse;
1161      }
1162.se_youtube{
1163margin:25px auto 60px;
1164}
1165.se_po_group{
1166margin-top:180px;
1167}
1168  .font-20{
1169margin-top:25px;
1170text-align: left;
1171}
1172
1173.second_point{
1174gap:50px 30px;
1175max-width: 1240px;
1176margin:0 auto;
1177}
1178
1179.second_inner{
1180width: 47%;
1181}
1182.se_dr_profile {
1183flex-flow: column;
1184align-items: center;
1185}
1186.third_name h3 {
1187text-align: center;
1188}
1189.third_book_group {
1190margin-top:70px;
1191justify-content: center;
1192}
1193/* 環境に合わせたプログラム */
1194.custom-program-section {
1195flex-flow: column;
1196align-items: center;
1197justify-content: center;
1198}
1199.program-card {
1200width: calc(100% - 10px);
1201}
1202.program-problems-list li .program-icon-container {
1203width:32.1224px;
1204height:32.1224px;
1205}
1206.program-problems-list li .program-icon-container img {
1207width: 22px;
1208height: auto;
1209}
1210.youtube_column {
1211flex-flow: column;
1212}
1213/* ダウンロードボタン */
1214.session_btn{
1215margin:130px auto 220px;
1216}
1217/* .program_youtube{
1218margin:0 auto 25px;
1219} */
1220a.sessiondownload_btn {
1221padding: 15px;
1222max-width: 312.8883px;
1223height: 54.0988px;
1224}
1225}
1226@media (max-width: 640px) {
1227.session-main {
1228  padding: 40px 15px 0;
1229}
1230    .session-cta-button {
1231    width:275.0797px;
1232    height:54.0988px;
1233  margin: 55px auto 260px;
1234  }
1235/* 	3つのポイント */
1236.no_inline{
1237flex-flow: column;
1238align-items: center;
1239}
1240.session_under span::before {
1241      bottom: -5px;
1242      height: 24px;
1243  }
1244  .point_span{
1245    font-size:15px;
1246  }
1247  
1248.se_youtube{
1249width: 100vw;
1250margin: 15px calc(50% - 50vw) 60px;
1251}
1252
1253.top_youtube{
1254  margin-top:30px;
1255}
1256
1257.manzoku_inner_youtube{
1258  width: 100vw;
1259margin: 15px calc(50% - 50vw) 0;
1260}
1261
1262.second_point{
1263margin: 0 calc(50% - 50vw);
1264}
1265.second_inner{
1266width: 100%;
1267}
1268.third_bk_img{
1269width: 100%;
1270max-width:124.9071px;
1271height: auto;
1272}
1273/* 目的・環境に合わせたプログラム */
1274/* プログラム詳細 */
1275/* .custom-program-section {
1276  margin: 0 calc(50% - 50vw) 180px;
1277} */
1278.program-section{
1279margin-top:335px;
1280}
1281.program-problems-list {
1282padding: 10px 15px 30px;
1283}
1284.youtube_inner {
1285width: 100%;
1286}
1287
1288/* .program_youtube {
1289width: 100vw;
1290margin: 0 calc(50% - 50vw);
1291} */
1292/* 導入事例 */
1293.session_casecatch{
1294margin-bottom:30px;
1295padding-top:30px;
1296}
1297
1298}
1299
1300@media (max-width: 540px) {
1301.session-header .session-title {
1302  line-height: 1.3;
1303}
1304.session-title-img {
1305  max-width: 259px;
1306  bottom:0;
1307}
1308.no_inline-img{
1309max-width: 657px;
1310}
1311    .session-problems-list li .session-icon-container img {
1312  width: 22.8538px;
1313  height: auto;
1314  }
1315  .session-problems-list li .session-text-container {
1316    width: 0;
1317      padding: 10px 40px 10px 50px;
1318      line-height: 1.3;
1319    word-break: auto-phrase;
1320  }
1321  .program-problems-list li .prpgram-text-container {
1322    padding: 10px 10px 10px 50px;
1323  }
1324  
1325.session-problems-list li .session-icon-container  {
1326width:32.1224px;
1327height:32.1224px;
1328}
1329
1330.session_under span::before {
1331      bottom: -5px;
1332      height: 24px;
1333  }
1334
1335.session-problems h2 {
1336  width: 100%;
1337  line-height:1.3;
1338}
1339.session_try{
1340  margin: 55px auto 50px;
1341border-width: 34px 19.5px 0 19.5px;
1342}
1343/* 3つのポイント */
1344.point_30{
1345font-size:30px;
1346}
1347.se_pconly{
1348  display: none;
1349}
1350    /* ②貴社に合わせたオリジナルプラン */
1351.font-23{
1352margin:30px auto 55px;
1353text-align: left;
1354}
1355.second_inner p{
1356margin-top:25px;
1357}
1358
1359.pointo_third_txt_group h4{
1360line-height: 1.385;
1361}
1362.se_dr_profileimg{
1363width: 176.2624px;
1364margin:0 auto 45px;
1365}
1366}
1367/* 料金プラン */
1368#session_price {
1369padding: 370px 0 0;
1370}
1371#session_flow {
1372padding: 340px 0 0;
1373}
1374
1375.pricing-table {
1376margin: 90px auto;
1377max-width: 1228.8178px; 
1378overflow-x: auto; 
1379}
1380
1381/* テーブルのスタイル */
1382.pricing-table .custom-table {
1383width: 100%; 
1384border-collapse: separate;
1385border-spacing: 10px; /* デフォルト: 10pxの隙間 */
1386margin-bottom: 20px;
1387table-layout: fixed;
1388}
1389
1390/* ヘッダー */
1391.pricing-table .custom-table thead th {
1392background-color: #1473db; 
1393color: white;
1394font-weight: bold;
1395padding: 20px 30px;
1396text-align: center;
1397vertical-align: middle;
1398font-size: clamp(12px, 2vw, 30px); /* 可変フォントサイズ */
1399}
1400
1401/* 列の幅を設定(可変) */
1402.pricing-table .custom-table thead th:nth-child(1),
1403.pricing-table .custom-table tbody td:nth-child(1) {
1404width: 15%; /* 対応人数 */
1405}
1406
1407.pricing-table .custom-table thead th:nth-child(2),
1408.pricing-table .custom-table tbody td:nth-child(2) {
1409width: 70%; /* 料金 */
1410}
1411
1412.pricing-table .custom-table thead th:nth-child(3),
1413.pricing-table .custom-table tbody td:nth-child(3) {
1414width: 15%; /* 出張人数 */
1415}
1416
1417/* 対応人数列に背景色適用(優先度を高くする) */
1418.pricing-table .custom-table tbody td.highlight-column {
1419background-color: #1473db !important; 
1420color: #fff;
1421font-weight: bold; 
1422padding: 20px 30px;
1423vertical-align: middle;
1424text-align: center;
1425font-size: clamp(12px, 2vw, 30px); /* 可変フォントサイズ */
1426}
1427
1428/* 他の列のセルスタイル */
1429.pricing-table .custom-table tbody td {
1430padding: 20px 30px;
1431text-align: center;
1432font-size: clamp(12px, 2vw, 30px); /* 可変フォントサイズ */
1433background-color: #efefef; /* セルの背景色 */
1434}
1435
1436/* 特別行のスタイル */
1437.pricing-table .custom-table tbody tr:last-child td.special-note {
1438font-weight: bold;
1439text-align: center;
1440font-size: clamp(12px, 2vw, 30px); /* 最小12px 最大30px */
1441color: #333;
1442}
1443
1444/* 備考(PC時) */
1445.pricing-table .pricing-notes .pc-notes {
1446display: block;
1447}
1448
1449.pricing-table .pricing-notes .pc-notes p {
1450font-size: clamp(13px, 1.5vw, 20px); /* 最小13px 最大20px */
1451}
1452
1453/* モバイル用備考 */
1454.pricing-table .pricing-notes .mobile-notes {
1455display: none;
1456font-size: clamp(13px, 2vw, 30px); /* 最小13px 最大30px */
1457}
1458.pricing-notes{
1459padding:0 8px;
1460}
1461/* ディスプレイ幅が狭くなった場合の調整 */
1462@media (max-width: 768px) {
1463.pricing-table {
1464  margin: 25px auto 0;
1465}
1466}
1467/* ディスプレイ幅が狭くなった場合の調整 */
1468@media (max-width: 640px) {
1469#session_price {
1470  padding: 200px 0 0;
1471}
1472#session_flow {
1473  padding: 140px 0 0;
1474}
1475
1476.pricing-table .custom-table {
1477  border-spacing: 5px; /* 隙間を5pxに変更 */
1478}
1479
1480.pricing-table .pricing-notes .pc-notes {
1481  display: none; /* PC用備考を非表示 */
1482}
1483
1484.pricing-table .pricing-notes .mobile-notes {
1485  display: block; /* モバイル用備考を表示 */
1486  font-size: clamp(13px, 2vw, 30px); /* 可変フォントサイズ */
1487  white-space: normal; /* 改行を許可 */
1488}
1489
1490/* 列の幅を設定(モバイル用調整) */
1491.pricing-table .custom-table thead th:nth-child(1),
1492.pricing-table .custom-table tbody td:nth-child(1) {
1493  width: 11%; /* 対応人数 */
1494}
1495
1496.pricing-table .custom-table thead th:nth-child(2),
1497.pricing-table .custom-table tbody td:nth-child(2) {
1498  width: 25%; /* 料金 */
1499}
1500
1501.pricing-table .custom-table thead th:nth-child(3),
1502.pricing-table .custom-table tbody td:nth-child(3) {
1503  width: 11%; /* 出張人数 */
1504}
1505
1506/* ヘッダーのスタイル調整 */
1507.pricing-table .custom-table thead th {
1508  padding: 8px 10px;
1509}
1510
1511/* 他の列のセルスタイル */
1512.pricing-table .custom-table tbody td {
1513  padding: 8px 10px;
1514}
1515
1516/* 対応人数列に背景色適用 */
1517.pricing-table .custom-table tbody td.highlight-column {
1518  padding: 8px 10px;
1519}
1520}
1521
1522/* 導入の流れ */
1523/* フローセクションのスタイル */
1524.flow-section {
1525  display: flex;
1526  flex-wrap: wrap;
1527  position: relative;
1528  max-width: 1200px;
1529  margin: 60px auto;
1530  padding: 0;
1531  overflow: visible; /* 背景が見切れないように */
1532}
1533
1534.flow-step {
1535  flex: 1;
1536  display: flex;
1537  align-items: center;
1538  justify-content: center;
1539  text-align: center;
1540  position: relative;
1541  height: 443px; /* PC用SVGの高さ */
1542  background-repeat: no-repeat;
1543  background-position: center;
1544  background-size: contain;
1545  box-sizing: border-box;
1546  z-index: 1;
1547  overflow: visible;
1548}
1549
1550.flow-step::before {
1551  content: "";
1552  position: absolute;
1553  top: 0;
1554  bottom: 0;
1555  left: -1.5vw;
1556  right: -1.5vw;
1557  background: inherit;
1558  z-index: -1;
1559}
1560
1561/* 各ステップの背景 */
1562.step1 { background-image: url("https://offi-stretch.com/wp-content/uploads/2024/12/step1-pc-471cb1.svg"); }
1563.step2 { background-image: url('https://offi-stretch.com/wp-content/uploads/2024/12/step2-pc-09e3b1.svg'); }
1564.step3 { background-image: url('https://offi-stretch.com/wp-content/uploads/2024/12/step3-pc-592771.svg'); }
1565.step4 { background-image: url('https://offi-stretch.com/wp-content/uploads/2024/12/step4-pc-75215d.svg'); }
1566
1567/* テキストコンテンツ(PC時) */
1568/* フローコンテンツ */
1569.flow-content {
1570  max-width: 211.3257px;
1571  display: flex;
1572  flex-direction: column; /* 縦並び */
1573  justify-content: space-between; /* 上下に分ける */
1574  align-items: center;
1575  text-align: center;
1576  padding:0 0 0 1rem;
1577  box-sizing: border-box;
1578  height: clamp(253px, 25vw, 343.9269px); /* 高さをディスプレイ幅に合わせる */
1579  z-index: 10;
1580}
1581
1582
1583.flow-text-group {
1584  display: flex;
1585  flex-direction: column;
1586  align-items: center;
1587  gap: 0.5rem;
1588}
1589
1590.flow-title {
1591  font-size: clamp(41px, 5vw, 57px);
1592  margin: 0;
1593  line-height: 1;
1594}
1595
1596.flow-subtitle {
1597  font-size: clamp(15px, 2vw, 20px);
1598  margin: 0;
1599  line-height: 1.25em;
1600  min-height: 2.5em;
1601}
1602
1603.flow-description {
1604  font-size: 11px;
1605  margin: 0;
1606  text-align: left;
1607  line-height: 1.818;
1608  min-height: 4em;
1609  font-weight: bold;
1610  letter-spacing: 0.09em;
1611}
1612
1613.flow-image {
1614  margin-top: auto;
1615}
1616.flow-image img{
1617  width: 100%;
1618  height: auto;
1619}
1620
1621.step1-image {
1622  width: clamp(78.7317px, 7.5vw, 107.5129px); /* 最小値, 可変値, 最大値 */
1623  height: auto;
1624}
1625
1626.step2-image {
1627  width: clamp(121.6642px, 14.2vw, 203.6626px);
1628  height: auto;
1629}
1630
1631.step3-image {
1632  width: clamp(62.004px, 8.5vw, 121.8014px);
1633  height: auto;
1634}
1635
1636.step4-image {
1637  width: clamp(48.8238px, 5.3vw, 76.7778px);
1638  height: auto;
1639}
1640
1641
1642.flow-image img{
1643  width: 100%;
1644  height: auto;
1645  object-fit: cover;
1646}
1647
1648/* step3, step4 のテキストカラー */
1649.step3 .flow-title,
1650.step3 .flow-subtitle,
1651.step3 .flow-description,
1652.step4 .flow-title,
1653.step4 .flow-subtitle,
1654.step4 .flow-description {
1655  color: #fff;
1656}
1657
1658/* aタグ */
1659.flow-link {
1660  color: #1473db;
1661  text-decoration: underline;
1662  transition: color 0.3s ease;
1663}
1664
1665.flow-link:hover {
1666  color: #0a58a0;
1667}
1668
1669/* 表示切り替え */
1670.flow-pc { display: block; }
1671.flow-sp { display: none; }
1672
1673/* SP時: 横並び */
1674@media screen and (max-width: 768px) {
1675  .flow-section {
1676      flex-direction: column;
1677      max-width: 319.5108px;
1678  }
1679
1680  .flow-step {
1681      height: auto;
1682      min-height: 253px;
1683      margin-bottom: -30px;
1684      background-size: contain;
1685      background-position: center;
1686  }
1687
1688  .flow-content {
1689      /* flex-direction: row; */
1690      justify-content: center;
1691      align-items: center;
1692      text-align: left;
1693      /* gap: 1rem; */
1694      flex:1;
1695      padding:5px;
1696  }
1697
1698  .flow-image {
1699      margin:0;
1700      /* max-width: 80px; */
1701      height: auto;
1702  }
1703
1704  .flow-description {
1705      font-size: 12px;
1706  }
1707
1708  /* 表示切り替え */
1709  .flow-pc { display: none; }
1710  .flow-sp { 
1711      display: block;
1712      flex: 1;
1713   }
1714
1715  /* SP用背景画像 */
1716  .step1 { background-image: url('https://offi-stretch.com/wp-content/uploads/2024/12/step1-sp-0b9d24.svg'); }
1717  .step2 { background-image: url('https://offi-stretch.com/wp-content/uploads/2024/12/step2-sp-8204fd.svg'); }
1718  .step3 { background-image: url('https://offi-stretch.com/wp-content/uploads/2024/12/step3-sp-c5f362.svg'); }
1719  .step4 { background-image: url('https://offi-stretch.com/wp-content/uploads/2024/12/step4-sp-53253a.svg'); }
1720  .step1-image {
1721      margin-top:18px;
1722  }
1723  
1724  .step2-image {
1725      margin-top:15px;
1726  }
1727  
1728  .step3-image {
1729      margin-top:10px;
1730  }
1731  
1732  .step4-image {
1733      margin-top:10px;
1734  }
1735}
1736
1737@media screen and (max-width: 376px) {
1738  .flow-step {
1739      margin-bottom: -30px;
1740		padding: 8px;
1741  }
1742	
1743	.other_se_breadcrumb{
1744		margin-left:20px;
1745	}
1746}
1747
1748
1749/* .session_flow_img{
1750max-width: 1281.9613px;
1751margin: 100px auto 0;
1752}
1753.session_flow_img img{
1754width: 100%;
1755height: auto;
1756object-fit: cover;
1757}
1758@media (max-width: 768px) {
1759  .session_flow_img {
1760    width: calc(70% - 60px);
1761    margin: 30px auto 0;
1762}
1763}
1764@media (max-width: 540px) {
1765.session_flow_img{
1766  width: calc(100% - 60px);
1767margin: 30px auto 0; 
1768}
1769} */
1770
1771/* よくある質問 */
1772.se_A{
1773background-color: #1473db;
1774}
1775
1776/* 最下部ボタン */
1777#session_last{
1778  max-width: 1100px;
1779  margin:0 auto;
1780}
1781
1782.last_btn_group{
1783    display: flex;
1784    flex-wrap:nowrap;
1785    justify-content: center;
1786    align-items: center;
1787    gap:23px 50px;
1788}
1789.session_last_downbtn{
1790  margin:0 auto;
1791}
1792
1793a.btn_se_bl{
1794  color: #000; /* 通常時の文字色 */
1795  border: 2px solid #1473db; /* 枠の色 */
1796  background: #fff;
1797}
1798
1799a.btn_se_bl:hover {
1800  background: #1473db; /* ホバー時の背景色 */
1801  color: #fff; /* ホバー時の文字色 */
1802}
1803@media (max-width: 768px) {
1804  a.sm_btn{
1805    padding:15px;
1806  }
1807}
1808@media (max-width: 640px) {
1809  .last_btn_group{
1810    flex-wrap:wrap;
1811}
1812.lastbtn_group{
1813  padding:23px 30px 65px!important;
1814}
1815} 
1816
1817/* 導入事例 */
1818.case_card-box{
1819  background-color: #1473db!important;
1820}
1821
1822/* 導入事例詳細 */
1823.se_breadcrumb li a {
1824  text-decoration: none;
1825  color: #1473db!important;
1826}
1827
1828.se_interview_list th {
1829  padding: 10px;
1830  background: #1473db!important;
1831  text-align: center;
1832  border-right: solid 1px #d1d1d1;
1833  color: #fff;
1834 }
1835
1836 .se_last_p {
1837  background-color:#1473db!important;
1838  color: #fff;
1839}
1840
1841/* 右のグループ */
1842.se_case_url {
1843  line-height: 2;
1844  color:#1473db!important;
1845  font-size: clamp(10px, 2vw, 15px);
1846}
1847
1848.se_case_si_tit {
1849  border-left: solid 5px #1473db;
1850}
1851
1852a.se_side_btn {
1853  color: #fff;
1854  border: 2px solid #1473db;
1855  background: #1473db;
1856}
1857a.se_side_btn:hover {
1858  color: #1473db;
1859  background:#fff;
1860  border: 2px solid #1473db;
1861}
1862
1863/* ポップアップ */
1864.popup {
1865  z-index: 1000;
1866  position: fixed;
1867/* 	top:65%; */
1868    bottom:0;
1869  right: 2%;
1870/*   transform: translateY(-50%); */
1871  padding:30px 20px 40px;
1872/*   background-color: #1473db; */
1873  color: #fff;
1874/*   box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3); */
1875  opacity: 0; /* 初期状態は透明 */
1876  visibility: hidden; /* 初期状態は非表示 */
1877  transition: opacity 0.5s ease; 
1878}
1879
1880.popup.show {
1881  opacity: 1; 
1882  visibility: visible; 
1883}
1884
1885.close-btn {
1886  position: absolute;
1887  top: 10px;
1888  right: 10px;
1889  background: none;
1890  border: none;
1891  font-size: 24px;
1892  color: #fff;
1893  cursor: pointer;
1894}
1895
1896.pop_title {
1897  font-size: clamp(17px, 3vw, 24px);
1898    margin-bottom:20px;
1899    text-align: center;
1900    font-weight: bold;
1901}
1902
1903form label {
1904  display: block;
1905  margin-top: 10px;
1906  font-size: 14px;
1907}
1908
1909.required {
1910  color: red;
1911}
1912
1913form input[type="text"],
1914form input[type="email"],
1915form input[type="tel"] {
1916  width: 100%;
1917  padding: 8px;
1918  margin-top: 5px;
1919  border: none;
1920  border-radius: 4px;
1921}
1922
1923.radio-group {
1924  display: flex;
1925  justify-content: space-between;
1926  margin-top: 10px;
1927  font-size: 14px;
1928}
1929
1930form button {
1931  width: 100%;
1932  padding: 10px;
1933  background-color: #fff;
1934  color: #337ab7;
1935  border: none;
1936  border-radius: 4px;
1937  cursor: pointer;
1938  font-size: 16px;
1939  margin-top: 20px;
1940}
1941
1942form button:hover {
1943  background-color: #ccc;
1944}
1945
1946/* 540px以下の画面幅でポップアップを中央に表示 */
1947@media screen and (max-width: 540px) {
1948  .popup {
1949     bottom: 0;
1950    left: 50%;
1951    transform: translateX(-50%);
1952    -webkit-transform: translateX(-50%);
1953    -ms-transform: translateX(-50%);
1954  }
1955}
1956
1957/* ポップアップ内フォーム */
1958.sessionForm{
1959      gap: 25px;
1960      margin-bottom: 0;
1961  }
1962.session_Form-Item-Label{
1963  font-size: clamp(10px, 2vw, 16px);
1964}
1965
1966.sessionForm-Item{
1967  flex-flow: column;
1968  gap:8px;
1969}
1970.session_privacy{
1971  font-size: clamp(10px, 2vw, 16px);
1972  margin: 0;
1973}
1974.sessionprivacy_tit{
1975  font-size: clamp(10px, 2vw, 16px);
1976}
1977
1978.sessionForm-Btn {
1979  text-align: center;
1980  margin-left: auto;
1981  margin-right: auto;
1982  padding-top: 20px;
1983  padding-bottom: 20px;
1984  width: 280px;
1985  display: flex;
1986  align-items: center;
1987  justify-content: center;
1988  letter-spacing: 0.05em;
1989  background: #fff;
1990  color: #1473db;
1991  font-weight: bold;
1992  font-size: 20px;
1993    transition: all 0.3s ease 0s;
1994}
1995
1996.sessionForm-Btn:hover {
1997    transform: scale(1.1);
1998}
1999
2000@media screen and (max-width: 540px) {
2001  .Form-Btn {
2002    width: 100%;
2003    font-size: 15px;
2004  }
2005}
2006.wpcf7-spinner {
2007  display: none;
2008}
2009.se_use_label_element{
2010  font-size: clamp(10px, 2vw, 16px);
2011}
2012
2013#popup .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
2014  height: 30px;
2015  font-size: 16px;
2016}
2017
2018
2019/* 無料体験 */
2020.free_page{
2021margin: 40px auto 80px;
2022}
2023@media screen and (max-width: 768px){
2024.free_page{
2025margin:30px auto;
2026}
2027}
2028@media screen and (max-width: 540px){
2029.free_page{
2030margin: 40px auto 80px;
2031}
2032}
2033
2034.se_hubspot_form{
2035    padding-top:0;
2036}
2037
2038/* お問合せ */
2039@media screen and (max-width: 540px){
2040  .session_contact_p p{
2041    padding:0 30px;
2042  }
2043}
2044/* fv背景画像 */
2045.se_fv_area {
2046  position: relative;
2047  overflow: hidden; 
2048  height: 650px;
2049  }
2050  
2051  .se_fv_area img {
2052  width: 100%;
2053  height: calc(100% + 120px);
2054  object-fit: cover;
2055  margin-top: -60px; 
2056  }
2057.se_topbtn_flex{
2058        display: flex;
2059    flex-wrap: wrap;
2060    justify-content: center;
2061    align-items: center;
2062    gap: 5px;
2063}
2064
2065a.se_topbtn{
2066    margin:0;
2067    padding:20px;
2068    height:auto;
2069    width:200px;
2070    font-size: clamp(12px, 2vw, 16px);
2071}
2072
2073a.topbtn_se_bl{
2074  color: #000; /* 通常時の文字色 */
2075  border: 2px solid #1473db; /* 枠の色 */
2076  background: #fff;
2077}
2078
2079a.topbtn_se_bl:hover {
2080  background: #1473db; /* ホバー時の背景色 */
2081  color: #fff; /* ホバー時の文字色 */
2082}
2083
2084@media screen and (max-width: 768px){
2085    .popup{
2086        width:100%;
2087        padding:15px;
2088    }
2089.se_topbtn_flex{
2090    display:flex;
2091}
2092}
2093@media screen and (max-width: 640px){
2094a.se_topbtn {
2095    flex: 1;
2096    }
2097}
2098
2099/* セミナー詳細 */
2100.ended-message{
2101	background-color: #40b680;
2102    color: #fff;
2103    padding: 100px 30px 100px;
2104	text-align:center;
2105}
2106
2107.concept__{
2108	margin-bottom:280px
2109}
2110
2111@media screen and (max-width: 768px) {
2112	.concept__{
2113	margin-bottom:180px
2114}
2115}
2116
2117/* 会社概要 */
2118/* sessionロゴサイズ修正 */
2119.service_logo_session{
2120	max-width:450px;
2121}
2122
2123.has-corporate-green-color {
2124  color: #40B680;
2125}
2126.has-corporate-green-background-color {
2127  background-color: #40B680;
2128}
2129
2130.concept__{
2131	margin-bottom:280px
2132}
2133
2134@media screen and (max-width: 768px) {
2135	.concept__{
2136	margin-bottom:180px
2137}
2138}
2139
2140/* 新規スライダー */
2141#our__story{
2142  background-color: #fff;
2143  padding:55px 0 90px;
2144}
2145
2146.OurStory-slider-container {
2147  position: relative;
2148  max-width: 1200px; /* 全体= 1200px(矢印込み) */
2149  margin: 0 auto;
2150  padding: 20px 0;
2151  overflow: visible;
2152}
2153
2154.OurStory-section-title {
2155  font-size: 24px;
2156  font-weight: bold;
2157  display: flex;
2158  align-items: center;
2159  margin-bottom: 20px;
2160}
2161
2162.OurStory-title-bar {
2163  display: inline-block;
2164  width: 4px;
2165  height: 24px;
2166  background-color: #1abc9c;
2167  margin-right: 8px;
2168}
2169
2170/* 表示帯 */
2171.OurStory-cards-wrapper {
2172  width: 100%;
2173  margin: 0 auto;
2174  overflow: hidden;
2175}
2176
2177/* カード行(gapはJSから --gap を入れる) */
2178.OurStory-cards {
2179  display: flex;
2180  gap: var(--gap, 20px);
2181  transition: transform 0.3s ease;
2182}
2183
2184/* カード:固定サイズ */
2185.OurStory-card {
2186  border-radius: 15px;
2187  overflow: hidden;
2188  position: relative;
2189  text-decoration: none;
2190  color: #fff;
2191  cursor: pointer;
2192  width: 280px;
2193  height: 360px;
2194  flex: 0 0 280px;
2195}
2196
2197.OurStory-card-img,
2198.OurStory-card-img img {
2199  width: 100%;
2200  height: 100%;
2201  display: block;
2202  object-fit: cover;
2203  border-radius: 15px;
2204}
2205
2206.OurStory-card-overlay {
2207  position: absolute;
2208  left: 0; right: 0; bottom: 0;
2209  padding:0 15px 15px;
2210  background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
2211  font-size: 20px;
2212	font-weight: 700;
2213    line-height: 32px;
2214}
2215
2216.OurStory-comingsoon {
2217  position: absolute;
2218  inset: 0;
2219  display: flex;
2220  align-items: center; justify-content: center;
2221  font-size: 20px; font-weight: bold;
2222  background: rgba(255,255,255,0.6);
2223  color: #000;
2224}
2225
2226/* 矢印(全角) */
2227.OurStory-nav-arrow {
2228  position: absolute;
2229  top: 50%;
2230  transform: translateY(-50%);
2231  background: none;
2232  border: none;
2233  font-size: 2rem;
2234  font-weight: bold;
2235  color: #000;
2236  cursor: pointer;
2237  z-index: 20;
2238  line-height: 1;
2239}
2240.OurStory-nav-arrow:hover { opacity: .6; }
2241
2242/* デフォ位置(タブレット未満や幅が足りない時は軽く内側へ) */
2243.OurStory-nav-prev { left: 10px; }
2244.OurStory-nav-next { right: 10px; }
2245
2246/* ===== SP(~768px) ===== */
2247@media (max-width: 768px) {
2248  .OurStory-slider-container {
2249    max-width: none;
2250    padding: 20px 0;
2251		margin-left:30px;
2252  }
2253  .OurStory-cards-wrapper {
2254    max-width: none;
2255    margin: 0 -30px;
2256    padding: 0 30px; /* 左右余白 */
2257  }
2258  .OurStory-cards { gap: 20px; }
2259  .OurStory-card { width: 280px; height: 360px; flex: 0 0 280px; }
2260
2261  .OurStory-slider-container .OurStory-nav-arrow {
2262    display: flex !important;
2263    font-size: 1.8rem;
2264    padding: 0 6px;
2265    z-index: 30;
2266  }
2267  .OurStory-slider-container .OurStory-nav-prev { left: 12px; }
2268  .OurStory-slider-container .OurStory-nav-next { right: 12px; }
2269}
2270
2271/* ===== PC(1200px 以上):カード帯=1100px/左右に各50pxの“矢印ガター” ===== */
2272@media (min-width: 1200px) {
2273  .OurStory-slider-container { max-width: 1200px; }
2274  .OurStory-cards-wrapper {
2275    width: 1100px;      /* カード表示帯ちょうど 1100 */
2276  }
2277  /* 矢印は左右の 50px ガター内に配置(カードに被らない) */
2278  .OurStory-nav-prev { left: 0; }
2279  .OurStory-nav-next { right: 0; }
2280}
2281
2282/* アンダーライン修正2026年1月21日 */
2283 .about_unline {
2284    display: block;
2285	 width: max-content;
2286  }
2287.kai_item::before {
2288  top: 50%;
2289}
2290
2291.cloud_catch{
2292  text-align: center;
2293}
2294
2295.kai_inner{
2296  justify-content: start;
2297}
2298@media screen and (max-width: 540px){
2299.bene_wrap .bene_item {
2300  padding: 0px;
2301  width: 45%;
2302}
2303}
2304.catchtxt{
2305	 margin: 0 auto 70px;
2306	 max-width: 800px;
2307}
2308.drawer__button {
2309	top: 0.25rem;
2310}
2311@media screen and (max-width: 540px) {
2312    .catchtxt {
2313			max-width: 280px;
2314        margin: auto;
2315    }
2316}
2317/* TOPページ h1:SEO・アクセシビリティ用 */
2318.top-h1-visually-hidden {
2319  position: absolute !important;
2320  width: 1px !important;
2321  height: 1px !important;
2322  padding: 0 !important;
2323  margin: -1px !important;
2324  overflow: hidden !important;
2325  clip: rect(0, 0, 0, 0) !important;
2326  clip-path: inset(50%) !important;
2327  white-space: nowrap !important;
2328  border: 0 !important;
2329}
2330/* ========================================
2331   2026/09/29 TOPページ 見出し階層修正
2332   既存デザイン維持用
2333======================================== */
2334
2335/* NEWS:h3 → h2 に変更したため、既存見た目を引き継ぐ */
2336.news_grid h2 {
2337  font-size: 30px;
2338  color: #fff;
2339  font-weight: bold;
2340}
2341
2342/* 「Offi-Stretchで解決」:h3 → h2 に変更したため、既存見た目を引き継ぐ */
2343.solution_title h2 {
2344  font-size: clamp(38px, 4.03vw, 60px);
2345  font-weight: bold;
2346}
2347
2348/* 医師プロフィール:見出しタグではなく本文要素へ整理したため、既存見た目を引き継ぐ */
2349.method_degree {
2350  font-size: 14px;
2351}
2352
2353.method_detail {
2354  font-size: 16px;
2355  line-height: 1.25;
2356}
2357
2358@media screen and (max-width: 768px) {
2359  .news_grid h2 {
2360    font-size: 38px;
2361    line-height: 1;
2362  }
2363}
2364
2365</style>
2366    <meta name="google-site-verification" content="Z7V48cxkjiIx6cYPZFE60YybqI8CTHJEknPvu576TE0" />
2367</head>
2368
2369<body class="home blog wp-embed-responsive wp-theme-Offi-Stretch">
vendor: 72 bytes, lines 2369-2370
2369
2370    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2370GTM-MK2T9ZCH
vendor: 100 bytes, lines 2370-2373
2370"
2371    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2372    
2373        
2373<header>
2374        <div class="main-menu">
2375            <a href="https://offi-stretch.com">
2376                <div class="about_header_logo">
2377                    <picture>
2378                        <source srcset="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/logo_Black.svg" media="(min-width: 769px)">
2379                        <img loading="lazy" class="logo" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/logo_Black.svg" alt="logo">
2380                    </picture>
2381                </div>
2382            </a>
2383            <div class="pc-menu pc-menu_bl js-header">
2384                <ul>
2385                    <li><a class="animate-link black_link" href="https://offi-stretch.com/corporate/">会社概要</a></li>
2386                    <li><a class="animate-link black_link" href="https://offi-stretch.com/about/">Offi-Stretchとは</a></li>
2387                    <li><a class="animate-link black_link" href="https://offi-stretch.com/case/">導入事例</a></li>
2388                    <li><a class="animate-link black_link" href="https://offi-stretch.com/get_info/">お役立ち資料</a></li>
2389                    <li><a class="animate-link black_link" href="https://offi-stretch.com/useful_columns/">お役立ちコラム</a></li>
2390                    <li><a class="animate-link black_link" href="https://offi-stretch.com/seminar/">セミナー</a></li>
2391                    <li><a class="btn--contact" href="https://offi-stretch.com/download/">資料ダウンロード</a></li>
2392                    <li><a class="btn--contact" href="https://offi-stretch.com/contact/">お問い合わせ</a></li>
2393                </ul>
2394            </div>
2395            <div class="sp-menu">
2396                <buttom class="drawer__button">
2397                    <span></span>
2398                    <span></span>
2399                    <span></span>
2400                </buttom>
2401                <nav class="drawer__nav">
2402                    <div class="drawer__nav__inner">
2403                        <div class="footer header__inner">
2404                            <div class="menu__right" id="other_right">
2405                                <div class="menu__grid">
2406                                    <div>
2407                                        <a href="https://offi-stretch.com/corporate/" class="animate-link footer__navi-heading">会社概要</a>
2408                                    </div>
2409                                    <div>
2410                                        <a href="https://offi-stretch.com/about/" class="animate-link footer__navi-heading">Offi-Stretch®とは</a>
2411                                        <ul class="footer__navi dot">
2412                                            <li><a href="https://offi-stretch.com/about/" class="animate-link">Offi-Stretch®で実現できること</a></li>
2413                                            <li><a href="https://offi-stretch.com/about/#effect" class="animate-link">なぜ効果が高いのか?</a></li>
2414                                            <li><a href="https://offi-stretch.com/about/#choosing" class="animate-link">選ばれる理由</a></li>
2415                                            <li><a href="https://offi-stretch.com/about/#flow" class="animate-link">サービスの流れ</a></li>
2416                                        </ul>
2417                                    </div>
2418                                    <div>
2419    <a href="https://offi-stretch.com/case/" class="animate-link footer__navi-heading">導入事例</a>
2420    <ul class="footer__navi style_none">
2421        <li><a href="https://offi-stretch.com/get_info/" class="animate-link">お役立ち資料</a></li>
2422        <li><a href="https://offi-stretch.com/useful_columns/" class="animate-link">お役立ちコラム</a></li>
2423        <li><a href="https://offi-stretch.com/seminar/" class="animate-link">セミナー</a></li>
2424        <li><a href="https://offi-stretch.com/privacy_policy/" class="animate-link">プライバシーポリシー</a></li>
2425        <br>
2426        <li><a href="https://offi-stretch.com/contact/" class="animate-link">お問い合わせ</a></li>
2427    </ul>
2428</div>
2429</div>
2430<a href="https://offi-stretch.com">
2431                                    <div class="header__inner_logo">
2432                                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/logo-white.svg" alt="ロゴ">
2433                                    </div>
2434                                </a>
2435                            </div>
2436                        </div>
2437                    </div>
2438                </nav>
2439            </div>
2440        </div>
2441    </header>
2442    <main class="top-main">
2443    <section id="fv">
2444        <h1 class="top-h1-visually-hidden">Offi-Stretch(オフィスストレッチ)|企業向け出張フィジカルケア・福利厚生サービス</h1>
2445        <h2 class="top-h1-visually-hidden">Offi-Stretchの特徴とサービス内容</h2>
2446        <div id="video-area">
2447            <video id="video" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/video/top_video.mp4" muted loop playsinline autoplay poster="images/fv.jpeg"></video>
2448        </div>
2449        <div class="fv-inner fade">
2450            <div class="sp-catchgroup">
2451                <div class="catchtxt">
2452                <picture>
2453                <source srcset="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/2602fv-catch.svg" media="(min-width: 769px)">
2454                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/2602fv-catchsp.svg" alt="fv_catch">
2455            </picture>
2456                </div>
2457                <div class="sp__img">
2458                    <video id="videosp" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/video/top_video.mp4" muted loop playsinline autoplay poster="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/fv.jpeg"></video>
2459                </div>
2460            </div>
2461            <!-- ダウンロードボタン-->
2462             <div class="new__fv">
2463             <div class="benefits_icons">
2464        <h3 class="benefit-item">従業員のQOLを長期的に高める</h3>
2465        <h3 class="benefit-item">離職につながる身体不調を防ぐ</h3>
2466        <h3 class="benefit-item">不公平にならない“設計の福利厚生”</h3>
2467    </div>
2468            <div class="sp-contact">
2469                <!-- <a class="btn__01 pc-only_contact" href="http://resil
2469ient-bagel-c1a.notion.site" target="_blank" rel="noopener">職場環境 無料診断</a> -->
2470                <a class="btn__01" href="https://offi-stretch.com/download/">資料ダウンロード</a>
2471                <!-- <a class="btn__01 sp-only_contact" href="http://resilient-bagel-c1a.notion.site" target="_blank" rel="noopener">職場環境 無料診断</a> -->
2472            </div>
2473             </div>
2474        </div>
2475    </section>
2476    <section id="news">
2477    <div class="news_grid">
2478        <h3>NEWS</h3>
2479        <ul class="news-list">
2480                                <li class="news_item">
2481                        <a href="https://prtimes.jp/main/html/rd/p/000000068.000132303.html" target="_blank" rel="noopener noreferrer">
2482                            <time class="date" datetime="2026-07-21">
2483    2026.07.21</time>
2484                            <div class="line"></div>
2485                            <p class="news_title">Well Body、企業向けフィジカルケア「Offi-Stretch®」の 累計施術人数が20,000人を突破!</p>
2486                        </a>
2487                    </li>
2488                                <li class="news_item">
2489                        <a href="https://www.football-zone.net/archives/654291" target="_blank" rel="noopener noreferrer">
2490                            <time class="date" datetime="2026-06-25">
2491    2026.06.25</time>
2492                            <div class="line"></div>
2493                            <p class="news_title">【メディア掲載】「佐野海舟の体は圧倒的に特異」代表取締役・水野純一のインタビュー記事がFOOTBALL ZONEおよびYahoo!ニュースに掲載されました</p>
2494                        </a>
2495                    </li>
2496                                <li class="news_item">
2497                        <a href="https://dake-tokyo.com/?utm_source=hpnews&#038;utm_medium=organic&#038;utm_campaign=news_release&#038;utm_content=textlink" target="_blank" rel="noopener noreferrer">
2498                            <time class="date" datetime="2026-04-23">
2499    2026.04.23</time>
2500                            <div class="line"></div>
2501                            <p class="news_title">オリジナルウェルネスブランド「dake(ダケ)」展開開始</p>
2502                        </a>
2503                    </li>
2504                                <li class="news_item">
2505                        <a href="https://prtimes.jp/main/html/rd/p/000000051.000132303.html" target="_blank" rel="noopener noreferrer">
2506                            <time class="date" datetime="2026-04-01">
2507    2026.04.01</time>
2508                            <div class="line"></div>
2509                            <p class="news_title">第一生命保険株式会社と業務提携を開始</p>
2510                        </a>
2511                    </li>
2512                                <li class="news_item">
2513                        <a href="https://prtimes.jp/main/html/rd/p/000000053.000132303.html" target="_blank" rel="noopener noreferrer">
2514                            <time class="date" datetime="2026-04-01">
2515    2026.04.01</time>
2516                            <div class="line"></div>
2517                            <p class="news_title">事業拡大・人員増強に伴い南青山へオフィスを拡張移転</p>
2518                        </a>
2519                    </li>
2520                                <li class="news_item">
2521                        <a href="https://prtimes.jp/main/html/rd/p/000000036.000132303.html" target="_blank" rel="noopener noreferrer">
2522                            <time class="date" datetime="2026-02-01">
2523    2026.02.01</time>
2524                            <div class="line"></div>
2525                            <p class="news_title">元ファミリーマート社長・澤田 貴司氏が、Well Body株式会社取締役会長に就任。</p>
2526                        </a>
2527                    </li>
2528                                <li class="news_item">
2529                        <a href="https://youtu.be/8t7qy4SuZJk?si=oUjYmYyGn3zXCC0c" target="_blank" rel="noopener noreferrer">
2530                            <time class="date" datetime="2025-11-14">
2531    2025.11.14</time>
2532                            <div class="line"></div>
2533                            <p class="news_title">【スペシャル対談】ファミリーマート細見社長に理学療法士の印象や健康経営について聞いてみました!を公開しました。</p>
2534                        </a>
2535                    </li>
2536                                <li class="news_item">
2537                        <a href="https://prtimes.jp/main/html/rd/p/000000016.000132303.html" target="_blank" rel="noopener noreferrer">
2538                            <time class="date" datetime="2025-09-25">
2539    2025.09.25</time>
2540                            <div class="line"></div>
2541                            <p class="news_title">腰痛の常識を覆す!「動いて治す」新メソッドを提唱する書籍『コシトレ: 動けるカラダにリセットできる攻めストレッチ』を発売</p>
2542                        </a>
2543                    </li>
2544                                <li class="news_item">
2545                        <a href="https://offi-stretch.com/useful_columns/useful_columns-1829/" target="_blank" rel="noopener noreferrer">
2546                            <time class="date" datetime="2025-08-20">
2547    2025.08.20</time>
2548                            <div class="line"></div>
2549                            <p class="news_title">Our Story 「医療の外へ、企業の中へ ―理学療法士がつなぐ医療と経営」を更新しました。</p>
2550                        </a>
2551                    </li>
2552                                <li class="news_item">
2553                        <a href="https://offi-stretch.com/useful_columns/useful_columns-1665/" target="_blank" rel="noopener noreferrer">
2554                            <time class="date" datetime="2025-03-28">
2555    2025.03.28</time>
2556                            <div class="line"></div>
2557                            <p class="news_title">
2557お役立ちコラム【特別対談記事】を更新しました。</p>
2558                        </a>
2559                    </li>
2560                                <li class="news_item">
2561                        <a href="https://offi-stretch.com/useful_columns/" target="_blank" rel="noopener noreferrer">
2562                            <time class="date" datetime="2025-02-28">
2563    2025.02.28</time>
2564                            <div class="line"></div>
2565                            <p class="news_title">お役立ちコラムを更新しました。</p>
2566                        </a>
2567                    </li>
2568                                <li class="news_item">
2569                        <a href="https://offi-stretch.com/case_itcmpal/" target="_blank" rel="noopener noreferrer">
2570                            <time class="date" datetime="2025-02-12">
2571    2025.02.12</time>
2572                            <div class="line"></div>
2573                            <p class="news_title">導入事例を更新しました。</p>
2574                        </a>
2575                    </li>
2576                                <li class="news_item">
2577                        <a href="https://offi-stretch.com/case/" target="_blank" rel="noopener noreferrer">
2578                            <time class="date" datetime="2025-01-29">
2579    2025.01.29</time>
2580                            <div class="line"></div>
2581                            <p class="news_title">導入企業さまにインタビューをさせていただきました。</p>
2582                        </a>
2583                    </li>
2584                                <li class="news_item">
2585                        <a href="https://offi-stretch.com/session/" target="_blank" rel="noopener noreferrer">
2586                            <time class="date" datetime="2025-01-06">
2587    2025.01.06</time>
2588                            <div class="line"></div>
2589                            <p class="news_title">「Offi-Stretch Session」 ページを公開しました。</p>
2590                        </a>
2591                    </li>
2592                                <li class="news_item">
2593                        <a href="https://www.nikkei.com/article/DGXZQOUC21BMJ0R20C24A8000000/" target="_blank" rel="noopener noreferrer">
2594                            <time class="date" datetime="2024-09-26">
2595    2024.09.26</time>
2596                            <div class="line"></div>
2597                            <p class="news_title">パソナ系、シニアの腰痛リスクを見える化 派遣先拡大へ</p>
2598                        </a>
2599                    </li>
2600                                <li class="news_item">
2601                        <a href="https://offi-stretch.com/case_ito/" target="_blank" rel="noopener noreferrer">
2602                            <time class="date" datetime="2024-09-18">
2603    2024.09.18</time>
2604                            <div class="line"></div>
2605                            <p class="news_title">導入事例を更新しました。</p>
2606                        </a>
2607                    </li>
2608                                <li class="news_item">
2609                        <a href="https://offi-stretch.com/case_ad/" target="_blank" rel="noopener noreferrer">
2610                            <time class="date" datetime="2024-07-19">
2611    2024.07.19</time>
2612                            <div class="line"></div>
2613                            <p class="news_title">導入事例を更新しました。</p>
2614                        </a>
2615                    </li>
2616                                <li class="news_item">
2617                        <a href="https://prtimes.jp/main/html/rd/p/000000003.000132303.html" target="_blank" rel="noopener noreferrer">
2618                            <time class="date" datetime="2024-03-26">
2619    2024.03.26</time>
2620                            <div class="line"></div>
2621                            <p class="news_title">「腰痛治療の権威」整形外科医 松平 浩氏が医学顧問に就任</p>
2622                        </a>
2623                    </li>
2624                    </ul>
2625    </div>
2626</section>
2627    <!-- スライド -->
2628    <section id="rooplogo">
2629        <div class="wrap">
2630            <!-- ここから1group -->
2631            <ul class="slideshow">
2632                <li class="content">
2633                    <div class="slide_logo-img">
2634                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_01.png" alt="logo">
2635                    </div>
2636                </li>
2637                <li class="content">
2638                    <div class="slide_logo-img">
2639                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_02.png" alt="logo">
2640                    </div>
2641                </li>
2642                <li class="content">
2643                    <div class="slide_logo-img">
2644                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_17.png" alt="logo">
2645                    </div>
2646                </li>
2647                <li class="content">
2648                    <div class="slide_logo-img">
2649                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_18.png" alt="logo">
2650                    </div>
2651                </li>
2652                <li class="content">
2653                    <div class="slide_logo-img">
2654                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_03.png" alt="logo">
2655                    </div>
2656                </li>
2657                <li class="content">
2658                    <div class="slide_logo-img">
2659                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_16.png" alt="logo">
2660                    </div>
2661                </li>
2662                <li class="content">
2663                    <div class="slide_logo-img">
2664                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_04.png" alt="logo">
2665                    </div>
2666                </li>
2667                <li class="content">
2668                    <div class="slide_logo-img">
2669                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_05.png" alt="logo">
2670                    </div>
2671                </li>
2672                <li class="content">
2673                    <div class="slide_logo-img">
2674                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_06.png" alt="logo">
2675                    </div>
2676                </li>
2677                <li class="content">
2678                    <div class="slide_logo-img">
2679                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_07.png" alt="logo">
2680                    </div>
2681                </li>
2682                <li class="content">
2683                    <div class="slide_logo-img">
2684                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_08.png" alt="logo">
2685                    </div>
2686                </li>
2687                <li class="content">
2688                    <div class="slide_logo-img">
2689                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_09.png" alt="logo">
2690                    </div>
2691                </li>
2692                <li class="content">
2693                    <div class="slide_logo-img">
2694                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_10.png" alt="logo">
2695                    </div>
2696                </li>
2697                <li class="content">
2698                    <div class="slide_logo-img">
2699                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_11.png" alt="logo">
2700                    </div>
2701                </li>
2702                <li class="content">
2703                    <div class="slide_logo-img">
2704                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_12.png" alt="logo">
2705                    </div>
2706                </li>
2707                <li class="content">
2708                    <div class="slide_logo-img">
2709                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_21.png" alt="logo">
2710                    </div>
2711                </li>
2712                <li class="content">
2713                    <div class="slide_logo-img">
2714                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_13.png" alt="logo">
2715                    </div>
2716                </li>
2717            </ul>
2718            <!-- ここまで1group -->
2719            <!-- ここから1group -->
2720            <ul class="slideshow">
2721                <li class="content">
2722                    <div class="slide_logo-img">
2723                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_01.png" alt="logo">
2724                    </div>
2725                </li>
2726                <li class="content">
2727                    <div class="slide_logo-img">
2728                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_02.png" alt="logo">
2729                    </div>
2730                </li>
2731                <li class="content">
2732                    <div class="slide_logo-img">
2733                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_17.png" alt="logo">
2734                    </div>
2735                </li>
2736                <li class="content">
2737                    <div class="slide_logo-img">
2738                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_18.png" alt="logo">
2739                    </div>
2740                </li>
2741                <li class="content">
2742                    <div class="slide_logo-img">
2743                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_03.png" alt="logo">
2744                    </div>
2745                </li>
2746                <li class="content">
2747                    <div class="slide_logo-img">
2748                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_16.png" alt="logo">
2749                    </div>
2750                </li>
2751                <li class="content">
2752                    <div class="slide_logo-img">
2753                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_04.png" alt="logo">
2754                    </div>
2755                </li>
2756                <li class="content">
2757                    <div class="slide_logo-img">
2758                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_05.png" alt="logo">
2759                    </div>
2760                </li>
2761                <li class="content">
2762                    <div class="slide_logo-img">
2763                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_06.png" alt="logo">
2764                    </div>
2765                </li>
2766                <li class="content">
2767                    <div class="slide_logo-img">
2768                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_07.png" alt="logo">
2769                    </div>
2770                </li>
2771                <li class="content">
2772                    <div class="slide_logo-img">
2773                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_08.png" alt="logo">
2774                    </div>
2775                </li>
2776                <li class="content">
2777                    <div class="slide_logo-img">
2778                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_09.png" alt="logo">
2779                    </div>
2780                </li>
2781                <li class="content">
2782                    <div class="slide_logo-img">
2783                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_10.png" alt="logo">
2784                    </div>
2785                </li>
2786                <li class="content">
2787                    <div class="slide_logo-img">
2788                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_11.png" alt="logo">
2789                    </div>
2790                </li>
2791                <li class="content">
2792                    <div class="slide_logo-img">
2793                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_12.png" alt="logo">
2794                    </div>
2795                </li>
2796                <li class="content">
2797                    <div class="slide_logo-img">
2798                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_21.png" alt="logo">
2799                    </div>
2800                </li>
2801                <li class="content">
2802                    <div class="slide_logo-img">
2803                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_13.png" alt="logo">
2804                    </div>
2805                </li>
2806            </ul>
2807            <!-- ここまで1group -->
2808            <!-- ここから1group -->
2809            <ul class="slideshow">
2810                <li class="content">
2811                    <div class="slide_logo-img">
2812                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_01.png" alt="logo">
2813                    </div>
2814                </li>
2815                <li class="content">
2816                    <div class="slide_logo-img">
2817                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_02.png" alt="logo">
2818                    </div>
2819                </li>
2820                <li class="content">
2821                    <div class="slide_logo-img">
2822                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_17.png" alt="logo">
2823                    </div>
2824                </li>
2825                <li class="content">
2826                    <div class="slide_logo-img">
2827                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_18.png" alt="logo">
2828                    </div>
2829                </li>
2830                <li class="content">
2831                    <div class="slide_logo-img">
2832                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_03.png" alt="logo">
2833                    </div>
2834                </li>
2835                <li class="content">
2836                    <div class="slide_logo-img">
2837                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_16.png" alt="logo">
2838                    </div>
2839                </li>
2840                <li class="content">
2841                    <div class="slide_logo-img">
2842                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_04.png" alt="logo">
2843                    </div>
2844                </li>
2845                <li class="content">
2846                    <div class="slide_logo-img">
2847                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_05.png" alt="logo">
2848                    </div>
2849                </li>
2850                <li class="content">
2851                    <div class="slide_logo-img">
2852                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_06.png" alt="logo">
2853                    </div>
2854                </li>
2855                <li class="content">
2856                    <div class="slide_logo-img">
2857                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_07.png" alt="logo">
2858                    </div>
2859                </li>
2860                <li class="content">
2861                    <div class="slide_logo-img">
2862                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_08.png" alt="logo">
2863                    </div>
2864      
2864          </li>
2865                <li class="content">
2866                    <div class="slide_logo-img">
2867                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_09.png" alt="logo">
2868                    </div>
2869                </li>
2870                <li class="content">
2871                    <div class="slide_logo-img">
2872                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_10.png" alt="logo">
2873                    </div>
2874                </li>
2875                <li class="content">
2876                    <div class="slide_logo-img">
2877                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_11.png" alt="logo">
2878                    </div>
2879                </li>
2880                <li class="content">
2881                    <div class="slide_logo-img">
2882                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_12.png" alt="logo">
2883                    </div>
2884                </li>
2885                <li class="content">
2886                    <div class="slide_logo-img">
2887                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_21.png" alt="logo">
2888                    </div>
2889                </li>
2890                <li class="content">
2891                    <div class="slide_logo-img">
2892                        <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_13.png" alt="logo">
2893                    </div>
2894                </li>
2895            </ul>
2896            <!-- ここまで1group -->
2897        </div>
2898    </section>
2899<!--     <div>
2900        <a href="https://offi-stretch.com/contact/">
2901        <picture>
2902            <source srcset="https://offi-stretch.com/wp-content/uploads/2024/09/pc__banner75.png" media="(min-width: 769px)">
2903            <img loading="lazy" src="https://offi-stretch.com/wp-content/uploads/2024/09/sp__banner75.jpg" alt="arch">
2904        </picture>
2905        </a>
2906    </div> -->
2907    <!-- 令和6年7月17日追記new_section -->
2908     <section id="youtube__sec">
2909        <div class="youtube_group">
2910        <p class="youtube_tex">1分でわかる!</p>
2911        <div class="youtubesec_logo">
2912        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/w__logo.svg" alt="ロゴ">
2913        </div>
2914        <p class="youtube_tex">「どのように企業で実施するのか」ご覧ください。</p>
2915        <div class="youtube_wrap">
2916            <iframe src="https://www.youtube.com/embed/WQBBOQLEdTU?si=vp8cHmgBJi8MTrpK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
2917        </div>
2918        </div>
2919    </section>
2920
2921    <!-- Our Story -->
2922<section id="our__story" class="fade">
2923  <h3 class="case_study_title">Our Story</h3>
2924
2925  <div class="OurStory-slider-container">
2926    <div class="OurStory-cards-wrapper">
2927      <div class="OurStory-cards">
2928                    <a href="https://offi-stretch.com/useful_columns/useful_columns-1829/" class="OurStory-card OurStory-card1">
2929              <div class="OurStory-card-img">
2930                <img src="https://offi-stretch.com/wp-content/uploads/2025/08/DSC04460.jpg" alt="「医療の外へ、企業の中へ
2931―理学療法士がつなぐ医療と経営」" loading="lazy" />
2932              </div>
2933              <div class="OurStory-card-overlay">
2934                「医療の外へ、企業の中へ
2935―理学療法士がつなぐ医療と経営」              </div>
2936            </a>
2937                      <a href="javascript:void(0)" class="OurStory-card OurStory-card2 OurStory-card--placeholder" tabindex="-1" aria-hidden="true">
2938            <div class="OurStory-card-img">
2939              <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/commingsoon.jpg" alt="commingsoonの背景画像" />
2940            </div>
2941            <div class="OurStory-card-overlay OurStory-comingsoon">Coming Soon</div>
2942          </a>
2943                  <a href="javascript:void(0)" class="OurStory-card OurStory-card3 OurStory-card--placeholder" tabindex="-1" aria-hidden="true">
2944            <div class="OurStory-card-img">
2945              <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/commingsoon.jpg" alt="commingsoonの背景画像" />
2946            </div>
2947            <div class="OurStory-card-overlay OurStory-comingsoon">Coming Soon</div>
2948          </a>
2949                  <a href="javascript:void(0)" class="OurStory-card OurStory-card4 OurStory-card--placeholder" tabindex="-1" aria-hidden="true">
2950            <div class="OurStory-card-img">
2951              <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/commingsoon.jpg" alt="commingsoonの背景画像" />
2952            </div>
2953            <div class="OurStory-card-overlay OurStory-comingsoon">Coming Soon</div>
2954          </a>
2955              </div>
2956    </div>
2957
2958    <button class="OurStory-nav-arrow OurStory-nav-prev" aria-label="前へ"><</button>
2959    <button class="OurStory-nav-arrow OurStory-nav-next" aria-label="次へ">></button>
2960  </div>
2961</section>
2962
2963
2964    <!-- new_section2 こんなお悩みありませんか?-->
2965     <section id="unique_problem">
2966        <h3 class="unique_title">従業員から<br class="unique_sp_only">こんなお声ありませんか?</h3>
2967        <!-- <div class="three_cloud poyon_group fade risk_cloud">
2968        </div> -->
2969        <div class="poyon_group fade risk_cloud three_cloud">
2970            <div class="cloud_inner__ poyon_group">
2971            <div class="poyon_box cloud_box">
2972                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/cloud_right.svg" alt="リスクについての吹き出し">
2973            </div>
2974            <div class="poyon__absolute cloud_ab unique_ab">
2975                <h3 class="parentLeft">
2976                    <span class="cloud_catch">長時間のデスクワークで、</h3>
2977                <h3 class="cloud_catch">
2978                    <span class="cloud_catch"><span class="underline cloud_catch">肩・腰が痛い</span>
2979                </h3>
2980            </div>
2981            </div>
2982            <div class="cloud_inner__ poyon_group">
2983            <div class="poyon_box cloud_box">
2984                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/cloud_left.svg" alt="リスクについての吹き出し">
2985            </div>
2986            <div class="poyon__absolute cloud_ab unique_ab ">
2987                <h3 class="parentLeft">
2988                    <span class="cloud_catch">仕事・生活のためにも、</span>
2989                </h3>
2990                <h3 class="cloud_catch">
2991                    <span class="cloud_catch">本格的な<span class="underline cloud_catch">フィジカルケアをしたい。</span>
2992                </h3>
2993            </div>
2994            </div>
2995            <div class="cloud_inner__ poyon_group">
2996            <div class="poyon_box cloud_box">
2997                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/cloud_right.svg" alt="リスクについての吹き出し">
2998            </div>
2999            <div class="poyon__absolute cloud_ab unique_ab">
3000                <h3 class="parentLeft">
3001                    <span class="cloud_catch">プライベートで</span>
3002                </h3>
3003                <h3 class="cloud_catch">
3004                    <span class="cloud_catch">フィジカルケアの<span class="underline cloud_catch">時間がない</span>
3005                </h3>
3006            </div>
3007            </div>
3008        </div>
3009        <div class="unique_triangle"></div>
3010        <div class="kaiketsu">
3011           <div class="kaiketsu_img">
3012            <picture>
3013                <source srcset="https://ponzo33.sakura.ne.jp/sample_Offi/wp-content/themes/Offi-Stretch/images/logo_Black.svg" media="(min-width: 769px)">
3014                <img loading="lazy" src="https://ponzo33.sakura.ne.jp/sample_Offi/wp-content/themes/Offi-Stretch/images/logo_Black.svg" alt="logo">
3015            </picture>
3016           </div>
3017           <h3 class="kaiketsu_title">で解決!</h3>
3018        </div>
3019        <div class="kaiketsusec">
3020            <div class="kai_inner">
3021                <div class="kai_img">
3022                    <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/kaiketsu01.svg" alt="">
3023                </div>
3024                <div class="kai_center">
3025                <p class="underline fade active kai_under">従業員のQOL向上を</p>
3026                <p class="underline fade active kai_under">オフィスで実現</p>
3027                </div>
3028            <div class="benefits_icons kai_icons">
3029                <h3 class="benefit-item kai_item">オフィスで一流のケアが受けられる</h3>
3030                <h3 class="benefit-item kai_item">一流経営者・トップアスリート御用達のメソッド</h3>
3031                <!-- <h3 class="benefit-item kai_item">整形外科医監修の高いエビデンス</h3> -->
3032            </div>
3033            </div>
3034            <div class="kai_inner">
3035                <div class="kai_img">
3036                    <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/kaiketsu02.svg" alt="">
3037                </div>
3038                <div class="kai_center">
3039                <p class="underline fade active kai_under">従業員の健康リスクを</p>
3040                <p class="underline fade active kai_under">下げることができる</p>
3041                </div>
3042            <div class="benefits_icons kai_icons">
3043                <h3 class="benefit-item kai_item">平均満足度4.9/5点の<br>従業員満足度が高い福利厚生</h3>
3044                <h3 class="benefit-item kai_item">身体の改善実感95%</h3>
3045            </div>
3046            </div>
3047            <div class="kai_inner">
3048                <div class="kai_img">
3049                    <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/kaiketsu03.svg" alt="">
3050                </div>
3051                <div class="kai_center">
3052                <p class="underline fade active kai_under">従業員への</p>
3053                <p class="underline fade active kai_under">不公平感がない</p>
3054                </div>
3055            <div class="benefits_icons kai_icons">
3056                <h3 class="benefit-item kai_item">全国の拠点、年代、性別を問わず使われる</h3>
3057                <h3 class="benefit-item kai_item">カスタマイズ利用可能(従業員負担有りなど)</h3>
3058            </div>
3059            </div>
3060        </div>
3061     </section>
3062
3063    <section id="catch_02">
3064        <div class="poyon_group fade">
3065            <div class="poyon_box">
3066                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/logo_back.svg" alt="ぽよんと動くロゴ画像">
3067            </div>
3068            <div class="poyon__absolute">
3069                <h3 class="parentLeft bgLine">
3070                    <span class="childLeft">働くなかで、</span>
3071                </h3>
3072                <h3 class="parentLeft bgLine Line_two">
3073                    <span class="childLeft">リスクをためてませんか?</span>
3074                </h3>
3075            </div>
3076        </div>
3077    </section>
3078    <!-- リスク -->
3079    <section id="risk">
3080        <div class="risk__flex fade">
3081            <div class="risk_txt">
3082                <div class="risk_img">
3083                    <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/1d5h.svg" alt="1日5時間以上のデスクワークをしている方へ">
3084                </div>
3085                <p class="underline fade bk_txt">日本人は座りすぎ。</p>
3086                <p class="en_txt">※1 Bauman AE et al. The descriptive epidemiology of sitting:<br>A 20-country comparison using the International Physical Activity Questionnaire (IPAQ). <br>Am J Prev Med, 2011; 41: 228-235.</p>
3087            </div>
3088            <div class="risk_rightimg">
3089                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk_image.svg" alt="座り続けている人のイラスト">
3090            </div>
3091        </div>
3092    </section>
3093    <section id="risk02">
3094        <div class="poyon_group fade risk_cloud">
3095            <div class="poyon_box cloud_box">
3096                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/cloud.svg" alt="リスクについての吹き出し">
3097            </div>
3098            <div class="poyon__absolute cloud_ab">
3099                <h3 class="parentLeft">
3100                    <span class="cloud_catch">1日5時間以上のデスクワークが</span>
3101                </h3>
3102                <h3 class="cloud_catch">
3103                    <span class="cloud_catch">引き起こす<span class="underline cloud_catch">リスク</span>
3104                </h3>
3105            </div>
3106        </div>
3107        <div class="risk_rapper">
3108            <div class="risk_grid fade">
3109                <div class="risk_group">
3110                    <div class="risk_tit">
3111                        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk01.svg" alt="肩こりリスクは70%">
3112                    </div>
3113                    <div class="risk_img">
3114                        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk01_2.png" alt="肩こりリスクは70%">
3115                    </div>
3116                </div>
3117                <div class="risk_group">
3118                    <div class="risk_tit">
3119                        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk02.svg" alt="腰痛リスクは80%">
3120                    </div>
3121                    <div class="risk_img">
3122                        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk02_2.png" alt="腰痛リスクは80%">
3123                    </div>
3124                </div>
3125                <div class="risk_group">
3126                    <div class="risk_tit">
3127                        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk03.svg" alt="生産性の低下">
3128                    </div>
3129                    <div class="risk_img">
3130                        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk03_2.png" alt="生産性の低下%">
3131                    </div>
3132                </div>
3133                <div class="risk_group">
3134                    <div class="risk_tit">
3135                        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk04.
3135svg" alt="うつ病リスクは3倍">
3136                    </div>
3137                    <div class="risk_img">
3138                        <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/risk04_2.png" alt="うつ病リスクは3倍">
3139                    </div>
3140                </div>
3141            </div>
3142            <ol class="number">
3143                <li>[村松 容子, 乾 愛. 就労者の疲労、頭痛、肩こり、腰痛と座位時間. ニッセイ基礎研究所. 2023]</li>
3144                <li>[Nachemson, ALF. The lumbar spine, an orthopaedic challenge. Spine 1:59. 1976]</li>
3145                <li>[Stewart, W.F.,et. Lost Productive Time and Cost Due to Common Pain Conditions in the US Workforce. JAMA. 2003;290(18);2443-54]</li>
3146                <li>[山田恵子ら. 就労環境における慢性痛の実態調査. 産業衛生学雑誌. 2017; 59(5): 125]</li>
3147            </ol>
3148        </div>
3149    </section>
3150
3151    <section id="solution">
3152        <div class="solution_title fade">
3153            <div class="sl_title_img">
3154                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/solution.svg" alt="オフィスストレッチで解決">
3155            </div>
3156            <h3>で解決</h3>
3157        </div>
3158        <div class="mark">
3159            <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/solution_mark.svg" alt="解決の流れ">
3160        </div>
3161
3162        <div id="solution_01">
3163            <div class="catchtxt fade solu_catch">
3164                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/fv-catch__white.png">
3165            </div>
3166            <div class="solution_fv">
3167                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/of.jpg" alt="施術の様子">
3168            </div>
3169            <div class="solution_point fade">
3170                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/solution_point.svg" alt="施術の様子">
3171            </div>
3172            <!-- !サービス -->
3173            <div id="service">
3174                <div class="solution_section_title fade">
3175                    <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/service.svg" alt="サービス">
3176                </div>
3177                <div class="solution_section_flex fade">
3178
3179                    <div class="service_group">
3180                        <div class="service_inner">
3181                            <div class="service_no">
3182                                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/one.svg" alt="01">
3183                            </div>
3184                            <p class="service_text">
3185                                認定理学/作業療法士が<br class="pc-only">企業様へ出張
3186                            </p>
3187                        </div>
3188                        <div class="service_img top_mg">
3189                            <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/service01_1.svg" alt="認定理学/作業療法士が企業様へ出張">
3190                        </div>
3191                    </div>
3192
3193                    <div class="service_group">
3194                        <div class="service_inner">
3195                            <div class="service_no">
3196                                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/two.svg" alt="02">
3197                            </div>
3198                            <p class="service_text">会議室などの空きスペースで<br>その方に合わせた施術をご提供</p>
3199                        </div>
3200                        <div class="service_img">
3201                            <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/service02_1.png" alt="会議室などの空きスペースでその方に合わせた施術をご提供">
3202                        </div>
3203                    </div>
3204                </div>
3205            </div>
3206            <!-- !ベネフィット -->
3207            <div id="benefit__">
3208                <div class="solution_section_title fade">
3209                    <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/benefit.svg" alt="ベネフィット">
3210                </div>
3211                <div class="bene_wrap fade">
3212                    <div class="bene_item">
3213                        <div class="bene_inner">
3214                            <div class="bene_img">
3215                                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/benefit_01.svg" alt="労働生産性の向上">
3216                            </div>
3217                            <h4 class="bene_txt">健康に働ける<br class="sp-only">環境づくり</h4>
3218                        </div>
3219                    </div>
3220                    <div class="bene_item">
3221                        <div class="bene_inner">
3222                            <div class="bene_img">
3223                                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/benefit_02.svg" alt="社員ロイヤリティ向上">
3224                            </div>
3225                            <h4 class="bene_txt">従業員エンゲージメント<br>向上</h4>
3226                        </div>
3227                    </div>
3228                    <div class="bene_item">
3229                        <div class="bene_inner">
3230                            <div class="bene_img">
3231                                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/benefit_03.svg" alt="「健康経営」促進">
3232                            </div>
3233                            <h4 class="bene_txt">不公平感のない<br>福利厚生設計</h4>
3234                        </div>
3235                    </div>
3236                </div>
3237            </div>
3238        </div>
3239        <div class="section_arch">
3240            <picture>
3241                <source srcset="https://offi-stretch.com/wp-content/themes/Offi-Stretch/about_img/arch.svg" media="(min-width: 769px)">
3242                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/about_img/arch_sp.svg" alt="arch">
3243            </picture>
3244        </div>
3245
3246        <div id="solution_02" class="fade">
3247            <h3>出張形式は様々。<br class="sp-only">各企業様のスタイルに合わせてお伺いします!</h3>
3248            <div class="phot_grid">
3249                <div class="phot_inner">
3250                    <div class="phot"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/phot01.jpg" alt="専用パターン">
3251                    </div>
3252                    <p class="phot_text">専用パターン</p>
3253                </div>
3254                <div class="phot_inner">
3255                    <div class="phot"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/phot02.jpg" alt="部屋の配置変え可能なパターン">
3256                    </div>
3257                    <p class="phot_text">部屋の配置変え可能なパターン</p>
3258                </div>
3259                <div class="phot_inner">
3260                    <div class="phot"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/phot03.jpg" alt="パーテーションで区切るパターン">
3261                    </div>
3262                    <p class="phot_text">パーテーションで区切るパターン</p>
3263                </div>
3264            </div>
3265        </div>
3266        <div class="solution_arch">
3267            <picture>
3268                <source srcset="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/arch_g.svg" media="(min-width: 769px)">
3269                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/arch_sp_g.svg" alt="arch">
3270            </picture>
3271        </div>
3272        <div class="btn_rapper">
3273            <a class="service_btn" href="https://offi-stretch.com/about/">詳しくはこちら</a>
3274        </div>
3275    </section>
3276    <section id="method_bk_w">
3277        <section id="method" class="fade">
3278            <h3 class="method_title">整形外科医監修<wbr />独自メソッド</h3>
3279            <div class="method_inner">
3280                <div class="method_img">
3281                    <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/method.jpg" alt="松平 浩 監修">
3282                </div>
3283                <div class="method_txt_group">
3284                    <div class="sp-center">
3285                        <h4 class="top-h1-visually-hidden">監修医プロフィール</h4>
3286                        <h5 style="margin-bottom:5px;">整形外科医 医学博士</h5>
3287                        <!-- <h5 style="margin-bottom:10px;">まつだいら こう</h5> -->
3288                        <!-- <h3>松平  浩<wbr><span class="small_name">(Ko Matsudaira)</span><wbr>監修</h3> -->
3289                        <!-- <h3>松平  浩監修</h3> -->
3290                        <!-- <h3>松平  浩監修</h3> -->
3291                        <h3><ruby>松平<rt>まつだいら</rt>&nbsp;&nbsp;浩<rt>&nbsp;&nbsp;こう</rt></ruby>監修</h3>
3292                    </div>
3293                    <h4>テーラーメイド腰のクリニック<br>院長 (腰痛専門クリニック)</h4>
3294                    <h4>腰痛治療・運動療法の第一人者<br>
3295                        元東京大学医学部附属病院22世紀医療センター特任教授<br>
3296                        ベストドクター(BEST DOCTORS IN JAPAN)認定医師(2018年-)<br>
3297                        福島県立医科大学医学部疼痛医学講座特任教授(2016年-)<br>
3298                        順天堂大学医学部麻酔科学・ペインクリニック講座非常勤講師(2016年-)<br>
3299                        <br>
3300                        <br>
3301                        2023年1月末まで、東京大学医学部附属病院22世紀医療センター特任教授として腰痛治療と研究に従事。<br>
3302                        腰痛のメカニズムを科学的に解明し、「腰痛は動いて治す」という欧米で最もスタンダードな治療を提唱し、的確な診断と個々にあった運動療法ã
3302§è…°ç—›æ²»ç™‚をおこなう。
3303                    </h4>
3304                </div>
3305            </div>
3306            <div class="method_point fade">
3307                <div class="mt_point_img">
3308                    <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/solution01.svg" alt="生産性向上90%">
3309                </div>
3310                <div class="mt_point_img">
3311                    <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/about_img/ab_solution02.svg" alt="累計満足度4.9/%">
3312                </div>
3313                <div class="mt_point_img">
3314                    <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/solution03.svg" alt="身体改善実感率98.3%">
3315                </div>
3316            </div>
3317            <ul class="survey-list">
3318                <li>※ 弊社によるアンケート調査結果</li>
3319                <li>※ 生産性向上=「仕事の効率が上がった」に対し、「そう思う」「ややそう思う」とお答えした方の割合</li>
3320                <li>※ 身体改善実感率=「身体不調が改善した」に対し、「そう思う」「ややそう思う」とお答えした方の割合</li>
3321            </ul>
3322            <div class="btn_rapper">
3323                <a class="method_btn" href="https://offi-stretch.com/about/">詳しくはこちら</a>
3324            </div>
3325        </section>
3326        <div class="method_arch">
3327            <picture>
3328                <source srcset="https://offi-stretch.com/wp-content/themes/Offi-Stretch/about_img/arch.svg" media="(min-width: 769px)">
3329                <img loading="lazy" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/about_img/arch_sp.svg" alt="arch">
3330            </picture>
3331        </div>
3332    </section>
3333
3334    <!-- 導入事例 -->
3335    <section id="case_study" class="fade">
3336        <h3 class="case_study_title">導入事例</h3>
3337
3338        <div class="slider__container">
3339            <div class="offi-slick">
3340                <!-- <div class="offi-slick__item">
3341                    <a href="https://offi-stretch.com/case_si/" class="card">
3342                        <div class="card-image-box">
3343                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/socialinterior/socialinterior_catch.jpg">
3344                        </div>
3345                        <div class="card-box">
3346                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/socialinterior/socialinterior_logo.svg" alt="ソーシャルインテリア様ロゴ"></div>
3347                            <h3 class="corporate_card">株式会社ソーシャルインテリア</h3>
3348                            <h2 class="card-title">継続希望率100%<br>「身体が変わった!」<br>独自メソッドの実感で社内利用も拡大</h2>
3349                            <div class="card_tag">
3350                                <p class="card-tag_name">51〜100名</p>
3351                                <p class="card-tag_name">インテリア、インターネットサービス</p>
3352                            </div>
3353                            <div class="card_link">
3354                                <p>詳しくみる</p>
3355                            </div>
3356                        </div>
3357                    </a>
3358                </div>
3359                <div class="offi-slick__item">
3360                    <a href="https://offi-stretch.com/case_gmo/" class="card">
3361                        <div class="card-image-box">
3362                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/gmo/gmo_catch.jpg">
3363                        </div>
3364                        <div class="card-box">
3365                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/gmo/Offi-Stretch_02.png" alt="gmo様ロゴ"></div>
3366                            <h3 class="corporate_card">GMOインターネットグループ</h3>
3367                            <h2 class="card-title">エンジニア、クリエイターの割合が5割超<br>既存の福利厚生施策にはない効果を実感</h2>
3368                            <div class="card_tag">
3369                                <p class="card-tag_name">5000名以上</p>
3370                                <p class="card-tag_name">インターネットサービス</p>
3371                            </div>
3372                            <div class="card_link">
3373                                <p>詳しくみる</p>
3374                            </div>
3375                        </div>
3376                    </a>
3377                </div> -->
3378                <!-- <div class="offi-slick__item">
3379                    <a href="https://offi-stretch.com/case_ca/" class="card">
3380                        <div class="card-image-box">
3381                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/ChiyonoAnne/ChiyonoAnne_cat
3381ch.jpg">
3382                        </div>
3383                        <div class="card-box">
3384                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_11.png" alt="ChiyonoAnne様ロゴ"></div>
3385                            <h3 class="corporate_card">Chiyono Anne</h3>
3386                            <h2 class="card-title">丁寧なものづくりを支える<br>
3387                                クリエイターならではの体の負担を改善
3388                            </h2>
3389                            <div class="card_tag">
3390                                <p class="card-tag_name">〜10名</p>
3391                                <p class="card-tag_name">デザイン、制作、販売</p>
3392                            </div>
3393                            <div class="card_link">
3394                                <p>詳しくみる</p>
3395                            </div>
3396                        </div>
3397                    </a>
3398                </div> -->
3399                <!-- <div class="offi-slick__item">
3400                    <a href="https://offi-stretch.com/case_lvj/" class="card">
3401                        <div class="card-image-box">
3402                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/lvj/catch.jpg">
3403                        </div>
3404                        <div class="card-box">
3405                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_03.png" alt="ロゴ"></div>
3406                            <h3 class="corporate_card">株式会社ロッテベンチャーズ・ジャパン</h3>
3407                            <h2 class="card-title">楽しく、長く働ける環境づくりに貢献<br>オフィスへの出社促進にもつながる</h2>
3408                            <div class="card_tag">
3409                                <p class="card-tag_name">〜10名</p>
3410                                <p class="card-tag_name">ベンチャー企業への投資、成長支援</p>
3411                            </div>
3412                            <div class="card_link">
3413                                <p>詳しくみる</p>
3414                            </div>
3415                        </div>
3416                    </a>
3417                </div> -->
3418                <!-- <div class="offi-slick__item">
3419                    <a href="https://offi-stretch.com/case_re/" class="card">
3420                        <div class="card-image-box">
3421                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/re/re_catch.jpg">
3422                        </div>
3423                        <div class="card-box">
3424                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_10.png" alt="ロゴ"></div>
3425                            <h3 class="corporate_card">レンフロ・ジャパン株式会社</h3>
3426                            <h2 class="card-title">コロナ禍で変わった健康と労働への意識<br>女性が活躍できる職場づくりをサポート</h2>
3427                            <div class="card_tag">
3428                                <p class="card-tag_name">51〜100人</p>
3429                                <p class="card-tag_name">靴下・タイツ・インナー類 製造・販売</p>
3430                            </div>
3431                            <div class="card_link">
3432                                <p>詳しくみる</p>
3433                            </div>
3434                        </div>
3435                    </a>
3436                </div> -->
3437                <div class="offi-slick__item">
3438                    <a href="https://offi-stretch.com/case_ad/" class="card">
3439                        <div class="card-image-box">
3440                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/ADASTRIA/ADASTRIA_i_catch.jpg" alt="アイキャッチ">
3441                        </div>
3442                        <div class="card-box">
3443                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/ADplayfashionlogo_2020.jpg" alt="ロゴ"></div>
3444                            <h3 class="corporate_card">ADASTRIA</h3>
3445                            <h2 class="card-title">
3445地域活性化イベントに導入<br>プロの施術を隙間時間に気軽に体験</h2>
3446                            <div class="card_tag">
3447                                <p class="card-tag_name">5000人~</p>
3448                                <p class="card-tag_name">衣料品・雑貨等の企画・製造・販売</p>
3449                            </div>
3450                            <div class="card_link">
3451                                <p>詳しくみる</p>
3452                            </div>
3453                        </div>
3454                    </a>
3455                </div>
3456                <div class="offi-slick__item">
3457                    <a href="https://offi-stretch.com/case_ito/" class="card">
3458                        <div class="card-image-box">
3459                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/ito/i_catch.jpg" alt="アイキャッチ">
3460                        </div>
3461                        <div class="card-box">
3462                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/ito_logo.png" alt="ロゴ"></div>
3463                            <h3 class="corporate_card">伊藤忠商事労働組合</h3>
3464                            <h2 class="card-title">再現性の高さがポイント<br>職場、家庭でできるストレッチを楽しく習得</h2>
3465                            <div class="card_tag">
3466                                <p class="card-tag_name">4,000人~</p>
3467                                <p class="card-tag_name">総合商社</p>
3468                            </div>
3469                            <div class="card_link">
3470                                <p>詳しくみる</p>
3471                            </div>
3472                        </div>
3473                    </a>
3474                </div>
3475                <div class="offi-slick__item">
3476                    <a href="https://offi-stretch.com/case_fa/" class="card">
3477                        <div class="card-image-box">
3478                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/familymart/i_catch.jpg" alt="アイキャッチ">
3479                        </div>
3480                        <div class="card-box">
3481                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_17.png" alt="ロゴ"></div>
3482                            <h3 class="corporate_card">株式会社ファミリーマート</h3>
3483                            <h2 class="card-title">習慣化できる健康への新たなアプローチ<br>カスタムメイドのセミナーで変化を体感</h2>
3484                            <div class="card_tag">
3485                                <p class="card-tag_name">5,000人~</p>
3486                                <p class="card-tag_name">コンビニエンスストア事業</p>
3487                            </div>
3488                            <div class="card_link">
3489                                <p>詳しくみる</p>
3490                            </div>
3491                        </div>
3492                    </a>
3493                </div>
3494                <div class="offi-slick__item">
3495                    <a href="https://offi-stretch.com/case_aoi/" class="card">
3496                        <div class="card-image-box">
3497                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/aoi/i_catch.jpg" alt="アイキャッチ">
3498                        </div>
3499                        <div class="card-box">
3500                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_19.png" alt="ロゴ"></div>
3501                            <h3 class="corporate_card">葵交通株式会社</h3>
3502                            <h2 class="card-title">社員、乗務員ファーストの健康戦略<br>短時間でできるセルフケアが好評</h2>
3503                            <div class="card_tag">
3504                                <p class="card-tag_name">150〜200人</p>
3505                                <p class="card-tag_name">旅客運送業</p>
3506                            </div>
3507                            <div class="card_link">
3508                                <p>詳しくみる</p>
3509                            </div>
3510                        </div>
3511                    </a>
3512                </div>
3513                <div class="offi-slick__item">
3514                    <a href="https://offi-stretch.com/case_fbm/" class="card">
3515                        <div class="card-image-box">
3516                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/fbm/i_catch02.jpg" alt="アイキャッチ">
3517                        </div>
3518                        <div class="card-box">
3519                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_20.png" alt="ロゴ"></div>
3520                            <h3 class="corporate_card">FBモーゲージ株式会社</h3>
3521                            <h2 class="card-title">勤務時間で身体をメンテナンス<br>「さぼり時間」で生産性、ロイヤリティが向上</h2>
3522                            <div class="card_tag">
3523                                <p class="card-tag_name">11〜50人</p>
3524                                <p class="card-tag_name">金融</p>
3525                            </div>
3526                            <div class="card_link">
3527                                <p>詳しくみる</p>
3528                            </div>
3529                        </div>
3530                    </a>
3531                </div>
3532                <div class="offi-slick__item">
3533                    <a href="https://offi-stretch.com/case_itcmpal/" class="card">
3534                        <div class="card-image-box">
3535                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/itcmpal/i_catch.jpg" alt="アイキャッチ">
3536                        </div>
3537                        <div class="card-box">
3538                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_21.png" alt="ロゴ"></div>
3539                            <h3 class="corporate_card">伊藤忠モードパル株式会社</h3>
3540                            <h2 class="card-title">ストレッチで「働き方改革」<br>健康意識の改善で生産性も向上</h2>
3541                            <div class="card_tag">
3542                                <p class="card-tag_name">51~100人</p>
3543                                <p class="card-tag_name">アパレルOEM・ODM事業</p>
3544                            </div>
3545                            <div class="card_link">
3546                                <p>詳しくみる</p>
3547                            </div>
3548                        </div>
3549                    </a>
3550                </div>
3551                <div class="offi-slick__item">
3552                    <a href="https://offi-stretch.com/case_sks/" class="card">
3553                        <div class="card-image-box">
3554                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/sks/sks_i_catch.jpg" alt="アイキャッチ">
3555                        </div>
3556                        <div class="card-box">
3557                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/Offi-Stretch_22.png" alt="ロゴ"></div>
3558                            <h3 class="corporate_card">桜川サービス株式会社</h3>
3559                            <h2 class="card-title">長年の悩みがストレッチで改善<br>製造業の負荷を軽減する職場づくり</h2>
3560                            <div class="card_tag">
3561                                <p class="card-tag_name">11〜50人</p>
3562                                <p class="card-tag_name">製造業</p>
3563                            </div>
3564                            <div class="card_link">
3565                                <p>詳しくみる</p>
3566                            </div>
3567                        </div>
3568                    </a>
3569                </div>
3570                <div class="offi-slick__item">
3571                    <a href="https://offi-stretch.com/case_lsoft/" class="card">
3572                        <div class="card-image-box">
3573                            <img class="card-image" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/lsoft/i_catch02.jpg" alt="アイキャッチ">
3574                        </div>
3575                        <div class="card-box">
3576                            <div class="card-logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/lsoft/Offi-Stretch_23.jpg" alt="ロゴ"></div>
3577                            <h3 class="corporate_card">エルソフト株式会社</h3>
3578                            <h2 class="card-title">勤務時間内でのフィジカルケアで、<br>生産性&社員エンゲージメントが向上を実現。</h2>
3579                            <div class="card_tag">
3580                                <p class="card-tag_name">11〜50人</p>
3581                                <p class="card-tag_name">IT・ソフトウェア開発</p>
3582                            </div>
3583                            <div class="card_link">
3584                                <p>詳しくみる</p>
3585                            </div>
3586                        </div>
3587                    </a>
3588                </div>
3589            </div>
3590        </div>
3591    </section>
3592
3593    <!-- よくある質問 -->
3594    <section id="faq" class="fade">
3595        <h3 class="case_study_title faq_title__">よくある質問</h3>
3596        <div id="faqArea" class="fade">
3597            <input id="acd-check1" class="acd-check" type="checkbox">
3598            <label class="acd-label color01" for="acd-check1">
3599                <div class="acd_inner">
3600                    <div class="faq_box Q">
3601                        <p>Q</p>
3602                    </div>
3603                    <div class="answer">
3604                        <p>Offi-Stretch ® を会社で導入したいのですが、何から始めていいかわかりません。</p>
3605                    </div>
3606                </div>
3607                <span class="AcdIcon"></span>
3608            </label>
3609            <div class="acd-content color01">
3610                <div class="acd_inner">
3611                    <div class="faq_box A">
3612                        <p>A</p>
3613                    </div>
3614                    <div class="answer">
3615                        <p>まずは資料請求、お気軽にお問い合わせください。</p>
3616                    </div>
3617                </div>
3618            </div>
3619
3620            <input id="acd-check2" class="acd-check" type="checkbox">
3621            <label class="acd-label color02" for="acd-check2">
3622                <div class="acd_inner">
3623                    <div class="faq_box Q">
3624                        <p>Q</p>
3625                    </div>
3626                    <div class="answer">
3627                        <p>料金体系が知りたいです。</p>
3628                    </div>
3629                </div>
3630                <span class="AcdIcon"></span>
3631            </label>
3632            <div class="acd-content color02">
3633                <div class="acd_inner">
3634                    <div class="faq_box A">
3635                        <p>A</p>
3636                    </div>
3637                    <div class="answer">
3638                        <p>まずは資料請求、お気軽にお問い合わせください。</p>
3639                    </div>
3640                </div>
3641            </div>
3642
3643            <input id="acd-check3" class="acd-check" type="checkbox">
3644            <label class="acd-label color01" for="acd-check3">
3645                <div class="acd_inner">
3646                    <div class="faq_box Q">
3647                        <p>Q</p>
3648                    </div>
3649                    <div class="answer">
3650                        <p>Offi-Stretch ® の導入前に、施術を受けてみることは可能ですか?</p>
3651                    </div>
3652                </div>
3653                <span class="AcdIcon"></span>
3654            </label>
3655            <div class="acd-content color01">
3656                <div class="acd_inner">
3657                    <div class="faq_box A">
3658                        <p>A</p>
3659                    </div>
3660                    <div class="answer">
3661                        <p>ご相談次第で可能です。お気軽にお問い合わせください。</p>
3662                    </div>
3663                </div>
3664            </div>
3665
3666            <input id="acd-check4" class="acd-check" type="checkbox">
3667            <label class="acd-label color02" for="acd-check4">
3668                <div class="acd_inner">
3669                    <div class="faq_box Q">
3670                        <p>Q</p>
3671                    </div>
3672                    <div class="answer">
3673                        <p>Offi-Stretch ® を導入するにあたり、会社側で用意するものはありますか?</p>
3674                    </div>
3675                </div>
3676                <span class="AcdIcon"></span>
3677            </label>
3678            <div class="acd-content color02">
3679                <div class="acd_inner">
3680                    <div class="faq_box A">
3681                        <p>A</p>
3682                    </div>
3683                    <div class="answer">
3684                        <p>備品、ご予約フォーム、社内案内など、必要なものはすべて弊社でご用意させて頂きますので、空き部屋のみご用意ください。</p>
3685                    </div>
3686                </div>
3687            </div>
3688
3689            <input id="acd-check5" class="acd-check" type="checkbox">
3690            <label class="acd-label color01" for="acd-check5">
3691                <div class="acd_inner">
3692                    <div class="faq_box Q">
3693                        <p>Q</p>
3694                    </div>
3695                    <div class="answer">
3696                        <p>出張するお部屋は、どのぐらいの広さが必要でしょうか?</p>
3697                    </div>
3698                </div>
3699                <span class="AcdIcon"></span>
3700            </label>
3701            <div class="acd-content color01">
3702                <div class="acd_inner">
3703                    <div class="faq_box A">
3704                        <p>A</p>
3705                    </div>
3706                    <div class="answer">
3707                        <p>最小で「2.5m×2.0m」あれば施術は可能です。</p>
3708                    </div>
3709                </div>
3710            </div>
3711
3712            <input id="acd-check6" class="acd-check" type="checkbox">
3713            <label class="acd-label color02" for="acd-check6">
3714                <div class="acd_inner">
3715                    <div class="faq_box Q">
3716                        <p>Q</p>
3717                    </div>
3718                    <div class="answer">
3719                        <p>どれくらいで肩こり・腰痛は根本的に解決しますか?</p>
3720                    </div>
3721                </div>
3722                <span class="AcdIcon"></span>
3723            </label>
3724            <div class="acd-content color02">
3725                <div class="acd_inner">
3726                    <div class="faq_box A">
3727                        <p>A</p>
3728                    </div>
3729                    <div class="answer">
3730                        <p>月2回のご利用で、約3ヶ月で根本解決を目指していけます。とはいえ、その後も定期的にケアを継続していくことが好ましいとされています。詳しくは、こちらの<a href="https://offi-stretch.com/about/" class="faqlink">「Offi-Stretch®とは?」</a>をご覧ください。</p>
3731                    </div>
3732                </div>
3733            </div>
3734
3735            <input id="acd-check7" class="acd-check" type="checkbox">
3736            <label class="acd-label color01" for="acd-check7">
3737                <div class="acd_inner">
3738                    <div class="faq_box Q">
3739                        <p>Q</p>
3740                    </div>
3741                    <div class="answer">
3742                        <p>Offi-Stretch ® はどのようなサービスですか?</p>
3743                    </div>
3744                </div>
3745                <span class="AcdIcon"></span>
3746            </label>
3747            <div class="acd-content color01">
3748                <div class="acd_inner">
3749                    <div class="faq_box A">
3750                        <p>A</p>
3751                    </div>
3752                    <div class="answer">
3753                        <p>整形外科医監修の独自メソッドを用いた、理学/作業療法士のオフィス内出張施術サービスです。1日5時間以上のデスクワークが引き起こす身体的不調を解消し、労働生産性の向上を図ることができます。また、極めて高い社員満足度が期待できるので、社員ロイヤリティ向上も目指していけます。効果のさらなるご理解のため、<a href="https://offi-stretch.com/about/" class="faqlink">「Offi-Stretch®とは?」</a>をぜひご覧ください。</p>
3754                    </div>
3755                </div>
3756            </div>
3757
3758            <input id="acd-check8" class="acd-check" type="checkbox">
3759            <label class="acd-label color02" for="acd-check8">
3760                <div class="acd_inner">
3761                    <div class="faq_box Q">
3762                        <p>Q</p>
3763                    </div>
3764                    <div class="answer">
3765                        <p>拠点は複数でも利用可能ですか?</p>
3766                    </div>
3767                </div>
3768                <span class="AcdIcon"></span>
3769            </label>
3770            <div class="acd-content color02">
3771                <div class="acd_inner">
3772                    <div class="faq_box A">
3773                        <p>A</p>
3774                    </div>
3775                    <div class="answer">
3776                        <p>可能ですので、詳しくは、ぜひお気軽にお問い合わせください。(関東圏以外の場合は、1ヶ月程度の準備時間を頂きます。)</p>
3777                    </div>
3778                </div>
3779            </div>
3780
3781            <input id="acd-check9" class="acd-check" type="checkbox">
3782            <label class="acd-label color01" for="acd-check9">
3783                <div class="acd_inner">
3784                    <div class="faq_box Q">
3785                        <p>Q</p>
3786                    </div>
3787                    <div class="answer">
3788                        <p>理学/作業療法士とは、どのような国家資格ですか?</p>
3789                    </div>
3790                </div>
3791                <span class="AcdIcon"></span>
3792            </label>
3793            <div class="acd-content color01">
3794                <div class="acd_inner">
3795                    <div class="faq_box A">
3796                        <p>A</p>
3797                    </div>
3798                    <div class="answer">
3799                        <p>多くはリハビリテーションの現場で働く、解剖学、運動学など、身体構造を熟知した医療国家資格です。詳しくは、こちらの<a href="https://offi-stretch.com/about/" class="faqlink">「Offi-Stretch®とは?」</a>をご覧ください。</p>
3800                    </div>
3801                </div>
3802            </div>
3803
3804            <input id="acd-check10" class="acd-check" type="checkbox">
3805            <label class="acd-label color02" for="acd-check10">
3806                <div class="acd_inner">
3807                    <div class="faq_box Q">
3808                        <p>Q</p>
3809                    </div>
3810                    <div class="answer">
3811                        <p>マッサージとの違いは何ですか?</p>
3812                    </div>
3813                </div>
3814                <span class="AcdIcon"></span>
3815            </label>
3816            <div class="acd-content color02">
3817                <div class="acd_inner">
3818                    <div class="faq_box A">
3819                        <p>A</p>
3820                    </div>
3821                    <div class="answer">
3822                        <p>効果、医学的根拠が異なり、「専門家によるストレッチを軸とした施術」は、身体的不調の根本解消を目指せるといわれています。詳しくは、こちらの<a href="https://offi-stretch.com/about/" class="faqlink">「Offi-Stretch ® とは?」</a>をご覧ください。</p>
3823                    </div>
3824                </div>
3825            </div>
3826
3827        </div><!-- #faqArea -->
3828    </section>
3829    <footer class="footer">
3830    <div class="footer_rapper">
3831        <div class="footer-left">
3832            <a href="https://offi-stretch.com">
3833                <div class="footer_logo">
3834                    <img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/logo.png" alt="ロゴ">
3835                </div>
3836            </a>
3837            <address class="footer__address">〒107-0062<br>東京都港区南青山3丁目5番2号<br>南青山第一韮澤ビル 2C<br>
3838            </address>
3839            <div class="youtube">
3840                <p>YouTube<span class="vertical-line"></span></p>
3841                <a href="https://www.youtube.com/@WellBody2022" target="_blank" rel="noopener noreferrer">
3842                    <div class="youtube_logo"><img src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/images/youtube_logo.svg" alt="ロゴ"></div>
3843                </a>
3844            </div>
3845            <p class="copyright"><a href="#">Offi-Stretch © 2024 All Rights Reserved.</a></p>
3846        </div>
3847        <div class="menu__right">
3848            <div class="menu__grid">
3849                <div>
3850                    <a href="https://offi-stretch.com/corporate/" class="animate-link footer__navi-heading">会社概要</a>
3851                </div>
3852                <div>
3853                    <a href="https://offi-stretch.com/about/" class="animate-link footer__navi-heading">Offi-Stretch®とは</a>
3854                    <ul class="footer__navi dot">
3855                        <li><a href="https://offi-stretch.com/about/#realization" class="animate-link">Offi-Stretch®で実現できること</a></li>
3856                        <li><a href="https://offi-stretch.com/about/#effect" class="animate-link">なぜ効果が高いのか?</a></li>
3857                        <li><a href="https://offi-stretch.com/about/#choosing" class="animate-link">選ばれる理由</a></li>
3858                        <li><a href="https://offi-stretch.com/about/#flow" class="animate-link">サービスの流れ</a></li>
3859                    </ul>
3860                </div>
3861                <div>
3862                    <a href="https://offi-stretch.com/case/" class="animate-link footer__navi-heading">導入事例</a>
3863                    <ul class="footer__navi style_none">
3864                        <li><a href="https://offi-stretch.com/get_info/" class="animate-link">お役立ち資料</a></li>
3865                        <li><a href="https://offi-stretch.com/useful_columns/" class="animate-link">お役立ちコラム</a></li>
3866                        <li><a href="https://offi-stretch.com/seminar/" class="animate-link">セミナー</a></li>
3867                        <li><a href="https://offi-stretch.com/privacy_policy/" class="animate-link">プライバシーポリシー</a></li>
3868                    </ul>
3869                </div>
3870            </div>
3871        </div>
3872    </div>
3873</footer>
3874
3875<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
vendor: 1 bytes, line 3875
3875
3876<script src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
vendor: 1 bytes, line 3876
3876
3877<script>
3878    window.addEventListener("scroll", function() {
3879        const header = document.querySelector("header");
3880        header.classList.toggle("scroll-nav", window.scrollY > 100);
3881    });
3882</script>
vendor: 1 bytes, line 3882
3882
3883<script>
3884    window.onload = function() {
3885        setTimeout(function() {
3886            const popup = document.getElementById("popup");
3887            popup.classList.add("show");
3888        }, 1000); // 1000ミリ秒 = 1秒
3889    };
3890
3891    function closePopup() {
3892        const popup = document.getElementById("popup");
3893        popup.classList.remove("show");
3894
3895        // フェードアウトが終わるまで少し待ってから非表示にする
3896        setTimeout(function() {
3897            popup.style.visibility = "hidden";
3898        }, 500); // 500ミリ秒はCSSのtransition時間に合わせています
3899    }
3900</script>
vendor: 1 bytes, line 3900
3900
3901<script>
3902    const viewportObserver = new IntersectionObserver((entries) => {
3903        entries.forEach((entry) => {
3904            if (entry.isIntersecting) {
3905                entry.target.classList.add('in-viewport');
3906                setTimeout(() => {
3907                    entry.target.classList.add('animate-poyon');
3908                    entry.target.addEventListener('animationend', () => {
3909                        entry.target.classList.remove('animate-poyon');
3910                    }, {
3911                        once: true
3912                    });
3913                }, 1000);
3914            } else {
3915                entry.target.classList.remove('in-viewport');
3916            }
3917        });
3918    }, {
3919        threshold: 0.5
3920    });
3921
3922    const poyonBox = document.querySelector('.poyon_box');
3923    viewportObserver.observe(poyonBox);
3924
3925    const delayObserver = new IntersectionObserver((entries) => {
3926        entries.forEach((entry) => {
3927            if (entry.isIntersecting) {
3928                entry.target.classList.add('in-viewport');
3929                setAnimationDelay(entry.target);
3930            } else {
3931                entry.target.classList.remove('in-viewport');
3932            }
3933        });
3934    }, {
3935        threshold: 0.5
3936    });
3937
3938    const observeClassNames = ['parentLeft', 'childLeft', 'bgLine'];
3939    observeClassNames.forEach(className => {
3940        const elements = document.querySelectorAll(`.${className}`);
3941        elements.forEach(element => {
3942            delayObserver.observe(element);
3943        });
3944    });
3945
3946    function setAnimationDelay(element) {
3947        const currentTime = performance.now();
3948        const animationDelay = (currentTime - element.dataset.animationStart) / 1000;
3949        element.style.setProperty('--animation-delay', `${animationDelay}s`);
3950    }
3951
3952    document.addEventListener('DOMContentLoaded', () => {
3953        const elements = document.querySelectorAll('.childLeft, .bgLine::before');
3954        elements.forEach(element => {
3955            element.dataset.animationStart = performance.now();
3956        });
3957    });
3958</script>
3958
3959
3960<script type="text/javascript">
3961    const targets = document.querySelectorAll('.fade, .underline');
3962    for (let i = targets.length; i--;) {
3963        let observer = new IntersectionObserver((entries, observer) => {
3964            for (let j = entries.length; j--;) {
3965                if (entries[j].isIntersecting) {
3966                    entries[j].target.classList.add('active');
3967                } else {
3968                    entries[j].target.classList.remove('active');
3969                }
3970            }
3971        });
3972        observer.observe(targets[i]);
3973    }
3974</script>
vendor: 1 bytes, line 3974
3974
3975<script>
3976    $(function() {
3977        $(".offi-slick").slick({
3978            autoplay: true,
3979            centerMode: true,
3980            centerPadding: '40px',
3981            slidesToShow: 3,
3982            dots: true,
3983            arrows: true,
3984            prevArrow: $('.slick-prev'),
3985            nextArrow: $('.slick-next'),
3986            variableWidth: true,
3987        });
3988    });
3989</script>
vendor: 1 bytes, line 3989
3989
3990<script>
3991$(function () {
3992    $(".drawer__button").click(function () {
3993        $(this).toggleClass("active");
3994        $(".drawer__nav").toggleClass("active");
3995    });
3996
3997    $(".drawer__nav__link").click(function () {
3998        $(".drawer__button").removeClass("active");
3999        $(".drawer__nav").removeClass("active");
4000    });
4001});
4002</script>
vendor: 1 bytes, line 4002
4002
4003<script src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/script.js"></script>
vendor: 1 bytes, line 4003
4003
4004<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/44422955.js"></script>
vendor: 1 bytes, line 4004
4004
4005<script type="speculationrules">
4006{"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/Offi-Stretch/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
4007</script>
vendor: 1 bytes, line 4007
4007
4008<script>
4009jQuery(document).ready(function($) {
4010    var deviceAgent = navigator.userAgent.toLowerCase();
4011    if (deviceAgent.match(/(iphone|ipod|ipad)/)) {
4012        $("html").addClass("ios");
4013        $("html").addClass("mobile");
4014    }
4015    if (deviceAgent.match(/(Android)/)) {
4016        $("html").addClass("android");
4017        $("html").addClass("mobile");
4018    }
4019    if (navigator.userAgent.search("MSIE") >= 0) {
4020        $("html").addClass("ie");
4021    }
4022    else if (navigator.userAgent.search("Chrome") >= 0) {
4023        $("html").addClass("chrome");
4024    }
4025    else if (navigator.userAgent.search("Firefox") >= 0) {
4026        $("html").addClass("firefox");
4027    }
4028    else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) {
4029        $("html").addClass("safari");
4030    }
4031    else if (navigator.userAgent.search("Opera") >= 0) {
4032        $("html").addClass("opera");
4033    }
4034});
4035</script>
vendor: 1 bytes, line 4035
4035
4036<script>
4037    var thanksPage = {
4038        27: 'https://offi-stretch.com/contact_thanks/',
4039        28: 'https://offi-stretch.com/download_thanks/',
4040        482: 'https://offi-stretch.com/seminar_thanks/',
4041        490: 'https://offi-stretch.com/download_thanks/',
4042    };
4043    document.addEventListener( 'wpcf7mailsent', function( event ) {
4044        location = thanksPage[event.detail.contactFormId];
4045    }, false );
4046</script>
4046<script id="toc-front-js-extra">
4047var tocplus = {"smooth_scroll":"1","smooth_scroll_offset":"130"};
4048//# sourceURL=toc-front-js-extra
4049</script>
vendor: 1 bytes, line 4049
4049
4050<script id="toc-front-js" src="https://offi-stretch.com/wp-content/plugins/table-of-contents-plus/assets/front.min.js?ver=202609.1"></script>
vendor: 1 bytes, line 4050
4050
4051<script id="slick-js-js" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/slick.min.js"></script>
vendor: 1 bytes, line 4051
4051
4052<script id="custom-js-js" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/script.js"></script>
vendor: 1 bytes, line 4052
4052
4053<script id="our-story-slider-js" src="https://offi-stretch.com/wp-content/themes/Offi-Stretch/js/our-story.js?ver=1755687694"></script>
vendor: 1 bytes, line 4053
4053
4054<script id="wp-emoji-settings" type="application/json">
4055{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://offi-stretch.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
4056</script>
vendor: 1 bytes, line 4056
4056
4057<script type="module">
4058/*! This file is auto-generated */
4059var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
4060//# sourceURL=https://offi-stretch.com/wp-includes/js/wp-emoji-loader.min.js
4061</script>
4061
4062</body>
4063
4064</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.