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

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

#title { background: url(../images/about/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%;}

#about .block { padding: 100px 0; }
#about .block .charact { padding: 0 0 50px; }
#about .block .charact img { float: left; }
#about .block .charact .right { float: left; width: 460px; padding: 0 0 0 35px;}
#about .block .charact .right h4 { font-size: 24px; color:  #1c5ca8; background: url(../images/about/icn_01.jpg) no-repeat; padding: 10px 0 30px 120px;}
#about .block .charact .right p { font-size: 14px; }
#about .block .example { background: #eeeeee; padding: 50px; }
#about .block .example h4 { font-size: 20px; text-align: center; padding: 0 0 20px; }
#about .block .example p { font-size: 14px; line-height: 200%; }

#about .block2 { background:#eeeeee;  }
#about .block2 .charact .right h4 { font-size: 24px; color:  #1c5ca8; background: url(../images/about/icn_02.png) no-repeat; padding: 30px 0 50px 120px;}
#about .block2 .example { background: #fff; padding: 50px; }

#about .block3 .charact .right h4 { font-size: 24px; color:  #1c5ca8; background: url(../images/about/icn_03.png) no-repeat; padding: 10px 0 30px 120px;}

#about .block4 { background:#eeeeee;  }
#about .block4 .charact .right h4 { font-size: 24px; color:  #1c5ca8; background: url(../images/about/icn_04.png) no-repeat; padding: 10px 0 30px 120px;}
#about .block4 .example { background: #fff; padding: 50px; }

#about .block5 .charact .right h4 { font-size: 24px; color:  #1c5ca8; background: url(../images/about/icn_05.png) no-repeat; padding: 10px 0 30px 120px;}



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

#title { background: url(../images/about/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;}

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

#about .block { padding: 50px 0; }
#about .block .charact { padding: 0; }
#about .block .charact img { float: none; width: 100%; height: auto;}
#about .block .charact .right { float: none; width: 100%; padding: 30px 0 20px;}
#about .block .charact .right h4 { font-size: 20px; color:  #1c5ca8; background: url(../images/about/icn_01.jpg) no-repeat; background-size: 60px 60px; padding: 0 0 20px 70px;}
#about .block .charact .right p { font-size: 14px; }
#about .block .example { background: #eeeeee; padding: 20px 20px; }
#about .block .example h4 { font-size: 20px; text-align: center; padding: 0 0 20px; }
#about .block .example p { font-size: 14px; line-height: 200%; }

#about .block2 { background:#eeeeee;  }
#about .block2 .charact .right h4 { font-size: 20px; color:  #1c5ca8; background: url(../images/about/icn_02.png) no-repeat; background-size: 60px 60px; padding: 15px 0 20px 70px;}
#about .block2 .example { background: #fff; padding: 50px; font-size: 12px;}

#about .block3 .charact .right h4 { font-size: 20px; color:  #1c5ca8; background: url(../images/about/icn_03.png) no-repeat; background-size: 60px 60px; padding: 0 0 20px 70px;}

#about .block4 { background:#eeeeee;  }
#about .block4 .charact .right h4 { font-size: 20px; color:  #1c5ca8; background: url(../images/about/icn_04.png) no-repeat; background-size: 60px 60px; padding: 0 0 20px 70px;}
#about .block4 .example { background: #fff; padding: 50px; }
#about .block4 .example p { font-size: 12px; }

#about .block5 .charact .right h4 { font-size: 20px; color:  #1c5ca8; background: url(../images/about/icn_05.png) no-repeat; background-size: 60px 60px; padding: 0 0 20px 70px;}

}