@charset "UTF-8";
/* CSS Document */
@media (max-width :640px){
	.cont h1{
		max-width:90%;
		border-bottom:2px solid #68b7d9;
		padding-bottom:2%;
		font-size:5.93vw;
		line-height:8vw;
		margin:0 auto;
	}
	.br:before {
		content:"\A";
		white-space:pre;
	}
	.main_img_inner{
		font-size:4.06vw;
		line-height:4.5vw;
	}
	.main_img_inner_txt{
		max-width:95%;
		margin:0 auto;
		color:#3e3a39;
	}
	.main_img_inner .sub_txt{
		display:none;
	}
	.main_img_inner .sub:before{
		content:"【";
	}
	.main_img_inner .sub{
		color:#0085be;
		text-align: left;
		/*font-size:0.9em;*/
		margin-top:2%;
	}
	.main_img_inner .sub:after{
		content:"】";
	}
	.main_img_inner .name{
		/*font-size:0.9em;*/
		border-bottom: #cce6f2 solid 1px;
		padding-bottom:4%;
		width:90%;
		text-align:left;
		margin-top:1%;
		margin-left:1%;
	}
	.main_img_inner .product_name .sub{
		margin-top:5%;
	}
	.main_img_inner .volume .sub{
		margin-top:2%;
	}
	.main_img_inner .manu{
		display: none;
	}
	.main_img_inner .anno{
		font-size:0.8em;
		margin-top:2%;
		margin-bottom:3%;
		text-align:left;
	}
	.outer{
		position:relative;
	}
	.main_2_inner{
		position:absolute;
		top:22%;
		left:3%;
		width:94%;
		font-size:4.37vw;
		line-height:6.5vw;
		color:#ffffff;
		text-align:left;
	}
	.main_2_inner .anno{
		display: none;
	}
	.main_3_inner .inner_1{
		position: absolute;
		font-size:4.37vw;
		line-height:6vw;
		text-align: left;
		width:94%;
		top:53%;
		left:3%;
	}
	.main_3_inner .inner_2{
		position:absolute;
		font-size:5.93vw;
		font-weight:bold;
		top:29%;
		left:53%;
	}
	.main_3_inner .inner_3{
		position: absolute;
		font-size:3.43vw;
		line-height:4.5vw;
		top:32%;
		left:53%;
		text-align:left;
	}
	.main_3_inner .inner_4{
		position: absolute;
		font-size:3.75vw;
		line-height:5.5vw;
		text-align:left;
		width:94%;
		top:76.5%;
		left:3%;
		
	}
	.main_4_inner .inner_1{
		position: absolute;
		width:86%;
		text-align: left;
		font-size: 4.1vw;
		line-height: 6.5vw;
		top:32.5%;
		left:7%;
	}
	.main_4_inner .name{
		float:right;
		margin-top:1%;
		font-size:3.9vw;
	}
	.main_4_inner .name:after{
		clear:both;
	}
	.main_4_inner .inner_2{
		position: absolute;
		width:86%;
		text-align: left;
		font-size: 4.1vw;
		line-height: 6.5vw;
		top:51%;
		left:7%;
	}
	.main_4_inner .inner_3{
		position: absolute;
		width:86%;
		text-align: left;
		font-size: 4.1vw;
		line-height: 6.0vw;
		top:78.5%;
		left:7%;
	}
	.main_8_inner .inner_1{
		position: absolute;
		font-size:4.06vw;
		line-height:6vw;
		top:12%;
		left:10%;
	}
	.main_8_inner .inner_2{
		position: absolute;
		font-size: 4.06vw;
		line-height: 7vw;
		width:92%;
		top:87.5%;
		left:4%;
		text-align: left;
	}
	.main_8_inner .inner_3{
		position: absolute;
		font-size:5.31vw;
		line-height: 7vw;
		font-weight: bold;
		top:80%;
		left:16%;
	}
	.main_9_inner .inner_1 br{
		display:none;
	}
	.main_9_inner .inner_1{
		position: absolute;
		width:84%;
		text-align: left;
		font-size: 4.06vw;
		line-height: 7vw;
		color:#ffffff;
		top:55%;
		left:7%;
	}
	.main_9_inner .inner_2{
		position: absolute;
		font-size:5.31vw;
		font-weight:bold;
		line-height:7vw;
		letter-spacing: 0.6vw;
		text-align:left;
		color:#ffffff;
		top:41.5%;
		left:7%;
	}
	.main_11_outer .inner_1{
		position:absolute;
		text-align:left;
		font-size:4.37vw;
		line-height:7vw;
		width:92%;
		top:70%;
		left:4%;
	}
	.main_11_outer .inner_1 br{
		display:none;
	}
	.main_12_outer h5{
		position: absolute;
		font-size: 5vw;
		font-weight: bold;
	}
	.main_12_outer p{
		position: absolute;
		font-size: 4.37vw;
		line-height: 7vw;
		width:44%;
		text-align: left;
	}
	.main_12_outer .inner_1{
		top:64%;
		left:6%;
	}
	.main_12_outer .inner_2{
		top:66%;
		left:4%;
	}
	.main_12_outer .inner_3{
		top:64%;
		left:54%;
	}
	.main_12_outer .inner_4{
		top:66%;
		left:52.5%;
	}
	.main_12_outer .inner_5{
		top:77.5%;
		left:38%;
	}
	.main_12_outer .inner_6{
		top:79.7%;
		left:28.5%;
	}
	.main_12_outer .inner_7{
		top:91.0%;
		left:15%;
	}
	.main_12_outer .inner_8{
		top:93.2%;
		left:4%;
	}
	.main_12_outer .inner_9{
		top:91.0%;
		left:64%;
	}
	.main_12_outer .inner_10{
		top:93.2%;
		left:52.5%;
	}
	.main_13_outer .inner_1 br{
		display:none;
	}
	.main_13_outer .inner_1{
		position: absolute;
		width:92%;
		font-size: 4.37vw;
		line-height: 7vw;
		text-align: left;
		top:24.5%;
		left:4%;
	}
	.main_16_outer .inner_1{
		position:absolute;
		font-size:4.37vw;
		line-height: 5.2vw;
		width:92%;
		text-align: left;
		top:25%;
		left:4%;
	}
	.main_17_outer .inner_1{
		position:absolute;
		font-size: 4.37vw;
		line-height: 7vw;
		color:#ffffff;
		top:50%;
		left:15%;
	}
	.main_18_outer .inner_1{
		position: absolute;
		font-size:4.37vw;
		line-height:5.5vw;
		width:92%;
		text-align: left;
		top:22%;
		left:4%;
		
	}
	.main_19_outer .q{
		position: absolute;
		font-size:5.31vw;
		line-height:7vw;
		font-weight: bold;
		width:92%;
		color:#007fb7;
		text-align: left;
	}
	.main_19_outer .a{
		position: absolute;
		font-size:4.06vw;
		line-height: 7vw;
		text-align: left;
		width:92%;
	}
	.main_19_outer .inner_1{
		top:7.5%;
		left:4%;
	}
	.main_19_outer .inner_2{
		top:10%;
		left:4%;
	}
	.main_19_outer .inner_3{
		top:16%;
		left:4%;
	}
	.main_19_outer .inner_4{
		top:20.5%;
		left:4%;
	}
	.main_19_outer .inner_5{
		top:28%;
		left:4%;
	}
	.main_19_outer .inner_6{
		top:30.5%;
		left:4%;
	}
	.main_19_outer .inner_7{
		top:46.5%;
		left:4%;
	}
	.main_19_outer .inner_8{
		top:50.5%;
		left:4%;
	}
	.main_19_outer .inner_9{
		top:60.5%;
		left:4%;
	}
	.main_19_outer .inner_10{
		top:65%;
		left:4%;
	}
	.main_19_outer .inner_11{
		top:73%;
		left:4%;
	}
	.main_19_outer .inner_12{
		top:76.7%;
		left:4%;
	}
	.main_19_outer .inner_13{
		top:86.8%;
		left:4%;
	}
	.main_19_outer .inner_14{
		top:89%;
		left:4%;
	}

	.voice_outer{
		position: relative;
	}
	.voice_inner{
		position:absolute;
		top:25%;
		left:7%;
		text-align:left;
		width:85%;
		max-width:640px;
		height:62%;
		overflow-y:scroll;
		font-size:4.06vw;
		line-height:5vw;
	}
	.voice_inner::-webkit-scrollbar{
		background:#ccc;
		width:10px;
	}
	.voice_inner::-webkit-scrollbar-thumb{
		background:#aaa;
}
	.voice_inner table{
		width:100%;
	}
	table td{
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:5px;
	}
	table td.color{
		background-color:#fdf5e5;
	}
	table td.user_color{
		background-color:#fdf5e5;
		text-align:right;
	}
	table td.user{
		text-align:right;
	}
	.tyuki{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:2%;
		margin-top:4%;
		width:95%;
		border:1px solid #cccccc;
	}
	.tyuki h3{
		border-bottom:1px solid #cccccc;
		background-color: #eaeaea;
		padding-top:1%;
		padding-bottom:1%;
		font-size:4vw;
		color:8e8e8e;
		font-weight:bold;
	}
	.tyuki p{
		padding-top:1%;
		padding-left:2.5%;
		padding-right:2.5%;
		padding-bottom:1%;
		font-size:3vw;
		line-height: 129%;
		color:#7f7f7f;
	}
}

@media (min-width :641px){
	.cont{
		width:989px;
		margin:0 auto;
	}
	.cont h1{
		width:520px;
		border-bottom:2px solid #68b7d9;
		font-size:24px;
		margin:0 auto;
	}
	.main_img_outer{
		height:540px;
		background:url('../img/hydrogenex_image01_bg.jpg') center;
	}
	.main_img_inner{
		width:1200px;
		margin:0 auto;
		position:relative;
	}
	.main_img_inner .sub_txt{
		position:absolute;
		width:520px;
		top:95px;
		left:572px;
		text-align:left;
		font-size:14px;
	}
	.main_img_inner .sub{
		position:absolute;
		color:#0085be;
		font-size:13px;
	}
	.main_img_inner .name{
		position:absolute;
		font-size:13px;
	}
	.main_img_inner .product_name .sub{
		top:270px;
		left:572px;
		
	}
	.main_img_inner .product_name .name{
		top:270px;
		left:760px;
	}
	.main_img_inner .volume .sub{
		top:305px;
		left:572px;
	}
	.main_img_inner .volume .name{
		top:305px;
		left:760px;
	}
	.main_img_inner .seibun .sub{
		top:338px;
		left:572px;
		text-align:left;
	}
	.main_img_inner .seibun .name{
		top:338px;
		left:760px;
	}
	.main_img_inner .manu .sub{
		top:393px;
		left:572px;
	}
	.main_img_inner .manu .name{
		top:393px;
		left:760px;
	}
	.main_img_inner .use .sub{
		top:428px;
		left:572px;
	}
	.main_img_inner .use .name{
		top:428px;
		left:760px;
		letter-spacing: -1.5px;
	}
	.main_img_inner .anno{
		position:absolute;
		top:470px;
		left:572px;
		font-size:13px;
		text-align: left;
	}
	.main_1{
		background: url(../img/hydrogenex/main_pc_bg.jpg) center no-repeat;
	}
	.main_1709_1{
		background: url(../img/hydrogenex/main_1709_pc_bg.jpg) center no-repeat;
	}
	.outer{
		position:relative;
		width:1200px;
		margin:0 auto;
	}
	.main_2_outer{
		background: url(../img/hydrogenex/jikkan_pc_bg.jpg) center no-repeat;
	}
	.main_2_inner{
		position:absolute;
		width:312px;
		font-size: 18px;
		color:#ffffff;
		top:270px;
		left:800px;
		text-align: left;
	}
	.main_2_inner .anno{
		font-size: 14px;
		color:#ffffff;
	}

	.main_3_outer{
		
	}
	.main_3_inner .inner_1{
		position:absolute;
		width:537px;
		top:435px;
		left:498px;
		font-size:17px;
		text-align:left;
	}
	.main_3_inner .inner_2{
		position: absolute;
		font-size:30px;
		font-weight:bold;
		top:580px;
		left:498px;
	}
	.main_3_inner .inner_3{
		position:absolute;
		font-size:14px;
		top:595px;
		left:630px;
	}
	.main_3_inner .inner_4{
		position:absolute;
		font-size:14px;
		top:635px;
		left:498px;
		text-align: left;
		width:537px;
	}
	.main_4_outer{
		background: url(../img/hydrogenex/morevoice_pc_bg.jpg) center no-repeat;
	}
	.main_4_inner .inner_1{
		position:absolute;
		font-size:18px;
		width:447px;
		text-align: left;
		top:300px;
		left:600px;
	}
	.main_4_inner .inner_2{
		position:absolute;
		font-size:18px;
		width:884px;
		text-align: left;
		top:650px;
		left:160px;
	}
	.main_4_inner .inner_3{
		position:absolute;
		font-size:18px;
		width:884px;
		text-align: left;
		top:1005px;
		left:160px;
	}
	.main_4_inner .name{
		float:right;
		font-size:18px;
	}
	.main_4_inner .name:after{
		clear:both
	}
	.main_5_outer{
		background-color: #4caad1;
	}
	.main_6_outer{
		background-color: #dbdcdc;
	}
	.main_7_outer{
		background: url(../img/hydrogenex/resolve_pc_bg.jpg) center no-repeat;
	}
	.main_8_outer{
		background: url(../img/hydrogenex/ohsama_pc_bg.jpg) center top no-repeat;
	}
	.main_8_outer .inner_1{
		position:absolute;
		font-size:18px;
		text-align:center;
		top:230px;
		left:395px;
	}
	.main_8_outer .inner_2{
		position: absolute;
		font-size:18px;
		text-align:left;
		width:352px;
		top:1178px;
		left:635px;
	}
	.main_9_outer{
		background: url(../img/hydrogenex/goaiyou_pc_bg.jpg) center no-repeat;
	}
	.main_9_inner .inner_1{
		position: absolute;
		font-size:18px;
		color: #ffffff;
		width:443px;
		top:390px;
		left:380px;
		text-align: center;
	}
	.main_10{
		background-color: #0085be;
	}
	.main_11_outer{
		background: url(../img/hydrogenex/kodawari_01_pc_bg.jpg) center no-repeat;
	}
	.main_11_outer .inner_1{
		position: absolute;
		font-size:18px;
		top:430px;
		left:315px;
		text-align: center;
	}
	.main_12_outer .inner_1{
		position:absolute;
		font-size: 30px;
		font-weight: bold;
		top:1500px;
		left:140px;
	}
	.main_12_outer .inner_2{
		position:absolute;
		font-size:22px;
		text-align: left;
		top:1570px;
		left:120px;
		width:287px;
	}
	.main_12_outer .inner_3{
		position:absolute;
		font-size: 30px;
		font-weight: bold;
		top:1500px;
		left:475px;
	}
	.main_12_outer .inner_4{
		position:absolute;
		font-size:22px;
		text-align: left;
		top:1570px;
		left:455px;
		width:287px;
	}
	.main_12_outer .inner_5{
		position:absolute;
		font-size: 30px;
		font-weight: bold;
		top:1500px;
		left:860px;
	}
	.main_12_outer .inner_6{
		position:absolute;
		font-size:22px;
		text-align: left;
		top:1570px;
		left:790px;
		width:287px;
	}
	.main_12_outer .inner_7{
		position:absolute;
		font-size: 30px;
		font-weight: bold;
		top:1842px;
		left:370px;
	}
	.main_12_outer .inner_8{
		position:absolute;
		font-size:22px;
		text-align: left;
		top:1910px;
		left:290px;
		width:287px;
	}
	.main_12_outer .inner_9{
		position:absolute;
		font-size: 30px;
		font-weight: bold;
		top:1842px;
		left:705px;
	}
	.main_12_outer .inner_10{
		position:absolute;
		font-size:22px;
		text-align: left;
		top:1910px;
		left:625px;
		width:287px;
	}
	.main_13_outer{
		background: url(../img/hydrogenex/kodawari_03_pc_bg.jpg) center no-repeat;
	}
	.main_13_outer .inner_1{
		position:absolute;
		font-size: 18px;
		text-align:center;
		top:330px;
		left:280px;
		
	}
	.main_14{
		background: url(../img/hydrogenex/media_pc_bg.jpg) center no-repeat;
	}
	.main_16_outer{
		background: url(../img/hydrogenex/hinshitsu_lot_pc_bg.jpg) center no-repeat;
	}
	.main_16_outer .inner_1{
		position:absolute;
		font-size:18px;
		text-align: center;
		top:210px;
		left:310px;
	}
	.main_17_outer{
		background: url(../img/hydrogenex/hinshitsu_kanri_pc_bg.jpg) center no-repeat;
	}
	.main_17_outer .inner_1{
		position:absolute;
		font-size:18px;
		text-align: center;
		top:340px;
		left:380px;
		color:#ffffff;
	}
	.main_18_outer {
		background: url(../img/hydrogenex/hinshitsu_genryo_pc_bg.jpg) center no-repeat;
	}
	.main_18_outer .inner_1{
		position:absolute;
		font-size:18px;
		text-align: center;
		top:320px;
		left:300px;
	}
	.main_19_outer{
		margin-top:88px;
	}
	.main_19_outer .q{
		color: #007fb7;
		font-size:30px;
		width:844px;
		text-align:left;
		position:absolute;
	}
	.main_19_outer .a{
		font-size:18px;
		width:844px;
		text-align: left;
		position: absolute;
	}
	.main_19_outer .inner_1{
		top:160px;
		left:180px;
	}
	.main_19_outer .inner_2{
		top:215px;
		left:180px;
	}
	.main_19_outer .inner_3{
		top:290px;
		left:180px;
	}
	.main_19_outer .inner_4{
		top:385px;
		left:180px;
	}
	.main_19_outer .inner_5{
		top:470px;
		left:180px;
	}
	.main_19_outer .inner_6{
		top:525px;
		left:180px;
	}
	.main_19_outer .inner_7{
		top:665px;
		left:180px;
	}
	.main_19_outer .inner_8{
		top:720px;
		left:180px;
	}
	.main_19_outer .inner_9{
		top:805px;
		left:180px;
	}
	.main_19_outer .inner_10{
		top:860px;
		left:180px;
	}
	.main_19_outer .inner_11{
		top:945px;
		left:180px;
	}
	.main_19_outer .inner_12{
		top:1000px;
		left:180px;
	}
	.main_19_outer .inner_13{
		top:1085px;
		left:180px;
	}
	.main_19_outer .inner_14{
		top:1140px;
		left:180px;
	}
	.voice_outer{
		position:relative;
		width:1200px;
		margin:0 auto;
	}
	.voice_inner{
		position:absolute;
		top:190px;
		left:140px;
		text-align:left;
		width:915px;
		height:250px;
		overflow-y:scroll;
		font-size:14px;
	}
	.voice_inner table{
		width:100%;
	}
	.voice_inner table td{
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
	}
	.voice_inner table td.color{
		background-color:#fdf5e5;
	}
	.voice_inner table td.user_color{
		background-color:#fdf5e5;
		text-align:right;
	}
	.voice_inner table td.user{
		text-align:right;
	}
	.kounyu_sec{
		width:1200px;
		margin:0 auto;
	}
	.kounyu_outer{
		background-color: #0085be;
	}
	.tyuki{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:40px;
		width:989px;
		border:1px solid #cccccc;
	}
	.tyuki h3{
		border-bottom:1px solid #cccccc;
		background-color: #eaeaea;
		padding-top:5px;
		padding-bottom:5px;
		font-size:14px;
		color:8e8e8e;
		font-weight:bold;
	}
	.tyuki p{
		padding-top:5px;
		padding-left:17px;
		padding-right:17px;
		padding-bottom:5px;
		font-size:12px;
		line-height: 129%;
		color:#7f7f7f;
	}
}

*{
	color:#3e3a39;
}
img{
	margin:0 auto;
	padding:0;
	vertical-align: bottom;
}
}