@charset "UTF-8";


/* Outline */
#outline .container-fluid {
  margin-bottom: 1.0rem;
	padding: 0px;
}
#outline2 .container-fluid {
  margin-bottom: 2.0rem;
}
#outline .row p[class="h4"] {
	margin-bottom: 1.5rem;
}
#products-btn {
	margin: 1.0rem;
}

/* department */
#department .container-fluid {
  margin-bottom: 2rem;
}
#department .row > .col,
#department .row > [class^=col-] {
  padding-top: 0.0rem;
  padding-bottom: 0.0rem;
  background-color: #fff;
  border: 0px solid #aaa;
}
#department .row p {
	padding: 0.3rem 0.8rem 0.0rem 0.8rem;
}
#department .row p[class="h5"] {
	margin-top: 2.0rem;
	padding: 0.5rem 0.8rem 0.3rem 0.8rem;
	background: teal;
	color: #fff;
	/* font-weight: bold; */
	letter-spacing: 0.3rem;
}
#department .row p[class="h5 en"] {
	margin-top: 2.0rem;
	padding: 0.5rem 0.8rem 0.3rem 0.8rem;
	background: teal;
	color: #fff;
	letter-spacing: 0.0rem;
}
#outline .btn::after,
#department .row p[class="h5"]::after {
		content: " \00bb" 		/* >> */
}
#department .row p[class="h5 en"]::after {
		content: " \00bb" 		/* >> */
}
#department img {
	width: 300px;
}

/* doc-link */
#doc-link .container-fluid {
  margin-bottom: 2rem;
}
#doc-link .row {
  margin-bottom: 0rem;
}
#doc-link .btn::after {
		content: " \00bb" 		/* >> */
}
#doc-link .btn {
	margin-top: 1.0rem;
}

/* #products-line-top, */
/* #products-band-top, */
/* #products-equipment-top, */
/* #products-processing-top { */
  /* margin-bottom: 2.0rem;  */
/* } */

/* 表、行見出し（例外対処あり） */
.products-listproducts-list .row p[class="h4"] {
	letter-spacing: 0.2rem;
	padding-top: 0.2rem;
	margin-top: 0.2ren;
}
   /* 偶数番目のボックスを色指定 */
.products-list .row-out:nth-child(2n) div {
  background-color: #fff;
}
   /* 奇数番目のボックスを色指定 */
.products-list .row-out:nth-child(2n+1) div,
#strength-title .row-out:nth-child(2n+1) div {
  background-color: whitesmoke;
}

   /* 内縦罫線 */
.products-list .row-detail div:nth-child(2n+1) {
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	box-sizing: border-box;
}
.products-list .row-title-en {
	padding-top: 0.2rem;
  padding-bottom: 0.2rem;
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
	box-sizing: border-box;
	min-height: 3.2rem;
}

   /* 下線 */
.products-list .row-title,
.products-list .row-detail > div,
.products-list .row-detail-en {
	padding-top: 0.2rem;
  padding-bottom: 0.2rem;
	border-bottom: solid 1px silver;
	box-sizing: border-box;
	min-height: 3.2rem;
}

/* 表、見出し */
.products-list .table-title div{
  background-color: teal;
	letter-spacing: 0.2rem;
	padding-top: 0.2rem;
	padding-bottom: 0.1rem;		
	color: #fff;
}
.products-list .table-title-en div{
  background-color: teal;
	letter-spacing: 0.0rem;
	padding-top: 0.2rem;
	padding-bottom: 0.1rem;		
	color: #fff;
}
/* 表、行見出し（例外対処あり） */
.products-list .row p[class="h7"] {
	font-weight: bold;
	letter-spacing: 0.2rem;
	padding-top: 0.2rem;	
}
.products-list .row p[class="h7 en"] {
	font-weight: bold;
	letter-spacing: 0.0rem;
	padding-top: 0.2rem;	
}
/* 例外対処：表、行見出(文字長が長いため、改行させない) */
.products-list .row p[class="h7 char-long"] {
	font-weight: bold;
	letter-spacing: 0.1rem;
	padding-top: 0.2rem;	
}


#sticky-top {
  position: sticky;
	padding-top: 3.5rem;
  top: 0;
	z-index: 2000;
}

#sticky-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  /* position: sticky; */
}

#nav-strength,
#nav-line {
	padding: 0;
}
#nav-strength table,
#nav-line table {
	margin: 0;
}
#nav-strength th,
#strength-list th,
#strength-list td,
#nav-line th,
#line-list th,
#line-list th,
#line-list td {
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: middle;
}
#nav-strength th,
#nav-line th {
	background-color: teal;
	color: #fff;
}
#nav-strength th,
#strength-list th,
#strength-list td {
	width: 12.5%;
}
#nav-line th,
#line-list th,
#line-list td {
	width: 14.2%;
}