/* -------------------------------------------------------------------------------------------------------------

	style.css

------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------

	PC / PRINT

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 769px), print {
	/* -------------------------------------------------------------------------------------------------------*/
	/* c3CmnTtl01
	-----------------------------------------------------------------*/
	.c3CmnTtl01 {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/ico_water01_sp.png");
	}
	/* c3CmnTtl02
	-----------------------------------------------------------------*/
	.c3CmnTtl02 {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/ico_water01_sp.png");
	}
	.c3CmnTtl02:after {
		background: #003188;
	}
	/* c3CmnBg01
	-----------------------------------------------------------------*/
	.c3CmnBg01 {
		background: #e4ecf9;
	}
	.c3CmnBg01:before {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_hr02.png");
	}
	.c3CmnBg01:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_hr03.png");
	}
	/* c3Mv
	-----------------------------------------------------------------*/
	.c3hydroone .c3Mv {
		height: 523px;
		background: url("/-/Media/com/c3/top/190426/c3hydroone/bg_mv01.jpg") no-repeat center;
		background-size: cover;
		position: relative;
	}
	.c3hydroone .c3Mv .c3MvTxt01, .c3hydroone .c3Mv .c3MvImg01 {
		position: absolute;
	}
	.c3hydroone .c3Mv .c3MvTxt01 {
		left: calc(50% - 464px);
		top: 40px;
	}
	.c3hydroone .c3Mv .c3MvImg01 {
		left: calc(50% - 108px);
		top: 89px;
	}
	/* c3CmnLnav
	-----------------------------------------------------------------*/
	.c3hydroone #c3CmnLnav {
		background: #003188;
	}
	.c3hydroone #c3CmnLnav .c3CmnLnavBtn01 {
		width: 235px;
	}
	.c3hydroone #c3CmnLnav .c3CmnLnavBtn01 a span:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/ico_arrow01_r_sp.png");
	}
	/* c3LeadArea01
	-----------------------------------------------------------------*/
	.c3hydroone .c3LeadArea01.c3CmnBg01 {
		padding-top: 35px;
		padding-bottom: 59px;
	}
	.c3hydroone .c3LeadArea01.c3CmnBg01:before {
		display: none;
	}
	.c3hydroone .c3LeadArea01.c3CmnBg01:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_hr01.png");
	}
	.c3hydroone .c3LeadArea01Txt01 {
		font-size: 2.4rem;
		font-weight: 700;
		color: #003188;
		text-align: center;
	}
	.c3hydroone .c3LeadArea01Blc01 {
		margin: 28px 0 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.c3hydroone .c3LeadArea01Blc01 > ul {
		width: 460px;
		padding: 0 0 10px;
	}
	.c3hydroone .c3LeadArea01Blc01 > ul li {
		font-size: 1.6rem;
		line-height: 1.88;
		padding: 0 0 0 1.01em;
		position: relative;
		margin: 5px 0 0;
	}
	.c3hydroone .c3LeadArea01Blc01 > ul li:first-child {
		margin-top: 0;
	}
	.c3hydroone .c3LeadArea01Blc01 > ul li i {
		color: #003188;
		line-height: 1.88;
		position: absolute;
		left: 0;
	}
	.c3hydroone .c3LeadArea01Blc01 > div {
		width: 460px;
	}
	/* c3About
	-----------------------------------------------------------------*/
	.c3hydroone .c3About {
		padding-right: 4%;
		padding-left: 4%;
		padding-bottom: 20px;
	}
	.c3hydroone .c3Box01Wrap {
		margin: 30px 0 0;
		display: flex;
		justify-content: space-between;
	}
	.c3hydroone .c3Box01Wrap .c3CmnBox01 {
		width: 455px;
	}
	.c3hydroone .c3Box01Ttl01, .c3hydroone .c3Box01Ttl02 {
		color: #fff;
		background: #003188;
		font-size: 2.0rem;
		font-weight: 700;
		text-align: center;
		padding: 15px 0 0;
	}
	.c3hydroone .c3Box01Ttl01:after, .c3hydroone .c3Box01Ttl02:after {
		content: "";
		display: block;
		width: 100%;
		background: no-repeat center bottom;
		background-size: cover;
		margin: 20px 0 0;
		position: relative;
		bottom: -1px;
	}
	.c3hydroone .c3Box01Ttl01:after {
		height: 25px;
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_boxhr01.png");
		margin-top: 10px;
	}
	.c3hydroone .c3Box01Ttl02:after {
		height: 18px;
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_boxhr02.png");
		margin-top: 10px;
	}
	.c3hydroone .c3Box01Wrap .c3CmnBoxInner01 {
		padding-top: 20px;
	}
	.c3hydroone .c3Box01Wrap .c3CmnBoxInner01 p {
		line-height: 1.71;
	}
	.c3hydroone .c3AboutTxt01 {
		font-size: 1.6rem;
		line-height: 1.875;
		margin: 25px 0 0;
	}
	.c3hydroone .c3AboutTxt01 span {
		color: #003188;
		font-weight: 700;
	}
	/* c3Product
	-----------------------------------------------------------------*/
	.c3hydroone .c3Product .c3ProductBox01 {
		display: flex;
		width: 100%;
		align-items: center;
		margin: 48px 0 0;
	}
	.c3hydroone .c3Product .c3ProductBox01 > div {
		width: 510px;
		padding: 20px 0 0 220px;
		box-sizing: border-box;
	}
	.c3hydroone .c3Product .c3ProductBox01 .c3ProductTxt01 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.33;
		color: #003188;
	}
	.c3hydroone .c3Product .c3ProductBox01 .c3ProductTxt02 {
		margin: 5px 0 0;
	}
	.c3hydroone .c3Product .c3ProductBox01 .c3ProductImg01 {}
	.c3hydroone .c3Product .c3ProductTxt03 {
		background: #003188;
		padding: 30px 30px 20px;
	}
	.c3hydroone .c3Product .c3ProductTxt03 p {
		color: #fff;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.33;
		text-align: center;
	}
	.c3hydroone .c3Product .c3ProductTxt03 p span {
		display: block;
		font-size: 1.1rem;
		font-weight: 300;
		margin: 5px 0 0;
	}
	.c3hydroone .c3Product .c3ProductTxt04 {
		font-size: 1.1rem;
		color: #666;
		margin: 15px 0 0;
	}
	.c3hydroone .c3Product .c3ProductBox02 > div {
		display: flex;
		justify-content: space-between;
		margin: 50px 0 0;
	}
	.c3hydroone .c3Product .c3ProductBox02 dl {
		width: 280px;
	}
	.c3hydroone .c3Product .c3ProductBox02 dt {
		color: #003188;
		font-size: 1.8rem;
		font-weight: 700;
		text-align: center;
		background: #c2d0e8;
		padding: 7px 5px;
	}
	.c3hydroone .c3Product .c3ProductBox02 dd {
		line-height: 1.71;
		margin: 8px 0 0;
	}
	.c3hydroone .c3Box02 {
		margin-top: 40px;
	}
	.c3hydroone .c3Box02Ttl01 {
		color: #fff;
		background: #003188;
		font-size: 2.0rem;
		font-weight: 700;
		text-align: center;
		padding: 23px 0 0;
	}
	.c3hydroone .c3Box02Ttl01:after {
		content: "";
		display: block;
		width: 100%;
		height: 25px;
		background: url("/-/Media/com/c3/top/190426/c3hydroone/bg_boxhr03.png") no-repeat center bottom;
		background-size: cover;
		margin: 20px 0 0;
		position: relative;
		bottom: -1px;
	}
	.c3hydroone .c3ProductColumnWrap {
		width: 940px;
		margin: 0 auto;
		padding: 0 0 58px;
	}
	.c3hydroone .c3ProductColumn {
		padding: 0 28px 15px;
		border: 2px solid #e4ecf9;
	}
	.c3hydroone .c3ProductColumnTtl01 {
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.33;
		color: #003188;
		text-align: center;
		padding: 27px 30px;
		border-bottom: 2px solid #e4ecf9;
	}
	.c3hydroone .c3ProductColumnBlc01 {
		display: flex;
		justify-content: space-between;
		margin: 27px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div {
		width: 645px;
	}
	.c3hydroone .c3ProductColumnBlc01 > div p {
		font-size: 1.6rem;
		line-height: 1.75;
		margin: 1em 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div p:first-child {
		margin-top: 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div p span {
		color: #003188;
		font-weight: 700;
	}
	.c3hydroone .c3ProductColumnBlc01 > div ul {
		margin: 15px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div ul li {
		color: #666;
		font-size: 1.1rem;
		line-height: 1.36;
		text-indent: -1em;
		padding-left: 1em;
		margin: 5px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div ul li:first-child {
		margin-top: 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > ul {
		width: 202px;
	}
	.c3hydroone .c3ProductColumnBlc01 > ul li {
		text-align: center;
	}
	.c3hydroone .c3ProductColumnBlc01 > ul li + li {
		margin: 15px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > ul li img {}
	.c3hydroone .c3ProductColumnBlc01 > ul li span {
		display: block;
		color: #003188;
		font-size: 1.4rem;
		line-height: 1.43;
		margin: 5px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc02 {
		margin: 30px 0 0;
		display: flex;
		justify-content: space-between;
	}
	.c3hydroone .c3ProductColumnBlc02 > dl {
		width: 425px;
	}
	.c3hydroone .c3ProductColumnBlc02 > dl + dl {}
	.c3hydroone .c3ProductColumnBlc02 > dl > dt {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.38;
		color: #003188;
		text-align: center;
		background: #e4ecf9;
		padding: 12px 30px;
	}
	.c3hydroone .c3ProductColumnBlc02 > dl > dt span {
		display: block;
		font-size: 1.2rem;
		font-weight: 400;
	}
	.c3hydroone .c3ProductColumnBlc02 > dl > dd {
		margin: 13px 0 0;
	}
	.c3hydroone .c3ProductColumnList01 li {
		line-height: 1.57;
		padding: 0 0 0 0.57em;
		margin: 5px 0 0;
		position: relative;
	}
	.c3hydroone .c3ProductColumnList01 li:before {
		content: "";
		display: inline-block;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		vertical-align: middle;
		background: #003188;
		position: absolute;
		left: 0;
		top: 0.5em;
	}
	.c3hydroone .c3ProductColumnList02 {
		width: 280px;
		display: flex;
		justify-content: space-between;
	}
	.c3hydroone .c3ProductColumnList02 li {
		width: 135px;
		text-align: center;
	}
	.c3hydroone .c3ProductColumnList02 li img {}
	.c3hydroone .c3ProductColumnList02 li span {
		display: block;
		color: #003188;
		font-size: 1.2rem;
		line-height: 1.33;
		margin: 5px 0 0;
	}
	.c3hydroone .c3ProductColumnList03 {
		width: 135px;
	}
	.c3hydroone .c3ProductColumnList03 dt, .c3hydroone .c3ProductColumnList03 dd {
		color: #666;
		font-size: 1.1rem;
		line-height: 1.36;
	}
	.c3hydroone .c3ProductColumnList03 dd {
		margin: 5px 0 0;
	}
	.c3hydroone .c3ProductColumnWrap .c3CmnBtn01 a {
		background: #003188;
	}
	.c3hydroone .c3ProductColumnBox01 {
		margin: 15px 0 0;
		display: flex;
		justify-content: space-between;
	}
	/* c3CmnProduct
	-----------------------------------------------------------------*/
	.c3hydroone #c3CmnProduct {
		background: #dee8f8;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBox01 .c3CmnProductTxt01 {
		color: #003188;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBox02 p {
		color: #003188;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBox02 dt span {
		background: #003188;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBtn a {
		background: #003188;
	}
	/* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	PC

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
	/* -------------------------------------------------------------------------------------------------------*/
	/* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	TAB

------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 768px) {
	/* -------------------------------------------------------------------------------------------------------*/
	/* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	SP / TAB

------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
	/* -------------------------------------------------------------------------------------------------------*/
	/* c3CmnTtl01
	-----------------------------------------------------------------*/
	.c3CmnTtl01 {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/ico_water01_sp.png");
	}
	/* c3CmnTtl02
	-----------------------------------------------------------------*/
	.c3CmnTtl02 {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/ico_water01_sp.png");
	}
	.c3CmnTtl02:after {
		background: #003188;
	}
	/* c3CmnBg01
	-----------------------------------------------------------------*/
	.c3CmnBg01 {
		background: #e4ecf9;
	}
	.c3CmnBg01:before {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_hr02_sp.png");
	}
	.c3CmnBg01:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_hr03_sp.png");
	}
	/* c3Mv
	-----------------------------------------------------------------*/
	.c3hydroone .c3Mv {
		padding: 100vw 0 0;
		background: url("/-/Media/com/c3/top/190426/c3hydroone/bg_mv01_sp.jpg") no-repeat center;
		background-size: cover;
		position: relative;
	}
	.c3hydroone .c3Mv .c3MvTxt01, .c3hydroone .c3Mv .c3MvImg01 {
		position: absolute;
	}
	.c3hydroone .c3Mv .c3MvTxt01 {
		width: 76.13vw;
		left: 4.13vw;
		top: 3.47vw;
	}
	.c3hydroone .c3Mv .c3MvImg01 {
		width: 84.53vw;
		right: 3.07vw;
		bottom: 1.2vw;
	}
	/* c3CmnLnav
	-----------------------------------------------------------------*/
	.c3hydroone #c3CmnLnav {
		background: #003188;
	}
	.c3hydroone #c3CmnLnav .c3CmnLnavBtn01 a span:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/ico_arrow01_r_sp.png");
	}
	/* c3LeadArea01
	-----------------------------------------------------------------*/
	.c3hydroone .c3LeadArea01.c3CmnBg01 {
		padding-top: 25px;
		padding-bottom: 29px;
	}
	.c3hydroone .c3LeadArea01.c3CmnBg01:before {
		display: none;
	}
	.c3hydroone .c3LeadArea01.c3CmnBg01:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_hr01_sp.png");
	}
	.c3hydroone .c3LeadArea01Txt01 {
		font-size: 1.8rem;
		font-weight: 700;
		color: #003188;
		text-align: center;
	}
	.c3hydroone .c3LeadArea01Blc01 {
		margin: 25px 0 0;
		display: flex;
		justify-content: space-between;
	}
	.c3hydroone .c3LeadArea01Blc01 > ul {
		width: 60vw;
	}
	.c3hydroone .c3LeadArea01Blc01 > ul li {
		padding: 0 0 0 1.01em;
		position: relative;
		margin: 5px 0 0;
	}
	.c3hydroone .c3LeadArea01Blc01 > ul li:first-child {
		margin-top: 0;
	}
	.c3hydroone .c3LeadArea01Blc01 > ul li i {
		color: #003188;
		line-height: 1.5;
		position: absolute;
		left: 0;
	}
	.c3hydroone .c3LeadArea01Blc01 > div {
		width: 28vw;
	}
	/* c3About
	-----------------------------------------------------------------*/
	.c3hydroone .c3About {
		padding-right: 4%;
		padding-left: 4%;
		padding-bottom: 20px;
	}
	.c3hydroone .c3Box01Wrap {
		margin: 20px 0 0;
	}
	.c3hydroone .c3Box01Ttl01, .c3hydroone .c3Box01Ttl02 {
		color: #fff;
		background: #003188;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.33;
		text-align: center;
		padding: 15px 0 0;
	}
	.c3hydroone .c3Box01Ttl01:after, .c3hydroone .c3Box01Ttl02:after {
		content: "";
		display: block;
		width: 100%;
		height: 6.67vw;
		background: no-repeat center bottom;
		background-size: cover;
		margin: 5px 0 0;
		position: relative;
		bottom: -1px;
	}
	.c3hydroone .c3Box01Ttl01:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_boxhr01_sp.png");
	}
	.c3hydroone .c3Box01Ttl02:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_boxhr02_sp.png");
	}
	.c3hydroone .c3AboutTxt01 {
		font-size: 1.6rem;
		line-height: 1.875;
		margin: 20px 0 0;
	}
	.c3hydroone .c3AboutTxt01 span {
		color: #003188;
		font-weight: 700;
	}
	/* c3Product
	-----------------------------------------------------------------*/
	.c3hydroone .c3Product .c3ProductBox01 {
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		margin: 27px 0 0;
		padding: 0 0 10px;
		position: relative;
	}
	.c3hydroone .c3Product .c3ProductBox01 > div {
		padding: 0 0 0 7vw;
	}
	.c3hydroone .c3Product .c3ProductBox01 .c3ProductTxt01 {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.31;
		color: #003188;
	}
	.c3hydroone .c3Product .c3ProductBox01 .c3ProductTxt02 {
		font-size: 1.2rem;
		font-weight: 500;
		margin: 5px 0 0;
	}
	.c3hydroone .c3Product .c3ProductBox01 .c3ProductImg01 {
		width: 40vw;
		padding: 0 10.13vw 0 0;
		box-sizing: border-box;
	}
	.c3hydroone .c3Product .c3ProductTxt03 {
		background: #003188;
		margin: 0 -4vw;
		padding: 15px 4vw;
	}
	.c3hydroone .c3Product .c3ProductTxt03 p {
		color: #fff;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.33;
		text-align: center;
	}
	.c3hydroone .c3Product .c3ProductTxt03 p span {
		display: block;
		font-size: 1.1rem;
		font-weight: 300;
		margin: 5px 0 0;
	}
	.c3hydroone .c3Product .c3ProductTxt04 {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		font-size: 1.1rem;
		color: #666;
		text-align: center;
	}
	.c3hydroone .c3Product .c3ProductBox02 {
		margin: 45px 0 0;
	}
	.c3hydroone .c3Product .c3ProductBox02 dl {
		margin: 24px 0 0;
	}
	.c3hydroone .c3Product .c3ProductBox02 dt {
		color: #003188;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: center;
		background: #c2d0e8;
		padding: 8px 4vw;
	}
	.c3hydroone .c3Product .c3ProductBox02 dd {
		line-height: 1.71;
		margin: 5px 0 0;
	}
	.c3hydroone .c3Box02 {
		margin-top: 35px;
	}
	.c3hydroone .c3Box02Ttl01 {
		color: #fff;
		background: #003188;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.33;
		text-align: center;
		padding: 15px 0 0;
	}
	.c3hydroone .c3Box02Ttl01:after {
		content: "";
		display: block;
		width: 100%;
		height: 6.67vw;
		background: no-repeat center bottom;
		background-size: cover;
		margin: 5px 0 0;
		position: relative;
		bottom: -1px;
	}
	.c3hydroone .c3Box02Ttl01:after {
		background-image: url("/-/Media/com/c3/top/190426/c3hydroone/bg_boxhr02_sp.png");
	}
	.c3hydroone .c3ProductColumnWrap {
		padding: 0 4% 34px;
	}
	.c3hydroone .c3ProductColumn {
		padding: 0 4vw 15px;
		border: 2px solid #e4ecf9;
	}
	.c3hydroone .c3ProductColumnTtl01 {
		font-size: 1.8rem;
		font-weight: 700;
		color: #003188;
		text-align: center;
		padding: 20px 4vw;
		margin: 0 -4vw;
		border-bottom: 2px solid #e4ecf9;
	}
	.c3hydroone .c3ProductColumnBlc01 {}
	.c3hydroone .c3ProductColumnBlc01 > div {
		padding: 15px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div p {
		line-height: 1.71;
		margin: 1em 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div p:first-child {
		margin-top: 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div p span {
		color: #003188;
		font-weight: 700;
	}
	.c3hydroone .c3ProductColumnBlc01 > div ul {
		margin: 15px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > div ul li {
		color: #666;
		font-size: 1.1rem;
		line-height: 1.36;
		text-indent: -1em;
		padding-left: 1em;
		margin: 5px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > ul {
		display: flex;
		justify-content: space-around;
		margin: 18px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc01 > ul li {
		width: 50%;
		text-align: center;
	}
	.c3hydroone .c3ProductColumnBlc01 > ul li img {
		width: 26.93vw;
	}
	.c3hydroone .c3ProductColumnBlc01 > ul li span {
		display: block;
		color: #003188;
		font-size: 1.2rem;
		line-height: 1.33;
		margin: 10px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc02 {
		margin: 30px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc02 > dl + dl {
		margin: 15px 0 0;
	}
	.c3hydroone .c3ProductColumnBlc02 > dl > dt {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.38;
		color: #003188;
		text-align: center;
		background: #e4ecf9;
		padding: 10px 4vw;
	}
	.c3hydroone .c3ProductColumnBlc02 > dl > dt span {
		display: block;
		font-size: 1.2rem;
		font-weight: 400;
	}
	.c3hydroone .c3ProductColumnBlc02 > dl > dd {
		margin: 10px 0 0;
	}
	.c3hydroone .c3ProductColumnList01 li {
		line-height: 1.57;
		padding: 0 0 0 0.57em;
		margin: 5px 0 0;
		position: relative;
	}
	.c3hydroone .c3ProductColumnList01 li:before {
		content: "";
		display: inline-block;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		vertical-align: middle;
		background: #003188;
		position: absolute;
		left: 0;
		top: 0.5em;
	}
	.c3hydroone .c3ProductColumnList02 {
		display: flex;
		justify-content: space-around;
		margin: 15px 0 0;
	}
	.c3hydroone .c3ProductColumnList02 li {
		width: 50%;
		text-align: center;
	}
	.c3hydroone .c3ProductColumnList02 li img {
		width: 19.2vw;
	}
	.c3hydroone .c3ProductColumnList02 li span {
		display: block;
		color: #003188;
		font-size: 1.2rem;
		line-height: 1.33;
		margin: 10px 0 0;
	}
	.c3hydroone .c3ProductColumnList03 {
		margin: 15px 0 0;
	}
	.c3hydroone .c3ProductColumnList03 dt, .c3hydroone .c3ProductColumnList03 dd {
		color: #666;
		font-size: 1.1rem;
		line-height: 1.36;
	}
	.c3hydroone .c3ProductColumnList03 dd {
		margin: 5px 0 0;
	}
	.c3hydroone .c3ProductColumnWrap .c3CmnBtn01 a {
		background: #003188;
	}
	/* c3CmnProduct
	-----------------------------------------------------------------*/
	.c3hydroone #c3CmnProduct {
		background: #dee8f8;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBox01 .c3CmnProductTxt01 {
		color: #003188;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBox01 .c3CmnProductImg01 {
		padding: 0 6.67vw 0 0;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBox02 p {
		color: #003188;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBox02 dt span {
		background: #003188;
	}
	.c3hydroone #c3CmnProduct .c3CmnProductBtn a {
		background: #003188;
	}
	/* -------------------------------------------------------------------------------------------------------*/
}
/* -------------------------------------------------------------------------------------------------------------

	print

------------------------------------------------------------------------------------------------------------- */
@media print {
	/* -------------------------------------------------------------------------------------------------------*/
	/* -------------------------------------------------------------------------------------------------------*/
}
