@charset "utf-8";
/* ------------------------------------------------------------ common */

.center { text-align: center; font-size: 14px; }

#title { background: url(../images/flow/fv.jpg) center center no-repeat; background-size: cover; padding: 177px 0;}
#title h2 {  font-family: Gill Sans; font-size: 65px; text-align: center; color: #fff; letter-spacing: 10px;}
#title h2 span { font-size: 18px; letter-spacing: 0;}

#intro { background: url(../images/about/bg.jpg) no-repeat; background-size: cover; text-align: center; padding: 60px 0;}
#intro h3 { color: #fff; font-size: 23px; padding: 0 0 20px;}
#intro p { color: #fff; font-size: 14px; line-height: 200%;}

#flow { padding: 100px 0 100px; text-align: center;}
#flow h3 { font-size: 23px; }
#flow p { padding: 10px 0 30px; }

#flow .btn { padding: 50px 0 0; }
#flow .btn a { display: block; background: #000; color: #fff; padding: 20px 0; width: 310px; text-align: center; margin: 0 auto; font-size: 16px;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#title { background: url(../images/flow/fv.jpg) center center no-repeat; background-size: cover; padding: 80px 0;}
#title h2 {  font-family: Gill Sans; font-size: 35px; text-align: center; color: #fff; letter-spacing: 10px;}
#title h2 span { font-size: 18px; letter-spacing: 0;}

#flow { padding: 50px 0 50px; text-align: center;}
.flow-sp { background: #e9e9e9; }
.flow-sp .flow-inner { width: 90%; margin: 0 auto; padding: 30px 0;}
.flow-sp .flow-inner div { background: #fff; padding: 5px 0;  }
.flow-sp .flow-inner img { padding: 10px 0; }
.flow-sp .flow-inner div.red { background: #c50f31; color: #fff; } 
}