@charset "UTF-8";
/* 　 */

.cate_products_environment_product .ui-tabs-nav li
,.cate_products_environment_product .ui-tabs-nav li a {
	width: 167px !important;
}

.leftindex_ul .current .leftindex_li_a {
	background-color: #103d92;
}
.ui-tabs-active, .ui-tabs-active a {
	color: #103d92 !important;
}
#tabm_magnesium,#tabm_reads,#tabm_other_treatment,#tabm_water_treatment {
	padding: 10px 0 !important;
	height: 22px;
}

#menu_tab .ui-tabs-nav li a:hover { color: #103d92 !important; }
#menu_tab .ui-tabs-nav li a span:hover { color: #103d92 !important; }


.viewbox_titlemes {
	color: #6C6C6C;
	margin: 4px 0 15px 0;
}

.viewbox_subtitle {
	color: #103d92;
	font-weight: bold;
	font-size: 1.2em;
	margin: 4px 0 0px 0;
}
.viewbox_iteminfo {
	float: none;
	width:100%;
}

.viewbox_itembody {
	margin: 30px 0 10px 0;
	float: right;
	width: 583px;
	line-height: 1.8;
}
	.viewbox_itembody_subtitle {
		color: #103d92;
		font-weight: bold;
		font-size: 1.2em;
		border-bottom: 1px solid #dcdcdc;
		padding: 0 0 2px 0;
		margin: 0 0 10px 0;
	}
	.viewbox_item li {
		line-height: 1.9;
		padding: 0 0 0 10px;
		line-height: 1.9;
		background: url(/img/maru_blue.gif) 0 0 no-repeat #fff;
		background-position: 0px 4px;
	}


		.viewbox_itembody_flow {
			border-bottom: 1px solid #dcdcdc;
			border-top: 1px solid #dcdcdc;
			padding: 4px 0;
		}
		.viewbox_itembody_flow0 {
			color: #103d92;
			font-weight: bold;
		}
		.viewbox_itembody_flow2next {
			text-align:center;
			padding:5px;
		}


.cate_products_environment_product .ui-tabs-nav li {
	width: 167px !important;
}
.viewbox_topinfo {
	line-height: 1.8;
}





.viewbox_subtitle {
	color: #103d92;
	font-weight: bold;
	font-size: 1.2em;
	margin: 4px 0 0px 0;
}
	.viewbox_subtitle li {
		margin: 0;
		padding:0;
		width: 631px;
		height: 27px;
	}
	.viewbox_subtitle li a {
		display:block;
		padding: 0 0 0 40px !important;
		line-height: 1.9;
		background: url(/img/ya_2left_off.gif) 0 0 no-repeat #fff;
		background-position: 10px 7px;
		width: 621px;
		height: 27px;
		margin: 0;
		color: #4d4d4d;
		text-decoration:none;
	}
	.viewbox_subtitle a:hover {
		background-image: url("/img/ya_2left_on.gif") !important;
		background-repeat: no-repeat !important;
		background-position: 10px 7px !important;
		background-color:#f2f2f2;
		color: #0071bc;
	}
	.viewbox_subtitle_ex {
		color: #7a7a7a;
		font-size: 0.7em;
		font-weight: normal;
		position: relative;
		top: 3px;
	}
	.viewbox_itembody_subtitle0 {
		margin-top:15px;
		border:none;
	}
	.viewbox_itembody_subtitle0 a {
		display: block;
		width: 195px;
		height: 20px;
		border: 1px solid #eaeaea;
		color: #4d4d4d;
		text-decoration: none;
		font-size: 1.0em;
		background: url(/img/ya_2left_off2.gif) 0 0 no-repeat #fff;
		background-position: 10px 5px;
		padding: 0 10px 0 32px;
		float: right;
		font-weight: bold;
	}
	.viewbox_itembody_subtitle0 a:hover {
		background-image: url("/img/ya_2left_on2.gif") !important;
		background-repeat: no-repeat !important;
		background-position: 10px 5px !important;
		background-color:#f2f2f2;
		color: #0071bc;
	}

	.maru_blue_div {
		color: #4d4d4d;
	}
		.maru_4d {
			position: relative;
			top: 4px;
		}


.viewbox_iteminfo {
	float: none;
	width:100%;
}

.viewbox_itembody {
	margin: 30px 0 10px 0;
	float: right;
	width: 583px;
	line-height: 1.8;
}
	.viewbox_itembody_subtitle {
		color: #103d92;
		font-weight: bold;
		font-size: 1.2em;
		border-bottom: 1px solid #dcdcdc;
		padding: 0 0 2px 0;
		margin: 0 0 10px 0;
	}
	.viewbox_item li {
		line-height: 1.9;
		padding: 0 0 0 10px;
		line-height: 1.9;
		background: url(/img/maru_gray.gif) 0 0 no-repeat #fff;
		background-position: 0px 4px;
	}

	.viewbox_itembody_imgtitle {
		color: #4d4d4d;
		margin-top: 22px;
	}

	.history_table th, .history_table td {
		border-bottom: 1px solid #eaeaea;
		padding:3px 0 3px 14px;
		font-size: 0.9em;
	}



	.read_as_table {
		border-top:1px solid #dcdcdc;
		border-left:1px solid #dcdcdc;
	}

	.read_as_table th, .read_as_table td {
		height:18px;
		text-align:center;
		padding: 2px 4px;
		border-right:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
		color:#4d4d4d !important;
	}
	.read_as_table th {
		font-weight: bold;
		background-color:#f2f2f2;

	}
	.read_as_table td {

	}

		.viewbox_itembody_flow {
			border-bottom: 1px solid #dcdcdc;
			border-top: 1px solid #dcdcdc;
			padding: 4px 0;
		}
		.viewbox_itembody_flow0 {
			color: #103d92;
			font-weight: bold;
		}
		.viewbox_itembody_flow2next {
			text-align:center;
			padding:5px;
		}



.others2_table th, .others2_table td {
	height:24px;
	text-align:left;
	padding: 4px 8px;
}
.others2_table th {
	border-bottom:1px solid #fff;
	font-weight: bold;
	background-color:#5d95ca;
	color:#fff !important;
}
.others2_table td {
	color:#4d4d4d !important;
}


.others2_table {
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}
.others2_table th, .others2_table td {
height: 18px;
text-align: center;
padding: 2px 4px;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
color: #4d4d4d !important;
}
.others2_table th {
font-weight: bold;
background-color: #f2f2f2;
}
.others2_table td {
text-align:right;padding-right:30px;
}


/* new add 2022.0301 */
.text-red {
  color: #c1272d;
  font-weight: bold;
  border-bottom: 2px solid #c1272d;
}
.text_underline {
  text-decoration: underline;
}
.text_bold {
  font-weight: bold;
}
.item48 {
  width: 49%;
}

.c-table__box {
  margin: 16px auto 32px;
  width: 100%;
}
.c-table {
	width: 100%;
}
.c-table th, .c-table td {
  padding: 8px 10px;
  vertical-align: middle;
}

.c-table__type01 {
  color: #333;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.c-table__type01 th {
  color: #fff;
  background-color: #888;
  border-right: 1px solid #fff;
}
.c-table__type01 td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.c-table__type02 {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.c-table__type02 th {
  color: #fff;
  background-color: #0078cc;
  border-right: 1px solid #fff;
}
.c-table__type02 td {
  color: #000;
  background-color: #dcf1ff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.c-figure {
  margin-top: 24px;
  width: 100%;
}
.c-figure img, .c-btn__item img {
  height: auto;
  max-width: 100%;
}
.c-btn__set {
  margin: 0 auto;
  max-width: 520px;
  width: 100%;
}
.c-btn__set .c-btn__item {
  display: block;
  max-width: 250px;
}


.c-detail--link {
  margin-top: 32px;
}
.c-detail--text {
  color: #103d92;
  font-size: 1.2em;
  font-weight: bold;
}
.c-detail__btn {
  margin-bottom: 16px;
  margin-top: 8px;
  text-align: right;
}
.c-detail__btn a {
  display: inline-block;
  height: 68px;
  width: fit-content;
}
.c-detail__btn img {
  max-height: 100%;
  width: auto;
}

.c-contact__area {
  margin-top: 24px;
}
.c-contact__btn {
  text-align: right;
}
.c-contact__btn a {
  display: inline-block;
  height: 68px;
  width: fit-content;
}
.c-contact__btn img {
  max-height: 100%;
  width: auto;
}

.c-col__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.p-about--img {
  display: flex;
  width: 277px;
}
.p-about--note {
  width: 306px;
}
.p-about--img img {
  max-height: 100% !important;
  width: auto !important;
}
.p-about--img01 {
  display: inline-block;
  margin-right: 16px;
  height: 130px;
}
.p-about--text {
  line-height: 1.5;
  text-indent: -3em;
  padding-left: 3em;
  margin-bottom: 16px;
}
ul.p-example__list, ul.p-faq__list {
  margin-top: 8px;
}

ul.p-example__list li.p-example__item, ul.p-faq__list li {
  background: none;
  list-style: none;
}
li.p-example__item span {
  display: inline-block;
  width: 120px;
}
.p-read-cx {
  margin-top: 16px;
}
.p-read-cx--img {
  max-width: 165px;
  width: 100%;
}
.p-read-cx--img img {
  height: auto;
  max-width: 100%;
}
.c-table__type03 {
	width: calc(100% - 175px);
}
.c-table__type03 th, .c-table__type03 td {
  padding: 8px 10px;
  vertical-align: middle;
}
.c-table__type03 th {
  color: #fff;
  background-color: #ffa300;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.c-table__type03 td {
  color: #000;
  background-color: #fff4df;
  border-bottom: 1px solid #fff;
}
.c-table__type04 {
	width: calc(100% - 175px);
}
.c-table__type04 th, .c-table__type04 td {
  padding: 8px 10px;
  vertical-align: middle;
}
.c-table__type04 th {
  color: #fff;
  background-color: #00a411;
  border-right: 1px solid #fff;
  white-space: nowrap;
}
.c-table__type04 td {
  color: #000;
  background-color: #ecffee;
  border-bottom: 1px solid #fff;
}
.c-table__type05 {
  color: #333;
  line-height: 1.5;
  border-left: 2px solid #00a411;
  border-top: 2px solid #00a411;
	width: 100%;
}
.c-table__type05 th, .c-table__type05 td {
  padding: 8px;
  vertical-align: middle;
}
.c-table__type05 th {
  font-weight: bold;
  border-right: 2px solid #00a411;
  border-bottom: 2px solid #00a411;
  white-space: nowrap;
}
.c-table__type05 td {
  border-right: 2px solid #00a411;
  border-bottom: 2px solid #00a411;
  width: 28%;
}
.c-table__type06 {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	line-height: 1.3;
  width: 100%;
}
.c-table__type06 th, .c-table__type06 td {
  padding: 5px;
  vertical-align: middle;
  text-align: center;
}
.c-table__type06 th {
  color: #fff;
  background-color: #888;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}
.c-table__type06 td {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
}
.c-table__type06 td.td_img {
  width: 28%;
}
.c-table__type06 td img {
  height: auto;
  max-width: 100%;
}
_:-ms-input-placeholder, :root .c-table__type06 td img {
  width: 100%;
}
.p-feature__note {
  margin-bottom: 16px;
  line-height: 1.5;
}
.p-feature__note .p-feature__note--tit {
  color: #333;
  font-weight: 1em;
  font-weight: bold;
}
.p-feature__note .p-feature__note--txt {
  padding-left: 1em;
  margin-bottom: 8px;
}

.p-faq__note--q {
  font-weight: bold;
}
.p-faq__note--q .q_blue {
  color: #0074ff;
  display: inline-block;
  margin-right: .5em;
}
.p-faq__note--a {
  margin-bottom: 1em;
  padding-left: 1.5em;
}
.p-faq__note--a .a_red {
  color: #ff0000;
  display: inline-block;
  margin-right: .5em;
}
.p-ps-about {
  border-radius: 15px;
  box-sizing: border-box;
  width: 100%;
  border: solid 1px #ccc;
  padding: 24px;
  background: #f9f9f9;
  overflow: hidden;
  line-height: 1.64;
  margin-top: 16px;
}
.p-ps-about .p-ps-about--tit {
  display: block;
  color: #103d92;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 8px
}
.p-ps-about .space {
  float: right;
  height: 8.3em;
}
.p-ps-about .spex-rx-figure {
  float: right;
  clear: both;
  margin: 1em 0 0 1em;
  width: 70%;
}
.p-ps-about .spex-rx-figure img {
  height: auto;
  max-width: 100%;
}

.c-table__type07 {
	width: calc(100% - 250px);
}
.c-table__type07 th, .c-table__type07 td {
  padding: 8px 10px;
  vertical-align: middle;
}
.c-table__type07 th {
  color: #fff;
  background-color: #0078cc;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.c-table__type07 td {
  color: #000;
  background-color: #dcf1ff;
  border-bottom: 1px solid #fff;
}
.p-spex-rx {
  margin-top: 16px;
  align-items: stretch;
}
.p-spex-rx--img {
  max-width: 240px;
  width: 100%;
}
.p-spex-rx--img img {
  height: auto;
  max-width: 100%;
}
.p-example__figure {
  margin: 16px 0;
}
.p-example__figure .p-example__figure--item {
  width: 46%;
}
.p-example__figure .p-example__figure--item img {
  height: auto;
  max-width: 100%;
}
.c-table__cost {
  color: #333;
  font-size: 12px;
  line-height: 1.5;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin: 16px 0;
}
.c-table__cost th {
  color: #fff;
  background-color: #888;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
.c-table__cost td {
  font-size: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 35%;
}
.c-table__cost td .text_bold {
  font-size: 12px;
}
.p-lineup {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 16px 0 8px;
}
.p-lineup__item {
  width: 32%;
}
.p-lineup__item.type01 {
  background-color: #ffe9da;
}
.p-lineup__item.type02 {
  background-color: #ddd;
}
.p-lineup__item.type03 {
  background-color: #ffefbc;
}
.p-lineup__item--tit {
  color: #fff;
  font-size: 1.23em;
  font-weight: bold;
  text-align: center;
  padding: 8px;
}
.p-lineup__item--note {
  color: #333;
  padding: 8px 5px;
}
.p-lineup__item--list, .p-lineup__item--list ul, .p-lineup__item--list li {
  background-image: none;
  background-color: transparent;
}
.p-lineup__item--list li {
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: .8em;
}

.p-lineup__item.type01 .p-lineup__item--tit {
  background-color: #ff6700;
}
.p-lineup__item.type02 .p-lineup__item--tit {
  background-color: #888;
}
.p-lineup__item.type03 .p-lineup__item--tit {
  background-color: #ffc800;
}

@media screen and (max-width: 513px) {
  .c-table__box {
    margin: 3.75vw auto 5vw;
    overflow-x: auto;
    padding: 0 0 3.75vw;
    width: 100%;
  }
  .c-table {
    min-width: 480px;
  }
  .c-table th {
    white-space: nowrap;
  }
  .c-col__flex {
    display: block;
  }
  .p-about--img {
    justify-content: space-between;
    margin-bottom: 3.75vw;
  }
  body.sp .cate_products_environment_product #tab_water_treatment div.p-about--img01 {
    margin: 0;
    height: 43.5vw;
    width: auto !important;
  }
  .p-read-cx {
    margin-top: 5vw;
  }
  .p-read-cx--img {
    max-width: none;
    margin-bottom: 3.75vw;
  }
  .c-table__type03, .c-table__type04, .c-table__type07 {
    width: 100%;
  }
  li.p-example__item span {
    display: block;
    width: auto;
  }
  .c-btn__set {
    text-align: center;
  }
  .c-btn__set .c-btn__item {
    display: inline-block;
    width: 49%;
  }
  .item48 {
    margin-bottom: 3.75vw;
    width: auto;
  }
  .p-lineup {
    display: block;
  }
  .p-lineup__item {
    margin-bottom: 3.75vw;
    width: auto;
  }
  .p-ps-about {
    padding: 4.678vw;
  }
  .p-ps-about .space {
    float: none;
    height: 0;
    display: none;
  }
  .p-ps-about .spex-rx-figure {
    float: none;
    margin: 0 auto 2.133vw;
    width: auto;
  }
  .p-spex-rx--img {
    max-width: none;
    margin: 0 auto 2.133vw;
  }
  .p-example__figure {
    font-size: 0;
  }
  .p-example__figure .p-example__figure--item {
    display: inline-block;
    margin: 0 1%;
    width: 48% !important;
  }
}