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