/* =Base
-----------------------------------------------------------------------------*/
*{box-sizing:border-box; margin:0; padding:0;}
body {max-width:100%; background-color:#c0d43c; overflow-x:hidden;}
a:hover img{filter:alpha(opacity=60); opacity:0.6;}

/* =Layout
-----------------------------------------------------------------------------*/
.wrapper {width:100%; padding-right:5%; padding-left:5%; margin-right:auto; margin-left:auto;}

@media (min-width: 1200px) {
  .wrapper {max-width:1240px;}
}

/* ------------------------------------
// setup
------------------------------------ */
/*margin*/
.mt0{margin-top:0 !important;}
.mt1{margin-top:2% !important;}
.mt2{margin-top:4% !important;}
.mt3{margin-top:6% !important;}
.mt4{margin-top:8% !important;}
.mt5{margin-top:10% !important;}
.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:2% !important;}
.mb2{margin-bottom:4% !important;}
.mb3{margin-bottom:6% !important;}
.mb4{margin-bottom:8% !important;}
.mb5{margin-bottom:10% !important;}

/*section*/
section.back{background-color:#ccc; padding:8% 0;}

/*font-size*/
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs30{font-size:30px;}
.fs40{font-size:40px;}
.fs80{font-size:80px;}

.left{text-align:left;}
.center{text-align: center;}
.small{font-size:0.8em;}

/* =Header
-----------------------------------------------------------------------------*/
#header {background:#c0d43c url(../img/back.gif) repeat-x center top scroll; width:100%; height:220px; overflow:hidden;}
h1 {text-align:center; margin:45px 0 0 0;}
.onpu {float:right; margin:-10% 8% 0 0;}
#navi{text-align:center; width:100%; overflow:hidden;}
.navi {margin:0 auto 2%; width:984px; list-style:none outside none;}
.navi a {display:block; float:left; height:88px; text-indent:-5000px;}
.navi01 a {background:url("../img/navi.gif") no-repeat scroll 0 0 transparent; width:164px;}
.navi02 a {background:url("../img/navi.gif") no-repeat scroll -156px 0 transparent; width:164px;}
.navi03 a {background:url("../img/navi.gif") no-repeat scroll -312px 0 transparent; width:164px;}
.navi04 a {background:url("../img/navi.gif") no-repeat scroll -468px 0 transparent; width:164px;}
.navi05 a {background:url("../img/navi.gif") no-repeat scroll -624px 0 transparent; width:164px;}
.navi06 a {background:url("../img/navi.gif") no-repeat scroll -780px 0 transparent; width:164px;}
.navi01 a:hover {background:url("../img/navi.gif") no-repeat scroll 0 -88px transparent; height:88px; width:164px;}
.navi02 a:hover {background:url("../img/navi.gif") no-repeat scroll -156px -88px transparent; height:88px; width:164px;}
.navi03 a:hover {background:url("../img/navi.gif") no-repeat scroll -312px -88px transparent; height:88px; width:164px;}
.navi04 a:hover {background:url("../img/navi.gif") no-repeat scroll -468px -88px transparent; height:88px; width:164px;}
.navi05 a:hover {background:url("../img/navi.gif") no-repeat scroll -624px -88px transparent; height:88px; width:164px;}
.navi06 a:hover {background:url("../img/navi.gif") no-repeat scroll -780px -88px transparent; height:88px; width:164px;}

/* =Main
-----------------------------------------------------------------------------*/
#main {clear:both;}
.box01 a{text-decoration:none; color:#663300;}
.box01 .third{background-color:#fff; border-radius:18px;}
.top01,.top02,.top03{padding:20px; position:relative;}
.box01 h2{font-size:23px;}
.kaisha{margin-bottom:15px;}
.topgaikan{border-radius:5px;}
#top04{background-color:#fff; border-radius:18px; padding:20px;}
#top04 h2{font-size:18px; padding:0.3em 1.5em; background-color:#ff8800; color:#fff; border-radius:5px; text-align:center; font-weight:normal;}
#top04 p{text-align:center; font-size:17px;}
#top05{background-color:#fff; border-radius:18px; padding:15px;}
.osusume{margin:-30px auto 10px;}
.kuwashiku{position:absolute; right:10px; top:-15px;}
.topSpec {list-style: none;}
.link01, .link02, .link03, .link04 {margin: 0 0 4% 0;}
.shonin {margin:10px 0 2em; text-align:left; color:#fff; font-size:14px;}
strong {font-weight:normal;}
table.enkaku th{white-space:nowrap;}
table.enkaku{font-size:0.875em;}
.companyname{font-size:18px; font-weight:bold; margin-bottom:5px;}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {background:#79a100 url(../img/Ftop.gif) repeat-x center top scroll; float:left; width:100%; margin:3.1914893617% 0 0 0; background-color:#79a100;}
.flogo {padding:25% 0 0 0; font-size:19px; font-weight:bold; color:#fff;}
.flogosub{font-size:14px; font-weight:normal;}
.tel{font-size:19px; font-weight:bold; color:#fff; margin-top:10px;}
.f_guide01 {float:left; padding:25% 0 0 0; list-style:none; line-height:2em;}
.f_guide02 {float:left; padding:24% 0 0 0; list-style:none; line-height:2em;}
.f_guide_r {float:left; padding:24% 0 0 2em; list-style:none; line-height:2em;}
.cate {font-size:10px; width:50px; padding:2px 5px; background-color:#FF0; color:#79a100; margin-right:10px}
.jusho{line-height:1.5; margin-bottom: 5px;}
.f_guide02 li, .f_guide_r li {background-image:url(../img/liststyle.gif); text-indent:1.2em; background-repeat:no-repeat; background-position:left center;}
.f_guide01 li a, .f_guide02 li a, .f_guide_r li a, .jusho, .time, .yasumi{color:#fff; text-decoration:none;}
.yasumi{line-height:1.6;}
.f_guide01 li a:hover, .f_guide02 li a:hover, .f_guide_r li a:hover {color:#ffff00;}
.f_guide_r{margin-bottom:20px;}
#footer_menu {float:left; padding:6% 0 0 0; text-align:center;}
.kanyu{clear:both;}
.kanyu a, .kojin a {
color:#79a100;
text-decoration:none;
background-color:#ffff00;
width:100%;
display:block;
margin-bottom:10px;
border-radius:5px;
text-align:center;
position:relative;
behavior:url("PIE.htc");
padding:0.2em;
font-size:14px;
}	
.kanyu a:hover, .kojin a:hover {background-color:#ffe17c;}
.copy {float:left; width:100%; background-color:#ffdc67; padding:20px 0; color:#663300; font-size:85%; text-align:center;}


/*���w�y�[�W*/
/* =company
-----------------------------------------------------------------------------*/
.titlebox{overflow:hidden;}
.sub01 {margin:2% 0 0 0;}
.sub02 {float:left;margin:2% 0 0 0;}
.midashi {
float:left;
margin:2.12765957446% 0 1.59574468085% 1.80851063829%;
letter-spacing:0.1em;
width:auto;
font-weight:bold;
color:#fff;
text-shadow:2px 2px 0 #663300, 1px 1px 0 #663300, 1px 1px 1px #663300, -1px -1px 0 #663300, 1px -1px 0 #663300, -1px 1px 0 #663300, 1px 0 1px #663300, 0 1px 1px #663300, -1px 0 1px #663300, 0 -1px 0 #663300;
position:relative;
behavior:url("PIE.htc"); 
}

table.company {float:left; margin:4.34782608695% 0 0 0; width:100%;}
table.company td,
table.company th,
table.contact td,
table.contact th {border:1px solid #c0d43c; color:#663300; background-color:#fff; font-size:1em; vertical-align:middle;}
table.company th, table.contact th {background-color:#dfe998; text-align:center; font-weight:normal;}
table.company td, table.contact td {padding: 3% 3.3% 3%;}
table.company th{white-space:nowrap; padding:0.75em 0.6em;}
.whitebox{background-color:#fff; padding:1.5em; border-radius:10px; margin:4.34782608695% 0 0;}
.whitebox h2{font-size:18px; padding:0.3em 1.5em; background-color:#ff8800; color:#fff; border-radius:15px; text-align:center; font-weight:normal;}
.rinenbox p{font-size:17px; text-align:center;}
div.gmap{text-align:center; margin:4.34782608695% 0 0 0;}
div.gmap iframe {width:100%; height:450px; border:2px solid #fff;}
.ffs-p{font-feature-settings:'palt'; letter-spacing:1px;}

/* =contact
-----------------------------------------------------------------------------*/
table.contact {float:left; margin:2% 0 0 0; width:100%; box-shadow:0 1px 1px #CCC;}
.submit {background-color:#c0d43c; text-align:center; border:none;}
#submit {height:47px; width:150px; margin:30px 0 0 0; background:url("../img/submit.png") no-repeat scroll 0 0 transparent; text-indent:-5000px; font-size:90%; border:none;}
#con_top03 {background:url("../img/top03.jpg") no-repeat scroll 0 0 transparent; background-size:100% auto;}
.width100 {width:92%;}
.width60 {width:60%;}
.rinen {margin:4.34782608695% 0 1% 0;}

/* =question
-----------------------------------------------------------------------------*/
.Qtitle {margin:2% 0 1.7% 0;}
.QAbox {background-color:#FFF; width:95%; border-radius:10px; margin:-1% auto 10px; position:relative; behavior:url("PIE.htc");}
.Q {
padding:4.5766590389% 4.5766590389% 0 16.0183066361%;
background:url("../img/Qmark.png") no-repeat scroll 0 0 transparent;
background-position:4% 1em;
background-size:100% auto;
}
.Q2 {
padding: 5.43478260869% 4.5766590389% 3.26086956521% 16.0183066361%;
background:url("../img/Qmark.png") no-repeat scroll 0 0 transparent;
background-position:4% 1em;
background-size:100% auto;
}
.A {
padding:3.43249427917% 4.5766590389% 4.5766590389% 16%;
background:url("../img/Amark.png") no-repeat scroll 0 0 transparent;
background-position:0 1em;
background-size:100% auto;
}
hr.line {
background:url("../img/hr.gif") no-repeat scroll 0 0 transparent;
height:6px;
border:none;
background-position:center;
background-size:contain;
}

/* =hoken
-----------------------------------------------------------------------------*/
.shosai {margin:5px 0 0 0;}
.hoken_kojin_title{text-align:center; margin:0 0 0.8em; font-size:30px; border-bottom:3px solid #fff100; display:inline-block; padding-bottom:5px;}
#hoken01, #hoken02, #hoken03, #hoken04, #hoken05, #hoken06, #hoken07, #hoken08, #hoken09, #hoken10, #hoken11 {background-color:#fff; padding:1.6em; border-radius:10px; text-align:center;}
.H_midashi {line-height:1.5em;}

/* =recruit
-----------------------------------------------------------------------------*/
table.recruit {margin:0; width:100%;}
table.recruit td,
table.recruit th,
table.recruit td,
table.recruit th {border:1px solid #c0d43c; color:#663300; background-color:#fff; font-size:1em; vertical-align:middle;}
table.recruit th {background-color:#dfe998; text-align:center; font-weight:normal;}

/* =kojin
-----------------------------------------------------------------------------*/
.kojinbox {background-color:#FFF; border-radius:10px; padding:3.57142857142%; margin:2.85714285714% 0 0 0; position:relative; behavior:url("PIE.htc");}
#heading3{font-size:158%; border:solid 1px #663300; padding:1.42857142857%; margin-bottom:2.85714285714%; border-radius:5px; position:relative; behavior:url("PIE.htc");}
#heading3 span{border-left:5px #ff8800 solid; padding-left:10px;}
h2.kojin02 {font-size:129%; color:#ff8800; margin-bottom:2.85714285714%;}
h2.kojin03 {display:block; color:#ff8800; font-size:115%; border:1px solid #ff8800; text-align:center; padding:1.42857142857%; margin-bottom:2.85714285714%;}
p.kojin {margin:0 0 5.555555555555% 0;}
p.chui {margin:5% 0 0 0;}
.kojinspec {list-style:none; margin:5.555555555555% 0 0 0;}
li.toriatsukai {text-indent:-0.5em; font-size:110%; margin-bottom:0.5em;}

/* =kanyu
-----------------------------------------------------------------------------*/
.kanyuTit {font-size:115%; font-weight:bold; color:#ff8800;}
.kanyuP {padding:2.85714285714% 0; border-bottom:2px dotted #ff8800;}



/* =Responsive Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width:800px) {
    #header{background-size:100%; background-position:0 100.85%; background-color:#dcfaff; text-align:center;}
    h1 {width:100%; float:none;}
    .onpu {display:none;}
    .navi {float:left; margin:1% 0; width:100%; background-color:#c0d43c; list-style:none outside none; text-align:center;}
    .navi a {
    display:block;
    float:left;
    text-indent:0;
    text-decoration:none;
    background:none;
    height:auto;
    width:30.8%;
    margin:0 1.9% 2% 0;
    color:#fff;
    padding:10px 0;
    background-color:#ff8800;
    border-radius:8px; 
    position:relative;
    behavior:url("PIE.htc"); 
    }
    .navi a:hover{display:block; float:left; text-indent:0; text-decoration:none; background:none; height:auto; width:30.8%; color:#d8c2a4; padding:10px 0; color:#fff; background-color:#7d4934}
    .navi li:first-child a, .navi li:nth-child(4) a{margin-left:1.9%!important;}
    .wrapper {width:auto; padding:0 4%; margin:0 auto;}
    .row .half {width:48.5%;}
    .row .quarter, .container row .quarter{width:31.8%;}
    .row .third, .container row .third{width:48.5%;}
    .box01 .third:nth-child(3){margin-left:0;}
    .box02 .third{width:100%;}
    .row .fifth, .row .sixth, .row .twothird, .row .twofifth, .row .threefifth, .row .fourfifth, .row .fivesixth, .row .threequarter{margin-left:0; width:100%;}

    /* =top
    -----------------------------------------------*/
    .rslides {clear:both;}
    #top04 {margin-top:2%; width:100%;}
    .link {float:left; width:22%; margin:-2% 0 0 0;}
    .link01,.link02,.link03,.link04,.link05{float:left; width:24%; margin:0 0 0 1%;}
    .link04,.link05{margin-top:1%;}
    .shonin {float:left; text-align:left; margin-left:2%;}
    #footer_logo {width:48.5%; padding:0 0 0 0;}
    .Flogo {padding:22% 0 0 0;}
    #footer_spec {width:48.5%; margin:0 auto 0; padding:0 0 5% 0;}
    #footer_sitemap {width:48.5%; margin:0 0 5% 0;}
    .f_guide02, .f_guide_r {text-align:left; padding:0 0 2.34375% 0;}
    .f_guide01 {margin:0;}
    .f_guide02 {margin:-1% 0 0 0;}
    .f_guide_r {margin:-1% 0 0 6%;}
    #footer_menu {width:48.5%; padding:1% 0 0 0; margin:0;}

    /* =question
    -----------------------------------------------*/
    .titlebox {text-align:center;}
    .sub02 {float:none; margin:0.53191489361% auto 0;}
    .midashi {float:none;margin:-1% 0 1.59574468085% 0;}

    /* =hoken
    -----------------------------------------------*/
    .shosai {margin:3% 0 0 0;}

    /* =contact
    -----------------------------------------------*/
    #con {margin:0 auto;}
    #con_top03 {margin:3% 0 0 15.9%;}
    #con_top04 .link {float:left; width:65%; margin:4% 15% 0 ;}
    #con_top04 .link01, #con_top04 .link02, #con_top04 .link03{float:left; width:100%; margin:2% 0 0 1%;}
    table.company td, table.company th {font-size:0.8em;}
}


/* =Responsive Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width:480px) {
    .navi li:first-child a,
    .navi li:nth-child(4) a{margin-left: 0!important;}
    .navi li:nth-child(odd) a{margin:0 2%!important;}
    .navi {float:left;margin:0 0 2% 0;width:100%;background-color:#c0d43c;list-style:none outside none;text-align:center;}
    .navi a {
    display:block;
    float:left;
    text-indent:0;
    text-decoration:none;
    background:none;
    height:auto;
    width:47%;
    color:#fff;
    padding:8px 0;
    background-color:#ff8800;
    position:relative;
    behavior:url("PIE.htc"); 
    }
    .navi a:hover {display:block; float:left; text-indent:0; text-decoration:none; background:none; height:auto; width:47%; color:#d8c2a4; padding:10px 0; color:#fff; background-color:#7d4934}
    .row .half {width:100%; margin:0;}
    .row .quarter, .container row .quarter{width:48%;}
    .row .third, .container row .third, .row .twothird{width:100%; margin-left:0;}
    #footer .third{text-align:center;}

    /* =top
    -----------------------------------------------*/
    .link {float:left; width:60%; margin:0 0 0 17%;}
    .link01,.link02,.link03,.link04,.link05{float:left; width:100%; margin:2% 0 0 0;}
    #footer_logo {width:100%; text-align:center;}
    .flogo {padding:15% 0 3% 0;}
    #footer_spec {float:none; width:100%; text-align:center; margin:0px auto;}
    .sitemapbox{margin:0 auto; width:228px;}
    #footer_sitemap {float:none; width:100%; margin:0 auto;}
    .f_guide01 {width:100%; padding:0; margin:4% 0 4% 0;}
    .f_guide02 {margin:1% 0 3% 0;}
    .f_guide_r {margin:1% 0 3% 5%;}
    #footer_menu {text-align:center; width:100%; padding:1% 0 0 0; margin:0;}

    /* =hoken
    -----------------------------------------------*/
    #hoken01, #hoken02, #hoken03, #hoken04, #hoken05, #hoken06, #hoken07, #hoken08, #hoken09, #hoken10, #hoken11 {background-color:#fff; padding:1.2em; border-radius:10px; text-align:center;}
    .sub02 {float:none; margin:3% auto 0;}
    .midashi {float:none; margin:-2% 0 1.59574468085% 0;}

    /* =company
    -----------------------------------------------*/
    .gaikan {margin-top:3%;}

    /* =contact
    -----------------------------------------------*/
    #con_top03 {margin:3% 0 0 0;}
}

/* =Responsive Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width:400px) {
    .shonin {text-align:center; float:none;}
}