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

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

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


#result { padding: 0 0 100px; }
#result .block { padding: 50px 0 0; }
#result .block .charact { padding: 0 0 50px; border-bottom: 1px solid #eee;}
#result .block .charact img { float: left; }
#result .block .charact .right { float: left; width: 460px; padding: 0 0 0 35px;}
#result .block .charact .right h4 { font-size: 26px; padding: 20px 0;}
#result .block .charact .right p { font-size: 14px; }
#result .block .charact .right div span { background: #000; color: #fff; display: inline-block; *display: inline; *zoom: 1; padding: 2px 5px;}
#result .block .example { background: #eeeeee; padding: 50px; }
#result .block .example h4 { font-size: 20px; text-align: center; padding: 0 0 20px; }
#result .block .example p { font-size: 14px; line-height: 200%; }

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

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

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

#result { padding: 0 0 100px; }
#result .block { padding: 50px 0 0; }
#result .block .charact { padding: 0 0 50px; border-bottom: 1px solid #eee;}
#result .block .charact img { float: none; width: 100%; height: auto;}
#result .block .charact .right { float: none; width: 100%; padding: 20px 0 0 ;}
#result .block .charact .right h4 { font-size: 20px; padding: 20px 0;}
#result .block .charact .right p { font-size: 14px; }
#result .block .charact .right div span { background: #000; color: #fff; display: inline-block; *display: inline; *zoom: 1; padding: 2px 5px;}
#result .block .example { background: #eeeeee; padding: 50px; }
#result .block .example h4 { font-size: 20px; text-align: center; padding: 0 0 20px; }
#result .block .example p { font-size: 14px; line-height: 200%; }

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

}