@charset "utf-8";

/*============================
#pageTitleArea
============================*/
#pageTitleArea { background:  url(../../imageFile/service/mainTitleArea_bg.png) no-repeat center; background-size: cover; min-width: 1200px; }
#pageTitleArea .wrap { margin: 0 auto; width: 1200px; }
#pageTitleArea .pad { margin: 0 50px; width: 1100px; position: relative; }
#pageTitleArea .titleBox { padding: 120px 0 110px; text-align: center; }
#pageTitleArea .titleBox p { color: #fff; }
#pageTitleArea .titleBox p span.eng { display: block; font-size: 2.75em; letter-spacing: 0.2em; }
#pageTitleArea .titleBox p span.jpn { display: block; font-size: 0.875em; margin-top: 15px; }

/*============================
#serviceArea
============================*/
#serviceArea { margin-top: 85px; }
#serviceArea .wrap { margin: 0 auto; width: 1200px; }
#serviceArea .pad { margin: 0 50px; width: 1100px; position: relative; }
#serviceArea ul {}
#serviceArea ul li { margin-right: 40px; width: 340px; float: left; }
#serviceArea ul li.last { margin-right: 0; }
#serviceArea ul li .contents {}
#serviceArea ul li .contents .title { text-align: center; }
#serviceArea ul li .contents .title span { display: block; }
#serviceArea ul li .contents .title span.mini { font-size: 0.875em; }
#serviceArea ul li .contents .title span.big { font-size: 1.635em; font-weight: bold; margin-top: 5px; }
#serviceArea ul li .contents .images { margin-top: 30px; }
#serviceArea ul li .contents .images img {}
#serviceArea ul li .contents .text { margin-top: 30px; }
#serviceArea ul li .contents .text p { font-size: 0.875em; line-height: 1.5; }
#serviceArea ul li .contents .button { margin-top: 28px; }
#serviceArea ul li .contents .button a { background-color: #2b2d3a; color: #fff; display: block; padding: 18px 0 17px; text-align: center; }