株式会社インディペンデントケア｜大牟田市の就労継続支援B型事業所
https://independentcare.company
2026-06-17T10:12:42+09:00
-
text/html
2026-04-17T14:33:00+09:00
サイバーコアの新チラシ完成のお知らせ
https://independentcare.company/info/6725877
<div class="cyber-flyer-page">
<style>
.cyber-flyer-page {
max-width: 980px;
margin: 0 auto;
padding: 30px 20px 60px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-flyer-page,
.cyber-flyer-page * {
box-sizing: border-box;
}
.cyber-flyer-page a {
color: #245ea8;
text-decoration: none;
}
.cyber-flyer-page a:hover {
text-decoration: underline;
}
.cyber-flyer-hero {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #fff;
border-radius: 20px;
padding: 42px 36px;
box-shadow: 0 14px 30px rgba(45, 93, 136, 0.15);
margin-bottom: 28px;
text-align: center;
}
.cyber-flyer-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.cyber-flyer-hero h1 {
margin: 0 0 14px;
font-size: 32px;
line-height: 1.4;
font-weight: 700;
color: #fff;
}
.cyber-flyer-hero p {
margin: 0;
font-size: 16px;
color: #fff;
}
.cyber-flyer-lead,
.cyber-flyer-image,
.cyber-flyer-recruit,
.cyber-flyer-contact {
background: #fff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 28px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-flyer-lead p,
.cyber-flyer-recruit p,
.cyber-flyer-contact p {
margin: 0;
color: #465162;
}
.cyber-flyer-image h2,
.cyber-flyer-recruit h2,
.cyber-flyer-contact h2 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #244f7d;
padding-bottom: 10px;
border-bottom: 3px solid #d8e6f2;
}
.cyber-flyer-image {
text-align: center;
}
.cyber-flyer-image a {
display: inline-block;
}
.cyber-flyer-image img {
max-width: 100%;
height: auto;
border-radius: 14px;
border: 1px solid #d9e6ef;
box-shadow: 0 10px 24px rgba(45, 93, 136, 0.10);
display: block;
margin: 0 auto;
}
.cyber-flyer-recruit {
background: linear-gradient(135deg, #fff8f1 0%, #ffffff 100%);
border: 1px solid #f2d8c0;
text-align: center;
}
.cyber-flyer-recruit .main-text {
font-size: 28px;
line-height: 1.5;
color: #f26b1d;
font-weight: 700;
margin-bottom: 14px;
}
.cyber-flyer-recruit .sub-text {
font-size: 18px;
color: #465162;
}
.cyber-flyer-contact {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
text-align: center;
}
.cyber-flyer-contact .main-text {
font-size: 20px;
font-weight: 700;
color: #244f7d;
margin-bottom: 12px;
}
@media (max-width: 768px) {
.cyber-flyer-page {
padding: 18px 14px 42px;
}
.cyber-flyer-hero {
padding: 28px 20px;
border-radius: 16px;
}
.cyber-flyer-hero h1 {
font-size: 24px;
}
.cyber-flyer-hero p {
font-size: 15px;
}
.cyber-flyer-lead,
.cyber-flyer-image,
.cyber-flyer-recruit,
.cyber-flyer-contact {
padding: 20px;
border-radius: 14px;
}
.cyber-flyer-image h2,
.cyber-flyer-recruit h2,
.cyber-flyer-contact h2 {
font-size: 21px;
}
.cyber-flyer-recruit .main-text {
font-size: 24px;
}
.cyber-flyer-recruit .sub-text,
.cyber-flyer-contact .main-text {
font-size: 17px;
}
}
</style>
<section class="cyber-flyer-hero">
<div class="label">お知らせ</div>
<h1>新チラシが完成しました</h1>
<p>
就労継続支援Ｂ型事業所サイバーコアの新チラシが完成いたしました。
</p>
</section>
<section class="cyber-flyer-lead">
<p>
この度ついに、<strong>就労継続支援Ｂ型事業所サイバーコア</strong>の
<span style="color:#f26b1d; font-weight:700;">新チラシが完成</span>いたしました。
</p>
</section>
<section class="cyber-flyer-image">
<h2>新チラシ</h2>
<a href="https://cdn.goope.jp/211124/260417143332-69e1c62c976a2.png" target="_blank" rel="noopener">
<img src="https://cdn.goope.jp/211124/260417143332-69e1c62c976a2_l.png" alt="就労継続支援Ｂ型事業所サイバーコア 新チラシ">
</a>
</section>
<section class="cyber-flyer-recruit">
<h2>利用者様を募集しております</h2>
<p class="main-text">利用者様 募集中</p>
<p class="sub-text">
このチラシがポストに投函されている際には、ぜひご覧ください。
</p>
</section>
<section class="cyber-flyer-contact">
<h2>お問い合わせ・ご見学について</h2>
<p class="main-text">
ご興味のある方は、どうぞお気軽にお問い合わせ・ご見学ください。
</p>
<p>
スタッフが丁寧にご説明いたします。
</p>
</section>
</div><br /><img src='https://cdn.goope.jp/211124/260502171642-69f5b2ea695f4_m.png' />
-
text/html
2026-04-12T17:21:00+09:00
令和7年度平均工賃月額および令和8年度の訓練・支援体制等について
https://independentcare.company/info/6719529
<div class="cyber-wage-page">
<style>
.cyber-wage-page {
max-width: 980px;
margin: 0 auto;
padding: 30px 20px 60px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-wage-page,
.cyber-wage-page * {
box-sizing: border-box;
}
.cyber-wage-page a {
color: #245ea8;
text-decoration: none;
}
.cyber-wage-page a:hover {
text-decoration: underline;
}
.cyber-wage-hero {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #fff;
border-radius: 20px;
padding: 42px 36px;
box-shadow: 0 14px 30px rgba(45, 93, 136, 0.15);
margin-bottom: 28px;
}
.cyber-wage-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.cyber-wage-hero h1 {
margin: 0 0 14px;
font-size: 32px;
line-height: 1.4;
font-weight: 700;
color: #fff;
}
.cyber-wage-hero p {
margin: 0;
font-size: 16px;
color: #fff;
}
.cyber-wage-section,
.cyber-wage-highlight,
.cyber-wage-notice,
.cyber-wage-contact {
background: #fff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 28px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-wage-section h2,
.cyber-wage-highlight h2,
.cyber-wage-notice h2,
.cyber-wage-contact h2 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #244f7d;
padding-bottom: 10px;
border-bottom: 3px solid #d8e6f2;
}
.cyber-wage-section p,
.cyber-wage-highlight p,
.cyber-wage-notice p,
.cyber-wage-contact p {
margin: 0 0 14px;
color: #465162;
}
.cyber-wage-section p:last-child,
.cyber-wage-highlight p:last-child,
.cyber-wage-notice p:last-child,
.cyber-wage-contact p:last-child {
margin-bottom: 0;
}
.cyber-wage-amount-box {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
border: 1px solid #d8e8f2;
border-radius: 16px;
padding: 24px;
text-align: center;
margin-top: 18px;
}
.cyber-wage-amount-box .label {
display: block;
font-size: 15px;
color: #5d6b7b;
margin-bottom: 8px;
}
.cyber-wage-amount-box .amount {
display: block;
font-size: 34px;
font-weight: 700;
color: #245ea8;
line-height: 1.5;
}
.cyber-wage-point-list {
list-style: none;
margin: 0 0 18px;
padding: 0;
}
.cyber-wage-point-list li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 42px;
background: #f7fbfe;
border-radius: 10px;
border: 1px solid #dfeaf3;
color: #465162;
}
.cyber-wage-point-list li::before {
content: "●";
position: absolute;
left: 16px;
top: 11px;
color: #4f7fb5;
font-size: 16px;
font-weight: bold;
}
.cyber-wage-staff-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin-top: 18px;
}
.cyber-wage-staff-card {
background: #f7fbfe;
border: 1px solid #dfeaf3;
border-radius: 12px;
padding: 16px 18px;
color: #465162;
}
.cyber-wage-staff-card strong {
color: #244f7d;
}
.cyber-wage-notice {
background: linear-gradient(135deg, #fef8f2 0%, #fffdfb 100%);
border-color: #f0dfcf;
}
.cyber-wage-notice .main-text {
font-size: 18px;
font-weight: 700;
color: #9b5b25;
margin-bottom: 12px;
}
.cyber-wage-contact {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
text-align: center;
}
.cyber-wage-contact .main-text {
font-size: 18px;
font-weight: 700;
color: #244f7d;
margin-bottom: 12px;
}
@media (max-width: 768px) {
.cyber-wage-page {
padding: 18px 14px 42px;
}
.cyber-wage-hero {
padding: 28px 20px;
border-radius: 16px;
}
.cyber-wage-hero h1 {
font-size: 24px;
}
.cyber-wage-hero p {
font-size: 15px;
}
.cyber-wage-section,
.cyber-wage-highlight,
.cyber-wage-notice,
.cyber-wage-contact {
padding: 20px;
border-radius: 14px;
}
.cyber-wage-section h2,
.cyber-wage-highlight h2,
.cyber-wage-notice h2,
.cyber-wage-contact h2 {
font-size: 21px;
}
.cyber-wage-amount-box .amount {
font-size: 28px;
}
.cyber-wage-staff-grid {
grid-template-columns: 1fr;
}
}
</style>
<section class="cyber-wage-hero">
<div class="label">最新のお知らせ</div>
<h1>令和7年度平均工賃月額および令和8年度の訓練・支援体制等について</h1>
<p>
就労継続支援Ｂ型事業所サイバーコアでは、令和7年度の平均工賃月額、
主な訓練・作業内容、支援体制等についてご案内いたします。
</p>
</section>
<section class="cyber-wage-highlight">
<h2>令和7年度 平均工賃月額</h2>
<p>
令和7年度の平均工賃月額は、厚生労働省の算出方法に基づき、次のとおりとなりました。
</p>
<div class="cyber-wage-amount-box">
<span class="label">平均工賃月額</span>
<span class="amount">55,360円</span>
</div>
</section>
<section class="cyber-wage-section">
<h2>令和7年度に実施した主な訓練・作業内容</h2>
<p>
当事業所では、利用者様一人ひとりの特性や目標に応じて、さまざまな訓練・作業に取り組んでいます。
</p>
<ul class="cyber-wage-point-list">
<li>データ入力業務</li>
<li>画像・動画制作編集</li>
<li>ホームページ制作関連業務</li>
<li>発注・回収業務</li>
<li>事務作業</li>
<li>アクセサリー制作</li>
<li>リネンサービス業務（洗濯物の受け取り・仕分け・たたみ・返却）</li>
<li>養生板洗浄業務</li>
<li>除草作業</li>
<li>清掃作業</li>
<li>ポスティング業務（折込・配布）</li>
<li>携帯電話修理作業</li>
</ul>
<p>
リネンサービス業務では、洗濯物の受け取り、仕分け、たたみ、返却までを行っています。
また、養生板洗浄業務は、近隣地域において当事業所が取り組んでいる特色ある作業の一つです。
</p>
</section>
<section class="cyber-wage-section">
<h2>支援員の配置状況</h2>
<p>
利用者様に安心してご利用いただけるよう、次の体制で支援を行っています。
</p>
<div class="cyber-wage-staff-grid">
<div class="cyber-wage-staff-card"><strong>施設長</strong> 1名</div>
<div class="cyber-wage-staff-card"><strong>管理者</strong> 1名</div>
<div class="cyber-wage-staff-card"><strong>サービス管理責任者</strong> 1名</div>
<div class="cyber-wage-staff-card"><strong>生活支援員</strong> 2名</div>
<div class="cyber-wage-staff-card"><strong>職業指導員</strong> 3名</div>
<div class="cyber-wage-staff-card"><strong>看護師</strong> 1名</div>
<div class="cyber-wage-staff-card"><strong>工賃向上達成指導員</strong> 1名</div>
</div>
</section>
<section class="cyber-wage-notice">
<h2>事業所体制の変更について</h2>
<p class="main-text">
令和8年5月より事業所体制が変更となります。
</p>
<p>
多機能型就労支援事業所サイバーコア
（就労継続支援Ｂ型・就労移行支援）から、
就労継続支援Ｂ型事業所サイバーコアへ移行いたします。
</p>
</section>
<section class="cyber-wage-contact">
<h2>見学・体験・利用相談について</h2>
<p class="main-text">
見学、体験利用、利用相談は随時受け付けております。
</p>
<p>
ご利用を検討されている方は、お気軽にお問い合わせください。
</p>
</section>
</div>
-
text/html
2025-12-24T14:18:00+09:00
冬季休業のお知らせ
https://independentcare.company/info/6573999
<div class="cyber-winter-notice">
<style>
.cyber-winter-notice {
max-width: 900px;
margin: 0 auto;
padding: 28px 20px 50px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-winter-notice,
.cyber-winter-notice * {
box-sizing: border-box;
}
.cyber-winter-card {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 30px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-winter-title {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #ffffff;
border-radius: 18px;
padding: 34px 28px;
text-align: center;
margin-bottom: 26px;
box-shadow: 0 12px 26px rgba(45, 93, 136, 0.15);
}
.cyber-winter-title .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 14px;
}
.cyber-winter-title h2 {
margin: 0;
font-size: 30px;
line-height: 1.5;
color: #ffffff;
}
.cyber-winter-notice p {
margin: 0 0 16px;
color: #465162;
}
.cyber-winter-notice h3 {
margin: 26px 0 10px;
font-size: 21px;
line-height: 1.5;
color: #244f7d;
padding-bottom: 8px;
border-bottom: 3px solid #d8e6f2;
}
.cyber-winter-period {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
border: 1px solid #d8e8f2;
border-radius: 14px;
padding: 18px 20px;
font-size: 20px;
font-weight: 700;
color: #245ea8;
text-align: center;
margin: 12px 0 20px;
}
.cyber-winter-start {
background: linear-gradient(135deg, #fff8f1 0%, #ffffff 100%);
border: 1px solid #f2d8c0;
border-radius: 14px;
padding: 18px 20px;
font-size: 19px;
font-weight: 700;
color: #9b5b25;
text-align: center;
margin: 12px 0 20px;
}
.cyber-winter-list {
margin: 0;
padding: 0;
list-style: none;
}
.cyber-winter-list li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 42px;
background: #f7fbfe;
border: 1px solid #dfeaf3;
border-radius: 10px;
color: #465162;
}
.cyber-winter-list li::before {
content: "●";
position: absolute;
left: 16px;
top: 12px;
color: #4f7fb5;
font-size: 15px;
font-weight: bold;
}
.cyber-winter-message {
background: linear-gradient(135deg, #fef8f2 0%, #fffdfb 100%);
border: 1px solid #f0dfcf;
border-radius: 16px;
padding: 26px;
color: #465162;
}
.cyber-winter-message p {
margin-bottom: 0;
}
@media (max-width: 768px) {
.cyber-winter-notice {
padding: 18px 14px 42px;
}
.cyber-winter-title {
padding: 26px 18px;
border-radius: 16px;
}
.cyber-winter-title h2 {
font-size: 24px;
}
.cyber-winter-card,
.cyber-winter-message {
padding: 20px;
border-radius: 14px;
}
.cyber-winter-notice h3 {
font-size: 19px;
}
.cyber-winter-period,
.cyber-winter-start {
font-size: 17px;
padding: 16px;
}
}
</style>
<div class="cyber-winter-title">
<div class="label">冬季休業のお知らせ</div>
<h2>冬季休業期間について</h2>
</div>
<div class="cyber-winter-card">
<p>多機能型就労支援事業所サイバーコア</p>
<p>
平素より当事業所の運営にご理解とご協力を賜り、誠にありがとうございます。<br>
誠に勝手ながら、下記の期間を冬季休業とさせていただきます。ご不便をお掛けいたしますが、何卒ご了承くださいますようお願い申し上げます。
</p>
<h3>冬季休業期間</h3>
<div class="cyber-winter-period">
令和7年12月29日（月）～令和8年1月3日（土）
</div>
<h3>営業開始日</h3>
<div class="cyber-winter-start">
令和8年1月5日（月） 午前8時30分より営業開始
</div>
<h3>休業中のご連絡について</h3>
<ul class="cyber-winter-list">
<li>休業期間中は、お電話での対応はいたしかねます。</li>
<li>公式LINEでのご連絡は受け付けておりますが、休業中のため返信が遅れる場合がございます。</li>
</ul>
</div>
<div class="cyber-winter-message">
<p>
本年も多大なるご支援とご連携を賜りましたこと、心より御礼申し上げます。<br>
来年も、利用者様の安定した通所と就労支援の充実に向け、関係機関の皆様と一層連携を深めてまいりますので、引き続きよろしくお願い申し上げます。
</p>
</div>
</div><br /><img src='https://cdn.goope.jp/211124/251224142226-694b78921f407_m.png' />
-
text/html
2025-06-29T10:48:00+09:00
YouTube公式チャンネル 開設のお知らせ
https://independentcare.company/info/6329801
<div class="cyber-youtube-notice">
<style>
.cyber-youtube-notice {
max-width: 900px;
margin: 0 auto;
padding: 28px 20px 50px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-youtube-notice,
.cyber-youtube-notice * {
box-sizing: border-box;
}
.cyber-youtube-card {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 30px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-youtube-hero {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #ffffff;
border-radius: 18px;
padding: 34px 28px;
text-align: center;
margin-bottom: 26px;
box-shadow: 0 12px 26px rgba(45, 93, 136, 0.15);
}
.cyber-youtube-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 14px;
}
.cyber-youtube-hero h2 {
margin: 0;
font-size: 30px;
line-height: 1.5;
color: #ffffff;
}
.cyber-youtube-notice p {
margin: 0 0 16px;
color: #465162;
}
.cyber-youtube-link-box {
background: linear-gradient(135deg, #fff8f1 0%, #ffffff 100%);
border: 1px solid #f2d8c0;
border-radius: 14px;
padding: 18px 20px;
margin: 20px 0;
}
.cyber-youtube-link-title {
display: block;
font-weight: 700;
color: #9b5b25;
margin-bottom: 8px;
}
.cyber-youtube-link-box a {
color: #245ea8;
text-decoration: none;
word-break: break-all;
font-weight: 700;
}
.cyber-youtube-link-box a:hover {
text-decoration: underline;
}
.cyber-youtube-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin: 24px 0;
border-radius: 16px;
border: 1px solid #d9e6ef;
box-shadow: 0 10px 24px rgba(45, 93, 136, 0.10);
background: #000;
}
.cyber-youtube-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.cyber-youtube-closing {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
border: 1px solid #d8e8f2;
border-radius: 14px;
padding: 18px 20px;
text-align: center;
font-weight: 700;
color: #244f7d;
}
@media (max-width: 768px) {
.cyber-youtube-notice {
padding: 18px 14px 42px;
}
.cyber-youtube-hero {
padding: 26px 18px;
border-radius: 16px;
}
.cyber-youtube-hero h2 {
font-size: 24px;
}
.cyber-youtube-card {
padding: 20px;
border-radius: 14px;
}
.cyber-youtube-link-box,
.cyber-youtube-closing {
padding: 16px;
}
}
</style>
<div class="cyber-youtube-hero">
<div class="label">お知らせ</div>
<h2>公式YouTubeチャンネルを開設しました</h2>
</div>
<div class="cyber-youtube-card">
<p>
このたび、<strong>株式会社インディペンデントケア／多機能型就労支援事業所サイバーコア</strong>では、<br>
公式YouTubeチャンネルを開設いたしました。
</p>
<p>
利用者様による創作活動の紹介や、日々の取り組みの様子、就労支援に関する情報などを発信してまいります。<br>
ぜひチャンネル登録をお願いいたします。
</p>
<div class="cyber-youtube-link-box">
<span class="cyber-youtube-link-title">YouTube公式チャンネルはこちら</span>
<a href="https://www.youtube.com/@independentcare_fukuoka" target="_blank" rel="noopener noreferrer">
https://www.youtube.com/@independentcare_fukuoka
</a>
</div>
<div class="cyber-youtube-video">
<iframe src="https://player.vimeo.com/video/1098333520?autoplay=1&muted=1"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<div class="cyber-youtube-closing">
今後ともどうぞよろしくお願いいたします。
</div>
</div>
</div><br /><img src='https://cdn.goope.jp/211124/250629105432-68609cd80ade1_m.png' />
-
text/html
2025-04-10T10:09:00+09:00
CM
https://independentcare.company/info/6217324
<div class="cyber-drive-video">
<style>
.cyber-drive-video {
max-width: 940px;
margin: 0 auto;
padding: 28px 20px 50px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
color: #2b2b2b;
line-height: 1.8;
}
.cyber-drive-video,
.cyber-drive-video * {
box-sizing: border-box;
}
.cyber-drive-video-hero {
background: linear-gradient(135deg, #1f3f60 0%, #2d5d88 55%, #5f9fc0 100%);
color: #ffffff;
border-radius: 20px;
padding: 34px 26px;
text-align: center;
margin-bottom: 24px;
box-shadow: 0 14px 30px rgba(45, 93, 136, 0.18);
}
.cyber-drive-video-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 14px;
border-radius: 999px;
margin-bottom: 14px;
}
.cyber-drive-video-hero h2 {
margin: 0 0 12px;
font-size: 30px;
line-height: 1.5;
color: #ffffff;
font-weight: 700;
}
.cyber-drive-video-hero p {
margin: 0;
font-size: 16px;
color: #ffffff;
}
.cyber-drive-video-card {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 18px;
padding: 24px;
box-shadow: 0 10px 24px rgba(45, 93, 136, 0.08);
}
.cyber-drive-video-intro {
margin: 0 0 20px;
color: #465162;
text-align: center;
font-size: 16px;
}
.cyber-drive-video-frame-wrap {
padding: 10px;
border-radius: 20px;
background: linear-gradient(135deg, #dbeaf5 0%, #ffffff 45%, #f8e3cf 100%);
box-shadow: 0 12px 28px rgba(45, 93, 136, 0.12);
}
.cyber-drive-video-frame {
position: relative;
width: 100%;
padding-bottom: 75%;
height: 0;
overflow: hidden;
border-radius: 16px;
border: 1px solid #d9e6ef;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.10);
background: #000;
}
.cyber-drive-video-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.cyber-drive-video-note {
margin: 20px 0 0;
padding: 16px 18px;
border-radius: 14px;
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
border: 1px solid #d8e8f2;
color: #244f7d;
text-align: center;
font-weight: 700;
font-size: 16px;
}
@media (max-width: 768px) {
.cyber-drive-video {
padding: 18px 14px 42px;
}
.cyber-drive-video-hero {
padding: 26px 18px;
border-radius: 16px;
}
.cyber-drive-video-hero h2 {
font-size: 24px;
}
.cyber-drive-video-hero p,
.cyber-drive-video-intro,
.cyber-drive-video-note {
font-size: 15px;
}
.cyber-drive-video-card {
padding: 18px;
border-radius: 16px;
}
.cyber-drive-video-frame-wrap {
padding: 7px;
border-radius: 16px;
}
.cyber-drive-video-frame {
border-radius: 12px;
}
}
</style>
<div class="cyber-drive-video-hero">
<div class="label">CM動画紹介</div>
<h2>サイバーコアのCM動画を公開しました</h2>
<p>
事業所の雰囲気や取り組みを、動画でご覧いただけます。
</p>
</div>
<div class="cyber-drive-video-card">
<p class="cyber-drive-video-intro">
就労継続支援Ｂ型事業所サイバーコアの活動や魅力を紹介するCM動画です。ぜひご覧ください。
</p>
<div class="cyber-drive-video-frame-wrap">
<div class="cyber-drive-video-frame">
<iframe src="https://drive.google.com/file/d/1_ev1bPVj4Fa0cIQI8y7nfU1YkKuTbbP9/preview" allow="autoplay"></iframe>
</div>
</div>
<div class="cyber-drive-video-note">
見学・体験利用・ご相談は随時受け付けております。
</div>
</div>
</div><br /><img src='https://cdn.goope.jp/211124/250510102617-681eab398904a_m.png' />
-
text/html
2025-01-20T11:01:00+09:00
第７回 防災運動会
https://independentcare.company/info/6101065
<div class="cyber-bousai-notice">
<style>
.cyber-bousai-notice {
max-width: 940px;
margin: 0 auto;
padding: 28px 20px 50px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
color: #2b2b2b;
line-height: 1.9;
}
.cyber-bousai-notice,
.cyber-bousai-notice * {
box-sizing: border-box;
}
.cyber-bousai-hero {
background: linear-gradient(135deg, #1f5f8b 0%, #2f7fb3 55%, #68b3d8 100%);
color: #ffffff;
border-radius: 20px;
padding: 36px 28px;
text-align: center;
margin-bottom: 24px;
box-shadow: 0 14px 30px rgba(47, 127, 179, 0.18);
}
.cyber-bousai-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.2);
padding: 6px 14px;
border-radius: 999px;
margin-bottom: 14px;
}
.cyber-bousai-hero h2 {
margin: 0 0 12px;
font-size: 30px;
line-height: 1.5;
color: #ffffff;
font-weight: 700;
}
.cyber-bousai-hero p {
margin: 0;
font-size: 16px;
color: #ffffff;
}
.cyber-bousai-card {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 18px;
padding: 28px;
box-shadow: 0 10px 24px rgba(45, 93, 136, 0.08);
margin-bottom: 22px;
}
.cyber-bousai-card p {
margin: 0 0 16px;
color: #465162;
}
.cyber-bousai-card p:last-child {
margin-bottom: 0;
}
.cyber-bousai-info {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin: 20px 0;
}
.cyber-bousai-info-box {
background: #f7fbfe;
border: 1px solid #dfeaf3;
border-radius: 14px;
padding: 16px 18px;
color: #465162;
}
.cyber-bousai-info-box strong {
display: block;
color: #244f7d;
font-size: 15px;
margin-bottom: 4px;
}
.cyber-bousai-highlight {
background: linear-gradient(135deg, #fff8f1 0%, #ffffff 100%);
border: 1px solid #f2d8c0;
border-radius: 16px;
padding: 20px;
color: #9b5b25;
font-weight: 700;
text-align: center;
margin: 20px 0;
}
.cyber-bousai-note {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
border: 1px solid #d8e8f2;
border-radius: 16px;
padding: 20px;
color: #244f7d;
text-align: center;
font-weight: 700;
margin-top: 20px;
}
.cyber-bousai-footer {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 22px;
color: #465162;
text-align: center;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
}
@media (max-width: 768px) {
.cyber-bousai-notice {
padding: 18px 14px 42px;
}
.cyber-bousai-hero {
padding: 26px 18px;
border-radius: 16px;
}
.cyber-bousai-hero h2 {
font-size: 24px;
}
.cyber-bousai-hero p,
.cyber-bousai-card p,
.cyber-bousai-highlight,
.cyber-bousai-note,
.cyber-bousai-footer {
font-size: 15px;
}
.cyber-bousai-card {
padding: 20px;
border-radius: 16px;
}
.cyber-bousai-info {
grid-template-columns: 1fr;
}
.cyber-bousai-highlight,
.cyber-bousai-note,
.cyber-bousai-footer {
padding: 16px;
}
}
</style>
<div class="cyber-bousai-hero">
<div class="label">地域イベントのお知らせ</div>
<h2>第7回 防災運動会開催のお知らせ</h2>
<p>
防災について楽しく学べる地域イベントが開催されます。
</p>
</div>
<div class="cyber-bousai-card">
<p>
2025年2月1日（土）9時20分より、大牟田アリーナ多目的ホールにて、
大牟田市ボランティア連絡協議会主催の「第7回 防災運動会」が開催されます。
</p>
<div class="cyber-bousai-info">
<div class="cyber-bousai-info-box">
<strong>開催日時</strong>
2025年2月1日（土）9時20分～
</div>
<div class="cyber-bousai-info-box">
<strong>会場</strong>
大牟田アリーナ 多目的ホール
</div>
<div class="cyber-bousai-info-box">
<strong>主催</strong>
大牟田市ボランティア連絡協議会
</div>
<div class="cyber-bousai-info-box">
<strong>参加費</strong>
200円
</div>
</div>
<div class="cyber-bousai-highlight">
参加者には、種目で作る非常食がついてくるとのことです。
</div>
<p>
参加される方は、上履きをご持参ください。
</p>
<div class="cyber-bousai-note">
2階観客席からの見学は、申し込み不要で大歓迎です。
</div>
</div>
<div class="cyber-bousai-footer">
防災について考えるきっかけとして、地域の皆様もぜひご参加・ご見学ください。
</div>
</div><br /><img src='https://cdn.goope.jp/211124/250120110232-678daeb8b855c_m.jpg' />
-
text/html
2025-01-01T00:00:00+09:00
新年開業日のご案内
https://independentcare.company/info/6078755
<p>新年は令和7年1月6日（月）より営業いたします。</p><br /><img src='https://cdn.goope.jp/211124/250104170053-6778eab55f218_m.jpg' />
-
text/html
2024-11-06T15:27:00+09:00
利用者様用 作業用PC スペック
https://independentcare.company/info/5993047
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ハイスペックゲーミングPC環境 | 多機能型就労支援事業所サイバーコア</title>
<meta name="description" content="多機能型就労支援事業所サイバーコアで使用しているハイスペックゲーミングPC環境のご紹介です。">
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
line-height: 1.9;
color: #eaf6ff;
background:
radial-gradient(circle at top, rgba(0, 224, 255, 0.10), transparent 28%),
radial-gradient(circle at right top, rgba(149, 76, 233, 0.12), transparent 30%),
linear-gradient(180deg, #07111d 0%, #0b1524 45%, #060c15 100%);
}
a {
color: #69e5ff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.page-wrap {
max-width: 1040px;
margin: 0 auto;
padding: 30px 20px 60px;
}
.hero {
position: relative;
overflow: hidden;
background:
linear-gradient(135deg, rgba(8, 28, 48, 0.96) 0%, rgba(17, 39, 70, 0.96) 55%, rgba(32, 24, 74, 0.96) 100%);
border: 1px solid rgba(98, 225, 255, 0.22);
border-radius: 22px;
padding: 44px 36px;
box-shadow:
0 0 0 1px rgba(255,255,255,0.03),
0 0 30px rgba(73, 202, 255, 0.10),
0 18px 34px rgba(0, 0, 0, 0.35);
margin-bottom: 28px;
}
.hero::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, transparent, rgba(105, 229, 255, 0.05), transparent);
pointer-events: none;
}
.hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.14em;
color: #8cecff;
background: rgba(105, 229, 255, 0.08);
border: 1px solid rgba(105, 229, 255, 0.22);
padding: 7px 14px;
border-radius: 999px;
margin-bottom: 16px;
text-transform: uppercase;
}
.hero h1 {
margin: 0 0 14px;
font-size: 36px;
line-height: 1.35;
font-weight: 800;
color: #ffffff;
text-shadow: 0 0 18px rgba(105, 229, 255, 0.10);
}
.hero p {
margin: 0;
font-size: 16px;
color: #d6e8f7;
max-width: 780px;
}
.section,
.spec-box,
.note-box {
background: linear-gradient(180deg, rgba(11, 21, 36, 0.96) 0%, rgba(8, 16, 28, 0.98) 100%);
border: 1px solid rgba(98, 225, 255, 0.16);
border-radius: 18px;
padding: 28px;
box-shadow:
0 10px 24px rgba(0, 0, 0, 0.28),
0 0 20px rgba(73, 202, 255, 0.05);
margin-bottom: 24px;
}
.section h2,
.spec-box h2,
.note-box h2 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #7feaff;
padding-bottom: 10px;
border-bottom: 2px solid rgba(105, 229, 255, 0.18);
letter-spacing: 0.02em;
}
.section p,
.note-box p {
margin: 0 0 14px;
color: #d6e8f7;
}
.section p:last-child,
.note-box p:last-child {
margin-bottom: 0;
}
.spec-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
margin-top: 8px;
}
.spec-card {
background: linear-gradient(135deg, rgba(105, 229, 255, 0.05) 0%, rgba(149, 76, 233, 0.05) 100%);
border: 1px solid rgba(105, 229, 255, 0.16);
border-radius: 16px;
padding: 20px;
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}
.spec-card h3 {
margin: 0 0 10px;
font-size: 19px;
color: #ffffff;
font-weight: 700;
}
.spec-card .main {
font-size: 20px;
font-weight: 700;
color: #69e5ff;
line-height: 1.5;
margin-bottom: 8px;
}
.sub-list {
margin: 0;
padding-left: 18px;
color: #d6e8f7;
}
.sub-list li {
margin: 0 0 4px;
}
.highlight-box {
margin-top: 18px;
border-radius: 16px;
padding: 18px 20px;
background: linear-gradient(135deg, rgba(105, 229, 255, 0.08) 0%, rgba(149, 76, 233, 0.08) 100%);
border: 1px solid rgba(105, 229, 255, 0.18);
}
.highlight-box p {
margin: 0;
font-size: 17px;
font-weight: 700;
color: #9af0ff;
}
.note-box {
background:
linear-gradient(135deg, rgba(14, 35, 58, 0.96) 0%, rgba(18, 22, 52, 0.96) 100%);
border: 1px solid rgba(149, 76, 233, 0.20);
}
@media (max-width: 768px) {
.page-wrap {
padding: 18px 14px 42px;
}
.hero {
padding: 28px 20px;
border-radius: 16px;
}
.hero h1 {
font-size: 27px;
}
.hero p {
font-size: 15px;
}
.section,
.spec-box,
.note-box {
padding: 20px;
border-radius: 14px;
}
.section h2,
.spec-box h2,
.note-box h2 {
font-size: 21px;
}
.spec-grid {
grid-template-columns: 1fr;
}
.spec-card .main {
font-size: 18px;
}
}
</style>
</head>
<body>
<div class="page-wrap">
<section class="hero">
<div class="label">Gaming PC Spec</div>
<h1>ハイスペックゲーミングPC環境</h1>
<p>
当事業所では、eスポーツや各種PC作業にも対応できるハイスペックPC環境を整えています。
快適さと性能を両立し、学びにも実践にも使える設備構成です。
</p>
</section>
<section class="section">
<h2>ゲーミング環境について</h2>
<p>
高負荷な処理にも対応できる構成により、eスポーツ、動画編集、データ作業など幅広い用途で快適な操作環境を目指しています。
</p>
<p>
ただ使えるだけではなく、ストレスの少ない動作と、触れていて楽しい環境づくりを大切にしています。
</p>
<div class="highlight-box">
<p>高性能 × 快適性 × 実践性 を兼ね備えたPC環境です。</p>
</div>
</section>
<section class="spec-box">
<h2>スペック一覧</h2>
<div class="spec-grid">
<div class="spec-card">
<h3>OS</h3>
<div class="main">Windows 11 Pro</div>
<ul class="sub-list">
<li>バージョン：10.0.22631</li>
<li>ビルド：22631</li>
</ul>
</div>
<div class="spec-card">
<h3>CPU</h3>
<div class="main">Intel Core i7-14700KF</div>
<ul class="sub-list">
<li>クロック数：3.4GHz</li>
</ul>
</div>
<div class="spec-card">
<h3>メモリ</h3>
<div class="main">32.0GB RAM</div>
</div>
<div class="spec-card">
<h3>GPU</h3>
<div class="main">NVIDIA GeForce RTX 4070 SUPER</div>
<ul class="sub-list">
<li>専用メモリ：12.0GB</li>
<li>共有メモリ：15.9GB</li>
<li>ドライババージョン：32.0.15.6094（2024年8月14日）</li>
<li>DirectX：バージョン12（Feature Level 12.1）</li>
</ul>
</div>
<div class="spec-card">
<h3>ディスプレイ</h3>
<div class="main">24.5型ゲーミング液晶モニター MGM251C01</div>
</div>
<div class="spec-card">
<h3>マザーボード</h3>
<div class="main">MSI PRO B760M-A WIFI DDR4</div>
</div>
<div class="spec-card">
<h3>BIOS</h3>
<div class="main">American Megatrends International, LLC. 1.A0</div>
<ul class="sub-list">
<li>2024年3月21日</li>
</ul>
</div>
</div>
</section>
<section class="note-box">
<h2>ご案内</h2>
<p>
当事業所では、こうしたPC設備を活用しながら、利用者様の目標や興味に応じた訓練や支援を行っています。
</p>
<p>
見学やご相談の際にも、実際の設備や環境についてご案内いたします。
</p>
</section>
</div>
</body>
</html><br /><img src='https://cdn.goope.jp/211124/241106155506-672b12ca8ea80_m.jpg' />
-
text/html
2024-10-04T16:04:00+09:00
協力企業様よりお知らせ
https://independentcare.company/info/5945669
<div class="yoshitaka-ocean-page">
<style>
.yoshitaka-ocean-page {
max-width: 980px;
margin: 0 auto;
padding: 30px 20px 60px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.yoshitaka-ocean-page,
.yoshitaka-ocean-page * {
box-sizing: border-box;
}
.yoshitaka-ocean-page a {
color: #1d5fa7;
text-decoration: none;
}
.yoshitaka-ocean-page a:hover {
text-decoration: underline;
}
.yoshitaka-ocean-hero {
background: linear-gradient(135deg, #2a6a8f 0%, #3f86aa 55%, #6aa8c1 100%);
color: #ffffff;
border-radius: 20px;
padding: 42px 36px;
box-shadow: 0 14px 30px rgba(42, 106, 143, 0.15);
margin-bottom: 28px;
text-align: center;
}
.yoshitaka-ocean-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.yoshitaka-ocean-hero h2 {
margin: 0 0 10px;
font-size: 34px;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
}
.yoshitaka-ocean-hero .sub {
margin: 0 0 12px;
font-size: 17px;
color: #ffffff;
}
.yoshitaka-ocean-hero p {
margin: 0;
font-size: 16px;
color: #ffffff;
}
.yoshitaka-ocean-section,
.yoshitaka-ocean-contact,
.yoshitaka-ocean-price,
.yoshitaka-ocean-image {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 28px;
box-shadow: 0 8px 18px rgba(42, 106, 143, 0.06);
margin-bottom: 24px;
}
.yoshitaka-ocean-section h3,
.yoshitaka-ocean-contact h3,
.yoshitaka-ocean-price h3,
.yoshitaka-ocean-image h3 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #24557d;
padding-bottom: 10px;
border-bottom: 3px solid #d8e6f2;
}
.yoshitaka-ocean-section p,
.yoshitaka-ocean-contact p,
.yoshitaka-ocean-price p {
margin: 0 0 14px;
color: #465162;
}
.yoshitaka-ocean-section p:last-child,
.yoshitaka-ocean-contact p:last-child,
.yoshitaka-ocean-price p:last-child {
margin-bottom: 0;
}
.yoshitaka-ocean-lead-red {
color: #d53939;
font-size: 26px;
font-weight: 700;
text-align: center;
margin: 0 0 8px;
}
.yoshitaka-ocean-lead-sub {
text-align: center;
font-size: 16px;
color: #556274;
margin: 0;
}
.yoshitaka-ocean-point-list {
list-style: none;
margin: 0;
padding: 0;
}
.yoshitaka-ocean-point-list li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 42px;
background: #f7fbfe;
border: 1px solid #dfeaf3;
border-radius: 10px;
color: #465162;
}
.yoshitaka-ocean-point-list li::before {
content: "●";
position: absolute;
left: 16px;
top: 11px;
color: #4f7fb5;
font-size: 16px;
font-weight: bold;
}
.yoshitaka-ocean-price {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
}
.yoshitaka-ocean-plan {
border: 1px solid #d8e8f2;
border-radius: 14px;
background: #ffffff;
padding: 18px 18px 16px;
margin-bottom: 16px;
}
.yoshitaka-ocean-plan:last-child {
margin-bottom: 0;
}
.yoshitaka-ocean-plan-title {
font-size: 20px;
font-weight: 700;
color: #24557d;
margin-bottom: 6px;
}
.yoshitaka-ocean-plan-price {
font-size: 24px;
font-weight: 700;
color: #d53939;
margin-bottom: 10px;
}
.yoshitaka-ocean-note {
font-size: 14px;
color: #6a7684;
}
.yoshitaka-ocean-contact {
text-align: center;
background: linear-gradient(135deg, #f3f9fc 0%, #fdfefe 100%);
}
.yoshitaka-ocean-contact-name {
font-size: 28px;
font-weight: 700;
color: #24557d;
margin-bottom: 6px;
}
.yoshitaka-ocean-contact-service {
font-size: 16px;
color: #556274;
margin-bottom: 14px;
}
.yoshitaka-ocean-tel-link {
display: inline-block;
padding: 12px 20px;
border-radius: 999px;
background: #245ea8;
color: #ffffff !important;
font-weight: 700;
font-size: 18px;
}
.yoshitaka-ocean-tel-link:hover {
text-decoration: none;
filter: brightness(1.05);
}
.yoshitaka-ocean-image {
text-align: center;
}
.yoshitaka-ocean-image a {
display: inline-block;
}
.yoshitaka-ocean-image img {
max-width: 100%;
height: auto;
border-radius: 14px;
border: 1px solid #d9e6ef;
box-shadow: 0 10px 24px rgba(42, 106, 143, 0.10);
display: block;
}
@media (max-width: 768px) {
.yoshitaka-ocean-page {
padding: 18px 14px 42px;
}
.yoshitaka-ocean-hero {
padding: 28px 20px;
border-radius: 16px;
}
.yoshitaka-ocean-hero h2 {
font-size: 26px;
}
.yoshitaka-ocean-hero .sub,
.yoshitaka-ocean-hero p {
font-size: 15px;
}
.yoshitaka-ocean-section,
.yoshitaka-ocean-contact,
.yoshitaka-ocean-price,
.yoshitaka-ocean-image {
padding: 20px;
border-radius: 14px;
}
.yoshitaka-ocean-section h3,
.yoshitaka-ocean-contact h3,
.yoshitaka-ocean-price h3,
.yoshitaka-ocean-image h3 {
font-size: 21px;
}
.yoshitaka-ocean-lead-red {
font-size: 22px;
}
.yoshitaka-ocean-contact-name {
font-size: 24px;
}
.yoshitaka-ocean-plan-price {
font-size: 22px;
}
}
</style>
<section class="yoshitaka-ocean-hero">
<div class="label">ご案内</div>
<h2>海洋葬のご案内</h2>
<p class="sub">総合メンテナンス ヨシタカ</p>
<p>海洋葬（散骨）・墓じまい・清掃に対応しております。</p>
</section>
<section class="yoshitaka-ocean-section">
<p class="yoshitaka-ocean-lead-red">故人の思いを大海原へ</p>
<p class="yoshitaka-ocean-lead-sub">穏やかな有明海で、海洋葬としてご供養いたします。</p>
</section>
<section class="yoshitaka-ocean-section">
<h3>海洋葬とは</h3>
<p>
生活スタイルの変化により、散骨葬を希望される方も増えてきています。
</p>
<p>
「お墓の建設・管理費用を抑えたい」「ご家族が遠方に住んでいる」などの理由から、
火葬後のご遺骨を海へまく海洋葬（散骨葬）を選択される方が増えています。
</p>
</section>
<section class="yoshitaka-ocean-section">
<h3>遺骨の粉砕について</h3>
<p>
海洋葬を行う際には、ご遺骨を2ミリ以下の状態にしておく必要があります。
</p>
<p>
2日前にお骨をお預かりし、心を込めて遺骨の粉砕を行います。
</p>
</section>
<section class="yoshitaka-ocean-section">
<h3>ご家族様にご準備いただくもの</h3>
<ul class="yoshitaka-ocean-point-list">
<li>火葬証明書（写し）が必要です。</li>
<li>ご不明な点は事前にご相談ください。</li>
</ul>
</section>
<section class="yoshitaka-ocean-price">
<h3>海洋葬のご費用</h3>
<p>
ご負担を最大限抑えることを念頭に、ご案内しております。
</p>
<div class="yoshitaka-ocean-plan">
<div class="yoshitaka-ocean-plan-title">おまかせプラン</div>
<div class="yoshitaka-ocean-plan-price">75,000円（税別）</div>
<p>後日、お写真を送付いたします。</p>
</div>
<div class="yoshitaka-ocean-plan">
<div class="yoshitaka-ocean-plan-title">海洋葬へご同伴（5名様まで）をご希望の場合</div>
<p>
基本料金のほかに、お一人様 8,000円（税別）が必要です。<br>
お二人様以上の場合は、お一人様につき 4,000円（税別）が加算されます。
</p>
</div>
<p>ご乗船の際、喪服でのご乗船はご遠慮ください。</p>
<p class="yoshitaka-ocean-note">※いずれも費用には別途、消費税が加算されます。</p>
</section>
<section class="yoshitaka-ocean-contact">
<h3>お問い合わせ</h3>
<div class="yoshitaka-ocean-contact-name">総合メンテナンス ヨシタカ</div>
<div class="yoshitaka-ocean-contact-service">海洋葬（散骨）・墓じまい・清掃</div>
<a class="yoshitaka-ocean-tel-link" href="tel:09047742170">090-4774-2170</a>
</section>
<section class="yoshitaka-ocean-image">
<h3>ご案内画像</h3>
<a href="https://cdn.goope.jp/211124/241004160547-66ff93cbbc62b.jpg" target="_blank" rel="noopener">
<img src="https://cdn.goope.jp/211124/241004160547-66ff93cbbc62b_l.jpg" alt="海洋葬のご案内">
</a>
</section>
</div><br /><img src='https://cdn.goope.jp/211124/241104153002-672869ea86f53_m.jpg' />
-
text/html
2024-09-25T15:00:00+09:00
株式会社エンクレア協力 企業イベント
https://independentcare.company/info/5935314
<div class="cyber-training-page">
<style>
.cyber-training-page {
max-width: 940px;
margin: 0 auto;
padding: 30px 20px 60px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-training-page,
.cyber-training-page * {
box-sizing: border-box;
}
.cyber-training-page a {
color: #245ea8;
text-decoration: none;
}
.cyber-training-page a:hover {
text-decoration: underline;
}
.cyber-training-hero {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #ffffff;
border-radius: 20px;
padding: 42px 36px;
box-shadow: 0 14px 30px rgba(45, 93, 136, 0.15);
margin-bottom: 28px;
text-align: center;
}
.cyber-training-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.cyber-training-hero h2 {
margin: 0 0 14px;
font-size: 34px;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
}
.cyber-training-hero p {
margin: 0;
font-size: 16px;
color: #ffffff;
}
.cyber-training-section,
.cyber-training-image,
.cyber-training-notice {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 28px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-training-section h3,
.cyber-training-image h3,
.cyber-training-notice h3 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #244f7d;
padding-bottom: 10px;
border-bottom: 3px solid #d8e6f2;
}
.cyber-training-section p,
.cyber-training-notice p {
margin: 0 0 14px;
color: #465162;
}
.cyber-training-section p:last-child,
.cyber-training-notice p:last-child {
margin-bottom: 0;
}
.cyber-training-point-list {
list-style: none;
margin: 0;
padding: 0;
}
.cyber-training-point-list li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 42px;
background: #f7fbfe;
border-radius: 10px;
border: 1px solid #dfeaf3;
color: #465162;
}
.cyber-training-point-list li::before {
content: "●";
position: absolute;
left: 16px;
top: 11px;
color: #4f7fb5;
font-size: 16px;
font-weight: bold;
}
.cyber-training-image {
text-align: center;
}
.cyber-training-image a {
display: inline-block;
}
.cyber-training-image img {
max-width: 100%;
height: auto;
border-radius: 14px;
border: 1px solid #d9e6ef;
box-shadow: 0 10px 24px rgba(45, 93, 136, 0.10);
display: block;
}
.cyber-training-notice {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
text-align: center;
}
.cyber-training-notice .main-text {
font-size: 18px;
font-weight: 700;
color: #244f7d;
margin-bottom: 12px;
}
@media (max-width: 768px) {
.cyber-training-page {
padding: 18px 14px 42px;
}
.cyber-training-hero {
padding: 28px 20px;
border-radius: 16px;
}
.cyber-training-hero h2 {
font-size: 26px;
}
.cyber-training-hero p {
font-size: 15px;
}
.cyber-training-section,
.cyber-training-image,
.cyber-training-notice {
padding: 20px;
border-radius: 14px;
}
.cyber-training-section h3,
.cyber-training-image h3,
.cyber-training-notice h3 {
font-size: 21px;
}
}
</style>
<section class="cyber-training-hero">
<div class="label">インフォメーション</div>
<h2>訓練と社会とのつながりについて</h2>
<p>
利用者様が日常的に取り組んでいる訓練やお仕事が、どのように社会に役立っているかを知っていただくためのご案内です。
</p>
</section>
<section class="cyber-training-image">
<h3>ご案内画像</h3>
<a href="https://cdn.goope.jp/211124/240929172236-66f90e4ca3e03.jpg" target="_blank" rel="noopener">
<img src="https://cdn.goope.jp/211124/240929172236-66f90e4ca3e03_l.jpg" alt="訓練と社会とのつながりに関するご案内">
</a>
</section>
<section class="cyber-training-section">
<h3>取り組みについて</h3>
<p>
日常的に利用者様が行ってくださっている訓練や、企業様からいただくお仕事が、
どのように社会の中で役立っているのかを知っていただくための機会を設けています。
</p>
<p>
また、障害をお持ちの方々の可能性について、多くの方に知っていただくことも大切な目的の一つです。
</p>
</section>
<section class="cyber-training-section">
<h3>この機会を通してお伝えしたいこと</h3>
<ul class="cyber-training-point-list">
<li>日々の訓練や作業が、実際の社会とつながっていること</li>
<li>企業様からいただくお仕事が、支援の中で大切な経験になっていること</li>
<li>障害をお持ちの方々が持つ力や可能性を知っていただくこと</li>
<li>関係会社の協力のもとで、より良い機会づくりを進めていること</li>
</ul>
</section>
<section class="cyber-training-notice">
<h3>皆様へ</h3>
<p class="main-text">
訓練やお仕事の先にある「社会とのつながり」を、より多くの方に知っていただければ幸いです。
</p>
<p>
今後も関係会社の皆様と協力しながら、利用者様の可能性を広げる取り組みを進めてまいります。
</p>
</section>
</div><br /><img src='https://cdn.goope.jp/211124/241104153110-67286a2e56061_m.jpg' />
-
text/html
2024-09-09T15:44:00+09:00
利用者様大募集！
https://independentcare.company/info/5907672
<div class="cyber-recruit-page">
<style>
.cyber-recruit-page {
max-width: 940px;
margin: 0 auto;
padding: 30px 20px 60px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-recruit-page,
.cyber-recruit-page * {
box-sizing: border-box;
}
.cyber-recruit-page a {
color: #245ea8;
text-decoration: none;
}
.cyber-recruit-page a:hover {
text-decoration: underline;
}
.cyber-recruit-hero {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #ffffff;
border-radius: 20px;
padding: 42px 36px;
box-shadow: 0 14px 30px rgba(45, 93, 136, 0.15);
margin-bottom: 28px;
text-align: center;
}
.cyber-recruit-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.cyber-recruit-hero h2 {
margin: 0 0 14px;
font-size: 34px;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
}
.cyber-recruit-hero p {
margin: 0;
font-size: 16px;
color: #ffffff;
}
.cyber-recruit-section,
.cyber-recruit-image,
.cyber-recruit-contact {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 28px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-recruit-section h3,
.cyber-recruit-image h3,
.cyber-recruit-contact h3 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #244f7d;
padding-bottom: 10px;
border-bottom: 3px solid #d8e6f2;
}
.cyber-recruit-section p,
.cyber-recruit-contact p {
margin: 0 0 14px;
color: #465162;
}
.cyber-recruit-section p:last-child,
.cyber-recruit-contact p:last-child {
margin-bottom: 0;
}
.cyber-recruit-point-list {
list-style: none;
margin: 18px 0 0;
padding: 0;
}
.cyber-recruit-point-list li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 42px;
background: #f7fbfe;
border-radius: 10px;
border: 1px solid #dfeaf3;
color: #465162;
}
.cyber-recruit-point-list li::before {
content: "●";
position: absolute;
left: 16px;
top: 11px;
color: #4f7fb5;
font-size: 16px;
font-weight: bold;
}
.cyber-recruit-image {
text-align: center;
}
.cyber-recruit-image a {
display: inline-block;
}
.cyber-recruit-image img {
max-width: 100%;
height: auto;
border-radius: 14px;
border: 1px solid #d9e6ef;
box-shadow: 0 10px 24px rgba(45, 93, 136, 0.10);
display: block;
}
.cyber-recruit-contact {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
text-align: center;
}
.cyber-recruit-contact .main-text {
font-size: 18px;
font-weight: 700;
color: #244f7d;
margin-bottom: 12px;
}
@media (max-width: 768px) {
.cyber-recruit-page {
padding: 18px 14px 42px;
}
.cyber-recruit-hero {
padding: 28px 20px;
border-radius: 16px;
}
.cyber-recruit-hero h2 {
font-size: 26px;
}
.cyber-recruit-hero p {
font-size: 15px;
}
.cyber-recruit-section,
.cyber-recruit-image,
.cyber-recruit-contact {
padding: 20px;
border-radius: 14px;
}
.cyber-recruit-section h3,
.cyber-recruit-image h3,
.cyber-recruit-contact h3 {
font-size: 21px;
}
}
</style>
<section class="cyber-recruit-hero">
<div class="label">インフォメーション</div>
<h2>利用者様募集のお知らせ</h2>
<p>
多機能型就労支援事業所サイバーコアでは、就労継続支援・就労移行支援をご利用される利用者様を募集しています。
</p>
</section>
<section class="cyber-recruit-section">
<h3>募集について</h3>
<p>
当事業所では、就労継続支援と就労移行支援の両方に対応し、
一人ひとりの状況や目標に応じた支援を行っています。
</p>
<ul class="cyber-recruit-point-list">
<li>就労継続支援B型をご希望の方</li>
<li>就労移行支援をご希望の方</li>
<li>見学や利用相談をご希望の方</li>
</ul>
</section>
<section class="cyber-recruit-image">
<h3>ご案内画像</h3>
<a href="https://cdn.goope.jp/211124/240909154434-66de99525ffe2.jpg" target="_blank" rel="noopener">
<img src="https://cdn.goope.jp/211124/240909154434-66de99525ffe2_l.jpg" alt="利用者様募集のお知らせ">
</a>
</section>
<section class="cyber-recruit-contact">
<h3>お問い合わせについて</h3>
<p class="main-text">
利用をご検討の方は、お気軽にお問い合わせください。
</p>
<p>
見学やご相談についても随時受け付けております。
</p>
</section>
</div><br /><img src='https://cdn.goope.jp/211124/241104153430-67286af6e98b2_m.jpg' />
-
text/html
2024-09-02T00:00:00+09:00
多機能型就労支援事業所サイバーコアオープン
https://independentcare.company/info/5777218
<div class="cyber-open-page">
<style>
.cyber-open-page {
max-width: 940px;
margin: 0 auto;
padding: 30px 20px 60px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-open-page,
.cyber-open-page * {
box-sizing: border-box;
}
.cyber-open-page a {
color: #245ea8;
text-decoration: none;
}
.cyber-open-page a:hover {
text-decoration: underline;
}
.cyber-open-hero {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #ffffff;
border-radius: 20px;
padding: 42px 36px;
box-shadow: 0 14px 30px rgba(45, 93, 136, 0.15);
margin-bottom: 28px;
text-align: center;
}
.cyber-open-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.cyber-open-hero h2 {
margin: 0 0 14px;
font-size: 34px;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
}
.cyber-open-hero p {
margin: 0;
font-size: 16px;
color: #ffffff;
}
.cyber-open-section,
.cyber-open-message,
.cyber-open-contact {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 28px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-open-section h3,
.cyber-open-message h3,
.cyber-open-contact h3 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #244f7d;
padding-bottom: 10px;
border-bottom: 3px solid #d8e6f2;
}
.cyber-open-section p,
.cyber-open-message p,
.cyber-open-contact p {
margin: 0 0 14px;
color: #465162;
}
.cyber-open-section p:last-child,
.cyber-open-message p:last-child,
.cyber-open-contact p:last-child {
margin-bottom: 0;
}
.cyber-open-service-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
margin-top: 18px;
}
.cyber-open-service-card {
background: #f7fbfe;
border: 1px solid #dfeaf3;
border-radius: 14px;
padding: 20px;
}
.cyber-open-service-card h4 {
margin: 0 0 10px;
font-size: 20px;
color: #244f7d;
line-height: 1.5;
}
.cyber-open-service-card p {
margin: 0;
color: #4b5868;
}
.cyber-open-point-list {
list-style: none;
margin: 0;
padding: 0;
}
.cyber-open-point-list li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 42px;
background: #f7fbfe;
border-radius: 10px;
border: 1px solid #dfeaf3;
color: #465162;
}
.cyber-open-point-list li::before {
content: "●";
position: absolute;
left: 16px;
top: 11px;
color: #4f7fb5;
font-size: 16px;
font-weight: bold;
}
.cyber-open-message {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
text-align: center;
}
.cyber-open-message .main-text {
font-size: 18px;
font-weight: 700;
color: #244f7d;
margin-bottom: 12px;
}
.cyber-open-contact {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
text-align: center;
}
@media (max-width: 768px) {
.cyber-open-page {
padding: 18px 14px 42px;
}
.cyber-open-hero {
padding: 28px 20px;
border-radius: 16px;
}
.cyber-open-hero h2 {
font-size: 26px;
}
.cyber-open-hero p {
font-size: 15px;
}
.cyber-open-section,
.cyber-open-message,
.cyber-open-contact {
padding: 20px;
border-radius: 14px;
}
.cyber-open-section h3,
.cyber-open-message h3,
.cyber-open-contact h3 {
font-size: 21px;
}
.cyber-open-service-grid {
grid-template-columns: 1fr;
}
}
</style>
<section class="cyber-open-hero">
<div class="label">インフォメーション</div>
<h2>本日オープンしました</h2>
<p>
多機能型就労支援事業所サイバーコアは、本日よりオープンいたします。
</p>
</section>
<section class="cyber-open-message">
<h3>ごあいさつ</h3>
<p class="main-text">
本日より、多機能型就労支援事業所サイバーコアがオープンします。
</p>
<p>
多くの方々に支えていただきながら、この日を迎えることができました。
</p>
</section>
<section class="cyber-open-section">
<h3>事業所について</h3>
<p>
当事業所は、就労継続支援B型サイバーワークスと就労移行支援コアワークスを備えた多機能型事業所です。
</p>
<div class="cyber-open-service-grid">
<div class="cyber-open-service-card">
<h4>就労継続支援B型 サイバーワークス</h4>
<p>
利用者一人ひとりのペースに合わせた作業訓練やスキルアップのサポートを行います。
パソコンを使ったデータ入力や軽作業を通じて、実践的なスキルを身につけていただけます。
</p>
</div>
<div class="cyber-open-service-card">
<h4>就労移行支援 コアワークス</h4>
<p>
就職を目指す方々に対して、職業訓練や就職活動の支援を提供します。
面接対策や履歴書の書き方指導、企業見学など、就職に必要な準備をトータルでサポートします。
</p>
</div>
</div>
</section>
<section class="cyber-open-section">
<h3>私たちの目標</h3>
<p>
私たちの目標は、利用者の皆様が自立した生活を送るための力を身につけ、
社会に貢献できるようになることです。
</p>
<p>
安心してご利用いただける環境を整えておりますので、ぜひお気軽にお問い合わせください。
</p>
</section>
<section class="cyber-open-section">
<h3>見学について</h3>
<p>
当事業所では、見学会を随時開催しております。
</p>
<ul class="cyber-open-point-list">
<li>事前にご連絡いただければ、施設内の見学が可能です。</li>
<li>サービス内容についても詳しくご説明いたします。</li>
<li>利用をご検討中の方も、お気軽にお問い合わせください。</li>
</ul>
</section>
<section class="cyber-open-contact">
<h3>皆様へ</h3>
<p>
皆様のご利用を心よりお待ちしております。
</p>
<p>
多機能型就労支援事業所サイバーコアのオープンを、どうぞよろしくお願いいたします。
</p>
</section>
</div><br /><img src='https://cdn.goope.jp/211124/241104153414-67286ae6a32da_m.jpg' />
-
text/html
2024-08-20T20:16:00+09:00
プレオープンのお知らせ
https://independentcare.company/info/5875646
<div class="cyber-preopen-page">
<style>
.cyber-preopen-page {
max-width: 920px;
margin: 0 auto;
padding: 30px 20px 60px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-preopen-page,
.cyber-preopen-page * {
box-sizing: border-box;
}
.cyber-preopen-page a {
color: #245ea8;
text-decoration: none;
}
.cyber-preopen-page a:hover {
text-decoration: underline;
}
.cyber-preopen-hero {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #ffffff;
border-radius: 20px;
padding: 42px 36px;
box-shadow: 0 14px 30px rgba(45, 93, 136, 0.15);
margin-bottom: 28px;
text-align: center;
}
.cyber-preopen-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.cyber-preopen-hero h2 {
margin: 0 0 14px;
font-size: 34px;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
}
.cyber-preopen-hero p {
margin: 0;
font-size: 16px;
color: #ffffff;
}
.cyber-preopen-info,
.cyber-preopen-feature,
.cyber-preopen-notice {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 28px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-preopen-info h3,
.cyber-preopen-feature h3,
.cyber-preopen-notice h3 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #244f7d;
padding-bottom: 10px;
border-bottom: 3px solid #d8e6f2;
}
.cyber-preopen-info p,
.cyber-preopen-feature p,
.cyber-preopen-notice p {
margin: 0 0 14px;
color: #465162;
}
.cyber-preopen-info p:last-child,
.cyber-preopen-feature p:last-child,
.cyber-preopen-notice p:last-child {
margin-bottom: 0;
}
.cyber-preopen-schedule {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
border: 1px solid #d8e8f2;
border-radius: 16px;
padding: 24px;
text-align: center;
margin-top: 18px;
}
.cyber-preopen-schedule .date {
display: block;
font-size: 28px;
font-weight: 700;
color: #245ea8;
line-height: 1.7;
margin-bottom: 8px;
}
.cyber-preopen-schedule .time {
display: block;
font-size: 22px;
font-weight: 700;
color: #244f7d;
}
.cyber-preopen-point-list {
list-style: none;
margin: 0 0 18px;
padding: 0;
}
.cyber-preopen-point-list li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 42px;
background: #f7fbfe;
border-radius: 10px;
border: 1px solid #dfeaf3;
color: #465162;
}
.cyber-preopen-point-list li::before {
content: "●";
position: absolute;
left: 16px;
top: 11px;
color: #4f7fb5;
font-size: 16px;
font-weight: bold;
}
.cyber-preopen-notice {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
text-align: center;
}
.cyber-preopen-notice .main-text {
font-size: 18px;
font-weight: 700;
color: #244f7d;
margin-bottom: 12px;
}
@media (max-width: 768px) {
.cyber-preopen-page {
padding: 18px 14px 42px;
}
.cyber-preopen-hero {
padding: 28px 20px;
border-radius: 16px;
}
.cyber-preopen-hero h2 {
font-size: 26px;
}
.cyber-preopen-hero p {
font-size: 15px;
}
.cyber-preopen-info,
.cyber-preopen-feature,
.cyber-preopen-notice {
padding: 20px;
border-radius: 14px;
}
.cyber-preopen-info h3,
.cyber-preopen-feature h3,
.cyber-preopen-notice h3 {
font-size: 21px;
}
.cyber-preopen-schedule .date {
font-size: 22px;
}
.cyber-preopen-schedule .time {
font-size: 18px;
}
}
</style>
<section class="cyber-preopen-hero">
<div class="label">インフォメーション</div>
<h2>プレオープン開催のお知らせ</h2>
<p>
多機能型就労支援事業所サイバーコアでは、プレオープンを開催いたします。
</p>
</section>
<section class="cyber-preopen-info">
<h3>開催日程</h3>
<p>
この度、多機能型就労支援事業所サイバーコアは、2024年8月26日（月）から2024年9月1日（日）まで、プレオープンを開催いたします。
</p>
<div class="cyber-preopen-schedule">
<span class="date">2024年8月26日（月）～9月1日（日）</span>
<span class="time">毎日 10:00 ～ 17:00</span>
</div>
</section>
<section class="cyber-preopen-feature">
<h3>期間中に体験できること</h3>
<p>
期間中は、事業所の雰囲気を知っていただけるよう、以下の内容をご案内いたします。
</p>
<ul class="cyber-preopen-point-list">
<li>ハイスペックPCの利用体験</li>
<li>eスポーツの体験</li>
<li>就労に関する利用相談</li>
</ul>
<p>
その他のサービスにつきましては、正式オープン後に順次体験いただけます。
</p>
</section>
<section class="cyber-preopen-notice">
<h3>ご来場について</h3>
<p class="main-text">
この機会にぜひお立ち寄りください。
</p>
<p>
皆様のご来場を心よりお待ちしております。
</p>
</section>
</div><br /><img src='https://cdn.goope.jp/211124/240820201659-66c47b2b4640a_m.png' />
-
text/html
2024-07-06T11:50:00+09:00
体験・利用相談受付中
https://independentcare.company/info/5811435
<div class="cyber-trial-page">
<style>
.cyber-trial-page {
max-width: 920px;
margin: 0 auto;
padding: 30px 20px 60px;
font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
line-height: 1.9;
color: #2b2b2b;
}
.cyber-trial-page,
.cyber-trial-page * {
box-sizing: border-box;
}
.cyber-trial-page a {
color: #245ea8;
text-decoration: none;
}
.cyber-trial-page a:hover {
text-decoration: underline;
}
.cyber-trial-hero {
background: linear-gradient(135deg, #2d5d88 0%, #3f78a7 55%, #6aa6c6 100%);
color: #ffffff;
border-radius: 20px;
padding: 42px 36px;
box-shadow: 0 14px 30px rgba(45, 93, 136, 0.15);
margin-bottom: 28px;
text-align: center;
}
.cyber-trial-hero .label {
display: inline-block;
font-size: 13px;
letter-spacing: 0.08em;
background: rgba(255, 255, 255, 0.18);
padding: 6px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.cyber-trial-hero h2 {
margin: 0 0 14px;
font-size: 34px;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
}
.cyber-trial-hero p {
margin: 0;
font-size: 16px;
color: #ffffff;
}
.cyber-trial-section,
.cyber-trial-contact {
background: #ffffff;
border: 1px solid #dfeaf3;
border-radius: 16px;
padding: 28px;
box-shadow: 0 8px 18px rgba(45, 93, 136, 0.06);
margin-bottom: 24px;
}
.cyber-trial-section h3,
.cyber-trial-contact h3 {
margin: 0 0 18px;
font-size: 24px;
line-height: 1.5;
color: #244f7d;
padding-bottom: 10px;
border-bottom: 3px solid #d8e6f2;
}
.cyber-trial-section p,
.cyber-trial-contact p {
margin: 0 0 14px;
color: #465162;
}
.cyber-trial-section p:last-child,
.cyber-trial-contact p:last-child {
margin-bottom: 0;
}
.cyber-trial-point-list {
list-style: none;
margin: 18px 0 0;
padding: 0;
}
.cyber-trial-point-list li {
position: relative;
margin-bottom: 12px;
padding: 12px 14px 12px 42px;
background: #f7fbfe;
border-radius: 10px;
border: 1px solid #dfeaf3;
color: #465162;
}
.cyber-trial-point-list li::before {
content: "●";
position: absolute;
left: 16px;
top: 11px;
color: #4f7fb5;
font-size: 16px;
font-weight: bold;
}
.cyber-trial-contact {
background: linear-gradient(135deg, #eef7fc 0%, #fafdff 100%);
text-align: center;
}
.cyber-trial-contact .main-text {
font-size: 18px;
font-weight: 700;
color: #244f7d;
margin-bottom: 12px;
}
@media (max-width: 768px) {
.cyber-trial-page {
padding: 18px 14px 42px;
}
.cyber-trial-hero {
padding: 28px 20px;
border-radius: 16px;
}
.cyber-trial-hero h2 {
font-size: 26px;
}
.cyber-trial-hero p {
font-size: 15px;
}
.cyber-trial-section,
.cyber-trial-contact {
padding: 20px;
border-radius: 14px;
}
.cyber-trial-section h3,
.cyber-trial-contact h3 {
font-size: 21px;
}
}
</style>
<section class="cyber-trial-hero">
<div class="label">インフォメーション</div>
<h2>体験・利用相談受付中</h2>
<p>
多機能型就労支援事業所サイバーコアでは、体験利用や利用相談を受け付けています。
</p>
</section>
<section class="cyber-trial-section">
<h3>ご案内</h3>
<p>
相談支援事業所および居宅支援事業所へのご案内を開始いたしました。
</p>
<p>
当事業所の支援内容が気になられる方は、下記の窓口へお問い合わせください。
</p>
<ul class="cyber-trial-point-list">
<li>福祉課</li>
<li>相談支援事業所</li>
<li>ほっとかん</li>
<li>ホームページのお問い合わせフォーム</li>
</ul>
</section>
<section class="cyber-trial-contact">
<h3>お問い合わせについて</h3>
<p class="main-text">
体験利用やご相談をご希望の方は、お気軽にご連絡ください。
</p>
<p>
ホームページのお問い合わせフォームからも受け付けております。
</p>
</section>
</div><br /><img src='https://cdn.goope.jp/211124/250215122237-67b0087d31ede_m.jpg' />