@charset "UTF-8";
/* ------------------------------------------------------------
   スマニューオリコミ（画像コーディング）
   2026-08-21 差し替え
   素材: 260109_スマニューオリコミLP_CC/ol/layout を 2048px幅で書き出し
   表示幅は #header .inner / #bottom_header .inner と同じ幅から976pxへ変更
------------------------------------------------------------ */

#mv {
	width: 100%;
	/* 背景は #wrapper の紙テクスチャ(img/bg.jpg)をそのまま透かす。
	   ここで背景を指定すると模様が途切れるので指定しない。 */
}

.sn-h1 {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.sn-sec {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.sn-h1 img,
.sn-sec img {
	display: block;
	width: 976px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* 電話・お問合せフォームのクリック領域 ---------------- */
.sn-contact {
	margin: 0;
	padding: 0;
}

.sn-contact__inner {
	position: relative;
	width: 976px;
	max-width: 100%;
	margin: 0 auto;
	line-height: 0;
}

.sn-contact__inner img {
	display: block;
	width: 100%;
	height: auto;
}

.sn-contact__inner a {
	position: absolute;
	top: 21%;
	display: block;
	height: 62%;
}

/* フリーコール 0800-100-3333（.telLink はスマホでのみ有効） */
.sn-contact__tel {
	left: 8.5%;
	width: 43%;
}

/* お問合せフォーム */
.sn-contact__form {
	left: 53.5%;
	width: 37%;
}

/* 画像内テキストの代替（スクリーンリーダー用） */
.sn-contact__inner .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}