@charset "utf-8";
@import "default.less";
@import "common.less";
@import "global.less";


/* .main ///////////////////////*/
.main{
padding:50px 0;

h2{
padding:0 0 20px 0;
}
dl{
.dt;
width:100%;
}
dd{
.dtc;
.tac;
}
.image{
.bg1;
padding:10px;
.dt;
.center;
}
a{
.db;
.oh;
.bg_white;
}
h3{
padding:40px 0 0 0;
.tac;
}
}


/* .hover ///////////////////////*/
.main .image img {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity .5s, transform .5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.main .image:hover img {
  opacity: 0.3;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

/* .point ///////////////////////*/
.point{
padding:35px 0;
background:url(../image/bg3.jpg) repeat 0 0;

h2{
padding:0 0 10px 20px;
}
dl{
.dt;
.center;
width:920px;
}
dd{
.dtc;
.tac;
}
}

/* .flow ///////////////////////*/
.flow{
.dib;
width:465px;
padding:40px 25px 0 0;

section{
padding:10px;
.bg3;
}
section:hover{
.bg1;
}
.wrap{
.pr;
padding:15px;
background:url(../image/bg4.jpg) repeat 0 0;
height:290px;
}

.image{
.pa;
top:100px;
left:100px;
}
}


/* .shop ///////////////////////*/
.shop{
.dib;
width:465px;
padding:40px 0 0 0;

section{
padding:10px;
.bg4;
}
section:hover{
.bg1;
}
.wrap{
.pr;
padding:15px;
background:url(../image/bg4.jpg) repeat 0 0;
height:290px;
}
.image{
.pa;
top:100px;
left:100px;
}
}


/* .read ///////////////////////*/
.read{
padding:40px 0 100px 0;
font-size:12pt;

}