@charset "utf-8";


/* MAIN IMG */

#main{ height:803px; margin-bottom:52px; background: url(../img/company-main-bg.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; z-index:3;}
#main h1{ padding:290px 0 0 120px; font-size:72px; font-weight:bold; color:#fff;}
#main h1 span{ margin:0 -30px;}


/* ABOUT */

#about{ height:293px; background:url(../img/company-about-bg.jpg) top left; text-align:center; margin-bottom:77px;}
#about div{ display:inline-block; width:430px;}
#about div h2{ margin:20px 0 5px;}
#about div p{ color:#fff; line-height:36px; text-align:left; margin-left:73px;}


/* PHILOSOPHY */

#philosophy>div{ height:537px; margin-bottom:60px; background:url(../img/company-philosophy-bg.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#philosophy div div{ padding:73px 0 0 160px;}
#philosophy div div p{ margin:20px 0 10px; width:395px;}


/* OUTLINE */

#outline{ background:#00a9ef; height:347px; padding-left:70px; box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3); -ms-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3); -o-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3); position:relative; z-index:5;}
#outline>div{ height:347px; overflow:hidden; background:url(../img/company-outline-bg.png); padding:35px 0 0 90px;}
#outline>div div{ display:inline-block; vertical-align:top;}
#outline>div .prof{ width:270px; margin:10px 120px 0 0;}
#outline>div .prof p{ line-height:25px;}
#outline>div .prof h2{ margin-bottom:15px;}
#outline>div div dl{ display:inline-block; width:530px; line-height:25px;}
#outline>div div dl dt{ display:inline-block; width:102px;}
#outline>div div dl dd{ display:inline-block; width:420px;}


/* GREETING */

#greeting{ height:448px; margin-bottom:65px; background:url(../img/company-greeting-bg.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#greeting div{ width:73%; margin:0 auto; text-align:center; padding-top:45px;}
#greeting div h3{ font-size:18px; margin-bottom:15px; font-weight:bold;}
#greeting div p{ text-align:left;}


/* GREETING */

#recruit{ height:804px; margin-bottom:95px; background:url(../img/company-recruit-bg.jpg) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; z-index:5;}
#recruit-pc{ height:804px; background:url(../img/company-recruit-bg-on.png) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:absolute; top:0; left:0; z-index:10;}
.recruit-text{ width:530px; padding:30px 150px 20px 40px; margin:132px 0 0 670px; background:url(../img/company-recruit-text-bg.png);}
.recruit-text p{ margin:20px 0 15px;}
.recruit-text a{ display:block; text-align:center;}


/* PR */

#pr{ padding:60px 0 60px 140px; vertical-align:top; background:url(../img/company-pr-bg.png);}
#pr div{ display:inline-block; vertical-align:top;}
#pr div+div{ width:540px; text-align:center; padding-top:70px;}
#pr div p{ margin:10px 0 30px;}