@charset "utf-8";
html {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 62.5%;
}
a { color:#000; }
a:hover { text-decoration:none; }
body { font-size: 1.0rem; }
/* header
-----------------------------------------------------------------------------*/
header#mainHead {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:11;
    background-color:#fff;
}
header#mainHead nav div a:hover { color:#004CB6; }
header#mainHead:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    height:5px;
    width:100%;
    background-color:#004CB6;
}
/* company info
-----------------------------------------------------------------------------*/
#companyInfo * {
    font-size:1.6rem;
    line-height:1.6;
}
/* footer
-----------------------------------------------------------------------------*/
#mainFoot { border-top:1px solid #0068B6; }
#mainFoot div.wrap { display:table; }
#mainFoot div.wrap div#privacymark { display:table-cell; }
#mainFoot div#copyright {
    display:table-cell;
    text-align:right;
    vertical-align:bottom;
}
div.privacy {
    display:inline-block;
    margin-left:10px;
    font-size: 1.4rem;
}
div.privacy a {
    color: #0068b6;
    font-size: 1.4rem;
    text-decoration: none;
}
div.privacy a:hover { text-decoration:underline; }
/* page
-----------------------------------------------------------------------------*/
section#page01 {
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    background-size:cover;
}
section#page01 h1 {
    position:absolute;
    left:0;
    text-align:center;
    width:100%;
}
#page02 {
    background-color:#0068B6;
    color:#fff;
}
#page02 h2 { text-align:center; }
/* top
-----------------------------------------------------------------------------*/
body#top section#page01 ul#slider li {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    position:relative;
}
body#top section#page01 ul#slider li#slide1 { background-image:url(../img/top/top1.jpg); }
body#top section#page01 ul#slider li#slide2 { background-image:url(../img/top/top2.jpg); }
body#top section#page01 ul#slider li#slide3 { background-image:url(../img/top/top3.jpg); }
body#top section#page01 ul#slider li#slide4 { background-image:url(../img/top/top4.jpg); }
body#top section#page01 div.txt {
    position:absolute;
    top:50%;
    left:50%;
}
body#top section#page01 div.txt a.slider-prev {
    position:absolute;
    left:20px;
    top:50%;
    margin-top:-17px;
    cursor:pointer;
}
body#top section#page01 div.txt a.slider-next {
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-17px;
    cursor:pointer;
}
body#top section#page01 div.txt a:hover { opacity:0.8; }
body#top section#page01 div.txt span {
    background-color:#0068b6;
    background-color:rgba(0,104,182,0.5);
    text-align:center;
}
/* service
-----------------------------------------------------------------------------*/
body#service section#page01 { background-image:url(../img/service/top-bg.jpg); }
div#service01 { margin:0 auto; }
div#service01 div.box h3 {
    font-size:2rem;
    text-align:center;
}
div#service02 ul { margin:0 auto; }
div#service02 li { border:1px solid #fff; }
div#service02 li span:first-child {
    font-size:1.6rem;
    text-align:center;
}
div#service02 li span:last-child { font-size:2rem; }
/* about
-----------------------------------------------------------------------------*/
body#about section#page01 { background-image:url(../img/about/top-bg.jpg); }
div#about01 p {
    font-size:1.6rem;
    margin:0 auto;
    line-height:1.5;
}
div#about01 p#lead {
    font-size:2.3rem;
    font-weight:bold;
    text-align:center;
    line-height:2;
}
div#about01 h3 {
    font-size:2.2rem;
    text-align:center;
}
div#about02 ul,
div#about03 ul { border-top:1px solid #fff; }
div#about02 li,
div#about03 li {
    width:100%;
    border-bottom:1px solid #fff;
    font-size:1.6rem;
}
div#about02 li div,
div#about03 li div {
    display:table-cell;
    vertical-align:top;
    line-height:1.5;
}
div#about02 li div:first-child,
div#about03 li div:first-child { width:11em; }
div#about02 li a {
    display:inline-block;
    text-decoration:none;
    color:#fff;
}
div#about02 li a:hover { opacity:0.8; }
/* work
-----------------------------------------------------------------------------*/
body#work section#page01 { background-image:url(../img/work/top-bg.jpg); }
body#work #page02 h3 { text-align:center; }
body#work #page02 div.tr div {
    font-size:1.6rem;
    line-height:1.5;
}
/* recruit
-----------------------------------------------------------------------------*/
body#recruit section#page01 { background-image:url(../img/recruit/top-bg.jpg); }
body#recruit section#page02 p {
    margin:0 auto;
    font-size:1.6rem;
    line-height:2;
}
body#recruit section#page02 div.txtR {
    font-size:1.6rem;
    line-height:1.5;
}
/* privacy
-----------------------------------------------------------------------------*/
body#privacy div.main { background-color:#0068B6; }
body#privacy div.main div.wrap { background-color:#fff; }
body#privacy div.main div.wrap ul#tabNav { text-align:center; }
body#privacy div.main div.wrap ul#tabNav li { font-size:1.8rem; }
body#privacy div.main div.wrap ul#tabNav li a {
    color:#999;
    text-decoration:none;
}
body#privacy div.main div.wrap ul#tabNav li.select a { color:#0068B6; }
body#privacy div.main div.wrap .tabContent * {
    font-size:1.6rem;
    color:#0068B6;
    line-height:1.7;
    font-weight:normal;
}
body#privacy div.main div.wrap .tabContent h1 {
    font-size:2.8rem;
    text-align:center;
}
body#privacy div.main div.wrap .tabContent ol li { list-style-type:lower-roman; }
body#privacy div.main div.wrap .tabContent ol ul li { list-style:inside; }