@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
	padding: 0;
	margin:0;
}
html {
	margin:0;
	}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	margin:0 auto 0 auto;
	height:100%;
	font-style: normal;
	font-weight: 300;
	overflow-x: hidden;
	}

html>/**/body {
	font-size: 16px;
}

a:link{
	color:#000000; text-decoration:underline;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	}
a:visited{color:#000000; text-decoration:none;}
a:active{color:#623f31; text-decoration:none;}
a:hover{color:#623f31; text-decoration:none;}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	min-height: 1px;
	}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}

.br-sp {
	display:none;
	}

img {
	vertical-align: bottom;
	}

h1 ,h2 ,h3 ,h4 {
	font-weight:normal;
	font-size:100%;
	}

h1 {
	font-size:230%;
	line-height:1.2em;
	padding:15px 10px 15px 80px;
	margin:15px 0;
	}
	
h2 {
	font-size:470%;
	color:#14116e;
	line-height:1.2em;
	font-weight: 300;
	letter-spacing:0.15em;
	margin-bottom:50px;
	}
	
#company h2 ,#contact h2 ,#trouble h2 ,#policy h2 {
	font-size:180%;
	letter-spacing:0.15em;
	border-bottom:solid 5px #00a0e9;
	padding-bottom:5px;
	margin-bottom:40px;
	}

h3 {
	font-size:320%;
	line-height:1.2em;
	font-weight: 300;
	letter-spacing:0.15em;
	margin-bottom:50px;
	}
	
#trouble h3, #policy h3 {
	font-size:130%;
	letter-spacing:0.15em;
	margin-bottom:10px;
	}

h4 {
	font-size:320%;
	line-height:1.2em;
	font-weight: 300;
	letter-spacing:0.15em;
	margin-bottom:50px;
	}

h5 {
	font-weight: 300;
	font-size:200%;
	line-height: 1.5em;
	}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	width:100%;
}

tr {
	border-top:solid #000000 1px;
	padding:10px;
	}

th {
	background-color:#d3edfb;
	border-top:solid #000000 1px;
	border-bottom:solid #000000 1px;
	padding:10px;
	font-weight:300;
	text-align:left;
	vertical-align:top;
	width:30%;
	}

td {
	border-top:solid #000000 1px;
	border-bottom:solid #000000 1px;
	padding:10px;
	}

#gnavi a:link{color:#333333; text-decoration:none;}
#gnavi a:visited{color:#e8e4e2; color:#333333; text-decoration:none;}
#gnavi a:active{color:#e8e4e2; color:#00a0e9; text-decoration:underline;}
#gnavi a:hover{color:#e8e4e2; color:#00a0e9; text-decoration:underline;}


#header {
	max-width:1200px;
	margin:0px auto;
	background-color:#ffffff;
	z-index:9999;
	border-top:solid 1px #999999;
	}

#header.fixed {
	position:fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px  4px 6px -4px #999999;
	}

#main_contents {
	max-width:1200px;
	margin:0px auto;
	border:solid 1px #000000;
	}

#kv {
	position:relative;
	overflow:hidden;
	}

#kv .kv {
	width:100%;
	}

#kv .logo {
	position:absolute;
	width:56%;
	top:30%;
	left:3%;
	}

#kv .product {
	position:absolute;
	width:45%;
	top:48%;
	left:6.5%;
	}
	
#header .logo ,#CompHeader .logo {
	width:38%;
	margin:15px 0 10px 3%;
	}
	
#gnavi {
	float:right;
	border-top:solid 10px #00a0e9;
	margin:0;
	padding:0;
	position:relative;
	}
	
#gnavi li {
	float:left;
	list-style-type:none;
	margin:10px 3vw 15px 0;
	}
	
#gnavi li.sub {
	
	}
	
#gnavi li .subMenu {
	position:absolute;
	top:40px;
	font-size:12px;
	line-height:1.5em;
	}

#content1 {
	background-color:#d3edfb;
	text-align:center;
	padding:130px 30px;
	}

#content1 p {
	font-size:200%;
	line-height:1.6em;
	}

#content2 {
	text-align:center;
	padding:50px 30px;
	}

#content2 p {
	font-size:160%;
	line-height:1.6em;
	}

#content2 img {
	width:400px;
	}

#content3 {
	background-color:#d3edfb;
	text-align:center;
	padding:130px 30px;
	}

#content3 p {
	font-size:200%;
	line-height:1.6em;
	}

#content4 {
	text-align:center;
	padding:50px 30px 20px 30px;
	}

#content4 .conditionTitle {
	font-size:200%;
	line-height: 1.5em;
	font-weight:400;
	}

#content4 .condition {
	border:solid 7px #00a0e9;
	border-radius:25px;
	font-size:160%;
	line-height:1.6em;
	text-align:left;
	padding:20px 5% 5px 8%;
	margin:20px 10%;
	}

#content4 .condition ol {
	margin-bottom:20px;
	}

#content4 .condition p {
	font-size:70%;
	line-height:1.5em;
	}

#content4 .notes {
	text-align:left;
	margin-left:14%;
	}

#content5 {
	text-align:center;
	padding:50px 30px 20px 30px;
	}

#content5 p {
	font-size:200%;
	line-height:1.6em;
	}

#content5 .condition {
	border:solid 7px #00a0e9;
	border-radius:25px;
	font-size:160%;
	line-height:1.6em;
	text-align:left;
	padding:20px 5% 5px 8%;
	margin:50px 10%;
	}

#content5 .condition ol {
	margin-bottom:20px;
	}

#content5 .condition p {
	font-size:70%;
	line-height:1.5em;
	}

#content5 .notes {
	font-size:160%;
	line-height:1.6em;
	text-align:left;
	margin:20px 10%;
	}

#content5 .notes .title {
	font-size:120%;
	text-align:left;
	margin:50px 0 15px 0;
	border-bottom:solid 1px #000000;
	}

#content5 .notes li {
	margin-left:1em;
	font-size:90%;
	}

#content5 .notes span {
	font-size:90%;
	}

#content5 .separator {
	color:#00a0e9;
	font-size:160%;
	letter-spacing:0.4em;
	margin:70px 0;
	}

#content5 img {
	width:80%;
	}

#content6 {
	background-color:#00a0e9;
	text-align:center;
	padding:50px 30px;
	margin:50px 0;
	color:#ffffff;
	}

#content6 h2 {
	color:#ffffff;
	}

#content6 p {
	font-size:200%;
	line-height:1.6em;
	}

#content6 div {
	text-align:left;
	margin:20px 0 0 20%;
	}

#content6 img {
	width:65%;
	}

#content7 {
	text-align:center;
	padding:50px 30px;
	margin:50px 0;
	font-size:160%;
	}

#content7 .logo {
	margin-bottom:40px;
	}

#content7 .logo img {
	width:60%;
	}

#content7 .conceptTitle {
	font-size:85%;
	}

#content7 h3 {
	font-size:210%;
	margin:20px 0 50px 0;
	}

#content7 .concept {
	position:relative;
	border-top:solid 1px #00a0e9;
	border-bottom:solid 1px #00a0e9;
	text-align:left;
	font-size:80%;
	line-height:2em;
	padding:20px 215px 20px 0;
	margin:30px 10%;
	z-index:1;
	}

#content7 .ProductImg {
	position:absolute;
	bottom:10px;
	right:0;
	width:30%;
	min-width:215px;
	z-index:1;
	}

#content7 .condition {
	border:solid 7px #00a0e9;
	border-radius:25px;
	text-align:left;
	padding:20px 5% 20px 5%;
	margin:50px 10% 0 10%;
	}

#content7 .condition p {
	font-size:150%;
	line-height:1.6em;
	text-align:center;
	}

#content7 .condition span {
	font-size:80%;
	line-height:2em;
	}

#content7 .condition span img {
	float:right;
	width:170px;
	}

#content8 {
	text-align:center;
	margin:0;
	}

#content8 img {
	width:80%;
	margin-top:50px;
	}

#content8 .pdf {
	padding-left:11.5%;
	margin:15px 0 50px 0;
	text-align:left;
	}

.pdf a {
	border:solid 1px #f39800;
	padding:5px 10px;
	text-decoration:none;
	color:#f39800;
	line-height:3em;
	}

#content9 {
	text-align:center;
	margin:0;
	}

#content9 img {
	width:80%;
	margin-top:15px;
	}

#content9 .pdf {
	padding-left:10%;
	margin:15px 0 50px 0;
	text-align:left;
	}

#content9 .ChemicalSubstance {
	margin:50px 10% 0 10%;
	text-align:left;
	}

#content9 .ChemicalSubstance .title {
	font-size:140%;
	line-height:1.6em;
	margin-bottom:15px;
	}

#content9 .ChemicalSubstance img {
	width:100%;
	margin:0;
	}

.blueIcon {
	text-align:center;
	background-color:#00a0e9;
	border-radius:83px;
	width:166px;
	height:103px;
	color:#ffffff;
	margin:10px auto 50px auto;
	padding-top:63px;
	font-size:150%;
	line-height:1.6em;
	letter-spacing:0.15em;
	}

.blueIconTowLine {
	text-align:center;
	background-color:#00a0e9;
	border-radius:83px;
	width:166px;
	height:121px;
	color:#ffffff;
	margin:10px auto 50px auto;
	padding-top:45px;
	font-size:150%;
	line-height:1.6em;
	letter-spacing:0.15em;
	}

#company ,#trouble ,#policy {
	margin:150px 15% 20px 15%;
	}

#CompHeader {
	max-width:1200px;
	margin:0px auto;
	background-color:#ffffff;
	z-index:9999;
	border-top:solid 1px #999999;
	}

#CompHeader.fixed {
	position:fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px  4px 6px -4px #999999;
	}


.forumLogo {
	border-top:solid 1px #000000;
	margin-bottom:30px;
	}

.forumLogo img {
	width:100%;
	}
	

#contact {
	margin:100px 15% 20px 15%;
	}


.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 1500ms;
	}

.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

form p {
	font-weight:400;
	margin:20px 0 5px 0;
	}

form span {
	font-weight:normal;
	color:#cc0000;
	}

select,input {
	font-size:16px;
	width:500px;
	height:2em;
	border:solid 1px #aaaaaa;
	}

input[type="checkbox"] {
	width:auto;
	height:auto;
	}

textarea {
	font-size:16px;
	width:500px;
	height:10em;
	border:solid 1px #aaaaaa;
	}

.button {
	display: inline-block;
	border-radius: 5%;
	font-size: 16pt;
	text-align: center;
	cursor: pointer;
	padding: 12px 66px;
	background: #d3edfb;
	color: #000000;
	line-height: 1em;
	opacity: 0.9;
	transition: .3s;
	box-shadow: 1px 1px 1px #666666;
	width:auto;
	margin-top:10px;
}
.button:hover {
	box-shadow: none;
	opacity: 1;
}


#trouble li {
	margin-left:1.5em;
	}

#policy li {
	margin-left:1.5em;
	margin-bottom:10px;
	}


#errorMsg {
	margin-top:40px;
	color:#cc0000;
	}

form span.checkMsg {
	color:#000000;
	}

footer {
	padding:50px 10%;
	border-top:solid 1px #999999;
	margin-top:50px;
	}

footer .menu {
	float:left;
	}

footer .copyright {
	float:right;
	}



#modal-content{
    width:80%;
    margin:0;
    padding:0;
    background:#fff;
    position:fixed;
    display:none ;
    z-index:99999;
}
#modal-content .inner{
    position:relative;
    width:100%;
    padding-top:56.25%;
    overflow:hidden;
}
#modal-content .inner #player{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
#modal-overlay{
    z-index:9999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba( 0,0,0, 0.75 );
}