@charset "UTF-8"

body		{margin: 0;
			line-hight: 1.5;
			font-family: sans-serif;}
h1			{margin: 0;
			font-size: 125%}
h2			{margin: 0;
			font-size: 100%}
h3			{margin: 0;
			font-size: 95%}
p			{margin: 0;
			font-size: 80%}
ul			{list-style-type: none;
			margin: 0;
			padding: 0}
img			{width: 100%; max-width:100%; height:auto;}
.wrap 		{overflow: hidden;
			color: #666;}
.right 		{text-align: right;}

/* 旧アコーディオンの矢印を消す */
details summary {color: transparent;}
details summary span {color: #000;}
/* アコーディオンの矢印 */
p.accordion	{text-align: center;
			color: #aaa;
			background-color: #f0f0f0;}
/*ラベル（アコーディオン）*/
.accbox label {
    display: block;
    margin: 20px 0px 0px 0px;
    padding : 0;
    color :#444;
    cursor :pointer;
    transition: all 0.5s;
}
/*チェックは隠す*/
.accbox input {display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 0px;
    background: #fff;
    opacity: 1;
}
.accbox .accshow p {
    margin: 0px}
/* アコーディオンここまで */


/* フレックスボックスを使ったコラムレイアウト */
.container	{display: flex;
			flex-flow: row;}
.coLogo		{flex: 1 1 50%;}
.coLogoR	{flex: 1 1 30%;}
.bakubaku	{flex: 1 1 20%;}
.goodsLogo	{flex: 1 1 33%;
			margin: 0px 0 0 0}
.goodsDesc	{flex: 1 1 54%;
			line-hight: 1.5;
			margin: 0px 10px 0 15px}
.goodsRq	{flex: 1 1 13%;
			margin: 0px 0 0 0}
.goodsRq p	{font-size: 60%;
			color: #dd0000;}
.cover		{flex: 1 1 33%;
			padding-top: 10px;}
.coverDesc	{flex: 1 1 67%;
			margin: 10px 10px 0px 20px;}
.footerL	{flex: 1 1 30%;
			margin-top: 10px;}
.footerR	{flex: 1 1 70%;}
.goodsRqL	{flex: 1 1 50%;
			margin: 15px 20px 15px 40px;}
.goodsRqR	{flex: 1 1 50%;
			margin: 15px 40px 15px 20px;}

/* ヘッダー画像 */
.topimg		{max-width: 100%;
			height: auto;
			vertical-align: bottom}
/* ヘッダー画像に更新情報を重ねる */
.top		{position: relative;}
.subtitle	{position: absolute;
			bottom: 10%;
			left: 3%}
/* 電卓ボタン */
			.dentakuBt {margin: 10px 30px 10px 30px;}
/* 資料請求ボタン */
.goodsrq {
	margin:10px 80px 10px 80px;
	padding:5px 0px;
	border-radius:10px;
	background-image: -webkit-linear-gradient(#cff0ef,#9de1de);
	background-image: linear-gradient(#cff0ef,#9de1de);
	box-shadow:inset 1px 1px rgba(255,255,255,0.7),inset -1px -1px rgba(0,0,0,0.1),1px 1px 6px #bbb;
	text-shadow:0 -1px rgba(0,0,0,0.1),0 1px rgba(255,255,255,0.1);
	text-align: center;
}

/* サブタイトル */
.subtIryoGan 	{background-color: #96c0dc;
				margin:20px 0px 0px 0px;}
.subtSibou		{background-color: #f896bf;
				margin:30px 0px 0px 0px;}
.subtJibyou {background-color: #a2b2d6;
				margin:30px 0px 0px 0px;}
.subtIryoGan, .subtSibou, .subtJibyou{
			padding: 8px 5px 6px;
			font-size: 124%;
			font-weight: bold;
			color: #fff;
			text-align: center;}
/* 問い合せ */
			.contactBt {margin: 10px 100px 10px 100px;}
/* ガード文言 */
p.guard		{font-size: 70%;}
/* フッター敷居 */
hr.style-one {
	margin-top: 10px;
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}
/* フッター */
p.foot		{font-size: 70%;}
p.copy		{text-align: center;
			margin-top: 15px;}
p.foot a:link	{color: #666666;
				text-decoration:none;}
/* 会社概要 */
#company dl{
    font-size: 90%;
    line-height: 1.4;
}
#company dl dd{
    margin: -1.6em 0 4px 0;
    padding: 0 0 4px 70px;
    border-bottom: #bbcdd3 dotted 1px;
}
/* お問い合せ */
.formList{
	padding: 10px 0 0 0;
	border-top: #ddd dotted 1px;
}
.formList dt{
	margin: 0 0 10px 0;
	padding: 0 0 0 4px;
	font-weight: bold;
	line-height: 1;
	border-left: #09c solid 4px;
}
.formList dd{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: #ddd dotted 1px;
	overflow-x: hidden;
}
.formList dd input[type=text],
.formList dd input[type=email],
.formList dd input[type=tel],	/* 資料請求用 */
.formList dd input[type=number],
.formList dd textarea{
	padding: 6px;
	border-radius: 4px;
	border: #ddd solid 1px;
	-webkit-box-shadow: inset 1px 1px 5px #eee;
	box-shadow: inset 1px 1px 5px #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.formList dd .full{
	width: 88%;
}
.submit{
	display: block;
 	width: 100px;
	margin: 0 auto;
}
#send_b, #return_b{
	display: block;
	width: 150px;
	margin: 0 auto;
}
/* 資料請求 */
.agentrq 	{font-size: 60%;
			margin-top:7px;}
.rqGLogo 	{margin:10px 0 10px 0;
			padding: 0 34% 0 34%;}
p.touten	{margin: 0px 20px 0px 20px;}
.opacity	{opacity: 0.9;}
/* チェックボックスの位置を揃える */
dd.mfp input	{vertical-align: 0.01em;}