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

#toray_cont {
	width:950px;
	margin:35px auto 0 auto;
	border-top:4px solid #0089d3;
	padding-top:40px;
}

.main_cont h2 {
	margin-top:;
	font-size:28px;
	font-size:2.8rem;/* =28px */
	line-height:36px;
	line-height:3.6rem;/* =36px */
	font-weight:bold;
	letter-spacing:-1px;
}
.main_cont img {
	width:20%;
}

.main_img {
	margin:30px 0;
}

.sustainable_thought,
.water_problems,
.separation_membrane_technology,
.quality {
	padding-bottom:35px;
	border-bottom:1px dashed #231815;
	margin-bottom:35px;
}
.sustainable_thought h3,
.water_problems h3,
.separation_membrane_technology h3,
.quality h3 {
	color:#0089D3;
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
	margin-bottom:20px;
}
.sustainable_thought ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.sustainable_thought li:first-child {
	width:56.8%;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:normal;
}
.sustainable_thought li:last-child {
	width:39.4%;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:28px;
	line-height:2.8rem;/* =28px */
	font-weight:normal;
}
.water_problems p,
.quality p {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:normal;
}
.chloride_ion h3 {
	color:#0089D3;
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
	margin-bottom:20px;
}
.chloride_ion p {
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:normal;
}
.chloride_ion-img {
	width:75.8%;
	margin:35px auto;
}
.chloride_ion p.next {
	color:#0089D3;
	margin-top:30px;
}
.separation_membrane_technology ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.separation_membrane_technology li:first-child {
	width:56.8%;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:normal;
}
.separation_membrane_technology li:last-child {
	width:38.9%;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:28px;
	line-height:2.8rem;/* =28px */
	font-weight:normal;
}

.link_btn {
	clear:both;
	width:100%;
	padding:54px 0 60px 0;
}
.link_btn ul {
	width:100px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.link_btn li {
	width:45%;
}
.link_btn li a {
	display:inline-block;
	width:100%;
	text-align:center;
	border:1px solid #008BD5;
	color:#008BD5;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:43px;
	line-height:4.3rem;/* =43px */
	font-weight:bold;
	transition: 1.0s;
}
.link_btn li a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#008bd5;
}

@media screen and ( max-width:768px ) {
	#toray_cont {
		width:98%;
		margin:15px auto 0 auto;
		border-top:4px solid #0089d3;
		padding-top:20px;
	}
	
	.main_cont h2 {
		font-size:22px;
		font-size:2.2rem;/* =22px */
		line-height:26px;
		line-height:2.6rem;/* =26px */
	}
	.main_cont img {
		width:40%;
		margin-top:10px;
	}
	
	.sustainable_thought h3,
	.water_problems h3,
	.separation_membrane_technology h3,
	.quality h3 {
		font-size:18px;
		font-size:1.8rem;/* =18px */
		line-height:22px;
		line-height:2.2rem;/* =22px */
		font-weight:normal;
		margin-bottom:16px;
	}
	.sustainable_thought ul {
		width:100%;
		display: -webkit-block;
		display: block;
	}
	.sustainable_thought li:first-child {
		width:100%;
	}
	.sustainable_thought li:last-child {
		width:80%;
		margin:0 auto;
	}
	.chloride_ion-img {
		width:96%;
		margin:35px auto;
	}
	.separation_membrane_technology ul {
		width:100%;
		display: -webkit-block;
		display: block;
	}
	.separation_membrane_technology li:first-child {
		width:100%;
	}
	.separation_membrane_technology li:last-child {
		width:80%;
		margin:0 auto;
	}
}

@media screen and ( max-width:414px ) {
}
