/* CSS Document */
#main{ box-shadow:1px 1px 5px #CCC;}
#main h3{font-size: 1.5em; font-weight: bold; white-space: nowrap; letter-spacing: 2px; margin-bottom:0.25em;}
#main p{font-size:1.2em; line-height:1.4em;}
.menu{ background-color:#DCDCDD;}
.menu_button{float:left;}
#container h2, #container h1 {
    font-size: 2em;
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
	margin-left:1em;
}
#banner{display: flex;width: 960px;height: 281px;}
#banner img{width: 100%;}
#container h1 img, #container h2 img{margin-right:0.5em;}
#about p{font-size:1.4em; line-height:1.8em;}
#about .txt{display:block; margin:2em 1em 0 2em;}
#about .txt img{ margin:0 1em; padding-left:1em;}
#about .txt .w90{width:90%;}
.icon{height: 1em; padding-top: 4px;}
#material section{ margin:3em 1em 0 3em; display:block;}
#material span{ width:18%; display:block; text-align:center; float:left; position:relative;}
#material span img{ margin-right:0.5em;}
#material span + span{width:80%; font-size:1.2em; text-align:left; padding-left:1em;}
.long_icon{ background-color:#2DA7E0; width:8px; border-radius:15px; height:100%; position:absolute; top:0; left:0;}
#method section{ margin:3em 1em 0em 3em;}
#method h3{background-color:#C2E3DC; position:relative; padding:2px 2em; border-radius:10px; margin-left:0.5em; font-size:1.7em;}
.number_icon{width:45px; height:45px; background-color:#2DA7E0; text-align:center; line-height:45px; border-radius:50%; color:#fff; font-size:1.6em; position:absolute; bottom:0; left:-10px;}
#method p{margin:1em 1em 0 1.5em; font-size:1.3em;}
#method p + span{margin-top:3em; display:block;}
#method section img{ display:block; margin:0 auto; border:8px solid #C2E3DC; border-radius:15px;}
#method .tab02 p{margin-top:0.8em;}
#method .tab_a, #method .tab_b,#method .tab_c{ margin-left:1.5em; margin-bottom:3em; display:block;}
#method .tab_a p, #method .tab_b p, #method .tab_c p{ margin-left:3em;}
#method .tab_a h3, #method .tab_b h3, #method .tab_c h3{background:none; border-radius:0; border-top:thin solid #2DA7E0; border-bottom:thin solid #2DA7E0;}
#method .tab_a .number_icon, #method .tab_b .number_icon, #method .tab_c .number_icon{ border-radius:10px; font-weight:300; bottom:-4px;}
#method .tab_b span{display:block; float:left; box-sizing:border-box; -moz-box-sizing:border-box; padding:5px;}
#method .tab_b img{box-sizing:border-box; -moz-box-sizing:border-box; border-width:6px;}
#method .tab_c img{box-sizing:border-box; -moz-box-sizing:border-box;}
#method .tab_c span{margin-top:2em;}
.tab04 img{ max-height:323px;}
#notice ul{ padding:1em 0em 3em 1em;}
#notice li{margin:0.5em 2em; display:block;}
#notice h4, #notice p{float:left; font-size:1.3em; line-height:1.8em;}
#notice p{ width:95%;}
/*--------------------Footer--------------------*/
#container-outter .footer {
  float: left;
  margin-top: 10px;
  width: 960px;
  height:auto;
  color: #636363;
  font-size: 12px;
  background-color: #f0efef;
}
#container-outter .footer a {
  color: #636363;
  text-decoration: none;
}
#container-outter .footer a:hover {
  color: #636363;
  text-decoration: underline;
}

.link {
  float: left;
  margin: 25px 0 0 60px;
  padding-left: 50px;
  width: 800px;
}

#container-outter .info {
  float: left;
  margin: 10px 0 0 60px;
  padding-left: 50px;
  width: 700px;
  height: 80px;
  line-height: 1.8;
}

#container-outter .logo {
  float: left;
  margin: 20px 0 0 10px;
  height: 70px;
}

#container-outter .w3c {
  float: left;
  margin: 10px 0 0 60px;
  padding-left: 50px;
  width: 830px;
  height: 31px;
}

/*--------------------Footer end--------------------*/
#top_btn{width:250px;}
#top_btn span, #top_btn img{margin:0 !important; padding:0 !important;}
#top_btn .more_product img, #top_btn .more_product{width:150px;}
#top_btn .turn_top, #top_btn .turn_top{ width:40px;}
#top_btn .turn_top{ margin:0 10px !important; display:block; }
#top_btn span{float:left;}
#top_btn .more_product{margin:3px 0 !important;}

@media (max-width: 960px){
    .menu{display: none;}
    #banner{width: 100%;height: auto;}    
    #about{padding: 0;}
    #container h2, #container h1{margin: 0; font-size: 1.25em;}
    #container h2 img, #container h1 img{height: 16px;}
    #top_btn .more_product img{height: auto; width: 100%;}
    #top_btn .more_product{width: 100px;}
    #top_btn{width: 150px;}
    #top_btn .turn_top{margin: 3px !important;}
    /*#top_btn .turn_top{display: none;}*/
    #method section{margin:15px 0 0; padding:0 8px; box-sizing: border-box;}
    #material section{margin:12px 0 0; padding: 0 8px;}
    #material span + span{font-size: 1em;}
    #material span:first-child{margin-top: 2em;}
    #about .txt{margin: 0; padding: 0 8px;}
    #about .txt .w90{width: 100%; font-size: 1.1em; margin-top: 8px;}
    #about .txt img{display: none;}
}