@charset "UTF-8";
/***********************************
* icatch-block：ページタイトル	*
***********************************/
/*メモ：写真の指定以外はcommon.cssに記載*/
#icatch-block{
	background-image: url("../img/product/product_ichatch.jpg");
}

/***********************************
* アコーディオン設定	*
***********************************/
.product-cont-block{
	padding-bottom: 2rem;
}
.subInner {
    display:none;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	padding:1rem;
	background-color: #fff;
}

.subContent h3 {
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	width: 100%;
	text-align: left;
	text-decoration: none;
  margin-bottom: 0;
}
.subContent h3 span {
	font-weight: 400;
    display: block;
		padding: 0.75rem 1rem;
		color:#fff;
		background-color:#2466a9;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
}
.subContent h3 span.acord-open{
	font-weight: 300;
	color:#fff;
	background-color:#deb700;
	border-bottom: 1px solid #deb700;
	border-left: 1px solid #deb700;
	border-right: 1px solid #deb700;
}
.subContent h3 span:before {
  content: "\f0da";
	font-family: FontAwesome;
	position: relative;
  top: 1px;
	}

.subContent h3 span.acord-open:before {
 content: "\f0d7";
}

	@media (min-width: 576px){
		.product-cont-block{
			padding-bottom: 3rem;
		}
		.subContent h3{
			font-size: 1rem;
		}
	}
	@media (min-width: 768px) {
		.subInner{
			padding: 0.9rem 1.2rem;
		}
		.subContent h3 span{
			padding: 1rem 1.2rem;
		}
	}
	@media (min-width: 992px) {
		.product-cont-block{
			padding-bottom: 4rem;
		}
		.subInner{
			padding: 2rem 1.8rem;
		}
		.subContent h3{
			font-size: 1.2rem;
		}
		.subContent h3 span{
			padding: 1.15rem 1.8rem;
		}
	}

/***********************************
* 項目共通 *
***********************************/
/* product-cont --------------------*/
.product-cont{
	margin-bottom: 1.5rem;
}
	@media (min-width: 992px){
		.product-cont{
			margin-bottom: 2rem;
		}
	}
/* h4 */
.product-cont h4{
  font-size: 1rem;
  color: #000;
}

.product-cont h4{
  border-bottom: 6px double #115193;
  text-align: center;
}
	@media (min-width: 768px) {
		.product-cont h4{
			padding-bottom: 0.4rem;
			margin-bottom: 0.9rem;
			font-size: 1.3rem;
		}
	}
	@media (min-width: 992px){
		.product-cont h4{
			padding-bottom: 0.5rem;
			margin-bottom: 1rem;
			font-size: 1.5rem;
		}
	}

/* product-cont h5 --------------------*/
.product-cont h5{
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
}
.product-cont h5::before {
  position: absolute;
  left: -6px;
  bottom: 0;
  content: '';
  width: 6px;
  height: 50%;
  background-color: #3498db;
}
.product-cont h5::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
	@media (min-width: 768px) {
		.product-cont h5{
			font-size: 1.2rem;
		}
	}
	@media (min-width: 992px) {
		.product-cont h5{
			font-size: 1.2rem;
		}
		.item-cont .inner{
			padding:0  0.7rem;
		}
	}

/*----------------------------------------------------
  contents-block-table01
----------------------------------------------------*/

#contents-block table.table01 {
	width:100%;
	border-right:#ccc solid 1px;
	border-collapse: collapse;
	margin-bottom: 2rem;
}
#contents-block table.table01 thead th {
	background:#ccc;
	font-weight: normal;
	color:#000;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
#contents-block table.table01 thead th:last-child {
	border-right:#ccc solid 1px;
}
#contents-block table.table01 tbody th {
	background:#ccc;
	color:#000;
	font-weight: normal;
	padding:10px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
}
#contents-block table.table01 tbody tr:last-child th {
	border-bottom:#ccc solid 1px;
}
#contents-block table.table01 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	vertical-align:top;
}
 
@media screen and (max-width: 640px) {
#contents-block table.table01 thead {
	display:none;
}
#contents-block table.table01 tbody th {
	display:block;
}
#contents-block table.table01 tbody td {
	display:block;
}
#contents-block table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
#contents-block table.table01 tbody td p {
	padding-left:6em;
}
}
/*----------------------------------------------------
  contents-block-table01
----------------------------------------------------*/


/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/***********************************
* よくある質問	*
***********************************/
.qaa h4{
	background-image: url(../img/qaa_q.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 1rem;
	padding-left: 1.2rem;
	font-size: 0.8rem;
	color:#4f3d21;
}
.qaa .cont-a{
	background-image: url(../img/qaa_a.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 1rem;
	padding-left: 1.2rem;
	padding-bottom: 0.5rem;
}

	@media (min-width: 576px) {
		.qaa h4{
			font-size: 0.9rem;
		}
	}
	@media (min-width: 992px) {
		.qaa h4{
			background-size: 1.2rem;
			padding-left: 1.5rem;
			font-size: 1rem;
			margin-bottom: 0.8rem;
		}
		.qaa .cont-a{
			background-position: left 2px;
			background-size: 1.2rem;
			padding-left: 1.5rem;
			padding-bottom: 0.8rem;
		}
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/***********************************
* 大見出し	*
***********************************/
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}

/***********************************
* 大見出し	*
***********************************/
/* 中身だし --------------------*/
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}