@charset "utf-8";

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1;
}


img {
    max-width:100%;
}

.tac {text-align: center;}
.sp {display: block;}
.pc,.pconly {display:none;}

.wrap1060 ,
.wrap1120 ,
.wrap1135 {
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

#header {
    position: relative;
    height:150px;
}

#header h1 {
    position: absolute;
    left:50%;
    top:50px;
    xmargin-left:-43.50px;
    margin-left:-127px;
}

#sec01 h2,
#sec02 h2,
#sec03 h2,
#sec04 h2,
#sec05 h2,
#sec06 h2,
#sec07 h2,
#sec08 h2,
#sec09 h2,
#sec10 h2 {
    font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size:24px;font-weight: bold;color:#111;text-align: center;margin-bottom:20px;}

#sec00 {
    position: relative;
    width:100%;
    height:726px;
    height:100%;
    min-height:300px;
    background: url(/img/top01.jpg) top center;
    background-size:cover;

}
#sec00 span {
    display: block;
    position: absolute;
    line-height: 2;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#sec00 span.txt01 {
    top:0px;
    right:20px;
    width:400px;
    height:250px;
}

#sec00 span.txt02 {
    top:0px;
    left:20px;
    width:100px;
    height:250px;
}

#sec01 {

    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(/img/bg_f8f7f7_top.png),url(/img/bg_f8f7f7_top.png);
    background-repeat: repeat-x,repeat-x;
    background-position: top center,bottom center;
    background-color: #F8F6F7;

}

#sec01 ul {
    padding-top: 20px;
    padding-bottom: 20px;
}

#sec01 li {
    float: left;
    xfloat:none;
    width:335px;
    width:33%;
    margin-right:0.5%;
    padding:0 5px;
    xmargin-left:auto;
    margin-bottom: 20px;
}

#sec01 li:nth-child(3n+2){
    margin-right:0;
}

#sec01 li:nth-child(3n){
    float:right;
    margin-right: 0;
}

#sec01 li:nth-child(3n+1){
    clear:both;
}

#sec01 li h4 {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro",YuGothic, "游ゴシック体", "メイリオ", sans-serif;
    color:#111;
    padding-top: 20px;
    padding-bottom: 15px;
    font-size:14px;
    line-height: 1.2;
}

#sec01 li p {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro",YuGothic, "游ゴシック体", "メイリオ", sans-serif;
    font-size:12px;
    line-height: 1.3;
    color:#999;
}

#sec02 {
    position: relative;
    margin-top:20px;
    padding-top: 30px;
    overflow: hidden;
}

#sec02 .bg01 {
    position: absolute;
    bottom:30px;
    left:50%;
    margin-left:-810px;
}
#sec02 .bg02 {
    position: absolute;
    left:50%;
    top:120px;
    margin-left:545px;
}

#sec03 {
    padding-top: 90px;
}

#sec03 .box1 {
    float: left;
    float:none;
    width:96%;
    margin-right:auto;
    margin-left:auto;
}
#sec03 .box2 {
    float: right;
    float:none;
    width:96%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

#sec03 .box1 p {
    line-height: 1.4;
}
#sec03 .box1 p br {
    display:none;
}



#sec03 .box1 ul {
    padding: 20px 5px;
    text-align:center;

}
#sec03 .box1 ul li {
    float: none;
    display:inline-block;
    width:31%;
    margin:0 0 10px 0 ;
    padding:5px 5px;
}
#sec03 .box1 ul li:nth-child(3) {
    float:right;
    float:none;
    margin-right:0;
    margin-right:0;
}

#sec03 .box1 ul li:nth-child(4) {
    clear:both;
}

#sec04 {
    padding-top: 70px;
    padding-bottom: 70px;
}

#sec04 p {
    line-height: 1.4;
    margin-bottom: 50px;
}
#sec04 p br {
    display:none;
}

#sec04 .box1 {
    float: left;
    float:none;
    width:96%;
    margin-right:auto;
    margin-left:auto;
}
#sec04 .box2 {
    float: left;
    float:none;
    width:96%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

#sec04 .box1 ul {
    padding: 20px 5px;
    text-align:center;
}
#sec04 .box1 ul li {
    float: none;
    display:inline-block;
    width:31%;
    margin:0 0 10px 0 ;
    padding:5px 5px;
}
#sec04 .box1 ul li:nth-child(3) {
   float:right;
    float:none;
    margin-right:0;
    margin-right:0;
}
#sec04 .box1 ul li:nth-child(4) {
    clear:both;
}

#sec05 {
    padding-top: 70px;
    padding-bottom: 100px;
}

#sec05 ul {
    padding-top:30px;
    padding:30px 5px;
}

#sec05 li {
    float:left;
    width:220px;
    width:48%;
    height:350px;
    height:360px;
    margin-right:0;
    padding:242px 0 0 0;
    padding:252px 0 0 0;
    box-sizing: border-box;
    text-indent: -2em;
}

#sec05 li:nth-child(2n) {
    float:right;
}



#sec05 li.area03 {margin-right:0;}
#sec05 li.area04 {
    float: right;
    margin-right:0;
}


#sec05 li span {
    display: block;
    font-family: "メイリオ", sans-serif;
    font-size:16px;
    height:70px;
    color:#505050;
    text-align: center;
    border:2px #f0f0f0 solid;
    padding: 25px 0 0 0;
    background: url(/img/arrow01.png) no-repeat 140px center;

}

#sec05 li.area03 span {background: url(/img/arrow01.png) no-repeat 180px center;}

#sec05 .area04 span {
    padding-top: 15px;
    line-height: 1.4;
    text-indent: -1em;
    background: url(/img/arrow01.png) no-repeat 195px center;

}

#sec05 .area01 {background: url(/img/chiba_chiba.png) no-repeat top center;}
#sec05 .area02 {background: url(/img/chiba_ichihara.png) no-repeat top center;}
#sec05 .area03 {background: url(/img/chiba_sodegaura.png) no-repeat top center;}
#sec05 .area04 {background: url(/img/chiba_funabashi.png) no-repeat top center;}

#sec06 {
    position: relative;
    height: 700px;
    width:100%;
    margin-bottom: 90px;
    background: url(/img/bg_tateru.png) no-repeat center 50px;
}
#sec06 a {
    display:block;
    position: absolute;
    bottom:30px;
    left:50%;
    margin-left:-110px;
    width:220px;
    height:55px;
    line-height: 55px;
    border:2px #cfcfcf solid;
    font-size:16px;
    text-align: center;
    background: url(/img/arrow01.png) no-repeat 160px center;
}

#sec06 a:link {
    color:#505050;
}


#sec07 {
    text-align: center;
    padding-bottom: 70px;

}
#sec07 ul {
    padding-top: 30px;
    text-align: center;
}
#sec07 li {
    position: relative;
    display: inline-block;
    width:342px;
    height:380px;
    width:120px;
    height:140px;
    margin-left:20px;
    margin-right:20px;
    margin:0 3px ;
    text-align: center;

}

#sec07 a {
    position: absolute;
    display: block;
    width:100%;
    height:1em;
    bottom:-1em;
    text-align: center;
    font-size:16px;
}

#sec07 a:link {
    color:#505050;
}


#sec07 .au01 {background: url(/img/about_features.png) no-repeat top center;background-size:contain;}
#sec07 .au02 {background: url(/img/about_us.png) no-repeat top center;background-size:contain;}
#sec07 .au03 {background: url(/img/about_recruit.png) no-repeat top center;background-size:contain;}

#sec08 li:nth-child(1){
    border-top:#dfdfdf dotted 2px;
}
#sec08 li {
    border-bottom:#dfdfdf dotted 2px;
    padding: 15px 10px;
    font-size: 16px;
}

#sec08 .date {
    font-size:14px;
    color:#999;
}

#sec08 .cate {
    background:#93d2b3;
    font-size: 12px;
    color:#fff;
    text-align: center;
    display: inline-block;
    width:100px;
    padding: 5px 0;
    margin-left: 10px;
    margin-right: 25px;
}

#sec08 a:link,
#sec08 a:visited {
    display:block;
    padding:10px 0;
    font-family:;
    font-size: 16px;
    color:#505050;
}


#sec08 .more {
    display: block;
    width:220px;
    border:1px #aaa solid;
    margin:30px auto ;
    padding: 20px 0;
    text-indent:-1em;
    text-align: center;
    background:url(/img/arrow01.png) no-repeat 180px center;

}

#sec09 {

    text-align: center;
    padding: 100px 0 30px 0;
}

#sec09 li {
    display: inline-block;
    width:262px;
    height:50px;
    margin-left:10px;
    margin-right:10px;

}

#sec10 {}

footer {
    margin-top:80px;
}

#footer01 {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #F2FBF6;
    background:url(/img/bg_footer01_top.png) no-repeat top center #f2fbf6;
    font-size: 14px;
    text-align:center;

}

#footer01 a:link,
#footer01 a:visited{
    color:#111;
}

#footer01 li {
    text-align:left;
}

#footer01 .layer01 > li {
    width:140px;
    xfloat: left;
    display:inline-block;
    vertical-align:top;
    color:#111;
}

#footer01 .layer02 {
    margin-top:23px;
}

#footer01 .layer03 {
    padding-top: 1em;
    padding-left: 1.5em;
    margin-bottom:30px;
}

#footer01 .layer02 li ,
#footer01 .layer03 li {
    margin-bottom: 10px;
}

#footer01 .layer03 li {
    text-indent:0.9em;
    background:url(/img/arrow02.png) no-repeat left center;
}

#footer01 .layer03:nth-child(1){
    margin-bottom:20px;
}


#footer02 {
    padding-top: 20px;
    padding-bottom:50px;

}

#footer02 .footer_logo {
    display: block;
    width:256px;
    height: 60px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 20px;

}

#footer02 .box1 ,
#footer02 .box2 {
    float: none;
    width:100%;
    padding:20px 15px;
    border-top:2px #777 dotted;
}

#footer02 .box2 {
    border-bottom:2px #777 dotted;
    margin-bottom:50px;
}

#footer02 .box1 {
    width:100%;
    margin:0;
}

#footer02 .box1 p ,
#footer02 .box2 p {
    line-height: 1.4;
    font-size: 14px;
}

#footer02 .box3 {
    float:none;
    width: 100%;
    text-align:center;
}

#footer03 {
    clear: both;
    padding-top:82px;
    margin-top:30px;
    background: url(/img/footer_ienami.png) #fff repeat-x top center;
    color:#fff;
    font-size:13px;
    text-align: center;
}

#footer03 p {
    height:60px;
    line-height:60px;
    background:#084627;
    font-size:13px;
    text-align: center;
}


#footer03 small {
    display: block;
    background: #fff;
    padding:15px 0;
    color:#000;
    text-align: center;

}

#side_fixed {
    display:none;
    xposition:fixed;
    xwidth:70px;
    xheight:170px;
    xright:0;
    xtop:50%;
    xmargin-top:-85px;


}