https://murasakishikibu.co.jp/services/

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="utf-8">
5<title>サービス内容 | 株式会社 紫式部</title>
6<meta name="keywords" content="Web,制作,デザイン,印刷,システム,開発,コンサルティング,出版,電子,出版,紫式部,スーパー源氏,本,古書,会社概要">
7<meta name="description" content="紫式部はITを活用した独自のサービス、コンテンツを提供しています。">
8<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
9<link rel="stylesheet" type="text/css" href="../css/base_style.css">
10<link type="text/css" rel="stylesheet" href="../css/layout.css">
11<link rel="stylesheet" type="text/css" href="../css/js/boxLink.css">
12<link rel="stylesheet" type="text/css" href="../css/js/modalmenu.css">
13<link rel="stylesheet" type="text/css" href="../css/service.css">
14<link rel="stylesheet" href="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.css">
15<link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
16<link href='https://fonts.googleapis.com/css?family=Philosopher' rel='stylesheet' type='text/css'>
17<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"><link rel="shortcut icon" href="">

18<script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>

18

19<script type="text/javascript" src="../js/commons.js"></script>

19

20<script type="text/javascript" src="../js/modernizr.custom.js"></script>

20

21<script type="text/javascript" src="../js/boxlink.js"></script>

21

22<script type="text/javascript" src="../js/rollover.js"></script>

22

23<script type="text/javascript" src="../js/tabs.js"></script>

23

24<script type="text/javascript" src="../js/scrolltop.js"></script>

24

25<script type="text/javascript" src="../js/scroll.js"></script>

25

26<script  type="text/javascript" src="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.js"></script>

26

27<script type="text/javascript" src="https://hammerjs.github.io/dist/hammer.min.js"></script>

27

28<script type="text/javascript">
29/* ## modalmenu ## */
30$(function () {
31	 var $body = $('body');
32
33	 //開閉用ボタンをクリックでクラスの切替え
34	 $('#js__btn').on('click', function () {
35		  $body.toggleClass('open');
36	 });
37
38});
39</script>

39
40		
41<body>
42
43<noscript>
44	<p class="noscript">※当サイトをご覧いただくには、ブラウザの設定で<strong>JavaScriptを有効</strong>にする必要がございます。</p>
45</noscript>
46
47
48<div id="header" class="Fixed">
49
50		<div class="inner">
51	
52		<div class="menu-btn" id="js__btn">
53			<span></span>
54			<span></span>
55			<span></span>
56		</div>
57		
58		<!--<p id="mTitle">株式会社 紫式部は、「人と本、その出会いの場」を創造します。</p>-->
59		<h1>
60			<a href="/"><img id="logo" src="/img/header/logo.png" alt="株式会社 紫式部"></a></h1>
61			
62		<nav class="menu" id="js__nav">
63			
64			<ul id="dropmenu">
65				<li class="sizeS">
66					<h2><a href="/"><span>HOME</span></a></h2>
67				</li>
68				<li>
69					<h2><a href="/company/"><span>紫式部について</span></a></h2>
70				</li>
71				<li class="cCurre">
72					<h2><a href="/services/"><span>サービス内容</span></a></h2>
73				</li>
74				<li class="sizeL">
75					<h2><a href="/guidance/"><span>特定商取引法に基づく表示</span></a></h2>
76				</li>
77				<li class="mbSns" id="mbFc"><a href="https://www.facebook.com/sugenji/?hc_ref=ARRKH66vsv6n0ZZkWPShKvJivrkSTKeZ7PzZMFAFFM_ibvnGFlegVCi2hgH7N5ZrzRg&fref=nf&__xts__[0]=68.ARALToaaoLZAelg6jjumXdTbICjCAAcRBQWxVUWbLMF16E_jVPpeOhi2MDWRZ2OREojRnOPGIlggJJIrjBJdIAt8qlMJ7ENCgRBAATuY6qAWjYw_6wZQheKCUV3I7RS0osjK5ts&__tn__=kC-R" target="_blank"><i class="fab fa-facebook"></i> Facebook</a></li>
78				<li class="mbSns" id="mbTw"><a href="https://twitter.com/mrskshkb?lang=ja" target="_blank"><i class="fab fa-twitter"></i> Twitter</a></li>
79				<li class="mbSns" id="mbIg"><a href="https://www.instagram.com/super_genji_/?hl=ja" target="_blank"><i class="fab fa-instagram"></i> Instagram</a></li>
80			</ul>
81	
82		</nav>
83
84		<p id="hCtct"><a href="/guidance/contact.php"><span><i class="fas fa-envelope"></i></span></a></p>
85		
86		<ul id="snsLink">
87			<li id="fc"><a href="https://www.facebook.com/sugenji/?hc_ref=ARRKH66vsv6n0ZZkWPShKvJivrkSTKeZ7PzZMFAFFM_ibvnGFlegVCi2hgH7N5ZrzRg&fref=nf&__xts__[0]=68.ARALToaaoLZAelg6jjumXdTbICjCAAcRBQWxVUWbLMF16E_jVPpeOhi2MDWRZ2OREojRnOPGIlggJJIrjBJdIAt8qlMJ7ENCgRBAATuY6qAWjYw_6wZQheKCUV3I7RS0osjK5ts&__tn__=kC-R" target="_blank"><i class="fab fa-facebook"></i></a></li>
88			<li id="tw"><a href="https://twitter.com/mrskshkb?lang=ja" target="_blank"><i class="fab fa-twitter"></i></a></li>
89			<li id="ig"><a href="https://www.instagram.com/super_genji_/?hl=ja" target="_blank"><i class="fab fa-instagram"></i></a></li>
90		</ul>
91	
92	</div>
93	
94</div>
95
96<div id="ribon">
97  <h2 class="pTitle">OUR SERVICE<br>
98    <span>サービス内容</span></h2>
99</div>
100
101<div id="breadcrumb">
102	<ul>
103		<li><a href="/"><i class="fas fa-home"></i> HOME</a></li>
104		<li>サービス内容</li>
105	</ul>
106</div>
107
108<div id="wrapper">
109				
110			<ul id="conMenu">
111			<li class="cmCurre"><a href="https://murasakishikibu.co.jp/services/"><i class="fas fa-arrow-circle-right"></i> サービス内容</a></li>
112			<li><a href="https://murasakishikibu.co.jp/services/genji.php"><i class="fas fa-arrow-circle-right"></i> スーパー源氏</a></li>
113		</ul>	
114	<section class="baseWrapp">
115	
116		<div class="bbInside"  data-aos="fade-zoom-in" data-aos-easing="ease-in-sine" data-aos-duration="540" data-aos-once="true">
117	
118			<h3 class="sTitle">主要なサービス</h3>
119			<span class="sBar"></span>
120
121			<div class="svArea">
122				
123				<article class="svBox">
124					<a href="../services/genji.php">
125					<h4><span class="sub">日本初の古本・古書検索サイト スーパー源氏</span></h4>			
126					<div class="boxF">
127						<img class="sLogo" src="../img/home/genjilogo01.png" alt="スーパー源氏 ロゴ">
128						<p class="prologue">人と本、その出会いの場の創造。<br>
129						スーパー源氏は、新時代・令和の書店モデルを提案致します。</p>
130					</div>
131					<div class="boxS">
132						<img src="../img/service/simg_genji.jpg" alt="スーパー源氏 サイトイメージ">
133					</div>
134					<div class="boxL">
135						<p>スーパー源氏のサービスを<br>さらに詳しく<i class="fas fa-arrow-circle-right"></i></p>
136					</div>
137					</a>
138				</article>
139				
140				<article class="svBox">
141					<a href="https://www.bookcafe-japan.org/" target="_blank">
142					<h4><span class="sub">日本ブックカフェ協会</span></h4>			
143					<div class="boxF">
144						<img class="sLogo" src="../img/service/logo_cafe.png" alt="日本ブックカフェ協会 ロゴ">
145						<p class="prologue">ブックカフェを始めよう！</p>
146					</div>
147					<div class="boxS">
148						<img src="../img/service/simg_cafe.jpg" alt="日本ブックカフェ協会 サイトイメージ">
149					</div>
150					<div class="boxL">
151						<p class="eLink">ホームページを開く<i class="fas fa-external-link-alt"></i></p>
152					</div>
153					</a>
154				</article>
155				
156				<article class="svBox">
157					<a href="https://www.edo-gakusha.com/" target="_blank">
158					<h4><span class="sub">江戸樂舎</span></h4>			
159					<div class="boxF">
160						<img class="sLogo" src="../img/service/logo_edo.png" alt="江戸樂舎 ロゴ">
161						<p class="prologue">江戸を楽しむ、<br>楽しいから学べる。</p>
162					</div>
163					<div class="boxS">
164						<img src="../img/service/simg_edo.jpg" alt="江戸樂舎 サイトイメージ">
165					</div>
166					<div class="boxL">
167						<p class="eLink">ホームページを開く<i class="fas fa-external-link-alt"></i></p>
168					</div>
169					</a>
170				</article>
171				
172				<article class="svBox">
173					<a href="https://www.dokusho-suishin.com/" target="_blank">
174					<h4><span class="sub">一般社団法人 全国読書推進協会</span></h4>			
175					<div class="boxF">
176						<img class="sLogo" src="../img/service/logo_dokusho.png" alt="全国読書推進協会 ロゴ">
177						<p class="prologue">日本中に読書の楽しさを伝えます。</p>
178					</div>
179					<div class="boxS">
180						<img src="../img/service/simg_dokusho.jpg" alt="全国読書推進協会 サイトイメージ">
181					</div>
182					<div class="boxL">
183						<p class="eLink">ホームページを開く<i class="fas fa-external-link-alt"></i></p>
184					</div>
185					</a>
186				</article>
187			
188			</div>
189			
190		</div>
191
192	</section>
193			
194	

194<script>
195	// aosの初期化
196	AOS.init();
197	</script>

197
198
199</div>
200
201
202<div id="footer">
203	
204				
205<div class="boxT">
206
207		<div class="inner">
208
209			<div id="back-top">
210				<a href="/#top"><i class="fa fa-chevron-circle-up"></i></a>
211			</div>
212			
213			<div class="bLogo">
214				<a href="/">
215				<img src="/img/header/logo.png" alt="株式会社 紫式部 ロゴ">
216				</a>
217			</div>
218
219			<ul>
220				<li><span class="cfTitle"><i class="fas fa-arrow-circle-right"></i> 紫式部について</span>
221					<ul class="second">
222						<li><a href="/company/">会社概要</a></li>
223						<li><a href="/company/idea.php">基本理念</a></li>
224						<li><a href="/company/president_history.php">代表者略歴</a></li>
225						<li><a href="/company/recruit.php">採用情報</a></li>
226						<li><a href="/company/activities.php">社会貢献活動</a></li>
227						<li><a href="/company/media.php">メディア掲載記事</a></li>
228					</ul>
229				</li>
230				<li><span class="cfTitle"><i class="fas fa-arrow-circle-right"></i> サービス内容</span>
231					<ul class="second">
232						<li><a href="/services/">サービス内容TOP</a></li>
233						<li><a href="/services/genji.php">スーパー源氏</a></li>
234					</ul>
235				</li>
236				<li><span class="cfTitle"><i class="fas fa-arrow-circle-right"></i> 特定商取引法に基づく表示</span>
237					<ul class="second">
238						<li><a href="/guidance/">特定商取引法に基づく表示</a></li>
239						<li><a href="/guidance/privacy.php">プライバシーポリシー</a></li>
240						<li><a href="/guidance/contact.php">お問い合わせ</a></li>
241					</ul>
242				</li>
243			</ul>
244
245		</div>		
246
247	</div>
248		
249	<div class="boxB">
250		
251		<div class="inner">
252			<address>&copy; MURAKI SHIKIBU Co.,Ltd.</address>
253		</div>
254		
255	</div>	

255<script type="text/javascript" src="../js/header_animation.js"></script>

255
256	

256<script type="text/javascript" src="../js/classie.js"></script>

256
257	
258</div>
259
260</body>
261</html>