@charset "utf-8";
@media only screen and (max-width:980px) {
img { width:100%; }
.left { float:none; }
.right { float:none; }
.mgb10 { margin-bottom:5px!important; }
.mgb15 { margin-bottom:7px!important; }
.mgb20 { margin-bottom:10px!important; }
.mgb25 { margin-bottom:12px!important; }
.mgb30 { margin-bottom:15px!important; }
.mgb35 { margin-bottom:17px!important; }
.mgb40 { margin-bottom:20px!important; }
.mgb45 { margin-bottom:22px!important; }
.mgb50 { margin-bottom:25px!important; }
.mgb55 { margin-bottom:27px!important; }
.mgb60 { margin-bottom:30px!important; }
.mgb65 { margin-bottom:32px!important; }
.mgb70 { margin-bottom:35px!important; }
.mgb75 { margin-bottom:37px!important; }
.mgb80 { margin-bottom:40px!important; }
.wrap {
    width:100%;
    padding:0 10px;
}
/* header
-----------------------------------------------------------------------------*/
header#mainHead { height:40px; }
div#spLogo {
    display:block;
    position:fixed;
    z-index:9999999;
    width:100px;
    left:50%;
    top:5px;
    margin-left:-50px;
}
div#spLogo a img { width:100px; }
div#logo { display:none; }
header#mainHead nav {
    display:none;
    position:fixed;
    background-color:#004CB6;
}
header#mainHead nav li img { display:none; }
/* company info
-----------------------------------------------------------------------------*/
#companyInfo { padding:25px 10px; }
#companyInfo div { font-size:1.4rem; }
#companyInfo h2 img { width:129px; }
#companyInfo div#map { display:none; }
#companyInfo div#sp-map {
    display:block;
    margin:40px auto 0;
    width:270px;
}
/* footer
-----------------------------------------------------------------------------*/
#mainFoot {
    padding:10px 0;
    width:100%;
}
#mainFoot div.wrap div#privacymark img { width:30px; }
#mainFoot div.wrap div#copyright img { width:101px; }
#mainFoot div.wrap div#privacymark img { width:35px; }
#mainFoot div.wrap div#copyright img { width:101px; }
/* page
-----------------------------------------------------------------------------*/
section#page01 {
    height:250px;
    background-position:center 30%;
}
section#page01 h1 { bottom:8px; }
section#page01 h1 img { width:210px; }
section#page02 { padding-bottom:25px; }
section#page02 h2 { margin-bottom:20px; }
.paddingTop { padding-top: 65px; }
/* top
-----------------------------------------------------------------------------*/
body#top section#page01 div.txt {
    margin-left:0;
    margin-top:-40px;
    left:0;
    height:auto;
    width:100%;
    text-align:center;
}
body#top section#page01 div.txt span {
    display:inline-block;
    padding:20px;
    width:90%;
    height:auto;
    background-color:rgba(0,104,182,0.5);
}
body#top section#page01 div.txt a.slider-prev {
    position:absolute;
    left:20px;
    top:50%;
    margin-top:-8px;
    cursor:pointer;
    width:11px;
    height:20px;
}
body#top section#page01 div.txt a.slider-next {
    position:absolute;
    right:20px;
    top:50%;
    margin-top:-8px;
    cursor:pointer;
    width:11px;
    height:20px;
}
div#scroll-btn {
    margin-left:-32px;
    width:63px;
    height:61px;
}
body#top #page02 ul { width:100%; }
body#top #page02 h1 { margin-bottom:20px; }
body#top #page02 h1 img { width:280px; }
body#top #page02 p img { width:280px; }
body#top #page02 ul li {
    float:none!important;
    margin:0 auto 10px;
    padding:10px 20px;
    width:180px;
}
body#top #page02 ul li img { width:140px; }
/* service
-----------------------------------------------------------------------------*/
div#service01 {
    margin:0 auto;
    width:100%;
}
div#service01 h2 img { width:150px; }
div#service01 div.box:first-child,
div#service01 div.box:last-child { width:100%; }
div#service01 div.box { margin-bottom:30px; }
div#service01 div.box + div.box { margin-bottom:0; }
div#service01 div.box h3 {
    padding:5px 0 10px;
    font-size:1.6rem;
}
div#service01 div.box div {
    font-size:1.4rem;
    text-align:center;
    line-height:1.5;
}
div#service02 ul { width:100%; }
div#service02 li {
    margin-bottom:25px;
    padding:10px 20px;
}
div#service02 li:last-child { margin-bottom:20px; }
div#service02 li span {
    display:block!important;
    margin-right:0!important;
    width:100%!important;
    text-align:center;
}
div#service02 li span:first-child {
    margin-bottom:10px;
    font-size:1.6rem;
}
div#service02 li span:last-child { font-size:1.4rem; }
/* about
-----------------------------------------------------------------------------*/
body#about .subNav li a { margin:5px 0 7px!important; }
div#about01 h2 img { width:120px; }
div#about01 p#lead { font-size:1.6rem; }
div#about01 p {
    width:100%;
    font-size:1.4rem;
}
div#about01 h3 {
    margin-bottom:15px;
    font-size:1.8rem;
}
div#about02 h2 img,
div#about03 h2 img { width:75px; }
div#about02 li,
div#about03 li {
    display:block;
    padding:0 5px;
}
div#about02 li div,
div#about03 li div {
    display:block;
    padding:7px 0;
    font-size:1.4rem;
}
div#about02 li div:first-child,
div#about03 li div:first-child { font-size:1.3rem; }
/*div#about02 li a { 20140423 del
    display:block;
    width:120px;
    padding:10px 0;
    margin:10px auto;
    background-color:#fff;
    color:#0068B6;
    text-align:center;
}*/
/* work
-----------------------------------------------------------------------------*/
body#work #page02 h2 img { width:175px; }
body#work #page02 h3 { margin-bottom:15px; }
body#work #page02 h3 img { width:135px; }
body#work #page02 div.tr {
    display:block;
    width:100%;
}
body#work #page02 div.tr div { display:block; }
body#work #page02 div.th,
body#work #page02 div.td,
body#work #page02 div.td:last-child {
    width:auto;
    border:none;
}
body#work #page02 div.td { text-align:center; }
body#work #page02 div.td:last-child {
    font-size:1.4rem;
    text-align:left;
}
body#work #page02 div.tr div { padding:5px 10px; }
body#work #page02 div.thead { display:none; }
body#work #page02 div.tbody div.tr { border-top:1px solid #fff; }
body#work #page02 div.tbody div.tr div { border:none; }
body#work #page02 div.tbody div.tr div.th {
    text-align:center;
    font-size:1.3rem;
}
/* recruit
-----------------------------------------------------------------------------*/
body#recruit .subNav li a { margin:20px 0 0!important; }
body#recruit section#page02 { padding-bottom:50px; }
body#recruit section#page02 div#lead img { width:280px; }
body#recruit section#page02 h2 img { width:280px; }
body#recruit section#page02 p,
body#recruit section#page02 div.txtR {
    width:100%;
    font-size:1.4rem;
    line-height:1.5;
}
/* privacy
-----------------------------------------------------------------------------*/
body#privacy div.main { padding:40px 0 20px; }
body#privacy div.main div.wrap {
    padding:10px;
    border:10px solid #0068b6;
}
body#privacy div.main div.wrap ul#tabNav { margin-bottom:30px; }
body#privacy div.main div.wrap ul#tabNav li a { font-size:1.4rem; }
body#privacy div.main div.wrap ul#tabNav li:first-child::after {
    margin:0 5px;
    font-size:1.6rem;
}
body#privacy div.main div.wrap .tabContent h1 { font-size:1.8rem; }
body#privacy div.main div.wrap .tabContent h2,
body#privacy div.main div.wrap .tabContent h3 {
    font-size:1.6rem;
    margin-bottom:10px;
}
body#privacy div.main div.wrap .tabContent p { font-size:1.4rem; }
body#privacy div.main div.wrap .tabContent ol {
    margin-left:4rem;
    margin-bottom:20px;
}
body#privacy div.main div.wrap .tabContent ol li {
    padding-left:0;
    font-size:1.4rem;
}
body#privacy div.main div.wrap .tabContent ol ul li { padding-left:0; }
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:0; }
body#privacy div.main div.wrap .tabContent#privacy02 ol { margin-left:4rem; }
body#privacy div.main div.wrap .tabContent .txtR { font-size:1.4rem; }
body#privacy div.main div.wrap .tabContent * { line-height:1.3; }