<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* パララックススクロール */

.background {
  background: 
    url(img/back-okashi.jpg)
    repeat
	center;
  position: fixed;
  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  z-index: -1
}

/* メニュー以下枠 */

#container {
	width:100%;
	padding-bottom:150px;
}

/* ヘッダー下タイトル見出し */

#top-midashi {
	width:100%;
	height:260px;
	text-align:center;
	position: relative;
	background:url(img/h-back.jpg) top center no-repeat fixed;
	background-size: cover; /* Safari対策 ばらして記述 */
}

.midashi_title {
	position: absolute;
	top:55%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* 見出し */

.copy_box {
	width:1100px;
	text-align:center;
	margin:0 auto;
}

.copy_box h3 {
	padding-top:140px;
}

.copy_box_moji {
	padding-top:60px;
	padding-bottom:105px;
	font-size:15px;
	letter-spacing:0.1em;
	line-height:2.5em;
}

.copy_box p img {
	margin-right:7px;
	margin-bottom:30px;
}


/* 区切り線 */

.hr {
	width:100%;
	height:1px;
	border-top:1px solid #dd374a;
	margin:130px 0 120px 0;
}

/* 工場 */

.factory_box {
	width:750px;
	margin:0 auto;
}

.factory_box h3 {
	text-align:center;
	margin-bottom:40px;
}

.factory_info {
	text-align:center;
	margin-bottom:80px;
	font-size:14px;
}

.factory_l {
	float:left;
	width:300px;
	letter-spacing:0.1em;
	line-height:2.5em;
}

.factory_r {
	float:right;
	width:340px;
	height:300px;
}

.factory h4 {
	font-size:16px;
	color:#dd374a;
	font-weight:normal;
	margin-bottom:30px;
}

.factory_l ul li {
	border-bottom:1px dashed #c9c9ca;
	padding:5px 0;
}</pre></body></html>