<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/**202311Update*/
#FloatingContacts li:nth-of-type(3),
#FloatingContacts .imgSwitch {
	display: none;
}
#FloatingContacts ul {
	display: flex;
	justify-content: center;
}
.ShowSP,
.SP .HideSP {display: none;}

.HideSP,
.SP .ShowSP {display: block;}

br.HideSP,
a.HideSP,
strong.HideSP,
em.HideSP,
sub.HideSP,
sup.HideSP,
img.HideSP,
span.HideSP,
.SP br.ShowSP,
.SP a.ShowSP,
.SP strong.ShowSP,
.SP em.ShowSP,
.SP sub.ShowSP,
.SP sup.ShowSP,
.SP img.ShowSP,
.SP span.ShowSP {display: inline;}


/* -- [-] ページ下部の資料請求・お問い合わせ -- */
.ShowRWD579 {display: none !important;}


#FloatingContacts {
	clear: both;
	width: 100%;
	overflow: hidden;
	z-index: 100 !important;
}
#FloatingContacts form {
/*
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3909090,endColorstr=#B3909090);
*/
	background-color: rgb(144,144,144);
	background-color: rgba(144,144,144,0.7);
}
#FloatingContacts form:not(:target){
    filter: none;
}

#FloatingContacts .Inner {
	width: 965px;
	margin: 0 auto;
	padding: 8px 0 1px;
}

.fixedBottom {
	position: fixed;
	bottom: 0;
	z-index: 2;

/*	z-index: 9999; */
}

.SP #FloatingContacts h2 {
	margin: 0;
	padding: 6px;
	text-align: center;
	background: none;
	background-color: #737373;
	cursor: pointer;
}

.SP #FloatingContacts h2 span {
	background-color: transparent;
	color: #fff;
	display: inline-block;
	font-size: 90%;
	font-weight: normal;
	line-height: 100%;
	padding: 0 20px 0 0;

	background-image: url(../../image/jp/r1/icon/icon_up_l_white_hd.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
.SP #FloatingContacts h2.active span {
	background-image: url(../../image/jp/r1/icon/icon_down_l_white_hd.gif);
}


/* ---[] 画像用リスト &gt; 横並び &gt; 中央寄せ--- */
#FloatingContacts ul {
	margin: 0 0 0 -15px;
	text-align: center;
	letter-spacing: -0.5em;
}
#FloatingContacts li {
	letter-spacing: normal;
	display: inline-block;
	margin: 0 0 8px 0;
	padding: 0;
	width: 35%;
	padding-left: 15px;
	vertical-align: top;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;

	/display:inline;
	/zoom:1
}
#FloatingContacts li:last-child {
	width: 50%;
}
#FloatingContacts li img {
	vertical-align: middle;
}

#FloatingContacts button{
	position: relative;
	vertical-align: middle;
	width: 100%;
	height: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: button;
    white-space: nowrap;
	border: none;

	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
	font-size: 90%;
	color: #fff;
	background-color: #b1000e;

	cursor: pointer;
}
#FloatingContacts button:after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 5px;
	margin: -8px 0 0;
	background-image: url(../../image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
html&gt;/**/body #FloatingContacts button:after {
	background-image /*\**/: url(../../image/jp/r1/icon/icon_link_right_l_white.gif) \9;
}

#FloatingContacts button:hover:after,
#FloatingContacts button:active:after {
	right: 2px;
}
#FloatingContacts button:hover,
#FloatingContacts button:active {
	background-color: #D30021;
}

#FloatingContacts button.btnContact,
#FloatingContacts button.btnDocument {
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 28px 22px;
	-moz-background-size: 28px auto;
	-webkit-background-size: 28px auto;
	-o-background-size: 28px auto;
	-ms-background-size: 28px auto;
}
#FloatingContacts button.btnDocument {
	background-image: url(/-/media/image/renew/icon_button_document.png);
}
#FloatingContacts button.btnContact {
	background-image: url(/-/media/image/renew/icon_button_contact.png);
}


@media screen and (max-width: 965px) {

	.JS #FloatingContacts form {
		width: 100%;

		padding-right: 15px;
		padding-left: 15px;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;

	}

	.JS #FloatingContacts .Inner {
		width: auto;
	}
	.JS #FloatingContacts li img {
		width: 100%;
		height: auto;
	}

}

@media screen and (max-width: 964px) {

	.JS #FloatingContacts li {
		width: 35%;
	}
	.JS #FloatingContacts li:last-child {
		width: 60%;
	}
	.JS #FloatingContacts li img {
		width: 100%;
		height: auto;
	}
	.JS #FloatingContacts button.btnContact,
	.JS #FloatingContacts button.btnDocument {
		background-size: 16px auto;
		-moz-background-size: 16px auto;
		-webkit-background-size: 16px auto;
		-o-background-size: 16px auto;
		-ms-background-size: 16px auto;
	}

}

@media screen and (max-width: 767px) {

	.JS #FloatingContacts li {
		width: 50%;
	}
	.JS #FloatingContacts li:last-child {
		width: auto;
	}
	.JS #FloatingContacts button.btnContact,
	.JS #FloatingContacts button.btnDocument {
		background-size: 28px auto;
		-moz-background-size: 28px auto;
		-webkit-background-size: 28px auto;
		-o-background-size: 28px auto;
		-ms-background-size: 28px auto;
	}

}
@media screen and (max-width: 579px) {

	.JS .ShowRWD579 {display: block !important;}
	.JS .HideRWD579 {display: none !important;}

/*
	.JS #FloatingContacts form {
		background-color: #F2F2F2;
	}

	.JS #FloatingContacts h2 {
		margin-left: -15px;
		margin-right: -15px;
	}
	.JS #FloatingContacts li {
		display: block;
		width: 100% !important;
	}
*/
}

	.SP #FloatingContacts form {
		background-color: #F2F2F2;
	}

	.SP #FloatingContacts h2 {
		margin-left: -15px;
		margin-right: -15px;
	}
	.SP #FloatingContacts li {
		display: block;
		width: 100% !important;
	}
</pre></body></html>