@charset "utf-8";

/* Microfibrapage design ----------------------------------------- */
#Microfibrapagebackground {position:fixed; top:0px; z-index:-1000; margin:0 auto; width:100%; height:100vh;}
		@media(max-width:720px) { #Microfibrapagebackground {top:-100px; height:4500px;} }
.Microfibrapageback {background-image:url('../mfpage/img/microfibra-background-pc.jpg');  background-position:50% 50%; background-size:cover;}
		@media(max-width:720px) { .Microfibrapageback {background-image:url('../mfpage/img/microfibra-background-mo.jpg'); background-size:100%;} }
#Microfibracontentswrap {clear:both; float:clear;}
.Microfibracontents {clear:both; float:clear; margin:0 auto; width:1000px;}
		@media(max-width:720px) { .Microfibracontents {margin:0px auto; width:100%;} }


.Microfibranullpc {clear:both; float:clear; margin:0px auto; margin-top:200px; margin-bottom:200px; width:50%; height:auto; border-color:#ff6600; border:solid 10px #ffffff;}
		@media(min-width:720px) { .Microfibranullmo {display:none;} }
.Microfibranullmo {clear:both; float:clear; margin:0px auto; margin-top:140px; margin-bottom:140px; width:96%; height:auto; border:solid 5px #ffffff;}
		@media(max-width:720px) { .Microfibranullpc {display:none;} }
.Microfibranullpc img {width:100%; height:auto;}
.Microfibranullmo img {width:100%; height:auto;}
.Microfibracontentswrap {clear:both; float:clear; margin:0 auto; width:100%; background-color:#ffffff;  padding-top:200px;}
		@media(max-width:720px) { .Microfibracontentswrap {padding-top:40px; padding-bottom:140px;} }

#Microfibranull01 {width:50%; height:auto; border-color:#ff6600; border:solid 10px #ffffff;}
		@media(max-width:720px) { #Microfibranull01 {width:96%; height:auto; border:solid 5px #ffffff;} }
#Microfibranull01 img {width:100%; height:auto;}


/* Microfibrapage conternts 01 start ------- */
#Microfibrapagecontentswrap01 {margin-top:1200px; background-color:#CC938E; box-shadow: 0px 3px 3px 1px #454545;}
		@media(max-width:720px) { #Microfibrapagecontentswrap01 {margin-top:700px;} }
#Microfibracontents01 {height:850px; background-image:url('../mfpage/img/section_comparison.jpg'); background-repeat:no-repeat; }
		@media(max-width:720px) { #Microfibracontents01 {} }
#Microfibracontents01title {float:left; width:100px; font-size:60px; font-weight:bold; color:#6d4c4c;}
		@media(max-width:720px) { #Microfibracontents01title {width:100px; font-size:40px; margin:20px;} }
#Microfibracontents01text {float:left; font-size:20px; color:#ffffff;}
		@media(max-width:720px) { #Microfibracontents01text {clear:both; float:clear; margin:0px auto; width:90%; font-size:1em; padding:20px;} }
#Microfibracontents01img {float:right; width:500px; height:293px; margin-top:-600px; box-shadow: 0px 3px 3px 1px #804040;}
		@media(max-width:720px) { #Microfibracontents01img {float:left; margin:0 auto; width:96%; height:auto; margin-top:30px; margin-left:5px; box-shadow: 0px 3px 3px 1px #804040; padding:10px;} }


/* Microfibrapage conternts 02 start ------- */
#Microfibrapagecontentswrap02 {background-color:#98c19f; box-shadow: 0px 3px 3px 1px #454545;}
#Microfibracontents02 {height:850px; background-image:url('../mfpage/img/section_structure.jpg'); background-position:20% 80%; background-repeat:no-repeat; }
		@media(max-width:720px) { #Microfibracontents02 {} }
#Microfibracontents02title {float:left; font-size:60px; font-weight:bold; color:#6fa088;}
		@media(max-width:720px) { #Microfibracontents02title {font-size:34px; margin:20px;} }
#Microfibracontents02titlesub {float:left; font-size:30px; font-weight:bold; color:#5f5f5f;}
		@media(max-width:720px) { #Microfibracontents02titlesub {font-size:22px; margin:20px;} }
#Microfibracontents02text {clear:both; float:clear; float:left; width:400px; height:auto; margin-top:30px; font-size:20px; color:#ffffff;}
		@media(max-width:720px) { #Microfibracontents02text {clear:both; float:clear; margin:0px auto; width:90%; font-size:1em; padding:20px;} }
#Microfibracontents02img {float:right; width:500px; height:500px; margin-top:0px; box-shadow: 0px 3px 3px 1px #517e59;}
		@media(max-width:720px) { #Microfibracontents02img {float:left; margin:0 auto; width:96%; height:auto; margin-top:30px; margin-left:5px; box-shadow: 0px 3px 3px 1px #517e59; padding:10px;} }


/* Microfibrapage conternts 03 start ------- */
#Microfibrapagecontentswrap03 {background-color:#a199e2; box-shadow: 0px 3px 3px 1px #454545;}
#Microfibracontents03 {height:1100px; background-image:url('../mfpage/img/section_graph.jpg'); background-position:20% 80%; background-repeat:no-repeat; }
		@media(max-width:720px) { #Microfibracontents03 {} }
#Microfibracontents03title {float:left; font-size:60px; font-weight:bold; color:#7474c1;}
		@media(max-width:720px) { #Microfibracontents03title {font-size:34px; margin:20px;} }
#Microfibracontents03titlesub {clear:both; float:clear; float:left; font-size:30px; font-weight:bold; color:#5f5f5f;}
		@media(max-width:720px) { #Microfibracontents03titlesub {font-size:22px; margin:20px;} }
#Microfibracontents03titlesub2 {margin-top:30px; clear:both; float:clear; float:left; font-size:30px; font-weight:bold; color:#5f5f5f;}
		@media(max-width:720px) { #Microfibracontents03titlesub2 {font-size:22px; margin:20px;} }
#Microfibracontents03text {clear:both; float:clear; float:left; width:400px; height:auto; margin-top:30px; font-size:20px; color:#ffffff;}
		@media(max-width:720px) { #Microfibracontents03text {clear:both; float:clear; margin:0px auto; width:90%; font-size:1em; padding:20px;} }
#Microfibracontents03img {float:right; width:500px; height:500px; margin-top:-300px; box-shadow: 0px 3px 3px 1px #7474c1;}
		@media(max-width:720px) { #Microfibracontents03img {float:left; margin:0 auto; width:96%; height:auto; margin-top:30px; margin-left:5px; box-shadow: 0px 3px 3px 1px #7474c1; padding:10px;} }


/* Microfibrapage conternts 04 start ------- */
#Microfibrapagecontentswrap04 {background-color:#edca78; box-shadow: 0px 3px 3px 1px #454545; margin-bottom:400px;}
		@media(max-width:720px) { #Microfibrapagecontentswrap04 {margin-bottom:10px;} }
#Microfibracontents04 {height:950px; background-image:url(''); background-position:20% 80%; background-repeat:no-repeat; }
		@media(max-width:720px) { #Microfibracontents04 {height:350px;} }
#Microfibracontents04title {float:left; font-size:60px; font-weight:bold; color:#c78f0c;}
		@media(max-width:720px) { #Microfibracontents04title {font-size:34px; margin:20px;} }
#Microfibracontents04titlesub {clear:both; float:clear; float:left; font-size:30px; font-weight:bold; color:#5f5f5f; margin-bottom:30px;}
		@media(max-width:720px) { #Microfibracontents04titlesub {font-size:22px; margin:20px;} }
#Microfibracontents04videobox {clear:both; float:clear; margin:0px auto; width:100%; height:auto;}
		@media(max-width:720px) { #Microfibracontents04videobox {clear:both; float:clear; margin:0px auto; width:100%; padding:10px;} }
#Microfibracontents04video {margin:0px auto; width:100%; margin-bottom:300px;}
		@media(max-width:720px) { #Microfibracontents04video {margin-bottom:0px;} }










/* Noticepage design ----------------------------------------- */
#Noticetopimg {clear:both; float:clear; margin:0px auto; width:100%; height:100vh; margin-top:-200px; background-image:url('../mfpage/img/notice-background-pc.jpg'); background-position:50% 50%; background-size:cover;}
		@media(max-width:720px) { #Noticetopimg {clear:both; float:clear;  margin-top:-170px; margin-bottom:-650px; background-image:url('../mfpage/img/notice-background-mo.jpg');} }


/* notice start ------- */
#Noticeboxwrap {margin:0px auto; width:1000px; margin-top:-250px; box-shadow: 0px 0px 10px 5px #e0e0e0;}
		@media(max-width:720px) { #Noticeboxwrap {clear:both; float:clear; margin:0px auto; width:94%; margin-top:450px;} }
.Noticetitle {padding-top:60px; padding-left:70px; font-size:60px; font-weight:bold;}
		@media(max-width:720px) { .Noticetitle {font-size:40px; padding-top:40px; padding-left:0px; text-align:center;} }
.Noticeinfo {margin-left:70px;}
		@media(max-width:720px) { .Noticeinfo {margin-left:0px; text-align:center; color:#ffffff;} }

#Noticelistwrap {margin:0px auto; margin:10%;}
.listtitle {margin-top:20px; font-size:20px; cursor:pointer; font-weight:normal; font-family:'Poppins', Arial, Helvetica, sans-serif; line-height:110%;}
.listtitle:hover{background-color:#e9e9e9;}
.listcontents {margin-top:30px; margin-left:34px; margin-bottom:50px; color:#808080;}
.listcontents a {margin-left:34px; font-weight:bold; color:#2b5580;}







/* Contatopage design ----------------------------------------- */
/*
#Contatotopimg {clear:both; float:clear; margin:0px auto; width:100%; height:1500px; margin-top:-500px; background-image:url('../mfpage/img/contato-background-pc.jpg'); background-repeat:no-repeat; background-position:center; background-size:100%;}
		@media(max-width:720px) { #Contatotopimg {clear:both; float:clear; margin-top:-600px;  background-image:url('../mfpage/img/contato-background-mo.jpg');} }

#contato-pcwrap {}
		@media(max-width:720px) { #contato-pc {display:none;} }
#contato-mobilewrap {}
		@media(min-width:720px) { #contato-mobile {display:none;} }		
*/