@charset "utf-8";

.second .fixed {
	margin-bottom: 40px;
}
.pageTop {
  margin: 0 10px;
  text-align: right;
}


/* ===================================================================

	category

=================================================================== */

.category-page .main {
	float: left;
	text-align: center;
	width: 920px;
	margin: 0 0 50px 0;
}

.category-page .main section {
	padding: 30px;
	background: #FFF;
	border: 1px solid #008EAB;
}

.category-page h1 {
	font-size: 120%;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #008EAB;
	padding: 16px 14px 14px 18px;
}

.category-page article ul {
	clear: both;
	margin: 10px 0 0 0;
}

.category-page article li {
	float: left;
	line-height: 150%;
	width: 220px;
	margin: 0 0 40px 40px;
	overflow: hidden;
}

.category-page article li img {
	display: block;
	margin: -32px auto 10px auto;
	border-left: 1px solid #FFF;
}

.category-page article li .time {
	font-size: 80%;
	text-align: center;
	margin: 0 0 4px 0;
}

.category-page article li p {
	clear: both;
	margin: 0 5px 5px 5px;
}


/* ===================================================================

	archive-page

=================================================================== */

.archive-page .main {
	float: left;
	text-align: center;
	width: 920px;
	margin: 0 0 50px 0;
}

.archive-page .main section {
	padding: 30px;
	background: #FFF;
	border: 1px solid #008EAB;
	overflow: hidden;
}

.archive-page ul.summary {
	margin: 0 0 50px 0;
	overflow: hidden;
}

.archive-page ul.summary li {
	float: left;
	margin: 0 10px 20px 10px;
	width: 30.9%;
}

.archive-page ul.summary li a {
	display: block;
	line-height: 150%;
	color: #008EAB;
	border: 5px solid #008EAB;
	padding: 20px 15px;
}


/* ===================================================================

	single

=================================================================== */

.single .main {
}

.single .main section {
	clear: both;
	background: #FFF;
	overflow: hidden;
}

.single h1,
.archive-page h1 {
	font-size: 120%;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #008EAB;
	padding: 16px 14px 14px 18px;
}

.single h2,
.archive-page h2 {
	font-size: 120%;
	font-weight: normal;
	text-align: left;
	line-height: 160%;
	margin: 0 0 30px 0;
}

.single h3,
.archive-page h3 {
	clear: both;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	margin: 40px 0 20px 0;
	padding: 6px 8px 5px 14px;
	background: #008EAB;
	border-left: 5px solid #000;
}

.single .youtube {
	margin: 30px 0 20px 0;
}

.single p a {
	text-decoration: underline;
}


/* ===================================================================

	news

=================================================================== */

.category-page .news-list li {
	clear: both;
	text-align: left;
	margin: 0 auto 10px auto;
}

.category-page .news-list li em {
	display: block;
	float: left;
	font-size: 80%;
	text-align: center;
	color: #FFF;
	background: #008EAB;
	padding: 0 10px;
	margin: 0 15px 0 0;
	width: 120px;
}




/* ===================================================================

	products

=================================================================== */

/* --------------- 一覧 --------------- */

.archive-page ul.products-list li {
	margin: 0 0 30px 0;
}

.archive-page ul.products-list li a {
	display: block;
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	color: #008EAB;
	border: 1px solid #008EAB;
	padding: 20px;
	overflow: hidden;
}

.archive-page ul.products-list li img {
	float: right;
	margin: 0 0 10px 20px;
}

.archive-page ul.products-list li h3 {
	clear: none;
	font-size: 140%;
	color: #008EAB;
	background: none;
	border: none;
	margin: 0 0 8px 0;
	padding: 0;
}

.archive-page ul.products-list li p {
	font-family: 'Lato', "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

.archive-page ul.products-list li .tag {
	position: relative;
	top: -20px;
	left: -20px;
	overflow: hidden;
}

.archive-page ul.products-list li span {
	display: block;
	float: left;
	font-size: 90%;
	color: #FFF;
	background: #008EAB;
	padding: 2px 10px;
	margin: 0 1px 0 0;
}


/* --------------- 一覧 --------------- */

/* --------------- 詳細 --------------- */

.single table {
	font-size: 90%;
	font-family: 'Lato', "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	width: 98%;
	margin: 0 auto 20px auto;
}

.single table th {
	text-align: left;
	line-height: 160%;
	color: #FFF;
	background: #008EAB;
	border: 1px solid #FFF;
	padding: 8px;
	width: 20%;
}

.single table td {
	text-align: left;
	line-height: 160%;
	background: #EEE;
	border: 1px solid #FFF;
	padding: 8px;
}

/* --------------- 詳細 --------------- */


/* --------------- .industry  --------------- */

.industry dl.field dt {
	clear: both;
	font-family: 'Lato', "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	margin: 0 0 20px 0;
	padding: 6px 8px 6px 14px;
	background: #008EAB;
	border-left: 8px solid #000;
}

.industry dl.field dd {
	font-size: 95%;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.industry dl.field dd li {
	float: left;
	font-size: 95%;
	line-height: 180%;
	list-style-type: circle;
	width: 27%;
	margin: 0 10px 0 42px;
}

.industry p {
	text-align: left;
	margin: 10px 15px 10px 15px;
}

.industry h2 {
	font-size: 200%;
	color: #168AA4;
	margin: 0 0 20px 0;
}

.industry .image {
	float: right;
	margin: 8px 15px 20px 30px;
}

.industry ul.osusume li {
	clear: both;
	text-align: left;
	margin: 0 0 40px 0;
	overflow: hidden;
}

.industry ul.osusume li:last-child {
	margin-bottom: 80px;
}

.industry ul.osusume li .plus {
	position: relative;
	top: 20px;
	left: 194px;
	width: 388px;
	margin-top: -20px;
}

.industry .other {
	background: #EEE;
	padding: 15px;
}


/* --------------- industry --------------- */

/* --------------- funjin --------------- */

.single .funjin .point li {
	position: relative;
	float: left;
	text-align: center;
	line-height: 150%;
	margin: 30px 10px 40px 10px;
	padding: 20px;
	border: 5px solid #008EAB;
	width: 31%;
}

.single .funjin .point li strong {
	display: block;
	font-size: 120%;
	color: #599D17;
	margin-bottom: 4px;
}

.single .funjin .movie {
	text-align: center;
}

.single .funjin p {
	margin: 0 12px;
}

.single .funjin .image {
	float: right;
	margin: 0 12px 30px 30px;
}

.single .funjin .image2 {
	font-size: 80%;
	text-align: center;
	width: 80%;
	margin: 30px auto 40px auto;
	overflow: hidden;
}

.single .funjin .image2 .left {
	float: left;
}

.single .funjin .image2 .right {
	float: right;
}

/* --------------- funjin --------------- */

/* --------------- syujin --------------- */

.single .syujin {
	text-align: center;
}

.single .syujin p {
	text-align: left;
	margin: 0 12px;
}

.single .syujin p strong {
	background: linear-gradient(transparent 50%, #F4B51C 50%);
}

.single .syujin .point li {
	float: left;
	text-align: center;
	line-height: 150%;
	border: 5px solid #4393C3;
	margin: 20px 14px 40px 14px;
	padding: 20px 10px;
	width: 30%;
}

.single .syujin .point li strong {
	display: block;
	font-size: 120%;
	color: #EB521A;
	margin-bottom: 4px;
}

.single .syujin .image {
	float: right;
	margin: 0 12px 40px 30px;
}

.single .syujin .image2 {
	font-size: 80%;
	width: 80%;
	margin: 30px auto 40px auto;
	overflow: hidden;
}

.single .syujin .image2 .left {
	float: left;
}

.single .syujin .image2 .right {
	float: right;
}

.single .syujin h4 {
	clear: both;
	font-size: 140%;
	text-align: left;
	color: #008EAB;
	border-bottom: 2px solid #008EAB;
	padding: 0 12px 16px 12px;
	margin: 50px 0 26px 0;
}

.single .syujin ul.recommend li {
	float: left;
	margin: 0 10px;
}

/* --------------- syujin --------------- */
/* --------------- TSU --------------- */

.single .tsu .image {
	float: right;
	margin: 10px 20px 30px 30px;
}

.single .tsu h4 {
	font-size: 120%;
	font-weight: bold;
	color: #008EAB;
	margin: 30px 12px 10px 12px;
}

.single .tsu h5 {
	clear: both;
	font-size: 90%;
	font-weight: normal;
	color: #FFF;
	background: #333;
	padding: 2px 12px;
	margin: 30px 10px 10px 10px;
}

.single .tsu .voice {
	border: 1px solid #333;
	padding: 10px;
	width: 95%;
	margin: 40px auto 60px auto;
}

.single .tsu .voice h6 {
	font-size: 90%;
	color: #FFF;
	background: #333;
	padding: 2px 6px 2px 10px;
	margin: 0 0 15px 0;
}

.single .tsu .voice p {
	font-size: 90%;
	line-height: 160%;
	margin: 10px;
}

.single .tsu p {
	margin: 0 12px;
}

.single .tsu dl {
	margin: 20px 14px;
}

.single .tsu dt {
	font-size: 120%;
	color: #008EAB;
	border-bottom: 1px solid #008EAB;
}

.single .tsu dd {
	font-size: 90%;
	margin: 5px 0 20px 0;
}


.single .tsu ul {
	margin: 30px 20px 20px 20px;
	overflow: hidden;
}

.single .tsu li {
	font-size: 90%;
	line-height: 160%;
	padding: 20px;
	border: 3px solid #008EAB;
}

.single .tsu li.arrow {
	text-align: center;
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-top: 40px solid #008EAB;
	padding: 0;
	margin: 40px auto 0 auto;
}

.single .tsu li p {
	margin: 5px 0 0 0;
}

/* --------------- TSU --------------- */
/* --------------- TSU-S4 --------------- */

.single .tsu-s4 {
	text-align: center;
}

.single .tsu-s4 p {
	text-align: left;
	margin: 0 12px;
}

.single .tsu-s4 .point li {
	float: left;
	text-align: center;
	line-height: 150%;
	border: 5px solid #00B6EE;
	margin: 20px 14px 40px 14px;
	padding: 20px 10px;
	width: 30%;
}

.single .tsu-s4 .point li p {
	margin: 5px 12px 0 12px;
}

.single .tsu-s4 .image {
	float: right;
	margin: 0 12px 40px 30px;
}

.single .tsu-s4 h4 {
	clear: both;
	font-size: 140%;
	text-align: left;
	color: #008EAB;
	border-bottom: 2px solid #008EAB;
	padding: 0 12px 16px 12px;
	margin: 50px 0 26px 0;
}

/* --------------- TSU-S4 --------------- */
/* --------------- TSU-LS1 --------------- */

.single .tsu-ls1 {
	text-align: center;
}

.single .tsu-ls1 p {
	text-align: left;
	margin: 0 12px;
}

.single .tsu-ls1 .point li {
	float: left;
	text-align: center;
	line-height: 150%;
	border: 5px solid #012D46;
	margin: 20px 14px 40px 14px;
	padding: 20px 10px;
	width: 30%;
}

.single .tsu-ls1 .point li img {
	margin: 0 0 5px 0;
}

.single .tsu-ls1 .image {
	float: right;
	margin: 0 12px 40px 30px;
}

.single .tsu-ls1 .image2 {
	text-align: left;
	margin: 0 0 5px 14px;
}

.single .tsu-ls1 h4 {
	clear: both;
	font-size: 140%;
	text-align: left;
	color: #008EAB;
	border-bottom: 2px solid #008EAB;
	padding: 0 12px 16px 12px;
	margin: 50px 0 26px 0;
}

/* --------------- TSU-LS1 --------------- */
/* --------------- TSU-F2 --------------- */

.single .tsu-f2 {
	text-align: center;
}

.single .tsu-f2 p {
	text-align: left;
	margin: 0 12px;
}

.single .tsu-f2 .point li {
	float: left;
	text-align: center;
	line-height: 150%;
	border: 5px solid #0BA199;
	margin: 20px 14px 40px 14px;
	padding: 20px 10px;
	width: 30%;
}

.single .tsu-f2 .point li p {
	margin: 5px 12px 0 12px;
}

.single .tsu-f2 .point2 img {
	float: right;
	margin: 0 10px 30px 30px;
}

.single .tsu-f2 .point2 ul {
	font-size: 90%;
	text-align: left;
	background: #EEE;
	padding: 10px 15px;
	width: 30%;
	margin: 12px;
}

.single .tsu-f2 h4 {
	clear: both;
	font-size: 140%;
	text-align: left;
	color: #008EAB;
	border-bottom: 2px solid #008EAB;
	padding: 0 12px 16px 12px;
	margin: 50px 0 26px 0;
}

/* --------------- TSU-F2 --------------- */

/* --------------- TSU-P2 --------------- */

.single .tsu-p2 {
	text-align: center;
}

.single .tsu-p2 p {
	text-align: left;
	margin: 0 12px;
}

.single .tsu-p2 .point li {
	float: left;
	text-align: center;
	line-height: 150%;
	border: 5px solid #0BA199;
	margin: 20px 14px 40px 14px;
	padding: 20px 10px;
	width: 30%;
}

.single .tsu-p2 .point li p {
	margin: 5px 12px 0 12px;
}

.single .tsu-p2 .point2 img {
	float: right;
	margin: 0 10px 30px 30px;
}

.single .tsu-p2 .point2 ul {
	font-size: 90%;
	text-align: left;
	background: #EEE;
	padding: 10px 15px;
	width: 30%;
	margin: 12px;
}

.single .tsu-p2 h4 {
	clear: both;
	font-size: 140%;
	text-align: left;
	color: #008EAB;
	border-bottom: 2px solid #008EAB;
	padding: 0 12px 16px 12px;
	margin: 50px 0 26px 0;
}

/* --------------- TSU-P2 --------------- */
/* --------------- TSU-1 --------------- */
.pc {
	display: block;
}
.sp {
	display: none;
}
.single .tsu-1 {
	text-align: center;
}
.single .tsu-1 h3 {
  text-align: center;
  padding: 0;
  color: #121212;
  border: none;
  background: no-repeat;
}
.main-img_box br {
	display: none;
}
.single .tsu-1 .sec-tsu1_cont1 h3 {
  margin: 40px auto 45px;
  font-size: 26px;
  font-weight: bold;
}
.single .tsu-1 .sec-tsu1_cont1 h3 br {
	display: none;
}
.single .tsu-1 .sec-tsu1_cont1 .org_txt {
	color: #ffa300;
}
.single .tsu-1 .sec-tsu1_cont1 .org_txt .big {
	font-size: 42px;
}
.sec-tsu1_cont1 {
  margin-bottom: 35px;
  padding: 0 100px;
}
.tsu1-point_box {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 60px;
}
.tsu1-point_box .point_cont_txt {
  width: 200px;
  height: 200px;
  padding: 50px 0;
  color: #ffffff;
  background: #0091a7;
	line-height: 1;
  box-sizing: border-box;
  border-radius: 50%;
  box-shadow: 10px 10px 1px #dadada;
}
.tsu1-point_box .point_cont_txt h4 {
	width: 150px;
	margin: 10px auto 15px;
	font-size: 30px;
  font-weight: normal;
	font-family: "Meiryo UI";
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}
.tsu1-point_box .point_cont_txt p {
  line-height: 1.5;
}
.tsu1_cont1_txt {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}
.sec-tsu1_cont2 {
  padding: 40px 50px 70px;
  background: #f0f0f0;
}
.single .sec-tsu1_cont2 h2 {
  margin: 0 auto 50px;
  color: #101010;
  font-size: 25px;
  text-align: center;
}
.before_ttl {
  width: 250px;
	padding: 0 25px;
  margin: 0 auto 25px;
	font-weight: bold;
  background: #fff;
  border: 2px solid #008eaa;
}
.sec-tsu1_cont2 .before_ttl h3 {
  color: #008eaa;
	font-weight: bold;
  margin: auto;
  border-bottom: 2px dotted #101010;
}
.after_box {
  position: relative;
  z-index: 1;
}
.vector_img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.after_ttl {
	position: absolute;
  z-index: 1;
  top: 150px;
  right: 0;
  left: 0;
  width: 250px;
  padding: 0 25px;
  margin: 0 auto 25px;
  color: #fff;
	font-weight: bold;
  background: #ffa300;
  border: 2px solid #fff;
}
.sec-tsu1_cont2 .after_ttl h3 {
  color: #fff;
  margin: auto;
	font-weight: bold;
  border-bottom: 2px dotted #fff;
}
.after_txt {
  position: absolute;
  z-index: 1;
  right: -50px;
  bottom: 50px;
}
.after_txt p {
  width: 420px;
  margin-bottom: 15px;
  padding: 0 0 10px 40px;
  color: #666;
  font-size: 40px;
  font-weight: bold;
  text-align: left;
  text-shadow: 2px 2px 0px #ffffff, -2px -2px 0px #FFFFFF, 0px -2px 0px #FFFFFF, -2px 2px 0px #FFFFFF;
  background: url(../images/background/txt_bg.png) no-repeat;
  background-position: bottom right;
}
.after_txt p:last-child {
  font-size: 33px;
}
.single .sec-tsu1_cont3 {
  margin: 40px auto 0;
}
.single .sec-tsu1_cont3 h3 {
  font-size: 26px;
  margin: 0 auto 25px;
}
table.tsu1_table {
  width: 820px;
  margin: auto;
}
table.tsu1_table tr:nth-child(odd) {
	background: #d9f0f4;
}
table.tsu1_table th,
table.tsu1_table td {
  color: #101010;
  font-size: 17px;
  background: transparent;
  border: 1px solid;
}
table.tsu1_table th {
  width: 230px;
  padding: 10px 25px;
  text-align: center;
  -moz-text-align-last: justify;
  text-align-last: justify;
}
.single .sec-tsu1_cont4 {
  padding: 40px 50px;
  margin: 100px auto 140px;
  background: #e8e8e8;
}
.single .sec-tsu1_cont4 h3 {
  font-size: 26px;
  margin: 0 auto 70px;
}
.sec-tsu1_cont4 .qa_cont {
	position: relative;
	z-index: 1;
	text-align: left;
	margin-bottom: 25px;
	background: #fff;
}
.qa_icon {
	position: absolute;
	z-index: 2;
	top: 20px;
	right: 20px;
	height: 3px;
	width: 20px;
	border-bottom: 2px solid #ffffff;
}
.qa_cont .qa_icon:nth-child(2) {
  transform: rotate(90deg);
  transition: .5s;
}
.qa_cont.active .qa_icon:nth-child(2) {
 transform: rotate(0);
}
.sec-tsu1_cont4 .qa_cont h4 {
	position: relative;
  z-index: 1;
  padding: 5px 0 5px 2.5em;
  color: #ffffff;
	font-family: "Meiryo UI";
  background: #008eaa;
  font-size: 17px;
}
.sec-tsu1_cont4 .qa_cont h4 span {
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 10px;
	font-size: 25px;
}
.sec-tsu1_cont4 .qa_cont p {
  padding: 0;
  height: 0;
  overflow: hidden;
}
.sec-tsu1_cont4 .qa_cont.active p {
  position: relative;
  z-index: 1;
  padding: 5px 0 5px 2em;
  margin-left: 40px;
  font-size: 15px;
	font-family: "Meiryo UI";
	height: 0;
	overflow: hidden;
}
.sec-tsu1_cont4 .qa_cont.active p {
  height: auto;
}
.sec-tsu1_cont4 .qa_cont p span {
	display: none;
}
.sec-tsu1_cont4 .qa_cont.active p span {
	display: block;
	position: absolute;
	z-index: 1;
	top: 5px;
	left: 0;
	padding-right: .2em;
	color: #ffa300;
	font-size: 20px;
	background: #fff;
}
/* --------------- TSU-cw5 --------------- */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.single .tsu-1.cw5 .sec-cw5_txt {
  width: 100%;
  max-width: 750px;
  margin: 65px auto 80px;
  text-align: left;
}
.single .tsu-1.cw5 .sec-cw5_txt .cw5-ttl {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
}
.single .tsu-1.cw5 .sec-cw5_txt .txt {
  font-size: 19px;
  line-height: 1.5;
}
.single .tsu-1.cw5 .sec-tsu1_cont1 h3 {
  margin-top: 0;
}
.single .tsu-1.cw5 .cont2_ttl_box h2 {
  display: inline-block;
  padding: 0 30px;
  margin-bottom: 15px;
  border-bottom: 3px solid;
}
.single .tsu-1.cw5 .cont2_ttl_box .txt {
  margin: 20px 0;
  text-align: left;
  line-height: 1.5;
}
.single .tsu-1.cw5 .after_box .vector_img,
.single .tsu-1.cw5 .after_box .after_ttl {
  position: inherit;
  top: auto;
}
.single .tsu-1.cw5 .after_txt p {
  width: 330px;
  background-position: bottom left;
  font-size: 32px;
  margin-bottom: 30px;
}
.single .tsu-1.cw5 .after_txt p:last-child {
  font-size: 28px;
}
.single .tsu-1.cw5 .option-box {
  padding: 20px;
  border: 1px solid #008eab;
}
.single .tsu-1.cw5 .option-ttl_box {
  width: 452px;
  text-align: left;
}
.single .tsu-1.cw5 .option-ttl_box .sub-headline {
  margin: 0;
  color: #008eab;
  font-size: 19px;
  font-weight: bold;
  text-align: left;
  line-height: 1;
}
.single .tsu-1.cw5 .option-ttl_box .sub-headline .icon {
  margin-right: 5px;
  font-size: 28px;
}
.single .tsu-1.cw5 .option-ttl_box .headline {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin: 25px auto 15px;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  border-bottom: 5px solid;
  line-height: 1.2;
}
/* .single .tsu-1.cw5 .option-ttl_box .headline::after {
  display: block;
  z-index: 3;
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  background: url(../images/background/border.png) no-repeat;
} */
.single .tsu-1.cw5 .option-box .option-ttl_box .txt {
  padding-left: 0;
  text-indent: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
}
.single .tsu-1.cw5 .option-box .txt {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
  margin-bottom: 15px;
}
.single .tsu-1.cw5 .service-txt {
  padding: 15px 0;
  margin-top: 60px;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.8;
}
.single .tsu-1.cw5 .service-txt .line {
  display: inline-block;
  padding: 0 15px;
  border-bottom: 4px solid #ffa300;
  line-height: 1;
}
_:-ms-lang(x)::-ms-backdrop, .single .tsu-1.cw5 .service-txt .line {
  padding-bottom: 0;
}
.single .tsu-1.cw5 .service-box {
  background: #008eaa;
  border-radius: 7px;
}
.single .tsu-1.cw5 .sec-tsu1_cont3 h3 {
  max-width: 820px;
  font-weight: bold;
  text-align: left;
  padding-left: 0.5em;
  border-left: 8px solid #008eaa;
}
.single .tsu-1.cw5 .sec-tsu1_cont3 .table_ttl_txt {
  padding: 5px 10px;
  margin-left: 15px;
  color: #ffa300;
  font-size: 18px;
  border: 1px solid #ffa300;
}
/* --------------- TSU-SQ1 --------------- */

.single .tsu-sq1 p {
	margin: 0 12px;
}

.single .tsu-sq1 .point {
	margin: 40px 0 30px 0;
	overflow: hidden;
}

.single .tsu-sq1 .point img {
	float: left;
	margin: 0 0 0 50px;
}

.single .tsu-sq1 .point .point1,
.single .tsu-sq1 .point .point2,
.single .tsu-sq1 .point .point3 {
	float: right;
	line-height: 150%;
	border: 5px solid #218D40;
	margin: 0 42px 15px 0;
	padding: 20px;
	width: 65%;
}

.single .tsu-sq1 .point strong {
	display: block;
	color: #218D40;
	margin-bottom: 4px;
}

.single .tsu-sq1 h4 {
	clear: both;
	font-size: 140%;
	color: #008EAB;
	border-bottom: 2px solid #008EAB;
	padding: 0 12px 16px 12px;
	margin: 50px 0 26px 0;
}

.single .tsu-sq1 .specimage {
	margin: 30px 0 15px 0;
}

.single .tsu-sq1 p.caption {
	font-size: 85%;
	line-height: 160%;
}

/* --------------- TSU-SQ1 --------------- */
/* --------------- TSU-PR8 --------------- */

.single .tsu-pr8 {
	text-align: center;
}

.single .tsu-pr8 p {
	text-align: left;
	margin: 0 12px;
}

.single .tsu-pr8 .point li {
	float: left;
	text-align: center;
	line-height: 150%;
	border: 5px solid #4393C3;
	margin: 20px 14px 40px 14px;
	padding: 20px 10px;
	width: 30%;
}

.single .tsu-pr8 .point li img {
	display: block;
	margin: 0 auto 5px auto;
}

.single .tsu-pr8 .image {
	float: right;
	margin: 0 12px 40px 30px;
}

.single .tsu-pr8 .image2 {
	text-align: left;
	margin: 0 0 5px 14px;
}

.single .tsu-pr8 h4 {
	clear: both;
	font-size: 140%;
	text-align: left;
	color: #008EAB;
	border-bottom: 2px solid #008EAB;
	padding: 0 12px 16px 12px;
	margin: 50px 0 26px 0;
}

/* --------------- TSU-PR8 --------------- */
/* --------------- liquid-weighing --------------- */

.single .liquid-weighing .image {
	float: right;
	margin: 10px 20px 30px 30px;
}

.single .liquid-weighing h4 {
	font-size: 120%;
	font-weight: bold;
	color: #008EAB;
	margin: 30px 12px 10px 12px;
}

.single .liquid-weighing h5 {
	clear: both;
	font-size: 90%;
	font-weight: normal;
	color: #FFF;
	background: #333;
	padding: 2px 12px;
	margin: 30px 10px 10px 10px;
}

.single .liquid-weighing .voice {
	border: 1px solid #333;
	padding: 10px;
	width: 95%;
	margin: 40px auto 60px auto;
}

.single .liquid-weighing .voice h6 {
	font-size: 90%;
	color: #FFF;
	background: #333;
	padding: 2px 6px 2px 10px;
	margin: 0 0 15px 0;
}

.single .liquid-weighing .voice p {
	font-size: 90%;
	line-height: 160%;
	margin: 10px;
}

.single .liquid-weighing p {
	margin: 0 12px;
}

.single .liquid-weighing dl {
	margin: 20px 14px;
}

.single .liquid-weighing dt {
	font-size: 120%;
	color: #008EAB;
	border-bottom: 1px solid #008EAB;
}

.single .liquid-weighing dd {
	font-size: 90%;
	margin: 5px 0 20px 0;
}


.single .liquid-weighing ul {
	margin: 30px 20px 20px 20px;
	overflow: hidden;
}

.single .liquid-weighing li {
	font-size: 90%;
	line-height: 160%;
	padding: 20px;
	border: 3px solid #008EAB;
}

.single .liquid-weighing li.arrow {
	text-align: center;
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-top: 40px solid #008EAB;
	padding: 0;
	margin: 40px auto 0 auto;
}

.single .liquid-weighing li p {
	margin: 5px 0 0 0;
}


/* --------------- liquid-weighing --------------- */
/* --------------- a-ring --------------- */

.single .a-ring .image {
	float: right;
	width: 150px;
	margin: 0 20px 40px 30px;
}

.single .a-ring p {
	margin: 0 12px;
}

.single .a-ring ul {
	margin: 0 12px;
}

/* --------------- a-ring --------------- */
/* --------------- superlow --------------- */

.single .superlow .image {
	float: right;
	width: 300px;
	margin: 0 20px 40px 30px;
}

.single .superlow p {
	margin: 0 12px;
}

.single .superlow ul {
	margin: 0 12px;
}

/* --------------- superlow --------------- */
/* --------------- filler --------------- */

.single .filler .image {
	float: left;
	margin: 20px 0 40px 20px;
}

.single .filler p {
	margin: 0 12px;
}

.single .filler ul {
	margin: 0 12px;
}

/* --------------- filler --------------- */
/* --------------- reduction --------------- */

.single .reduction .image {
	float: right;
	width: 200px;
	margin: 0 20px 40px 30px;
}

.single .reduction p {
	margin: 0 12px;
}

.single .reduction ul {
	margin: 0 12px;
}

/* --------------- reduction --------------- */



/* ===================================================================

	計量制御

=================================================================== */

/* --------------- controller --------------- */

.single .controller .image {
	float: left;
	margin: 20px 0 40px 20px;
}

.single .controller p {
	margin: 0 12px;
}

.single .controller ul {
	margin: 0 12px;
}

/* --------------- controller --------------- */
/* --------------- floorscale --------------- */

.single .floorscale .image {
	float: right;
	width: 200px;
	margin: 0 20px 40px 30px;
}

.single .floorscale p {
	margin: 0 12px;
}

.single .floorscale ul {
	margin: 0 12px;
}

/* --------------- floorscale --------------- */
/* --------------- loadcell --------------- */

.single .loadcell .image {
	float: left;
	margin: 20px 0 40px 20px;
}

.single .loadcell p {
	margin: 0 12px;
}

.single .loadcell ul {
	margin: 0 12px;
}

/* --------------- loadcell --------------- */
/* --------------- checker --------------- */

.single .checker {
	text-align: center;
}

.single .checker p {
	text-align: left;
	margin: 0 15px 10px 15px;
}

.single .checker h4 {
	clear: both;
	font-weight: normal;
	text-align: left;
	margin: 40px 0 20px 0;
	background: #F4B51C;
	padding: 4px 5px 2px 10px;
}

.single .checker h5 {
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #333;
	margin: 40px 0 20px 0;
	padding: 4px 5px 2px 10px;
}

/* --------------- checker --------------- */
/* --------------- supplier --------------- */

.single .supplier .image {
	float: right;
	margin: 0 10px 30px 20px;
}

.single .supplier li {
	list-style-type: circle;
	margin: 0 0 4px 34px;
}

/* --------------- supplier --------------- */

.single .function .feature01 {
	margin-bottom: 20px;
	overflow: hidden;
}

.single .function .feature01 dl {
	float: left;
	margin: 0 10px;
	border: 1px solid #2679B6;
	padding: 10px;
	width: 31%;
}

.single .function .feature01 dl dt {
	line-height: 135%;
	text-align: center;
	color: #FFF;
	background: #2679B6;
	padding: 10px 15px;
}

.single .function .feature01 dl dd {
	margin: 10px 20px 0 20px;
}

.single .function .feature02 {
	clear: both;
	margin: 10px 0 30px 0;
	overflow: hidden;
}

.single .function .feature02 dl {
	float: left;
	margin: 0 10px;
	border: 1px solid #DD8000;
	padding: 10px;
	width: 31%;
}

.single .function .feature02 dl dt {
	line-height: 135%;
	text-align: center;
	color: #FFF;
	background: #DD8000;
	padding: 10px 15px;
}

.single .function .feature02 dl dt img,
.single .function .feature02 dl dd img {
	display: block;
}

.single .function .feature02 dl dd {
	margin: 12px 0 0 0;
}

.single .function .feature02 dl dd li {
	margin: 0 0 10px 0;
}


/* ===================================================================

	system & service

=================================================================== */

/* --------------- testservice --------------- */

.single .testservice {
	text-align: center;
}

.single .testservice p {
	text-align: left;
	margin: 0 20px;
}

.single .testservice h4 {
	font-size: 140%;
	font-weight: normal;
	text-align: left;
	color: #008EAB;
	margin: 40px 0 5px 20px;
}

.single .testservice .image01 {
	margin: 20px auto 30px auto;
}

.single .testservice .image02 {
	float: right;
	margin: 0 10px 30px 30px;
}

.single .testservice .report {
	font-size: 160%;
	font-weight: bold;
	color: #F48D31;
	border: 5px solid #F48D31;
	padding: 20px;
	width: 80%;
	margin: 30px auto 60px auto;
}

.single .testservice .equipment li {
	float: left;
	font-size: 90%;
	line-height: 180%;
	width: 30%;
	margin: 15px 14px 30px 14px;
}

.single .testservice .equipment li strong {
	display: block;
	color: #008EAB;
	margin: 8px 0 2px 0;
}

.single .testservice .equipment li iframe {
	width: 200px;
	height: auto;
}

.single .testservice .equipment li img {
	width: 200px;
	height: 150px;
}

.single .testservice .flow01 {
	text-align: center;
	background: url(../images/background/bk_step01.gif) no-repeat center;
	width: 100%;
	padding: 19px 80px 13px 0;
}

.single .testservice .flow02 {
	text-indent: -9999px;
	background: url(../images/background/bk_step02.gif) no-repeat center;
	width: 100%;
	padding: 13px 0 19px 0;
}

.single .testservice .flow03 {
	text-indent: -9999px;
	background: url(../images/background/bk_step03.gif) no-repeat center;
	width: 100%;
	padding: 52px 0 52px 0;
}

.single .testservice .flow04 {
	text-indent: -9999px;
	background: url(../images/background/bk_step04.gif) no-repeat center;
	width: 100%;
	padding: 16px 0 16px 80px;
}

.single .testservice .flow05 {
	text-align: center;
	background: url(../images/background/bk_step05.gif) no-repeat center;
	width: 100%;
	padding: 52px 210px 14px 0;
}

/* --------------- testservice --------------- */

/* --------------- planning --------------- */

.single .planning {
	text-align: center;
}

.single .planning p {
	text-align: left;
	margin: 0 12px;
}

/* --------------- planning --------------- */

/* --------------- mng --------------- */

.single .mng ul {
	position: relative;
	float: left;
	left: 50%;
	margin: 10px 0 0 0;
}

.single .mng li {
	position: relative;
	float: left;
	left: -50%;
	font-family: 'Lato', "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	margin: 0 10px 20px 10px;
	width: 30.9%;
	border: 1px solid #008EAB;
}

.single .mng li a {
	display: block;
	font-size: 90%;
	line-height: 160%;
	padding: 20px;
}

.single .mng li a img {
	width: 100%;
}

.single .mng li strong {
	display: block;
	font-family: "リュウミン R-KL","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","メイリオ",Meiryo,serif;
	line-height: 150%;
	color: #008EAB;
	margin: 10px 0 8px 0;
}


/* --------------- mng --------------- */

/* --------------- management01 --------------- */

.single .management {
	text-align: center;
}

.single .management p {
	text-align: left;
	margin: 0 12px 15px 12px;
}

.single .management .image {
	float: right;
	margin: 0 12px 30px 30px;
}

.single .management .image li {
	float: left;
	margin: 0 10px 0 0;
}

.single .management ul.code {
	text-align: left;
	margin: 15px 0 0 22px;
}

.single .management .flow {
	float: right;
	background: url(../images/background/weight_flow.gif) no-repeat top right;
	padding: 0 120px 30px 0;
}

.single .management .flow li {
	margin: 8px 0 6px 0;
}

.single .management .flow2 {
	margin: 0 0 15px 0;
	overflow: hidden;
}

.single .management .flow2 li {
	float: left;
}

.single .management .flow3 .left {
	float: left;
	text-align: left;
	background: url(../images/background/flow01_left_bg.gif) no-repeat bottom right;
	width: 45%;
	padding: 0 0 150px 0;
	margin: 20px 0 30px 0;
}

.single .management .flow3 .right {
	float: right;
	text-align: left;
	background: url(../images/background/flow01_right_bg.gif) no-repeat bottom right;
	width: 45%;
	padding: 0 0 150px 0;
	margin: 20px 0 30px 0;
}

.single .management .flow3 .left h3,
.single .management .flow3 .right h3 {
	margin-top: 0;
}

.single .management .leftbox {
	float: left;
	width: 41%;
	margin: 0 0 0 20px;
}

.single .management .leftbox h3 {
	margin-top: 0;
}

.single .management .option {
	float: right;
	font-size: 90%;
	line-height: 180%;
	width: 50%;
	margin: 0 20px 30px 30px;
	padding: 20px 20px 0 20px;
	background: #F7E6CE;
	border: 5px solid #DD8000;
	overflow: hidden;
}

.single .management .option h3 {
	clear: none;
	background: #DD8001;
	margin-top: 0;
}

.single .management .point li {
	clear: both;
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #EEE;
	overflow: hidden;
}

.single .management .point li .left {
	float: left;
	width: 54%;
}

.single .management .point li .right {
	float: right;
	margin: 40px 20px 30px 10px;
}

.single .management .point li h2 {
	margin: 0 0 0 10px;
}

.single .management .point li h3 {
	clear: none;
	font-size: 140%;
	color: #008EAB;
	background: none;
	margin: 20px 0 5px 0;
}

.single .management .contactBox {
	width: 601px;
	margin: 50px auto 0 auto;
}

.single .management .contactBox .left {
	float: left;
}

.single .management .contactBox .right {
	float: right;
}

/* --------------- management01 --------------- */

/* --------------- tms --------------- */

.single table.tmstable {
	font-size: 90%;
	line-height: 160%;
	width: 96%;
	margin: 30px auto 15px auto;
}

.single table.tmstable th.color01 {
	border: 1px solid #FFF;
	padding: 8px;
	width: 28%;
}

.single table.tmstable th.color02 {
	border: 1px solid #FFF;
	background: #F4A800;
	padding: 8px;
	width: 28%;
}

.single table.tmstable td {
	border: 1px solid #FFF;
	padding: 8px;
}

.single table.tmstable td li {
	float: left;
	margin: 0 20px 0 0;
}

.single .tms-back {
	font-size: 90%;
	text-align: right;;
}



.single .tms .navilinks {
	margin: 20px 0 -1px 0;
	border-top: 1px solid #168AA4;
	overflow: hidden;
}

.single .tms .navilinks ul {
	display: table;
	table-layout: fixed;
	width: 99.9%;
	margin-left: 1px;
}

.single .tms .navilinks li {
	display: table-cell;
	font-size: 85%;
	font-family: 'Lato', "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	text-align: center;
	line-height: 100%;
}

.single .tms .navilinks li a {
	display: block;
	padding: 12px 10px 13px 10px;
	margin-left: -1px;
	background: #EEE;
	border-left: 1px solid #168AA4;
	border-right: 1px solid #168AA4;
	border-bottom: 1px solid #168AA4;
}

.single .tms .navilinks li a:hover {
	color: #FFF;
	background: #168AA4;
}

.single .tms .navilinks ul.menu {
	clear: both;
}

.single .tms h2 {
	font-size: 200%;
	color: #168AA4;
	margin: 20px 0 20px 0;
}

.single .tms ul.aspect {
	position: relative;
	float: left;
	left: 50%;
}

.single .tms ul.aspect li {
	position: relative;
	float: left;
	left: -50%;
	margin: 15px 0 30px 0;
}

.single .tms h3 {
	clear: none;
	margin: 20px 0 30px 0;
}

.single .tms .image {
	float: right;
	margin: 0 10px 20px 20px;
}

.single .tms ul.feature {
	margin: 20px 10px 0 10px;
}

.single .tms ul.feature li {
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px;
	border: 5px solid #168AA4;
	overflow: hidden;
}

.single .tms ul.feature li p {
	margin: 0 10px;
}

.single .tms ul.feature li p strong {
	background: linear-gradient(transparent 50%, #F4B51C 50%);
}

/* --------------- tms --------------- */

/* --------------- tms-p --------------- */

.single .tms-p .image {
	float: right;
	margin: 0 0 20px 30px;
}

.single .tms-p ul.effect li {
	float: left;
	font-size: 90%;
	text-align: center;
	line-height: 180%;
	margin: 10px 15px 40px 25px;
	width: 28%;
}

.single .tms-p ul.effect li h4 {
	font-size: 110%;
	text-align: left;
	color: #008EAB;
	margin: 5px 0 8px 0;
}

.single .tms-p ul.effect li p {
	text-align: left;
}

.single .tms-p .aspect ul {
	width: 96%;
	margin: 30px auto 30px auto;
	overflow: hidden;
}

.single .tms-p .aspect li {
	clear: both;
	line-height: 160%;
	margin: 0 0 40px 0;
}

.single .tms-p .aspect li img {
	float: left;
	margin: 0 20px 0 0;
}

.single .tms-p .aspect li p {
	padding: 15px 0 0 0;
}

.single .tms-p .aspect strong {
	display: inline-block;
	font-size: 140%;
	background: #F4B51C;
	padding: 4px 10px 2px 10px;
}

.single .tms-p .menu h4 {
	text-align: center;
	color: #FFF;
	background: #000;
	padding: 2px 10px 0 10px;
	width: 140px;
}

.single .tms-p .menu p {
	margin: 5px 0 20px 0;
}


.single .tms-p .flow {
	background: url(../images/background/tmsp_flow.gif) no-repeat center;
	padding: 130px 0 20px 376px;
	overflow: hidden;
}

.single .tms-p .flow02 {
	margin: 80px 0 190px 0;
}

.single .tms-p .flow03 {
	float: left;
	margin: 0 10px 0 0;
}

.single .tms-p .flow04 {
	float: left;
}

.single .tms-p .flow-sm {
	display: none;
}

.single .tms-p .framework {
	text-align: center;
}

.single .tms-p .framework h4 {
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	background: #000;
	padding: 2px 10px 0 10px;
	margin: 30px 0 25px 0;
}

/* --------------- tms-p --------------- */
/* --------------- tms-option --------------- */

.single .tms-option h3 {
	clear: both;
}

.single .tms-option ul.list li {
	list-style-type: circle;
	margin: 0 0 0 22px;
}

/* --------------- tms-option --------------- */
/* --------------- tms-medical --------------- */

.single .tms-medical h3 {
	clear: both;
	margin: 30px 0 15px 0;
}

.single .tms-medical .image li {
	float: left;
	margin: 0 10px 0 0;
}

.single .tms-medical ul.list li {
	list-style-type: circle;
	margin: 0 0 0 32px;
}

.single .tms-medical p {
	margin: 0 14px;
}

/* --------------- tms-medical --------------- */
/* --------------- tms-arrive --------------- */

.single .tms-arrive h3 {
	clear: both;
	margin: 30px 0 15px 0;
}

.single .tms-arrive .image li {
	float: left;
	margin: 0 10px 0 0;
}

.single .tms-arrive ul.list li {
	list-style-type: circle;
	margin: 0 0 0 32px;
}

.single .tms-arrive p {
	margin: 0 14px;
}

/* --------------- tms-arrive --------------- */
/* --------------- tms-feed --------------- */

.single .tms-feed h3 {
	clear: both;
	margin: 30px 0 15px 0;
}

.single .tms-feed .image li {
	float: left;
	margin: 5px 10px 0 0;
}

.single .tms-feed .image li img {
	width: 126.4px;
}

.single .tms-feed p {
	margin: 0 14px;
}

/* --------------- tms-feed --------------- */
/* --------------- tms-system --------------- */

.single .tms-system dl {
	border: 1px solid #267BB6;
	margin: 20px 14px 30px 14px;
	padding: 1px;
	overflow: hidden;
}

.single .tms-system dt {
	font-size: 90%;
	color: #FFF;
	background: #267BB6;
	padding: 4px 12px;
}

.single .tms-system dd {
	padding: 6px 12px;
}

.single .tms-system p {
	margin: 0 14px;
}

.single .tms-system .illust {
	text-align: center;
	margin: 20px auto 40px auto;
}

/* --------------- tms-system --------------- */
/* --------------- tms-custom --------------- */

.single .tms-custom h4 {
	font-size: 130%;
	margin: 0 0 20px 14px;
}

.single .tms-custom h5 {
	color: #008EAB;
	border-top: 1px solid #008EAB;
	border-bottom: 1px solid #008EAB;
	padding: 10px 8px;
	margin: 40px 0 15px 0;
}

.single .tms-custom p {
	margin: 0 14px;
}

.single .tms-custom dl.option {
	border: 1px solid #DD8000;
	margin: 20px 14px 30px 14px;
	padding: 1px;
	overflow: hidden;
}

.single .tms-custom dl.option dt {
	font-size: 90%;
	color: #FFF;
	background: #DD8000;
	padding: 4px 12px;
}

.single .tms-custom dl.customization {
	border: 1px solid #2E9256;
	margin: 20px 14px 30px 14px;
	padding: 1px;
	overflow: hidden;
}

.single .tms-custom dl.customization dt {
	font-size: 90%;
	color: #FFF;
	background: #2E9256;
	padding: 4px 12px;
}

.single .tms-custom dl.option dd,
.single .tms-custom dl.customization dd {
	padding: 6px 12px;
}

.single .tms-custom dl.option dd li {
	float: left;
	margin: 0 15px 4px 0;
}

.single .tms-custom dl.customization dd li {
	list-style: circle;
	margin: 0 0 0 22px;
}

.single .tms-custom .illust {
	text-align: center;
	margin: 20px auto 40px auto;
}

/* --------------- tms-custom --------------- */
/* --------------- tms-voice --------------- */

.single .tms-voice h2 {
	font-size: 130%;
	margin: 0 0 20px 2px;
}

.single .tms-voice h3 {
	clear: both;
}

.single .tms-voice dl.case {
	border: 1px solid #267BB6;
	margin: 20px 30px 20px 4px;
	padding: 1px;
	overflow: hidden;
}

.single .tms-voice dl.case dt {
	font-size: 90%;
	color: #FFF;
	background: #267BB6;
	padding: 4px 12px;
}

.single .tms-voice dl.case dd {
	padding: 6px 12px;
}

.single .tms-voice dl.effect {
	border: 1px solid #CCC;
	padding: 10px;
	margin:  0 14px 15px 14px;
}

.single .tms-voice dl.effect dt span {
	display: inline-block;
	font-size: 90%;
	color: #FFF;
	background: #267BB6;
	padding: 0 14px;
	margin: 0 15px 1px 0;
}

.single .tms-voice dl.effect dd span {
	display: inline-block;
	font-size: 90%;
	color: #FFF;
	background: #DD8000;
	padding: 0 14px;
	margin: 0 15px 0 0;
}

.single .tms-voice .uservoice {
	border: 5px solid #333;
	padding: 15px 15px 0 15px;
	margin: 40px auto 0 auto;
	overflow: hidden;
}

.single .tms-voice .uservoice h4 {
	color: #FFF;
	background: #333;
	padding: 3px 6px 2px 8px;
	margin: 0 0 20px 0;
}

.single .tms-voice .uservoice p {
	font-size: 95%;
	line-height: 160%;
	margin: 0 0 15px 10px;
}

/* --------------- tms-voice --------------- */
/* --------------- tms-faq --------------- */

.single .tms-faq .faq-list dl {
	border: 1px solid #267BB6;
	padding: 20px;
	margin: 0 auto 20px auto;
}

.single .tms-faq .faq-list dt {
	float: left;
	margin: 0 25px 0 0;
}

.single .tms-faq .faq-list dd {
	margin: 5px 0 0 0;
}

.single .tms-faq .faq-list dd em {
	font-size: 140%;
	font-weight: bold;
	color: #267BB6;
}

.single .tms-faq .faq-list dd div {
	text-align: right;
	margin: 15px 0 0 0;
}

.single .tms-faq .navigation {
	float: right;
}

.single .tms-faq .navigation li {
	float: left;
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 -1px -1px;
	padding: 4px 20px;
	border: 1px solid #267BB6;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}

.single .tms-faq .navigation li a {
	display: block;
	color: #267BB6;
}

.single .tms-faq .detail {
	clear: both;
	border: 1px solid #267BB6;
	padding: 20px 20px 0 20px;
}

.single .tms-faq .detail dl {
	margin: 0 auto;
}

.single .tms-faq .detail dt {
	margin: 0 10px 5px 10px;
}

.single .tms-faq .detail dd {
	border-bottom: 1px solid #EEE;
	margin: 0 0 15px 0;
	padding: 0 10px 15px 10px;
	line-height: 180%;
}

.single .tms-faq .detail dd:last-child {
	border-bottom: none;
}

.single .tms-faq .detail dt em {
	display: inline-block;
	font-size: 140%;
	font-weight: bold;
	color: #267BB6;
	margin: 0 7px 0 0;
}

.single .tms-faq .detail dd em {
	display: block;
	float: left;
	font-size: 140%;
	font-weight: bold;
	color: #DD8000;
	margin: 0 15px 30px 0;
}

/* --------------- tms-faq --------------- */
/* --------------- hts --------------- */

.single .hts .feature li {
	float: left;
}

.single .hts .feature li:first-child {
	margin-right: 9px;
}

.single .hts .feature li:last-child {
	margin-left: 9px;
}

.single .hts .feature dt {
	font-size: 120%;
	font-weight: bold;
	color: #267BB6;
	margin: 20px 0 5px 0;
}

/* --------------- hts --------------- */
/* --------------- hts-feature --------------- */

.single .hts-feature li {
	clear: both;
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #EEE;
}

.single .hts-feature li h2 {
	margin: 0;
}

.single .hts-feature li h3 {
	clear: none;
	color: #DD8000;
	background: none;
	padding: 0;
	margin: 15px 0 10px 0;
	border-left: none;
}

.single .hts-feature li p {
	margin: 0 0 15px 0;
}

.single .hts-feature li p strong {
	background: linear-gradient(transparent 50%, #F4B51C 50%);
}

.single .hts-feature li .image {
	float: right;
	margin: 0 10px 20px 30px;
}

.single .hts-feature li li {
	list-style: circle;
	margin: 0 0 0 22px;
	padding: 0;
	border-bottom: none;
}

/* --------------- hts-feature --------------- */
/* --------------- hts-function --------------- */

.single .hts-function .image {
	float: right;
	margin: 0 10px 20px 30px;
}

.single .hts-function p {
	margin: 0 0 20px 0;
}

.single .hts-function .feature01 {
	margin-bottom: 20px;
	overflow: hidden;
}

.single .hts-function .feature01 dl {
	float: left;
	margin: 0 10px;
	border: 1px solid #2679B6;
	padding: 10px;
	width: 31%;
}

.single .hts-function .feature01 dl dt {
	line-height: 135%;
	text-align: center;
	color: #FFF;
	background: #2679B6;
	padding: 10px 15px;
}

.single .hts-function .feature01 dl dd {
	text-align: center;
	margin: 10px 0 0 0;
}

.single .hts-function .feature02 {
	clear: both;
	margin: 10px 0 30px 0;
	overflow: hidden;
}

.single .hts-function .feature02 dl {
	float: left;
	margin: 0 10px;
	border: 1px solid #DD8000;
	padding: 10px;
	width: 31%;
}

.single .hts-function .feature02 dl dt {
	line-height: 135%;
	text-align: center;
	color: #FFF;
	background: #DD8000;
	padding: 10px 15px;
}

.single .hts-function .feature02 dl dd {
	text-align: center;
	margin: 12px 0 0 0;
}

.single .hts-function .feature02 dl dd li {
	margin: 0 0 10px 0;
}

/* --------------- hts-function --------------- */
/* --------------- hts-spec --------------- */

.single .hts-spec ul.maker {
	overflow: hidden;
}

.single .hts-spec ul.maker li {
	float: left;
	text-align: center;
	margin: 0 10px 20px 10px;
	border: 1px solid #2679B6;
	padding: 10px;
	width: 31%;
}

.single .hts-spec ul.maker li img {
	width: 100%;
}


/* --------------- hts-spec --------------- */
/* --------------- labrepo --------------- */

.single .labrepo {
	text-align: center;
}

.single .labrepo p {
	text-align: left;
	margin: 0 12px 15px 12px;
}

.single .labrepo h4 {
	clear: both;
	text-align: left;
	margin: 30px 0 25px 10px;
}

.single .labrepo li {
	float: left;
	line-height: 160%;
	margin: 0 0 40px 20px;
	width: 26%;
}

.single .labrepo li h5 {
	color: #008EAB;
}

.single .labrepo li img {
	margin: 8px auto 12px auto;
}

.single .labrepo li.arrow {
	margin: 140px 0 0 20px;
	width: 33px;
}

.single .labrepo li.box {
	border: 3px solid #008EAB;
	padding: 20px;
	width: 39%;
}

.single .labrepo h6 {
	font-size: 120%;
	text-align: left;
	color: #008EAB;
	margin:  0 15px 10px;
}

.single .labrepo .image {
	float: right;
	margin: 0 20px 30px 30px;
}

/* --------------- labrepo --------------- */

/* --------------- labrepo-stock --------------- */

.single .labrepo-stock ul.point {
	margin-left: 8px;
}

.single .labrepo-stock ul.point li {
	float: left;
	font-size: 90%;
	line-height: 160%;
	text-align: center;
	color: #FFF;
	background: #168AA4;
	width: 24.6%;
	padding: 20px;
	margin: 0 1px 30px 0;
}

.single .labrepo-stock ul.point li h4 {
	font-size: 120%;
	color: #FFCC00;
	line-height: 160%;
	margin: 15px 0 10px 0;
}

.single .labrepo-stock ul.point li strong {
	background: linear-gradient(transparent 50%, #F4B51C 50%);
}

.single .labrepo-stock .flow {
	font-size: 80%;
	line-height: 145%;
	background: url(../images/background/img_func_bg.gif) no-repeat;
	padding: 0 0 280px 0;
}

.single .labrepo-stock .flow01 {
	position: relative;
	top: 60px;
	width: 200px;
}

.single .labrepo-stock .flow02 {
	position: relative;
	top: -35px;
	left: 520px;
	width: 180px;
}

.single .labrepo-stock .flow03 {
	position: relative;
	top: 100px;
	left: 330px;
	width: 200px;
}

.single .labrepo-stock .flow04 {
	position: relative;
	top: 418px;
	width: 136px;
}

.single .labrepo-stock .flow05 {
	position: relative;
	top: 338px;
	left: 154px;
	width: 136px;
}

.single .labrepo-stock .flow06 {
	position: relative;
	top: 258px;
	left: 550px;
	width: 130px;
}

.single .labrepo-stock .flow07 {
	position: relative;
	top: 198px;
	left: 702px;
	width: 130px;
}

.single .labrepo-stock .flow strong {
	background: linear-gradient(transparent 50%, #F4B51C 50%);
}

.single .labrepo-stock .flow-sp {
	display: none;
}

/* --------------- labrepo-stock --------------- */



/* ===================================================================

	業界別システム構成例

=================================================================== */

.single .industry-recommend {
	text-align: center;
}

.single .industry-recommend h3 {
	margin-top: 0;
}

.single .industry-recommend dl.detail {
	font-size: 90%;
	background: #B2DDE4;
	padding: 5px;
	width: 90%;
	margin: 10px auto 30px auto;
	overflow: hidden;
}

.single .industry-recommend dl.detail dt {
	float: left;
	text-align: center;
	width: 24%;
	padding: 0 15px 0 0;
}

.single .industry-recommend dl.detail dd {
	float: left;
	text-align: left;
	line-height: 160%;
	background: #FFF;
	padding: 5px 10px;
	width: 76%;
}

.single .industry-recommend p {
	text-align: left;
	margin: 0 12px 15px 12px;
}

.single .industry-recommend img {
	margin-bottom: 15px;
}

.single .industry-recommend dl.example {
	text-align: left;
	border: 1px solid #008EAB;
	padding: 20px;
	width: 90%;
	margin: 30px auto 10px auto;
}

.single .industry-recommend dl.example dt {
	font-weight: bold;
	color: #008EAB;
	margin: 0 0 4px 0;
}


/* ===================================================================

	計量実績

=================================================================== */

/* --------------- personality --------------- */

.single .personality {
	text-align: center;
}

.single .personality h3 {
	margin-top: 0;
}

.single .personality ul {
	float: left;
	text-align: left;
	width: 40%;
	margin: 0 15px 40px 15px;
}

.single .personality ul li {
	font-size: 95%;
	line-height: 180%;
	list-style-type: circle;
	margin-left: 24px;
}

/* --------------- personality --------------- */

/* --------------- overseas --------------- */

.single .overseas {
	text-align: center;
}

.single .overseas p {
	text-personality: left;
	margin: 0 0 15px 0;
}

.single .overseas ul {
	text-align: left;
	margin: 0 15px 60px 15px;
	overflow: hidden;
}

.single .overseas ul li {
	float: left;
	font-size: 95%;
	line-height: 180%;
	width: 40%;
	list-style-type: circle;
	margin-left: 24px;
}

.single .overseas h3#netherlands {
	padding-left: 60px;
	background: #008EAB url(../images/background/netherlands.gif) no-repeat 10px 8px;
}

.single .overseas h3#france {
	padding-left: 60px;
	background: #008EAB url(../images/background/france.gif) no-repeat 10px 8px;
}

.single .overseas h3#thailand {
	padding-left: 60px;
	background: #008EAB url(../images/background/thailand.gif) no-repeat 10px 8px;
}

.single .overseas h3#taiwan {
	padding-left: 60px;
	background: #008EAB url(../images/background/taiwan.gif) no-repeat 10px 8px;
}

.single .overseas h3#china {
	padding-left: 60px;
	background: #008EAB url(../images/background/china.gif) no-repeat 10px 8px;
}

.single .overseas h3#korea {
	padding-left: 60px;
	background: #008EAB url(../images/background/korea.gif) no-repeat 10px 8px;
}

.single .overseas h3#vietnam {
	padding-left: 60px;
	background: #008EAB url(../images/background/vietnam.gif) no-repeat 10px 8px;
}

.single .overseas h3#malaysia {
	padding-left: 60px;
	background: #008EAB url(../images/background/malaysia.gif) no-repeat 10px 8px;
}

.single .overseas h3#singapore {
	padding-left: 60px;
	background: #008EAB url(../images/background/singapore.gif) no-repeat 10px 8px;
}

.single .overseas h3#indonesia {
	padding-left: 60px;
	background: #008EAB url(../images/background/indonesia.gif) no-repeat 10px 8px;
}

.single .overseas h3#usa {
	padding-left: 60px;
	background: #008EAB url(../images/background/usa.gif) no-repeat 10px 8px;
}

.single .overseas h3#mexico {
	padding-left: 60px;
	background: #008EAB url(../images/background/mexico.gif) no-repeat 10px 8px;
}


/* --------------- personality --------------- */

/* --------------- customer --------------- */

.single .customer {
	text-align: center;
}

.single .customer h3 {
	margin-top: 0;
}

.single .customer ul {
	float: left;
	text-align: left;
	width: 40%;
	margin: 0 25px 40px 15px;
}

.single .customer ul li {
	font-size: 95%;
	line-height: 180%;
	list-style-type: circle;
	margin-left: 24px;
}

/* --------------- customer --------------- */


/* ===================================================================

	advantage

=================================================================== */

.advantage {
	text-align: center;
}

.advantage p {
	text-align: left;
}

.advantage .photo {
	margin: 30px 0 20px 0;
}

.advantage h4 {
	margin: -5px 0 5px 0;
}

.advantage .flow {
	text-align: left;
	border: 1px solid #008EAB;
}

.advantage .flow h3 {
	margin: 0;
}

.advantage .flow h5 {
	color: #FFF;
	margin: 20px 20px 10px 20px;
	padding: 6px 8px 5px 14px;
	background: #999;
}

.advantage li {
	clear: both;
	padding: 0 20px 10px 25px;
	border-bottom: 1px solid #008EAB;
	overflow: hidden;
}

.advantage li:last-child {
	border-bottom: none;
}

.advantage li img {
	float: right;
	margin: 20px 0 10px 30px;
}

.advantage li p {
	line-height: 160%;
	margin: 0 0 15px 15px;
}

.advantage .global p {
	text-align: left;
	margin: 10px 0 15px 0;
}

.advantage .global strong {
	background: linear-gradient(transparent 50%, #F4B51C 50%);
}


/* ===================================================================

	problemsolving

=================================================================== */

.problemsolving h3 {
	clear: none;
	font-size: 120%;
	color: #008EAB;
	background: none;
	border: none;
	padding: 0;
	margin: 0 0 10px 0;
}

.problemsolving .box ul.tab {
	overflow: hidden;
}

.problemsolving ul.tab {
	border: none;
	padding: 0;
}

.problemsolving ul.tab li {
	clear: none;
	float: left;
	font-size: 90%;
	color: #008EAB;
	border-top: 1px solid #008EAB;
	border-left: 1px solid #008EAB;
	border-right: 1px solid #008EAB;
	padding: 6px 20px;
}

.problemsolving ul.tab li.select {
	background: #008EAB;
}

.problemsolving ul.tab li a {
	color: #008EAB;
}

.problemsolving ul.tab li.select a {
	color: #FFF;
}

/*
.problemsolving ul.content {
	clear: both;
	position: relative;
	top: -1px;
	font-weight: normal;
	line-height: 160%;
	border: 3px solid #008EAB;
	padding: 25px;
	overflow: hidden;
}

.problemsolving ul.content li {
	clear: both;
	text-align: left;
}

.problemsolving ul.content li.hide {
	display: none;
}

.problemsolving ul.content li a:hover {
	color: #008EAB;
}

.problemsolving ul.content li img {
	float: right;
	margin: 0 0 0 30px;
}
*/


.problemsolving ul {
	clear: both;
	position: relative;
	top: -1px;
	font-weight: normal;
	line-height: 160%;
	border: 3px solid #008EAB;
	padding: 25px;
	overflow: hidden;
}


.problemsolving ul li {
	clear: both;
	text-align: left;
}

.problemsolving ul li.hide {
	display: none;
}

.problemsolving ul li a:hover {
	color: #008EAB;
}

.problemsolving ul li img {
	float: right;
	margin: 0 0 0 30px;
}



.problemsolving .box_list {
	clear: both;
	line-height: 160%;
	position: relative;
/*	border: 1px solid #008EAB;
	padding: 25px;
*/
	margin: 20px 0 0 0;
	overflow: hidden;
}

.problemsolving .box_list ul{
	text-align: left;
	border: 1px solid #008EAB;
	margin: 30px 0 0 0;
}

.problemsolving .box_list ul li {
	text-align: left;
}

.problemsolving .box_list ul li a:hover {
	color: #008EAB;
}

.problemsolving .box_list ul li img {
	float: right;
	margin: 0 0 0 30px;
}

.problemsolving .tag a {
	display: inline-block;
	float: left;;
	font-size: 90%;
	color: #FFF;
	background: #008EAB;
	padding: 2px 8px;
	margin: 10px 10px 0 0;
}

/*
.problemsolving .box_list ul li .tag {
	float: left;
	font-size: 90%;
	background: #83BFCA;
    padding: 3px 20px 3px 20px;
    margin: 0 8px 0 0;
}
*/





.problemsolving p {
	text-align: left;
	margin: 0 14px;
}

.problemsolving ul.photo {
	float: right;
	margin: 0 0 0 20px;
	border: none;
}

.problemsolving .install ul,
.problemsolving .voice ul {
	margin: 20px 0 50px 0;
	overflow: hidden;
	border: none;
}

.problemsolving .install li,
.problemsolving .voice li {
	float: left;
	font-size: 90%;
	text-align: center;
	line-height: 150%;
	border: 1px solid #008EAB;
	width: 90%;
	padding: 20px;
	margin: 0 10px 20px 10px;
}

.problemsolving .install h4,
.problemsolving .voice h4 {
	font-size: 120%;
	text-align: left;
	color: #008EAB;
	margin: 60px 0 0 10px;
}

.problemsolving .install li h5,
.problemsolving .voice li h5 {
	text-align: left;
	line-height: 150%;
	color: #008EAB;
/*	border-bottom: 1px solid #008EAB;
*/
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.problemsolving .install li p,
.problemsolving .voice li p {
	text-align: left;
	margin: 0;
}

.problemsolving .install ul li img,
.problemsolving .voice ul li img {
	float: right;
	margin: 0 0 0 30px;
}

.problemsolving .contact {
	clear: both;
	text-align: left;
	color: #008EAB;
	border: none;
	padding: 20px;
	margin: 80px auto 40px auto;
	width: 80%;
}

.problemsolving .contact ul{
	border: none;
}

.problemsolving .contact ul li img {
	text-align: left;
	float: none;
	margin: 0;
}

/* タグクラウドのフォントサイズを統一 */
a.tag-cloud-link {
    font-size: 12pt !important;
}

/* ===================================================================

	タイ

=================================================================== */

.thailand-info {
	text-align: center;
}

.thailand-info p {
	text-align: left;
	margin: 0 18px 15px 18px;
}

.thailand-info h4 {
	font-size: 90%;
	text-align: left;
	color: #FFF;
	background: #333;
	padding: 2px 6px 2px 14px;
	margin: 40px 15px 30px 15px;
}

.thailand-info .image {
	float: right;
	margin: 0 30px 40px 30px;
}

.thailand-info .contact-box {
	width: 550px;
	margin: 40px auto 0 auto;
}

.thailand-info .contact-box .inner {
	padding: 10px;
	margin: 20px 0 0 0;
	background: #008EAB;
	overflow: hidden;
}

.thailand-info .contact-box .mail {
	float: left;
	background: url(../images/background/contact_form_bg.gif) no-repeat;
	width: 260px;
	padding: 50px 0 2px 0;
}

.thailand-info .contact-box .tel {
	float: right;
	text-indent: -9999px;
	background: url(../images/background/contact_tel_bg.gif) no-repeat;
	width: 260px;
	padding: 55px 0 5px 0;
}


/* ===================================================================

	中国上海

=================================================================== */

.china-infoj {
	text-align: center;
}

.china-infoj p {
	text-align: left;
	margin: 0 18px 15px 18px;
}

.china-infoj h2 {
	font-size: 160%;
	text-align: left;
	color: #008EAB;
	margin: 10px 0 20px 15px;
}

.china-infoj h4 {
	clear: both;
	font-size: 90%;
	text-align: left;
	color: #FFF;
	background: #333;
	padding: 2px 6px 2px 14px;
	margin: 40px 15px 30px 15px;
}

.china-infoj .image {
	float: right;
	margin: 0 30px 40px 30px;
}

.china-infoj dl {
	text-align: left;
	margin: 0 0 0 30px;
}

.china-infoj dt {
	font-size: 120%;
	text-align: left;
	color: #008EAB;
}

.china-infoj dd {
	line-height: 180%;
	margin: 5px 0 25px 0;
}

.china-infoj .contact-box {
	width: 550px;
	margin: 40px auto 0 auto;
}

.china-infoj .contact-box .inner {
	padding: 10px;
	margin: 20px 0 0 0;
	background: #008EAB;
	overflow: hidden;
}

.china-infoj .contact-box .mail {
	float: left;
	background: url(../images/background/contact_form_bg.gif) no-repeat;
	width: 260px;
	padding: 50px 0 2px 0;
}

.china-infoj .contact-box .tel {
	float: right;
	text-indent: -9999px;
	background: url(../images/background/contact_tel_bg.gif) no-repeat;
	width: 260px;
	padding: 55px 0 5px 0;
}

/* ===================================================================

	用語辞典

=================================================================== */

.dictionary-list {
	text-align: left;
}

.dictionary-list ul {
	margin: 20px 10px 30px 20px;
	overflow: hidden;
}

.dictionary-list li {
	float: left;
	line-height: 150%;
	list-style: disc;
	margin: 0 0 15px 24px;
	width: 47%;
}

.dictionary-list li span {
	display: block;
	font-size: 80%;
	margin: 0 0 0 -10px;
}

.dictionary .otherword {
	font-size: 85%;
	padding: 20px 20px 0 20px;
	margin: 120px 0 0 0;
	background: #EEE;
	overflow: hidden;
}

.dictionary .otherword h2 {
	font-size: 150%;
	font-weight: bold;
	margin: 5px 0 30px 0;
}

.dictionary .otherword h3 {
	color: #FFF;
	background: #333;
	border: none;
	padding: 1px 6px 1px 12px;
	margin: 0 0 20px 0;
}

.dictionary .otherword ul {
	margin: 20px 10px 30px 20px;
	overflow: hidden;
}

.dictionary .otherword li {
	float: left;
	line-height: 135%;
	list-style: disc;
	margin: 0 0 10px 24px;
	width: 45%;
}

.dictionary .otherword li span {
	display: block;
	font-size: 80%;
	margin: 0 0 0 -10px;
}


/* ===================================================================

	お問い合わせ

=================================================================== */

.single .contact {
	text-align: left;
	margin: 0 auto 30px auto;
}

.single .contact p {
	margin: 0 0 15px 0;
}

.single .contact p.attention {
	font-size: 90%;
	line-height: 180%;
	margin: 20px 0 0 0;
}

.single .contact table {
	width: 100%;
	margin: 10px auto 20px auto;
}

.single .contact table th {
	font-weight: normal;
	width: 24%;
	padding: 9px 8px 8px 8px;
}

.single .contact th span {
	font-size: 80%;
	color: #FFFF66;
	margin: 0 0 0 10px;
}

.single .contact table td {
	line-height: 150%;
	padding: 8px;
	border: 1px solid #CCC;
	background: #FFF;
}

.single .contact table td input {
	color: #666;
	padding: 8px 8px 9px 8px;
	margin: 0 10px 0 0;
	width: 70%;
}

.single .contact table td input.mb10 {
	margin: 10px 0;
}

.single .contact table td span.wpcf7-list-item {
	margin: 0;
}

.single .contact table td input[type=checkbox] {
	width: auto;
	padding: 0;
}

.single .contact table td .wpcf7-list-item {
	display: block;
}

.single .contact table td .accept input {
	width: auto;
}

.single .contact table td .radio input {
	vertical-align: middle;
	width: auto;
	border: none;
}

.single .contact table td .radio span.first {
	margin-right: 15px;
}

.single .contact table td select {
	padding: 8px 12px 9px 12px;
	margin: 0 10px 0 0;
}

.single .contact table td textarea {
	line-height: 160%;
	color: #666;
	padding: 8px;
	width: 94%;
	height: 200px;
}

.single .contact table td .address {
	margin-bottom: 10px;
	width: 30%;
}

.single .contact .btn input {
	display: block;
	color: #FFF;
	background: #008EAB;
	padding: 20px;
	margin: 40px auto;
	width: 40%;
	border: none;
	cursor: pointer;
}

.single .contact input.btn {
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	border: none;
	padding: 17px 0 15px 0;
	background: #83BFCA;
	width: 256px;
}

.single .contact input.btn:hover {
	background: #005F73;
	transition: 0.5s;
}

.single .contact input[disabled] {
	background: #CCC;
	cursor: not-allowed;
}

.single .contact input[disabled]:hover {
	background: #CCC;
}

.single .contact .privacy {
	width: 96%;
	margin: 40px auto 30px auto;
	padding: 20px 20px 20px 0;
	border: 1px solid #008EAB;
	height: 300px;
	overflow: auto;
}

.single .contact .privacy h3 {
	margin-top: 0;
	margin-left: 20px;
}

.single .contact .privacy p {
	font-size: 85%;
	line-height: 165%;
	margin: 0 20px 20px 40px;
}

.single .contact .doui {
	font-size: 90%;
	text-align: center;
}
.fixed_path {
  margin-top: 120px;
}