@charset "UTF-8";
/* included by style.css */
/* used by front-page.php */


main.home {
  background:url("../img/top/top_base01.jpg") repeat fixed;
  background-size:contain;
}

main.home >h1 {
  width:960px;
  margin:0 auto;
  padding:30px 0;
  font-size:30px;
  font-weight:bold;
  text-align:center;
  background-color:#ffffff;
}

main.home section h1 {
  margin-bottom:15px;
  font-family:"Zag Bold";
  font-size:38px;
  font-weight:normal;
  text-align:center;
  color:#00878f;
  letter-spacing:0.1em;
}

main.home section h2 {
  margin:15px 0;
  font-size:125%;
  font-weight:bold;
  text-align:center;
}

main.home div.wrap1 {
  clear:both;
  width:100%;
  overflow:hidden;
}

main.home div.wrap1 div.wrap2 {
  width:960px;
  margin:0 auto;
  overflow:hidden;
}

main.home div.wrap1 div.wrap2 div.left {
  float:left;
  width:480px;
  overflow:hidden;
}

main.home div.wrap1 div.wrap2 div.right {
  float:right;
  width:480px;
  overflow:hidden;
}



main.home section.mv {
  /* section.common.mv in common.css */
}



main.home div.wrap1.introduction {
}

main.home section.introduction {
  overflow:hidden;
  padding-top:25px;
  padding-bottom:25px;
  background-color:rgba(255,255,255,0.85);
}

main.home section.introduction p {
  text-align:center;
  line-height:2.0em;
  white-space:pre-wrap;
}

main.home section.introduction div.buttons {
  text-align:center;
}

main.home section.introduction div.buttons a {
  display:inline-block;
  margin:15px;
}

main.home section.introduction div.left,
main.home section.introduction div.right {
  float:left;
  width:50%;
}




main.home div.wrap1.service {
  background-color:#103c47;
}

main.home section.service {
  padding-top:25px;
  padding-bottom:25px;
  background-color:#ffffff;
}

main.home section.service ul {
  padding:20px 5px;
  overflow:hidden;
}

main.home section.service ul li {
  float:left;
  width:31.3%;
  margin:0px 1%;
}

main.home section.service ul li a img {
  width:100%;
  margin-bottom:15px;
  transition:0.2s;
}

main.home section.service ul li:hover a img {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
  -webkit-transform:scale(1.10, 1.10);
  -moz-transform:scale(1.10, 1.10);
  -o-transform:scale(1.10, 1.10);
}

main.home section.service ul li a p {
  font-weight:bold;
  text-align:center;
  color:#1f838a;
  white-space:pre-wrap;
}



main.home div.wrap1.works {
  background-color:#aaaaaa;
  background:url("../img/top/top_base02.jpg") repeat fixed;
  background-size:contain;
}

main.home section.works {
  padding-top:25px;
  padding-bottom:25px;
  background-color:#ffffff;
}

main.home section.works p {
  background-color:#ffffff;
}



main.home section.news {
  clear:both;
  overflow:hidden;
  width:100%;
  margin:0 auto;
  padding:25px 0;
  border:solid 1px #888888;
  border-width:0px 0;
  background-color:#fffed5;
  background-color:rgba(255,255,255,0.85);
}

main.home section.news ul {
  width:100%;
  max-width:600px;
  margin:15px auto;
  overflow:hidden;
}

main.home section.news ul li {
  overflow:hidden;
}

main.home section.news ul li a {
  display:block;
  transition:0.1s;
}

main.home section.news ul li a:hover {
  color:#ffffff;
  background-color:#aaa980;
}

main.home section.news ul li a span {
  font-weight:normal;
}

main.home section.news ul li a span.date {
  display:block;
  float:left;
  width:150px;
  text-align:right;
  margin-right:50px;
}



main.home div.wrap1.shopmaterial {
  background-color:#08d1ff;
  background:url("../img/top/top_base03.jpg") repeat fixed;
  background-size:contain;
}

main.home section.shop,
main.home section.material{
  padding:30px;
  background-color:#ffffff;
}

main.home section.shop:hover,
main.home section.material:hover{
  background-color:#e1e1e1;
}

main.home section.shop a.recent,
main.home section.material a.recent {
  display:block;
  overflow:hidden;
  height:300px;
  text-align:center;
  transition:0.2s;
}

main.home section.shop a.recent:hover,
main.home section.material a.recent:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
  -webkit-transform:scale(1.10, 1.10);
  -moz-transform:scale(1.10, 1.10);
  -o-transform:scale(1.10, 1.10);
}

main.home section.shop a.recent img,
main.home section.material a.recent img {
  max-width:100%;
  max-height:100%;
  margin-bottom:15px;
}

main.home section.shop p,
main.home section.material p {
  margin-top:30px;
  text-align:center;
  white-space:pre-wrap;
  line-height:1.5;
  height:6.0em;
}

main.home section.shop div,
main.home section.material div {
  height:60px;
  text-align:center;
}

main.home section.shop div img,
main.home section.material div img {
  width:30%;
  margin:0 15px;
  vertical-align:middle;
}





@media screen and (min-width:641px) {
  
  
  
  
 
}


@media screen and (max-width:640px) {
  
  
  
  
  
 
}