@charset "utf-8";
.wrap {
    margin:0 auto;
    width:960px;
}
.wrap:after {
    content:"";
    display:block;
    clear:both;
}
/* header
-----------------------------------------------------------------------------*/
div#spLogo { display:none; }
div#logo {
    float:left;
    margin-top:15px;
    width:200px;
}
header#mainHead { height:80px; }
header#mainHead nav {
    position:relative;
    float:right;
    width:675px;
}
header#mainHead nav ul { padding-top:25px; }
header#mainHead nav li {
    float:left;
    width:135px;
    height:50px;
    text-align:center;
}
header#mainHead nav > ul > li:nth-child(1) > a {
    display:block;
    padding-top:20px;
    width:135px;
    height:50px;
    background:url(../img/common/nav.png) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
header#mainHead nav li.parent > a {
    display:block;
    padding-top:20px;
    width:135px;
    height:50px;
    background:url(../img/common/nav.png) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
header#mainHead nav li.parent:nth-child(2) > a { background-position:-135px 0; }
header#mainHead nav li.parent:nth-child(3) > a { background-position:-270px 0; }
header#mainHead nav li.parent:nth-child(4) > a { background-position:-405px 0; }
header#mainHead nav li.parent:nth-child(5) > a { background-position:-540px 0; }
/* on */
header#mainHead nav li.parent:nth-child(2) > a:hover,
header#mainHead nav li.parent:nth-child(2).on > a { background-position:-135px -50px; }
header#mainHead nav li.parent:nth-child(3) > a:hover,
header#mainHead nav li.parent:nth-child(3).on > a { background-position:-270px -50px; }
header#mainHead nav li.parent:nth-child(4) > a:hover,
header#mainHead nav li.parent:nth-child(4).on > a { background-position:-405px -50px; }
header#mainHead nav li.parent:nth-child(5) > a:hover,
header#mainHead nav li.parent:nth-child(5).on > a { background-position:-540px -50px; }
header#mainHead nav li:nth-child(2) .subNav li { padding:15px 0 0!important; }
header#mainHead nav li:nth-child(3) .subNav li { padding:15px 0 0!important; }
header#mainHead nav li:nth-child(4) .subNav li { padding:5px 0 10px!important; }
header#mainHead nav li:nth-child(5) .subNav li { padding:30px 0 0!important; }
div#subNavBg {
    position:fixed;
    z-index:5;
    top:80px;
    left:0;
    height:110px;
    width:100%;
    background-color:#004CB6;
}
header#mainHead nav .subNav {
    position:relative;
    padding:15px 0 0;
    width:135px;
    z-index:100;
}
header#mainHead nav .subNav li { height:auto!important; }
header#mainHead nav .subNav li a {
    color:#fff;
    padding:0!important;
    height:auto!important;
    text-decoration:none;
    font-size:1.4rem;
    background:none!important;
}
header#mainHead nav .subNav li a:hover { opacity:0.7; }
/* privacy 20150423 del
header#mainHead nav li.privacy {
    position:absolute;
    right:35px;
    top:10px;
    height:auto;
    width:auto;
}
header#mainHead nav li.privacy a {
    display:block;
    color:#333;
    text-decoration:none;
    font-size:1rem;
}
header#mainHead nav li.privacy a:hover { opacity:0.9; }*/
/* company info
-----------------------------------------------------------------------------*/
#companyInfo { padding:50px 20px; }
#companyInfo div#map {
    width:340px;
    height:340px;
}
#companyInfo div#sp-map { display:none; }
/* footer
-----------------------------------------------------------------------------*/
#mainFoot { padding:20px 0; }
/* page
-----------------------------------------------------------------------------*/
section#page01 { height:800px; }
section#page01 h1 { bottom:20px; }
#page02 { padding-bottom:80px; }
#page02 h2 { margin-bottom:40px; }
.paddingTop { padding-top:130px; }
/* top
-----------------------------------------------------------------------------*/
body#top section#page01 div.txt {
    margin-left:-400px;
    margin-top:-80px;
    width:800px;
    height:160px;
}
body#top section#page01 div.txt span {
    display:table-cell;
    width:800px;
    height:160px;
    vertical-align:middle;
}
div#scroll-btn {
    bottom: 30px;
    left: 50%;
    margin-left: -41px;
    position: absolute;
    z-index:10;
}
body#top #page02 { padding-top:40px; }
body#top #page02 h1 { margin-bottom:80px; }
body#top #page02 ul {
    margin:0 auto;
    width:800px;
}
body#top #page02 li {
    float:left;
    padding:10px 0;
    margin-bottom:20px;
    width:376px;
    border:1px solid #fff;
}
body#top #page02 li:nth-child(even) { float:right; }
/* service
-----------------------------------------------------------------------------*/
div#service01 { width:880px; }
div#service01 h2 img { width:200px; }
div#service01 div.box:first-child {
    float:left;
    width:400px;
}
div#service01 div.box:last-child {
    float:right;
    width:400px;
}
div#service01 div.box h3 { padding:10px 0 20px; }
div#service01 div.box div {
    font-size:1.6rem;
    text-align:center;
    line-height:1.5;
}
div#service02 ul { width:800px; }
div#service02 li {
    margin-bottom:50px;
    padding:20px 40px;
}
div#service02 li:last-child { margin-bottom:20px; }
div#service02 li span:first-child {
    display:inline-block;
    margin-right:50px;
    width:8em;
}
div#service02 li span:last-child { display:inline-block; }
/* about
-----------------------------------------------------------------------------*/
div#about01 h2 img { width:160px; }
div#about01 p { width:790px; }
div#about01 h3 { margin-bottom:30px; }
div#about02 h2 img,
div#about03 h2 img { width:100px; }
div#about02 li,
div#about03 li {
    display:table;
    padding:0 50px;
}
div#about02 li div,
div#about03 li div {
    display:table-cell;
    padding:12px 0 8px;
}
div#about02 li div:first-child,
div#about03 li div:first-child { padding-right:20px; }
div#about02 li a { margin-left:50px; }
/* work
-----------------------------------------------------------------------------*/
body#work #page02 h2 img { width:220px; }
body#work #page02 h3 { margin-bottom:30px; }
body#work #page02 h3 img { width:180px; }
body#work #page02 div.tr {
    display:table;
    width:100%;
}
body#work #page02 div.tr div { display:table-cell; }
body#work #page02 div.th {
    width:210px;
    border-right:1px solid #fff;
    vertical-align: middle;
}
body#work #page02 div.td {
    width:230px;
    border-right:1px solid #fff;
    vertical-align: middle;
}
body#work #page02 div.td:last-child {
    width:auto;
    border:none;
}
body#work #page02 div.thead div { font-size:1.4rem; }
body#work #page02 div.tbody div.tr div { border-top:1px solid #fff; }
body#work #page02 div.tr div { padding:15px 20px; }
body#work #page02 div.thead div.tr div { padding:5px 20px; }
/* recruit
-----------------------------------------------------------------------------*/
body#recruit section#page02 { padding:0 0 100px; }
body#recruit section#page02 p { width:840px; }
/* privacy
-----------------------------------------------------------------------------*/
body#privacy div.main { padding:160px 0 80px; }
body#privacy div.main div.wrap { padding:15px 70px 120px; }
body#privacy div.main div.wrap ul#tabNav { margin-bottom:70px; }
body#privacy div.main div.wrap ul#tabNav li { display:inline-block; }
body#privacy div.main div.wrap ul#tabNav li:first-child:after {
    content:"｜";
    display:inline-block;
    color:#0068B6;
    font-size:2rem;
}
body#privacy div.main div.wrap ul#tabNav li:first-child:after { margin:0 10px; }
body#privacy div.main div.wrap .tabContent ol { margin-left:5.5rem; }
body#privacy div.main div.wrap .tabContent ol li { padding-left:15px; }
body#privacy div.main div.wrap .tabContent ol ul li { padding-left:10px; }
body#privacy div.main div.wrap .tabContent#privacy02 h1 + p { margin-left:0; }
body#privacy div.main div.wrap .tabContent#privacy02 p,
body#privacy div.main div.wrap .tabContent#privacy02 div { margin-left:2em; }
body#privacy div.main div.wrap .tabContent#privacy02 ol { margin-left:8rem; }