Skip to content

sora / achievement

Go to a project
Commit 4d141fe5 by Orine Matsui
Options

「お客様事情」本番から反映

parent 45ef1298
Inline Side-by-side
Showing with 1092 additions and 451 deletions
achievement-official.conohawing.com/case/index.php
<?php $pageid="case";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<main class="p-case">
<div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a> </li>
<li class="c-breadcrumb__item"><span>お客様事例</span> </li>
</ul>
</div>
<section class="c-mainvisual">
<div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">お客様事例</h2>
<p class="c-mainvisual__text">アチーブメントのセミナーやサービスを活用し、<br>
成果をあげるビジネススキル・ノウハウを体得された方の事例をご紹介します。</p>
</div>
</section>
<div class="p-case1">
<div class="l-container">
<ul class="c-case">
<li class="c-case__item"><a class="c-case__link" href="/case/kita/">
<div class="c-case__image"><img src="/assets/img/case/img_case_kita.jpg" alt="" width="380" height="380"></div>
<div class="c-case__info">
<p class="c-case__text">顧問先を7倍に増やした「双方勝利」の職業観</p>
<p class="c-case__text2">喜多 英博</p>
<p class="c-case__text2">喜多法律事務所 代表弁護士</p>
</div>
</a></li>
<li class="c-case__item"><a class="c-case__link" href="/case/iwata/">
<div class="c-case__image"><img src="/assets/img/case/img_case_iwata.jpg" alt="" width="380" height="380"></div>
<div class="c-case__info">
<p class="c-case__text">「離職０」と「最高収益」を両立した自己概念と人間関係の変革</p>
<p class="c-case__text2">岩田龍裕</p>
<p class="c-case__text2">岩田建設株式会社 代表取締役</p>
</div>
</a></li>
<li class="c-case__item"><a class="c-case__link" href="/case/watanabe/">
<div class="c-case__image"><img src="/assets/img/case/img_case_watanabe.jpg" alt="" width="380" height="380"></div>
<div class="c-case__info">
<p class="c-case__text">自分中心からの脱却、誰も負かせない全体勝利への道</p>
<p class="c-case__text2">渡邊勝也</p>
<p class="c-case__text2">税理士法人クオリティ・ワン 代表社員</p>
</div>
</a></li>
<li class="c-case__item"><a class="c-case__link" href="/case/mihara/">
<div class="c-case__image"><img src="/assets/img/case/img_case_mihara.jpg" alt="" width="380" height="380"></div>
<div class="c-case__info">
<p class="c-case__text">理念浸透・全国の店舗の人材育成を行い、売上は3か月で5倍、1年で10倍に</p>
<p class="c-case__text2">三原 孔明</p>
<p class="c-case__text2">レナード株式会社 代表取締役</p>
</div>
</a></li>
<li class="c-case__item"><a class="c-case__link" href="/case/kobayashi/">
<div class="c-case__image"><img src="/assets/img/case/img_case_kobayashi.jpg" alt="" width="380" height="380"></div>
<div class="c-case__info">
<p class="c-case__text">スポーツトレーナーとして夢をかなえ、選択理論に基づく業界の地位向上へ</p>
<p class="c-case__text2">小林 英健</p>
<p class="c-case__text2">学校法人近畿医療学園 近畿医療専門学校 理事長株式会社KMC 小林整骨院グループ 総院長</p>
</div>
</a></li>
<li class="c-case__item"><a class="c-case__link" href="/case/nagasawa/">
<div class="c-case__image"><img src="/assets/img/case/img_case_nagasawa.jpg" alt="" width="380" height="380"></div>
<div class="c-case__info">
<p class="c-case__text">『理念』がすべてを繋ぎ、理念浸透が劇的に促進</p>
<p class="c-case__text2">長澤 貢多</p>
<p class="c-case__text2">ナサ工業株式会社 代表取締役</p>
</div>
</a></li>
<li class="c-case__item"><a class="c-case__link" href="/case/kanai/">
<div class="c-case__image"><img src="/assets/img/case/img_case_kanai.jpg" alt="" width="380" height="380"></div>
<div class="c-case__info">
<p class="c-case__text">未来を拓いたのは事前対応と素直な実践</p>
<p class="c-case__text2">金井 稔</p>
<p class="c-case__text2">外資系生命保険会社 部長</p>
</div>
</a></li>
<li class="c-case__item"><a class="c-case__link" href="/case/kurose/">
<div class="c-case__image"><img src="/assets/img/case/img_case_kurose.jpg" alt="" width="380" height="380"></div>
<div class="c-case__info">
<p class="c-case__text">職場に「楽しい」の声が生まれるまで</p>
<p class="c-case__text2">黒瀬 基尋</p>
<p class="c-case__text2">医療法人参方善さくら会 さくら歯科 理事長</p>
</div>
</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
$(".c-case__info").matchHeight();
</script>
</main>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
<?php $pageid="case";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<main class="p-case">
<div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<li class="c-breadcrumb__item"><span>お客様事例</span></li>
</ul>
</div>
<section class="c-mainvisual 1" style="background-image: url('/assets/img/case/mv.jpg')">
<div class="c-mainvisual__inner">
<h2 class="c-mainvisual__title">お客様事例</h2>
<p class="c-mainvisual__text">アチーブメントのセミナーやサービスを活用し、<br>
成果をあげるビジネススキル・ノウハウを体得された方の事例をご紹介します。</p>
</div>
</section>
<div class="p-case1" id="hacker-list">
<div class="l-container">
<div class="c-search">
<h3 class="c-title1">プロフィール</h3>
<div class="c-search__box1">
<div class="c-search__tab industry active">業種</div>
<div class="c-search__tab case">課題</div>
</div>
<div class="c-search__box2">
<ul class="c-search__list active" title="業種 industry">
<li class="c-search__item" data-id="tab-24">士業</li>
<li class="c-search__item" data-id="tab-30">建設</li>
<li class="c-search__item" data-id="tab-35">美容</li>
<li class="c-search__item" data-id="tab-36">鍼灸・整骨</li>
<li class="c-search__item" data-id="tab-37">製造</li>
<li class="c-search__item" data-id="tab-38">金融</li>
<li class="c-search__item" data-id="tab-39">歯科</li>
<li class="c-search__item" data-id="tab-41">サービス</li>
<li class="c-search__item" data-id="tab-42">不動産</li>
<li class="c-search__item" data-id="tab-43">医科</li>
<li class="c-search__item" data-id="tab-44">建築・住宅</li>
</ul>
<ul class="c-search__list" title="課題 case">
<li class="c-search__item" data-id="tab-23">人間関係の改善</li>
<li class="c-search__item" data-id="tab-25">売上の増大</li>
<li class="c-search__item" data-id="tab-26">時間の使い方</li>
<li class="c-search__item" data-id="tab-29">顧客満足の向上</li>
<li class="c-search__item" data-id="tab-31">現場の主体性向上</li>
<li class="c-search__item" data-id="tab-32">離職率の低下</li>
<li class="c-search__item" data-id="tab-33">営業力強化</li>
<li class="c-search__item" data-id="tab-34">理念浸透の推進</li>
<li class="c-search__item" data-id="tab-40">幹部人材の育成</li>
</ul>
</div>
</div>
<div class="p-case1__content">
<div class="c-case__box">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kita/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kita.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">顧問先を7倍に増やした「双方勝利」の職業観</p>
<p class="c-case__text2">喜多 英博</p>
<p class="c-case__text2">喜多法律事務所 代表弁護士</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/iwata/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_iwata.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">「離職０」と「最高収益」を両立した自己概念と人間関係の変革</p>
<p class="c-case__text2">岩田 龍裕</p>
<p class="c-case__text2">岩田建設株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/watanabe/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_watanabe.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">自分中心からの脱却、誰も負かせない全体勝利への道</p>
<p class="c-case__text2">渡邊 勝也</p>
<p class="c-case__text2">税理士法人クオリティ・ワン 代表社員</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/mihara/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_mihara.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">理念浸透・全国の店舗の人材育成を行い、売上は3か月で5倍、1年で10倍に</p>
<p class="c-case__text2">三原 孔明</p>
<p class="c-case__text2">レナード株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kobayashi/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kobayashi.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">スポーツトレーナーとして夢をかなえ、選択理論に基づく業界の地位向上へ</p>
<p class="c-case__text2">小林 英健</p>
<p class="c-case__text2">学校法人近畿医療学園 近畿医療専門学校<br/>
理事長 株式会社KMC 小林整骨院グループ 総院長</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/nagasawa/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_nagasawa.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">『理念』がすべてを繋ぎ、理念浸透が劇的に促進</p>
<p class="c-case__text2">長澤 貢多</p>
<p class="c-case__text2">ナサ工業株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kanai/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kanai.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">未来を拓いたのは事前対応と素直な実践</p>
<p class="c-case__text2">金井 稔</p>
<p class="c-case__text2">外資系生命保険会社 部長</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kurose/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kurose.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">職場に「楽しい」の声が生まれるまで</p>
<p class="c-case__text2">黒瀬 基尋</p>
<p class="c-case__text2">医療法人参方善さくら会 さくら歯科 理事長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box industry" data-id="tab-41">
<ul class="c-case">
</ul>
</div>
<div class="c-case__box industry" data-id="tab-42">
<ul class="c-case">
</ul>
</div>
<div class="c-case__box industry" data-id="tab-43">
<ul class="c-case">
</ul>
</div>
<div class="c-case__box industry" data-id="tab-24">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kita/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kita.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">顧問先を7倍に増やした「双方勝利」の職業観</p>
<p class="c-case__text2">喜多 英博</p>
<p class="c-case__text2">喜多法律事務所 代表弁護士</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/watanabe/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_watanabe.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">自分中心からの脱却、誰も負かせない全体勝利への道</p>
<p class="c-case__text2">渡邊 勝也</p>
<p class="c-case__text2">税理士法人クオリティ・ワン 代表社員</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box industry" data-id="tab-44">
<ul class="c-case">
</ul>
</div>
<div class="c-case__box industry" data-id="tab-30">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/iwata/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_iwata.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">「離職０」と「最高収益」を両立した自己概念と人間関係の変革</p>
<p class="c-case__text2">岩田 龍裕</p>
<p class="c-case__text2">岩田建設株式会社 代表取締役</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box industry" data-id="tab-39">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kurose/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kurose.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">職場に「楽しい」の声が生まれるまで</p>
<p class="c-case__text2">黒瀬 基尋</p>
<p class="c-case__text2">医療法人参方善さくら会 さくら歯科 理事長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box industry" data-id="tab-35">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/mihara/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_mihara.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">理念浸透・全国の店舗の人材育成を行い、売上は3か月で5倍、1年で10倍に</p>
<p class="c-case__text2">三原 孔明</p>
<p class="c-case__text2">レナード株式会社 代表取締役</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box industry" data-id="tab-37">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/nagasawa/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_nagasawa.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">『理念』がすべてを繋ぎ、理念浸透が劇的に促進</p>
<p class="c-case__text2">長澤 貢多</p>
<p class="c-case__text2">ナサ工業株式会社 代表取締役</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box industry" data-id="tab-38">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kanai/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kanai.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">未来を拓いたのは事前対応と素直な実践</p>
<p class="c-case__text2">金井 稔</p>
<p class="c-case__text2">外資系生命保険会社 部長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box industry" data-id="tab-36">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kobayashi/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kobayashi.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">スポーツトレーナーとして夢をかなえ、選択理論に基づく業界の地位向上へ</p>
<p class="c-case__text2">小林 英健</p>
<p class="c-case__text2">学校法人近畿医療学園 近畿医療専門学校<br/>
理事長 株式会社KMC 小林整骨院グループ 総院長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box case" data-id="tab-23">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kita/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kita.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">顧問先を7倍に増やした「双方勝利」の職業観</p>
<p class="c-case__text2">喜多 英博</p>
<p class="c-case__text2">喜多法律事務所 代表弁護士</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/iwata/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_iwata.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">「離職０」と「最高収益」を両立した自己概念と人間関係の変革</p>
<p class="c-case__text2">岩田 龍裕</p>
<p class="c-case__text2">岩田建設株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/watanabe/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_watanabe.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">自分中心からの脱却、誰も負かせない全体勝利への道</p>
<p class="c-case__text2">渡邊 勝也</p>
<p class="c-case__text2">税理士法人クオリティ・ワン 代表社員</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kurose/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kurose.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">職場に「楽しい」の声が生まれるまで</p>
<p class="c-case__text2">黒瀬 基尋</p>
<p class="c-case__text2">医療法人参方善さくら会 さくら歯科 理事長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box case" data-id="tab-33">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/mihara/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_mihara.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">理念浸透・全国の店舗の人材育成を行い、売上は3か月で5倍、1年で10倍に</p>
<p class="c-case__text2">三原 孔明</p>
<p class="c-case__text2">レナード株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kanai/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kanai.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">未来を拓いたのは事前対応と素直な実践</p>
<p class="c-case__text2">金井 稔</p>
<p class="c-case__text2">外資系生命保険会社 部長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box case" data-id="tab-25">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kita/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kita.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">顧問先を7倍に増やした「双方勝利」の職業観</p>
<p class="c-case__text2">喜多 英博</p>
<p class="c-case__text2">喜多法律事務所 代表弁護士</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/iwata/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_iwata.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">「離職０」と「最高収益」を両立した自己概念と人間関係の変革</p>
<p class="c-case__text2">岩田 龍裕</p>
<p class="c-case__text2">岩田建設株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/watanabe/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_watanabe.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">自分中心からの脱却、誰も負かせない全体勝利への道</p>
<p class="c-case__text2">渡邊 勝也</p>
<p class="c-case__text2">税理士法人クオリティ・ワン 代表社員</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/mihara/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_mihara.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">理念浸透・全国の店舗の人材育成を行い、売上は3か月で5倍、1年で10倍に</p>
<p class="c-case__text2">三原 孔明</p>
<p class="c-case__text2">レナード株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/nagasawa/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_nagasawa.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">『理念』がすべてを繋ぎ、理念浸透が劇的に促進</p>
<p class="c-case__text2">長澤 貢多</p>
<p class="c-case__text2">ナサ工業株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kanai/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kanai.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">未来を拓いたのは事前対応と素直な実践</p>
<p class="c-case__text2">金井 稔</p>
<p class="c-case__text2">外資系生命保険会社 部長</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kurose/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kurose.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">職場に「楽しい」の声が生まれるまで</p>
<p class="c-case__text2">黒瀬 基尋</p>
<p class="c-case__text2">医療法人参方善さくら会 さくら歯科 理事長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box case" data-id="tab-40">
<ul class="c-case">
</ul>
</div>
<div class="c-case__box case" data-id="tab-26">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kita/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kita.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">顧問先を7倍に増やした「双方勝利」の職業観</p>
<p class="c-case__text2">喜多 英博</p>
<p class="c-case__text2">喜多法律事務所 代表弁護士</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kanai/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kanai.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">未来を拓いたのは事前対応と素直な実践</p>
<p class="c-case__text2">金井 稔</p>
<p class="c-case__text2">外資系生命保険会社 部長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box case" data-id="tab-31">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/iwata/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_iwata.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">「離職０」と「最高収益」を両立した自己概念と人間関係の変革</p>
<p class="c-case__text2">岩田 龍裕</p>
<p class="c-case__text2">岩田建設株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/watanabe/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_watanabe.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">自分中心からの脱却、誰も負かせない全体勝利への道</p>
<p class="c-case__text2">渡邊 勝也</p>
<p class="c-case__text2">税理士法人クオリティ・ワン 代表社員</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kobayashi/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kobayashi.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">スポーツトレーナーとして夢をかなえ、選択理論に基づく業界の地位向上へ</p>
<p class="c-case__text2">小林 英健</p>
<p class="c-case__text2">学校法人近畿医療学園 近畿医療専門学校<br/>
理事長 株式会社KMC 小林整骨院グループ 総院長</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/nagasawa/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_nagasawa.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">『理念』がすべてを繋ぎ、理念浸透が劇的に促進</p>
<p class="c-case__text2">長澤 貢多</p>
<p class="c-case__text2">ナサ工業株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kurose/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kurose.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">職場に「楽しい」の声が生まれるまで</p>
<p class="c-case__text2">黒瀬 基尋</p>
<p class="c-case__text2">医療法人参方善さくら会 さくら歯科 理事長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box case" data-id="tab-34">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/mihara/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_mihara.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">理念浸透・全国の店舗の人材育成を行い、売上は3か月で5倍、1年で10倍に</p>
<p class="c-case__text2">三原 孔明</p>
<p class="c-case__text2">レナード株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kobayashi/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kobayashi.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">スポーツトレーナーとして夢をかなえ、選択理論に基づく業界の地位向上へ</p>
<p class="c-case__text2">小林 英健</p>
<p class="c-case__text2">学校法人近畿医療学園 近畿医療専門学校<br/>
理事長 株式会社KMC 小林整骨院グループ 総院長</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/nagasawa/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_nagasawa.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">『理念』がすべてを繋ぎ、理念浸透が劇的に促進</p>
<p class="c-case__text2">長澤 貢多</p>
<p class="c-case__text2">ナサ工業株式会社 代表取締役</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box case" data-id="tab-32">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/iwata/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_iwata.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">「離職０」と「最高収益」を両立した自己概念と人間関係の変革</p>
<p class="c-case__text2">岩田 龍裕</p>
<p class="c-case__text2">岩田建設株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/watanabe/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_watanabe.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">自分中心からの脱却、誰も負かせない全体勝利への道</p>
<p class="c-case__text2">渡邊 勝也</p>
<p class="c-case__text2">税理士法人クオリティ・ワン 代表社員</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kobayashi/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kobayashi.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">スポーツトレーナーとして夢をかなえ、選択理論に基づく業界の地位向上へ</p>
<p class="c-case__text2">小林 英健</p>
<p class="c-case__text2">学校法人近畿医療学園 近畿医療専門学校<br/>
理事長 株式会社KMC 小林整骨院グループ 総院長</p>
</div>
</a> </li>
</ul>
</div>
<div class="c-case__box case" data-id="tab-29">
<ul class="c-case">
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kita/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kita.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">顧問先を7倍に増やした「双方勝利」の職業観</p>
<p class="c-case__text2">喜多 英博</p>
<p class="c-case__text2">喜多法律事務所 代表弁護士</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/watanabe/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_watanabe.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">自分中心からの脱却、誰も負かせない全体勝利への道</p>
<p class="c-case__text2">渡邊 勝也</p>
<p class="c-case__text2">税理士法人クオリティ・ワン 代表社員</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/mihara/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_mihara.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">理念浸透・全国の店舗の人材育成を行い、売上は3か月で5倍、1年で10倍に</p>
<p class="c-case__text2">三原 孔明</p>
<p class="c-case__text2">レナード株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/nagasawa/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_nagasawa.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">『理念』がすべてを繋ぎ、理念浸透が劇的に促進</p>
<p class="c-case__text2">長澤 貢多</p>
<p class="c-case__text2">ナサ工業株式会社 代表取締役</p>
</div>
</a> </li>
<li class="c-case__item"> <a class="c-case__link" href="https://achievement.co.jp/case/kanai/">
<div class="c-case__image"> <img src="https://achievement.co.jp/wp-content/uploads/2020/05/img_case_kanai.jpg" alt="" width="380" height="380"> </div>
<div class="c-case__info">
<p class="c-case__text">未来を拓いたのは事前対応と素直な実践</p>
<p class="c-case__text2">金井 稔</p>
<p class="c-case__text2">外資系生命保険会社 部長</p>
</div>
</a> </li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var delay = (function () {
var timer = 0;
return function (callback, ms) {
clearTimeout(timer);
timer = setTimeout(callback, ms);
};
})();
delay(function () {
$(".c-search__item").removeClass('active').show();
$(".c-search__tab").click(function (e) {
$(".c-search__tab").removeClass("active");
$(this).addClass('active');
var index = $(this).index();
$(".c-search__list").removeClass('active');
$(".c-search__list").eq(index).addClass('active');
});
$(".c-search__item").click(function (e) {
$(".c-search__item").removeClass('active');
$(".c-search__item").show();
$(this).addClass('active');
var txt = $(this).attr('data-id');
$(".c-case__box").hide();
$(".c-case__box[data-id='" + txt + "']").show();
});
}, 600);
$(window).resize(function () {
delay(function () {
var vw = $(window).width();
if (vw < 768) {
var flag = 0;
$(".c-search__item").removeClass('active').show();
$(".c-search__tab").click(function (e) {
$(".c-search__tab").removeClass("active");
$(this).addClass('active');
var index = $(this).index();
$(".c-search__list").removeClass('active');
$(".c-search__list").eq(index).addClass('active');
$(".c-search__item").removeClass('active').show();
flag = 0;
});
$(".c-search__item").click(function (e) {
if (flag == 0) {
$(".c-search__item").removeClass('active').hide();
$(this).show().addClass('active');
var txt = $(this).attr('data-id');
$(".c-case__box").hide();
$(".c-case__box[data-id='" + txt + "']").show();
flag = 1;
} else {
$(".c-search__item").removeClass('active').show();
$(this).show().removeClass('active');
$(".c-case__box").show();
flag = 0;
}
});
} else {
$(".c-search__item").removeClass('active').show();
$(".c-search__tab").click(function (e) {
$(".c-search__tab").removeClass("active");
$(this).addClass('active');
var index = $(this).index();
$(".c-search__list").removeClass('active');
$(".c-search__list").eq(index).addClass('active');
});
$(".c-search__item").click(function (e) {
$(".c-search__item").removeClass('active');
$(".c-search__item").show();
$(this).addClass('active');
var txt = $(this).attr('data-id');
$(".c-case__box").hide();
$(".c-case__box[data-id='" + txt + "']").show();
});
}
}, 600);
});
$(".c-case__info").matchHeight();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.1.1/list.min.js"></script>
</main>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
achievement-official.conohawing.com/common_previous/css/case.css
@charset "UTF-8";
/* ========================================
case.css
======================================== */
.p-case .c-mainvisual,
.p-case-detail .c-mainvisual {
background-image: url(/assets/img/case/mv.jpg); }
.p-case-detail .c-mainvisual {
margin-bottom: 68px; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual {
margin: 50px 0 0; }
.p-case-detail .c-mainvisual {
margin: 50px 0 40px; } }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner {
padding: 20px 20px 0 20px; } }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title {
font-size: 2.2rem;
line-height: 1.5; } }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text {
font-size: 1.2rem;
text-align: center; } }
/*
.p-case .c-mainvisual,
.p-case-detail .c-mainvisual {
width: 100%;
height: 500px;
background-image: url(/assets/img/case/mv.jpg);
background-position: center;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 68px; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual,
.p-case-detail .c-mainvisual {
height: 250px;
margin: 50px 0 40px; } }
.p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner {
text-align: center; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner {
padding: 0 20px; } }
.p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title {
font-size: 5rem;
color: #fff;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title {
font-size: 2.2rem;
line-height: 1.5; } }
.p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text {
font-size: 2rem;
color: #fff;
font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; }
.p-case-detail .c-mainvisual__text {
font-size: 2.4rem; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text {
font-size: 1.2rem;
text-align: center; } }
.p-case .c-mainvisual .c-breadcrumb,
.p-case-detail .c-mainvisual .c-breadcrumb {
position: absolute;
top: 0;
left: 0;
right: 0; }
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-case-detail1 .c-title1 {
margin-bottom: 30px; }
.p-case-detail1 .c-imgtext {
border: 1px solid #ebebeb;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 30px 28px;
margin-bottom: 51px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext {
display: block;
padding: 15px;
margin-bottom: 30px; } }
.p-case-detail1 .c-imgtext__image {
width: 300px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__image {
width: 100%;
text-align: center;
margin-bottom: 10px; }
.p-case-detail1 .c-imgtext__image img {
width: auto; } }
.p-case-detail1 .c-imgtext__info {
width: calc(100% - 300px);
color: #363636;
font-family: heisei-kaku-gothic-std, sans-serif;
padding-left: 30px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__info {
width: 100%;
padding: 0; } }
.p-case-detail1 .c-imgtext__title {
font-size: 2.4rem;
font-weight: bold;
margin: -6px 0 3px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__title {
margin: 0;
font-size: 2rem; } }
.p-case-detail1 .c-imgtext__title2 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__title2 {
font-size: 1.8rem; } }
.p-case-detail1 .c-imgtext__text {
font-size: 1.8rem; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__text {
font-size: 1.6rem; } }
.p-case-detail1 .c-info {
margin-bottom: 33px; }
.p-case-detail1 .c-info dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #363636;
font-family: heisei-kaku-gothic-std, sans-serif;
margin-bottom: 8px; }
.p-case-detail1 .c-info dl dt {
width: 120px;
font-size: 2rem;
font-weight: bold; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-info dl dt {
font-size: 1.8rem;
width: 110px; } }
.p-case-detail1 .c-info dl dd {
width: calc(100% - 120px);
font-size: 1.6rem; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-info dl dd {
width: calc(100% - 110px);
font-size: 1.4rem; } }
.p-case-detail1 .c-step dl {
min-height: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: heisei-kaku-gothic-std, sans-serif; }
.p-case-detail1 .c-step dl dt {
width: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2rem;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #003c70; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl dt {
width: 80px;
font-size: 1.8rem; } }
.p-case-detail1 .c-step dl dd {
width: calc(100% - 100px); }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl dd {
width: calc(100% - 80px); } }
.p-case-detail1 .c-step dl:first-of-type dt {
padding-top: 5px; }
.p-case-detail1 .c-step dl:first-of-type dd {
padding: 10px 0 4px; }
.p-case-detail1 .c-step dl:last-of-type {
position: relative; }
.p-case-detail1 .c-step dl:last-of-type:before {
content: "";
width: 100px;
height: 34px;
background-image: url(/assets/img/service/case/step.jpg);
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl:last-of-type:before {
width: 80px; } }
.p-case-detail1 .c-step dl:last-of-type dt {
background-color: #c63651;
padding-top: 15px; }
.p-case-detail1 .c-step dl:last-of-type dd {
padding: 19px 0 0; }
.p-case-detail1 .c-step dl:last-of-type ul li::before {
background-color: #c63651; }
.p-case-detail1 .c-step ul {
padding-left: 20px; }
.p-case-detail1 .c-step ul li {
font-size: 1.6rem;
color: #363636;
position: relative;
padding-left: 12px;
margin-bottom: 8px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step ul li {
font-size: 1.4rem; } }
.p-case-detail1 .c-step ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: #003c70;
position: absolute;
top: 9px;
left: 0;
border-radius: 50px; }
/*
------------------------------------------------------------*/
.p-case-detail2 {
padding: 55px 0 0; }
@media screen and (max-width: 767px) {
.p-case-detail2 {
padding: 40px 0 0; } }
.p-case-detail2 .c-box {
margin: 36px 0 0; }
.p-case-detail2 .c-box img {
width: auto; }
.p-case-detail2 .c-box p {
margin: 7px 0 0;
font-size: 1.2rem;
color: #363636;
line-height: 1.4; }
.p-case-detail2 .c-box__list {
display: flex;
justify-content: flex-start;
margin-bottom: 27px; }
.p-case-detail2 .c-box__list li {
display: inline-block;
max-width: 188px;
margin: 0 16px 10px 0; }
/*
------------------------------------------------------------*/
.p-case-detail3 {
margin: 80px 0 0;
padding: 77px 0 100px;
border-top: 2px solid #dbdbdb;
text-align: center; }
@media screen and (max-width: 767px) {
.p-case-detail3 {
margin: 40px 0 0;
padding: 40px 0 50px; } }
.p-case-detail3 p {
font-size: 1.8rem;
color: #363636;
font-weight: bold;
margin-bottom: 14px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; }
@media screen and (max-width: 767px) {
.p-case-detail3 p {
font-size: 1.6rem; } }
.p-case-detail3 .c-btn1 {
width: 100%;
border-top: 2px solid #dbdbdb;
margin-top: 80px; }
@media screen and (max-width: 767px) {
.p-case-detail3 .c-btn1 {
margin-top: 40px; } }
.p-case-detail3 .c-btn1 a {
margin: 80px auto 0;
padding: 28px 0 24px;
max-width: 600px;
display: block;
font-size: 2.4rem;
line-height: 1;
color: #263f6c;
font-weight: bold;
text-align: center;
border: 2px solid #263f6c;
position: relative; }
.p-case-detail3 .c-btn1 a:after {
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #263f6c;
border-right: solid 2px #263f6c;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -6px; }
@media screen and (max-width: 767px) {
.p-case-detail3 .c-btn1 a {
margin-top: 40px; } }
@charset "UTF-8";
/* ========================================
case.css
======================================== */
.p-case-detail .c-mainvisual {
margin-bottom: 68px; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual {
margin: 50px 0 0; }
.p-case-detail .c-mainvisual {
margin: 50px 0 40px; } }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner {
padding: 20px 20px 0 20px; } }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title {
font-size: 2.2rem;
line-height: 1.5; } }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text {
font-size: 1.2rem;
text-align: center; } }
/*
.p-case .c-mainvisual,
.p-case-detail .c-mainvisual {
width: 100%;
height: 500px;
background-image: url(/assets/img/case/mv.jpg);
background-position: center;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 68px; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual,
.p-case-detail .c-mainvisual {
height: 250px;
margin: 50px 0 40px; } }
.p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner {
text-align: center; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__inner,
.p-case-detail .c-mainvisual__inner {
padding: 0 20px; } }
.p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title {
font-size: 5rem;
color: #fff;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 2; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__title,
.p-case-detail .c-mainvisual__title {
font-size: 2.2rem;
line-height: 1.5; } }
.p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text {
font-size: 2rem;
color: #fff;
font-family: heisei-kaku-gothic-std, sans-serif;
text-align: right; }
.p-case-detail .c-mainvisual__text {
font-size: 2.4rem; }
@media screen and (max-width: 767px) {
.p-case .c-mainvisual__text,
.p-case-detail .c-mainvisual__text {
font-size: 1.2rem;
text-align: center; } }
.p-case .c-mainvisual .c-breadcrumb,
.p-case-detail .c-mainvisual .c-breadcrumb {
position: absolute;
top: 0;
left: 0;
right: 0; }
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.p-case .c-search{
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.p-case .c-search{
margin-bottom: 30px;
}
}
.p-case .c-search__box1{
display: flex;
justify-content: center;
border-bottom: 2px solid #001c35;
}
.p-case .c-search__tab{
width: 49.5%;
text-align: center;
font-size: 1.8rem;
background: #fff;
color: #333333;
padding: 14px;
font-weight: bold;
cursor: pointer;
border: 1px solid #ececec;
border-bottom: none;
}
@media screen and (max-width: 767px) {
.p-case .c-search__tab{
width: 49%;
font-size: 1.5rem;
padding: 10px;
}
}
.p-case .c-search__tab.active{
background: #001c35;
border: 1px solid #001c35;
color: #fff;
}
.p-case .c-search__tab:first-child{
margin-right: 1%;
}
@media screen and (max-width: 767px) {
.p-case .c-search__tab:first-child{
margin-right: 2%;
}
}
.p-case .c-search__list{
border:1px solid #ececec;
padding: 30px;
display: none;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-case .c-search__list{
padding: 15px;
}
}
.p-case .c-search__list.active{
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.p-case .c-search__list.active{
display: block;
}
}
.p-case .c-search__item{
font-size: 1.2rem;
color:#333;
padding: 10px 14px;
border:1px solid #ececec;
margin-right: 15px;
cursor: pointer;
background: #fff;
border-radius: 5px;
font-weight: bold;
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.p-case .c-search__item{
width: 100%;
padding: 8px 10px;
}
.p-case .c-search__item:not(:last-child){
margin-bottom: 5px;
}
}
.p-case .c-search__item.active{
background: #003b70;
color:#fff;
position: relative;
}
@media screen and (max-width: 767px) {
.p-case .c-search__item.active:before{
content: "";
width:15px;
height: 2px;
background: #fff;
position:absolute;
right:10px;
top:50%;
transform: translateY(-50%) rotate(45deg);
}
.p-case .c-search__item.active:after{
content: "";
width:15px;
height: 2px;
background: #fff;
position:absolute;
right:10px;
top:50%;
transform: translateY(-50%) rotate(-45deg);
}
}
.p-case .c-case__box{
display: none;
}
.p-case .c-case__box:first-child{
display: block;
}
.p-case-detail1 .c-title1 {
margin-bottom: 30px; }
.p-case-detail1 .c-imgtext {
border: 1px solid #ebebeb;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 30px 28px;
margin-bottom: 51px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext {
display: block;
padding: 15px;
margin-bottom: 30px; } }
.p-case-detail1 .c-imgtext__image {
width: 300px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__image {
width: 100%;
text-align: center;
margin-bottom: 10px; }
.p-case-detail1 .c-imgtext__image img {
width: auto; } }
.p-case-detail1 .c-imgtext__info {
width: calc(100% - 300px);
color: #363636;
font-family: heisei-kaku-gothic-std, sans-serif;
padding-left: 30px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__info {
width: 100%;
padding: 0; } }
.p-case-detail1 .c-imgtext__title {
font-size: 2.4rem;
font-weight: bold;
margin: -6px 0 3px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__title {
margin: 0;
font-size: 2rem; } }
.p-case-detail1 .c-imgtext__title2 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__title2 {
font-size: 1.8rem; } }
.p-case-detail1 .c-imgtext__text {
font-size: 1.8rem; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__text {
font-size: 1.6rem; } }
.p-case-detail1 .c-imgtext__text + p {
font-size: 1.8rem; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-imgtext__text + p {
font-size: 1.6rem; } }
.p-case-detail1 .c-info {
margin-bottom: 33px; }
.p-case-detail1 .c-info dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #363636;
font-family: heisei-kaku-gothic-std, sans-serif;
margin-bottom: 8px; }
.p-case-detail1 .c-info dl dt {
width: 120px;
font-size: 2rem;
font-weight: bold; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-info dl dt {
font-size: 1.8rem;
width: 110px; } }
.p-case-detail1 .c-info dl dd {
width: calc(100% - 120px);
font-size: 1.6rem; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-info dl dd {
width: calc(100% - 110px);
font-size: 1.4rem; } }
.p-case-detail1 .c-step dl {
min-height: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: heisei-kaku-gothic-std, sans-serif; }
.p-case-detail1 .c-step dl dt {
width: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2rem;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #003c70; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl dt {
width: 80px;
font-size: 1.8rem; } }
.p-case-detail1 .c-step dl dd {
width: calc(100% - 100px); }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl dd {
width: calc(100% - 80px); } }
.p-case-detail1 .c-step dl:first-of-type dt {
padding-top: 5px; }
.p-case-detail1 .c-step dl:first-of-type dd {
padding: 10px 0 4px; }
.p-case-detail1 .c-step dl:last-of-type {
position: relative; }
.p-case-detail1 .c-step dl:last-of-type:before {
content: "";
width: 100px;
height: 34px;
background-image: url(/assets/img/service/case/step.jpg);
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step dl:last-of-type:before {
width: 80px; } }
.p-case-detail1 .c-step dl:last-of-type dt {
background-color: #c63651;
padding-top: 15px; }
.p-case-detail1 .c-step dl:last-of-type dd {
padding: 19px 0 0; }
.p-case-detail1 .c-step dl:last-of-type ul li::before {
background-color: #c63651; }
.p-case-detail1 .c-step ul {
padding-left: 20px; }
.p-case-detail1 .c-step ul li {
font-size: 1.6rem;
color: #363636;
position: relative;
padding-left: 12px;
margin-bottom: 8px; }
@media screen and (max-width: 767px) {
.p-case-detail1 .c-step ul li {
font-size: 1.4rem; } }
.p-case-detail1 .c-step ul li:before {
content: "";
width: 6px;
height: 6px;
background-color: #003c70;
position: absolute;
top: 9px;
left: 0;
border-radius: 50px; }
/*
------------------------------------------------------------*/
.p-case-detail2 {
padding: 55px 0 0; }
@media screen and (max-width: 767px) {
.p-case-detail2 {
padding: 40px 0 0; } }
.p-case-detail .c-box {
margin: 36px 0 0; }
.p-case-detail .c-box img {
width: auto; }
@media screen and (max-width: 767px) {
.p-case-detail .c-box img {
width: 100%; }
}
.p-case-detail .c-box p {
margin: 7px 0 0;
font-size: 1.2rem;
color: #363636;
line-height: 1.4; }
.p-case-detail .c-box__list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 27px; }
.p-case-detail .c-box__list li {
display: inline-block;
margin: 0 16px 10px 0;
max-width: 188px;
}
@media screen and (max-width: 767px) {
.p-case-detail .c-box__list li {
margin: 0 2% 10px 0;
width: 49%;
max-width: inherit;
}
.p-case-detail .c-box__list li:nth-child(2n){
margin-right: 0;
}
}
/*
------------------------------------------------------------*/
.p-case-detail3 {
margin: 80px 0 0;
padding: 77px 0 100px;
border-top: 2px solid #dbdbdb;
text-align: center; }
@media screen and (max-width: 767px) {
.p-case-detail3 {
margin: 40px 0 0;
padding: 40px 0 50px; } }
.p-case-detail3 p {
font-size: 1.8rem;
color: #363636;
font-weight: bold;
margin-bottom: 14px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; }
@media screen and (max-width: 767px) {
.p-case-detail3 p {
font-size: 1.6rem; } }
.p-case-detail3 .c-btn1 {
width: 100%;
border-top: 2px solid #dbdbdb;
margin-top: 80px; }
@media screen and (max-width: 767px) {
.p-case-detail3 .c-btn1 {
margin-top: 40px; } }
.p-case-detail3 .c-btn1 a {
margin: 80px auto 0;
padding: 28px 0 24px;
max-width: 600px;
display: block;
font-size: 2.4rem;
line-height: 1;
color: #263f6c;
font-weight: bold;
text-align: center;
border: 2px solid #263f6c;
position: relative; }
.p-case-detail3 .c-btn1 a:after {
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 2px #263f6c;
border-right: solid 2px #263f6c;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
margin-top: -6px; }
@media screen and (max-width: 767px) {
.p-case-detail3 .c-btn1 a {
margin-top: 40px; } }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment