@charset "utf-8";.glyphicon{
  padding-top:2px;
}
*{
  -moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  font-size:100%;font-weight:normal;margin:0;padding:0;vertical-align:top;border:0;line-height:1;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  display:block;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
  content:'';content:none;
}
input,textarea{
  margin:0;padding:0;
}
ol,ul{
  list-style:none;
}
table{
  border-spacing:0;border-collapse:collapse;margin-bottom:24px;
}
caption,th{
  text-align:left;
}
a:focus{
  outline:none;
}
p{
  line-height:1.5;margin-bottom:1em;
}
html{
  font-size:62.5%;
}
body{
  font-size:1.6rem;line-height:1.5;color:#5e585e;position:relative;
}
@media screen and (min-width:850px){
  body{
    font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo",'Noto Sans',"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  }
}
a{
  color:#009dc4;line-height:1.5;
}
a:link{
  color:#009dc4;
}
a:visited{
  color:#009dc4;
}
a:hover{
  text-decoration:none;
  color:#009dc4;
}
a:active{
  color:#009dc4;
}
span{
  line-height:1.5;
}
img{
  vertical-align:top;
  max-width:100%;
  height:auto;
  margin:0 auto;
  display:block;
}
ul,ol{
  padding:0;
  margin:0;
  list-style:none;
}
ul li ul li,ol li ul li{
  padding-left:1em;
}
h1,h2,h3,h4,h5,h6{
  clear:both;
}
@media screen and (min-width:768px){
  .right{
    float:right;margin-left:10px;
  }
.left{
  float:left;margin-right:10px;
}
.center{
  margin:0 auto;display:block;
}
;
}
ul.disc{
  list-style:disc;
}
ul.disc li{
  margin-left:2em;padding:0;
}
ul.side_by_side li{
  padding:0;clear:none;float:left;margin-right:.5em;
}
ul.side_by_side li:after{
  content:" /";
}
ul.side_by_side li:last-child{
  margin-bottom:24px;
}
ul.side_by_side li:last-child:after{
  content:"";
}
.fa{
  font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);font:normal normal normal 14px "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo",'Noto Sans',"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.fa:before{
  font-family:FontAwesome;
}
section{
  margin-bottom:3.2rem;
}
section:before,section:after{
  content:"";display:table;
}
section:after{
  clear:both;
}
h1,p{
  line-height:1.5;margin-bottom:1.6rem;padding:0 1.6rem;
}
h1{
  color:#555;
}
h2{
  margin:-1.6rem 0 1.6rem -8px;font-weight:bold;font-size:1.92rem;padding:.8rem 1.6rem;color:#fff;background-color:#5ec84e;position:relative;border-top:3px solid #36862a;box-shadow:0 2px 5px 0 rgba(94,88,94,0.16),0 2px 10px 0 rgba(94,88,94,0.12);
}
@media screen and (min-width:850px){
  h2{
    width:50%;
  }
;
}
h2:before{
  content:'';position:absolute;top:1.2rem;left:0;width:0;height:0;border:5px solid transparent;border-left:5px solid #fff;
}
h3{
  margin:0 1.6rem .8rem;font-weight:bold;color:#5ec84e;
}
div#maximage{
  height:0;
}
.img-r,.img-l{
  width:35%;margin:0 4% 1.6rem;box-shadow:0 2px 5px 0 rgba(94,88,94,0.16),0 2px 10px 0 rgba(94,88,94,0.12);
}
@media screen and (min-width:850px){
  .img-r,.img-l{
    width:25%;
  }
;
}
.img-r{
  float:right;
}
.img-l{
  float:left;
}
body{
  color:#5e585e;position:relative;
}
p{
  text-shadow:1px 1px 3px #fff;
}
h1,p{
  line-height:1.5;margin-bottom:1.6rem;padding:0 1em;
}
header{
  width:100%;padding:10px 0 10px 0;height:256px;
}
@media screen and (min-width:850px){
  header{
    height:300px;
  }
;
}
header .title_box{
  display:block;margin:0 auto;width:90%;
}
@media screen and (min-width:850px){
  header .title_box{
    width:550px;
  }
;
}
header .corporate_names{
  color:#fef8fe;text-shadow:-1px -1px 1px #666;line-height:1;margin-bottom:0;padding:0;
}
header .corporate_names span{
  display:block;line-height:1;
}
header .corporate_names .corporate_desc{
  margin-top:5px;font-size:16px;text-align:center;
}
header .corporate_names .corporate_name{
  font-size:72px;margin-bottom:16px;text-align:center;
}
header .corporate_names .corporate_name img{
  display:inline-block;
}
@media screen and (min-width:850px){
  header .corporate_names .corporate_name{
    text-align:start;
  }
;
}
header .corporate_names .corporate_name:before{
  content:" ";background:url(../images/navi/logo.png) no-repeat;display:inline-block;width:100px;height:64px;background-size:100px;margin-top:10px;
}
@media screen and (min-width:850px){
  header .corporate_names .corporate_name:before{
    margin-top:0;
  }
;
}
header .top_logo{
  display:inline-block;
}
@media screen and (min-width:1024px){
  header .nav{
    height:160px;width:1024px;margin:0 auto;
  }
;
}
header .nav ul{
  position:relative;
}
@media screen and (min-width:1024px){
  header .nav li{
    margin:0 0 10px 0;padding:0 2px;text-align:center;border-radius:150px;width:150px;height:150px;position:absolute;background-color:transparent;
  }
header .nav li.index{
  top:0;left:0;
}
header .nav li.index a{
  border-top-color:#e6855e;border-bottom-color:#e6855e;
}
header .nav li.index a span:before{
  color:#e6855e;
}
header .nav li.index a:hover{
  background-color:rgba(230,133,94,0.8);color:#fef8fe;text-shadow:1px 1px 3px #5e585e;
}
header .nav li.index a:hover span:before{
  color:#f4c8b6;
}
header .nav li.ecoboron{
  top:0;left:170px;
}
header .nav li.ecoboron a{
  border-top-color:#9d73bb;border-bottom-color:#9d73bb;
}
header .nav li.ecoboron a span:before{
  color:#9d73bb;
}
header .nav li.ecoboron a:hover{
  background-color:rgba(157,115,187,0.8);color:#fef8fe;text-shadow:1px 1px 3px #5e585e;
}
header .nav li.ecoboron a:hover span:before{
  color:#cdb8dc;
}
header .nav li.re-birth{
  top:0;left:340px;
}
header .nav li.re-birth a{
  border-top-color:#6a8cc7;border-bottom-color:#6a8cc7;
}
header .nav li.re-birth a span:before{
  color:#6a8cc7;
}
header .nav li.re-birth a:hover{
  background-color:rgba(106,140,199,0.8);color:#fef8fe;text-shadow:1px 1px 3px #5e585e;
}
header .nav li.re-birth a:hover span:before{
  color:#b4c5e3;
}
header .nav li.about{
  top:0;left:510px;
}
header .nav li.about a{
  border-top-color:#5ec84e;border-bottom-color:#5ec84e;
}
header .nav li.about a span:before{
  color:#5ec84e;
}
header .nav li.about a:hover{
  background-color:rgba(94,200,78,0.8);color:#fef8fe;text-shadow:1px 1px 3px #5e585e;
}
header .nav li.about a:hover span:before{
  color:#a5e09c;
}
header .nav li.blog{
  top:0;left:680px;
}
header .nav li.blog a{
  border-top-color:#9e48bb;border-bottom-color:#9e48bb;
}
header .nav li.blog a span:before{
  color:#9e48bb;
}
header .nav li.blog a:hover{
  background-color:rgba(158,72,187,0.8);color:#fef8fe;text-shadow:1px 1px 3px #5e585e;
}
header .nav li.blog a:hover span:before{
  color:#c592d7;
}
header .nav li.contact{
  top:0;left:850px;width:150px;
}
header .nav li.contact a{
  border-top-color:#bf1e56;border-bottom-color:#bf1e56;
}
header .nav li.contact a span:before{
  color:#bf1e56;
}
header .nav li.contact a:hover{
  background-color:rgba(191,30,86,0.8);color:#fef8fe;text-shadow:1px 1px 3px #5e585e;
}
header .nav li.contact a:hover span:before{
  color:#e65d8d;
}
;
}
@media screen and (min-width:1024px){
  header .nav li a{
    text-decoration:none;color:#5e585e;width:100%;letter-spacing:-1px;background-color:#fef8fe;-webkit-transition:.3s linear 0s;transition:.3s linear 0s;border-top:solid 2px;border-bottom:solid 2px;display:block;border-radius:150px;width:150px;height:150px;margin:0;vertical-align:middle;text-shadow:0 0 10px #fff;font-size:18px;position:relative;box-shadow:0 2px 5px 0 rgba(94,88,94,0.16),0 2px 10px 0 rgba(94,88,94,0.12);
  }
header .nav li a:link,header .nav li a:hover,header .nav li a:visited,header .nav li a:active{
  color:#5e585e;
}
header .nav li a:before{
  content:'';display:inline-block;height:100%;vertical-align:middle;
}
header .nav li a span:before{
  content:'▼';position:absolute;left:65px;font-size:1.92rem;top:33px;color:transparent;-webkit-transition:.3s linear 0s;transition:.3s linear 0s;
}
;
}
#build-menu{
  background:rgba(254,248,254,0.8);
}
.mobile-nav-0 li,.mobile-nav-0 a,.mobile-nav-0:link .mobile-nav-0,.mobile-nav-0:visited .mobile-nav-0,.mobile-nav-0:hover .mobile-nav-0,.mobile-nav-0:active .mobile-nav-0{
  color:#5e585e;font-weight:bold;font-family:monospace;
}
.mobile-nav-0 a{
  border-bottom:dashed 1px rgba(94,200,78,0.8);padding:1.6rem 0;line-height:1;
}
#mobile-bar #build-menu-button{
  padding:.32rem 0;width:100%;display:block;text-align:center;background-color:rgba(94,200,78,0.8);font-size:1.92rem;
}
#mobile-bar #build-menu-button:link,#mobile-bar #build-menu-button:visited,#mobile-bar #build-menu-button:hover,#mobile-bar #build-menu-button:active{
  color:#fef8fe;font-weight:bold;font-family:monospace;
}
.contents{
  width:90%;margin:0 auto;
}
@media screen and (min-width:1024px){
  .contents{
    width:1024px;margin:0 auto;padding-bottom:2em;
  }
;
}
.fade_contents{
  display:none;background-color:#fef8fe;padding:4px 1.6rem 1.6rem 4px;box-shadow:0 2px 5px 0 rgba(94,88,94,0.16),0 2px 10px 0 rgba(94,88,94,0.12);
}
.last_modified{
  font-size:12px;font-style:oblique;display:block;text-align:right;padding:5px;
}
.index header{
  width:100%;padding:10px 0 10px 0;
}
@media screen and (min-width:850px){
  .index header{
    height:350px;
  }
;
}
@media screen and (min-width:1024px){
  .index header .nav{
    height:200px;
  }
;
}
@media screen and (min-width:850px){
  .index header .nav ul li.index{
    top:0;
  }
.index header .nav ul li.ecoboron{
  top:15px;
}
.index header .nav ul li.re-birth{
  top:-20px;
}
.index header .nav ul li.about{
  top:45px;
}
.index header .nav ul li.blog{
  top:38px;
}
.index header .nav ul li.contact{
  top:20px;
}
;
}
.index .fade_contents{
  background-color:transparent;padding:0;box-shadow:none;
}
.index .top_contents{
  display:block;width:90%;margin:0 auto 20px;background-color:#fef8fe;padding:4px 1.6rem 1.6rem 4px;box-shadow:0 2px 5px 0 rgba(94,88,94,0.16),0 2px 10px 0 rgba(94,88,94,0.12);
}
@media screen and (min-width:850px){
  .index .top_contents{
    float:right;width:48%;
  }
;
}
@media screen and (min-width:850px){
  .index .top_contents:first-child{
    float:left;
  }
;
}
.index .top_contents h2{
  margin:-1.6rem 0 1.6rem -8px;font-weight:bold;font-size:1.92rem;padding:.8rem 1.6rem;color:#fff;background-color:#e6855e;position:relative;border-top:3px solid #c04c1e;box-shadow:0 2px 5px 0 rgba(94,88,94,0.16),0 2px 10px 0 rgba(94,88,94,0.12);
}
@media screen and (min-width:850px){
  .index .top_contents h2{
    width:50%;
  }
;
}
.index .top_contents h2:before{
  content:'';position:absolute;top:1.2rem;left:0;width:0;height:0;border:5px solid transparent;border-left:5px solid #fff;
}
.index .top_contents li{
  padding:5px;border-top:1px dashed #aaa;
}
.index .top_contents li:first-child{
  border-top:none;
}
.index .top_contents li p{
  margin-bottom:0;
}
.index .top_contents li .text{
  padding-left:1rem;
}
.ecoboron .re_birth_list li,.re-birth .re_birth_list li{
  display:inline-block;margin-right:1.6rem;padding-left:1.6rem;text-indent:-1.6rem;line-height:1.5;position:relative;margin-left:16px;
}
.ecoboron .re_birth_list li:before,.re-birth .re_birth_list li:before{
  content:'';position:absolute;top:7px;left:-12px;width:0;height:0;border:5px solid transparent;border-left:8px solid #e6855e;
}
.about table{
  width:100%;
}
.about table caption{
  font-size:24px;font-weight:bold;margin:1em 0;
}
.about table tr{
  height:2em;
}
.about table tr:first-child{
  border-top:1px solid #ccc;
}
.about table td,.about table th{
  vertical-align:middle;border-bottom:1px solid #ccc;text-shadow:2px 2px 3px #fff;text-align:center;
}
.about table th{
  font-weight:bold;width:30%;padding:10px 0;text-align:center;
}
.about table td{
  margin-left:1px;padding:10px 0;
}
.about .text_imgo{
  margin:1em auto;box-shadow:1px 1px 3px #666;
}
@media screen and (min-width:850px){
  .about .text_imgo{
    width:30%;float:right;
  }
;
}
.about .texto_img{
  margin:1em auto;max-width:100%;
}
@media screen and (min-width:850px){
  .about .texto_img{
    width:65%;float:left;margin:120px auto;
  }
;
}
.about .career h2{
  margin-top:-17px;
}
.about .career dl{
  margin-bottom:1em;
}
.about .career dl dt{
  margin:.5em 0;font-weight:bold;color:#e6855e;
}
.about .career dd{
  margin-left:1em;
}
.about .list a{
  text-decoration:underline;
}
.contact form{
  padding-left:1.6rem;
}
.contact form p{
  padding-left:0;
}
.contact .form-control{
  display:block;width:100%;padding:6px 12px;font-size:16px;font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo",'Noto Sans',"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.5;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-bottom:1em;
}
@media screen and (min-width:850px){
  .contact .form-control{
    width:50%;
  }
;
}
.contact .form-control:focus{
  border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
.contact .small_text{
  font-size:11px;margin-bottom:16px;padding-left:1.6rem;text-indent:-1.6rem;
}
.contact .btn{
  width:49%;font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo",'Noto Sans',"ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#fef8fe;background-color:#6a8cc7;border:none;display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;padding:6px 12px;font-size:1.6rem;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;-webkit-transition:.3s linear 0s;transition:.3s linear 0s;
}
@media screen and (min-width:850px){
  .contact .btn{
    width:initial;
  }
;
}
.contact .btn:hover,.contact .btn:focus,.contact .btn:active{
  background-color:#4c75bc;box-shadow:0 2px 5px 0 rgba(94,88,94,0.16),0 2px 10px 0 rgba(94,88,94,0.12);
}
.contact .fa:before{
  content:"\f1d8";
}
#page-top{
  position:fixed;bottom:20px;right:20px;font-size:77%;
}
#page-top a{
  background:#6a8cc7;text-decoration:none;color:#fff;width:100px;padding:10px 0;text-align:center;display:block;-webkit-transition:.3s linear 0s;transition:.3s linear 0s;
}
#page-top a:hover{
  text-decoration:none;background:#8fa9d5;
}
#footer{
  width:100%;height:50px;background-position:bottom;color:#fff;background-color:#5ec84e;
}
#footer p{
  text-shadow:none;position:absolute;bottom:0;margin-bottom:0;
}
#footer p.name{
  font-size:10px;margin-left:10px;
}
#footer p.copyright{
  font-size:12px;width:100%;margin-bottom:1em;text-align:right;padding-right:14px;
}
@media screen and (min-width:850px){
  #footer p.copyright{
    text-align:center;
  }
;
}
/*# sourceMappingURL=base_style.css.map */