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

/* html,body
------------------------------------------------------------- */
html{
font-family: 'M PLUS 1p',"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 62.5%; /* 16px × 62.5% = 10pxを基準とする */
line-height: 1.4;
color: #000;
width: 100%;
height: 100%;
background: #fff;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
body{font-size: 1.6rem;}
@media screen and (max-width: 880px){
body{font-size: 1.4rem;}
}
@media screen and (max-width: 600px){
body{font-size: 1.3rem;}
}

/* TEXT
------------------------------------------------------------- */
.Text{line-height: 2.2;}
.Bold{font-weight: bold;}
.SectionTitle{color: #1B5E20; font-weight: bold; font-size: 3.6rem; text-align: center; margin-bottom: 40px;}
.SectionTitle .Small{font-size: 1.6rem;}
.SubSectionTitle{color: #558B2F; font-weight: bold; font-size: 2.8rem; text-align: center; margin-bottom: 30px;}
.contentsTitle{color: #000; font-weight: bold; font-size: 2.4rem; text-align: center; margin-bottom: 20px;}
@media screen and (max-width: 880px){
.SectionTitle{font-size: 3.0rem; margin-bottom: 30px;}
.SectionTitle .Small{font-size: 1.4rem;}
.SubSectionTitle{font-size: 2.4rem; margin-bottom: 20px;}
.ContentsTitle{font-size: 2.0rem; margin-bottom: 15px;}
}
@media screen and (max-width: 600px){
.SectionTitle{font-size: 2.6rem; margin-bottom: 20px;}
.SectionTitle .Small{font-size: 1.2rem;}
.SubSectionTitle{font-size: 2.0rem; margin-bottom: 15px;}
.ContentsTitle{font-size: 1.6rem; margin-bottom: 10px;}
}

/* ANCHER
------------------------------------------------------------- */
/* LINKHOVER */
a.LinkHover,a.LinkHover:link,a.LinkHover:visited{
opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; text-decoration: none; cursor: pointer;
}
a.LinkHover:hover,a.LinkHover:active{opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}

/* TextAncher */
a.TextAncher,a.TextAncher:link,a.TextAncher:visited{text-decoration: underline; color: #1e88e5; font-weight: bold;}
a.TextAncher:hover,a.TextAncher:actuve{text-decoration: none;}

/* IMAGE
------------------------------------------------------------- */
img{vertical-align: top;}
.ImageFitStyle{width: inherit\9; max-width: 100%\9; height: auto\9;}

/* SIZE
------------------------------------------------------------- */
.Container{max-width: 1000px; margin: 0 auto;}
.ContentsPadding{padding: 60px 10px;}
.W_49P{width: 49%;}
@media screen and (max-width: 880px){
.ContentsPadding{padding: 40px 10px;}
}
@media screen and (max-width: 500px){
.W_49P{width: 100%;}
}

/* POSITION
------------------------------------------------------------- */
.P_relative{position: relative;}
.InlineBlock{display: inline-block;}
.TextCenter{text-align: center;}
.TextLeft{text-align: left;}
.TextRight{text-align: right;}
.FLeft{float: left;}
.FRight{float: right;}

/* STYLE
------------------------------------------------------------- */
.BorderBox{
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Webkit */
-ms-box-sizing: border-box; /* IE8 beta1 */
box-sizing:border-box; /* IE8, Opera */
}

/* TABLE
------------------------------------------------------------- */
.Table{width: 100%; table-layout: fixed; word-wrap:break-word;}
.TableTitle{border: #ccc 1px solid; background: #1B5E20; padding: 5px; text-align: center; color: #fff; font-weight: bold;}
.TableBody{border: #ccc 1px solid; background: #fff; padding: 5px;}
.TableBorder{border-bottom: #ccc 2px solid;}

/*TileStyle*/
.TileStyleArea{display: flex; flex-flow: row wrap; justify-content: space-between;}
a.TileStyleItem,.TileStyleItem{display: flex; flex: 1 0 250px; flex-wrap:multiple; align-items: flex-start; justify-content: center; text-align: center; margin: 8px; box-shadow:0 4px 4px rgba(0,0,0,0.12);}

/* BG*/
.BG_wood{background: url(../img/bg_wood.png) repeat; background-size: 200px 158px;}

/*margin*/
.MB_10{margin-bottom: 10px;}
.MB_20{margin-bottom: 20px;}
.MB_40{margin-bottom: 40px;}
.ML_20{margin-left: 20px;}
@media screen and (max-width: 600px){
.MB_20{margin-bottom: 15px;}
.MB_40{margin-bottom: 20px;}
.ML_20{margin-left: 15px;}
}
/* HEADER
----------------------------------------------- */
.Header{background: url(../img/main-image.jpg) no-repeat center; background-size: cover; padding: 0 10px;}
.Header .Container{padding: 20% 0; max-width: 700px; position: relative;}
.Contacts .Header .Container{padding: 10px 0; max-width: 1000px;}
.Header .Text{position: absolute; bottom: 50px; color: #fff; font-size: 2.0rem; line-height: 2;}
@media screen and (max-width: 880px){
.Header .Text{bottom: 30px; color: #fff; font-size: 1.6rem; line-height: 1.8;}
}
@media screen and (max-width: 600px){
.Header .Text{bottom: 10px; color: #fff; font-size: 1.2rem; line-height: 1.6;}
}

/* Compression Technology
----------------------------------------------- */
.SectionTitleIcon{width: 60px; height: 40px; background: url(../img/titleicon.png) no-repeat center; background-size: 60px 40px; margin: 0 auto;}
.PAT-detail{background: rgba(255,255,255,0.5); padding: 10px; font-weight: bold; text-align: center; border-top: solid 2px #1B5E20; border-bottom: solid 2px #1B5E20; font-size: 1.8rem;}

/* Proof at public & private facilities
----------------------------------------------- */
.ExBox{background: url(../img/bg_paper_g.png) repeat; background-size: 205px 205px; padding: 10px;}
.ExBox p{font-weight: bold; color: #1B5E20;}
.TableTextRed{color: #B71C1C; display: inline-block; font-weight: bold;}

/* Looking for Investors and joint ventures in promising projects
----------------------------------------------- */
.PjBox{background: #fff; padding: 10px; flex: 1 0 320px;}
@media screen and (max-width: 600px){
.PjBox{flex: 1 0 250px;}
}
/* Company
----------------------------------------------- */
.Company tbody{line-height: 1.6;}
.Company .TableTitle{width: 120px; background: url(../img/bg_paper_g.png) repeat; background-size: 205px 205px; color: #1B5E20;}
.Company .TableBody{background: url(../img/bg_paper_w.png) repeat; background-size: 205px 205px; padding: 10px;}
.Company th,.Company td{ border: none; border-bottom: 1px dashed #558B2F;}
.Company tr:last-child th,.Company tr:last-child td{ border-bottom: none;}
.ProfileBox{background: url(../img/bg_paper_g.png) repeat; background-size: 205px 205px; padding: 10px; width: 300px; height: auto; margin: 0 auto 20px auto;}
.PMImage{width: 100px; height: 125px;}
.PMText{margin: 35px 10px;}
.PMCompany{font-size: 1.4rem; color: #1B5E20;}
.PMName{font-size: 2.0rem; font-weight: bold; line-height: 1.5;}
@media screen and (max-width: 600px){
.ProfileBox{width: 250px; height: auto; margin: 0 auto 20px auto;}
.PMImage{width: 80px; height: 100px;}
.PMText{margin: 25px 0 0 10px;}
.PMCompany{font-size: 1.2rem; color: #1B5E20;}
.PMName{font-size: 1.6rem; line-height: 1.5;}
}

/* Contact
----------------------------------------------- */
.IndexContact .TableTitle{width: 120px;}
.LinkBanner{ box-shadow:0 4px 4px rgba(0,0,0,0.12);}


/* CONTACT
----------------------------------------------- */
.Contacts .SiteLOGO{width: 200px; margin: 10px 0;}
.Contacts a.LoginButton{margin: 20px 0;}
.Contacts{min-height: 100%; position: relative;}
.Contacts .Footer{width: 100%; position: absolute; bottom: 0;}
@media screen and (max-width: 600px){
.Contacts .SiteLOGO{width: 150px;}
.Contacts a.LoginButton{margin: 20px 0; padding: 10px 5px; background-image: none; font-size: 12px;}
}

/*form*/
.FormText,.FormCombo{border: 1px solid #cdcdcd; border-radius: 4px; box-sizing: border-box; -webkit-appearance: none;  font-size: 16px; line-height: 20px; padding: 8px 4px; width: 100%;}

.ContactBox{border-bottom: #ddd 1px solid;}
.ContactTitle{width: 150px; padding: 10px; float: left; line-height: 38px; text-align: right;}
.ContactBody{padding: 10px; margin-left: 170px; line-height: 38px;}
.ButtonArea{padding: 20px; text-align: center;}
input[type="submit"]{border: none; padding: 10px 20px; border-radius: 4px; background: #9ccc65; border-bottom: rgba(0,0,0,0.2) 2px solid; cursor: pointer;}
.Back{margin-right: 20px; background: #64b5f6;}
.error{color: #ff5252; font-size: 1.2rem;}
@media screen and (max-width: 600px){
.ContactTitle{width: 100px; padding: 10px 5px; float: left; line-height: 38px; text-align: right;}
.ContactBody{padding: 10px 5px; margin-left: 110px; line-height: 38px;}
.ButtonArea{padding: 20px 0; text-align: center;}
}
/* FOOTER
----------------------------------------------- */
.Footer {padding: 10px 0; font-size: 1.2rem; background: #0E2F10;}
.Copy{color:  #fff;}
@media screen and (max-width: 600px){
.Copy{text-align: center; font-size: 12px; float: none;}
}