@charset "UTF-8";
/* CSS Document */
.test2 {
  text-align: left;
}

/* common */
.orange {
  color: #fb941a;
}

.green {
  color: #5fa223;
}

#pageTitle {
  border-bottom: 1px #5fa223 solid;
  text-align: center;
  background: url(../images/pagetitle_bg.jpg) 5% center no-repeat;
  height: 70px;
}
#oldBlog h3 {
  background: url(../images/mark02.jpg) no-repeat left center;
  padding-left: 20px;
  color: #5fa223;
  margin-bottom: 10px;
}

#listBlog h3 {
  background: url(../images/mark03.jpg) no-repeat left center;
  padding-left: 20px;
  color: #5fa223;
  margin-bottom: 10px;
}

#pageContents {
  margin: 20px auto 50px auto;
}

#inRpage {
  margin-bottom: 50px;
}

/* blog */
#blogTitle {
  margin-bottom: 1.5em;
}
#blogTitle h3 {
  font-size: 120%;
}

#oldblogArea li {
  margin-bottom: 0.7em;
  border-bottom: 1px #5fa223 dotted;
  margin-bottom: 1em;
}

/* business */
.business {
  text-align: center;
}
.business h4 {
  margin-bottom: 10px;
}

.businessTitle {
  margin-bottom: 1em;
}
.businessTitle h3 {
  display: inline;
  color: #5fa223;
  font-size: 130%;
  background: url(../images/mark04.jpg) left center no-repeat;
  padding-left: 28px;
}
#business01,
#business02 {
  background: none;
  margin-bottom: 4em;
}

#business03 dl {
  position: relative;
  height: 200px;
}
#business03 dt {
  width: 300px;
  margin: 0 auto;
  position: static;
}
#business03 dd {
  width: 300px;
  margin: 0 auto;
  position: static;
}

#business01Box li {
  width: 100%;
  padding: 1%;
  box-sizing: border-box;
  border: 1px #5fa223 solid;
  margin-bottom: 10px;
  margin-right: 1%;
}
#business01Box .businessImg img {
  width: 100%;
  height: auto;
}

.dt01 {
  font-size: 90%;
}
.dt01 dt {
  color: #5fa223;
  margin-top: 0.5em;
}

#business02 li {
  border: 1px solid #5fa223;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  float: left;
  margin-bottom: 5px;
  padding: 5px 0;
}

/* company */
.company dt {
  background: #5fa223;
  color: #fff;
  text-align: center;
  padding: 0.3em 0;
  margin-bottom: 0.5em;
}
.company dd {
  margin-bottom: 1em;
}

.map iframe {
  width: 100%;
  height: 500px;
}

#google-maps {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
#google-maps #map_custmomize {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#map_custmomize {
  width: 100%;
  height: 400px;
}

/* job */
.job dt {
  background: url(../images/pt01.jpg);
  color: #000;
  text-align: center;
  padding: 0.3em 0;
  margin-bottom: 0.5em;
}
.job dd {
  margin-bottom: 1em;
}

.spTel,
.mail {
  width: 100%;
  background: #5fa223;
  padding: 12px 0;
  text-align: center;
  margin-bottom: 10px;
}

.pcTel {
  display: none;
}

/* contact */
.form dt {
  background: url(../images/pt01.jpg);
  color: #000;
  text-align: center;
  padding: 0.3em 0;
  margin-bottom: 0.5em;
  text-align: center;
}
.form dt img {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.form dd {
  margin-bottom: 1em;
}

.in1 {
  width: 100%;
  margin: 0;
  padding: 7px;
  border: 1px #999999 solid;
  box-sizing: border-box;
}

input.radio {
  display: inline-block;
  width: 20px;
  height: 30px;
  vertical-align: top;
}

label.radiolabel {
  display: inline-block;
  width: 100%;
  height: 35px;
  line-height: 35px;
}

#submitBtn {
  width: 100%;
  background: #5fa223;
  text-align: center;
  margin: 20px auto 0 auto;
  margin-bottom: 20px;
}
#submitBtn.green02 {
  background: #a4bd8e;
}

.check {
  font-size: 85%;
  color: #f60;
}

/* blog */
dl.blogList {
  padding-bottom: 4em;
  margin-bottom: 4em;
  border-bottom: 1px #5fa223 dotted;
}
dl.blogList .day {
  font-size: 80%;
}
dl.blogList dt {
  font-size: 120%;
  margin-bottom: 1em;
  font-weight: bold;
}

#nv_link {
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .test3 {
    text-align: left;
  }
}
/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 780px) {
  .test2 {
    width: 65%;
    margin: 0 auto 30px auto;
    text-align: left;
  }
  #pageTitle {
    border-bottom: 1px #5fa223 solid;
    text-align: center;
    background: url(../images/pagetitle_bg.jpg) 30% center no-repeat;
  }
  #pageContents {
    padding: 30px auto 30px auto;
  }
  #rightPage {
    float: right;
    width: 70%;
  }
  #leftPage {
    float: left;
    width: 22%;
  }
  /* business */
  #business01 {
    background: url(../images/business_img01.jpg) 10% top no-repeat;
  }
  #business02 {
    background: url(../images/business_img02.jpg) 10% top no-repeat;
  }
  #business02 li {
    border: 1px solid #5fa223;
    box-sizing: border-box;
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-bottom: 5px;
    position: relative;
  }
  #business02 li p {
    height: 4em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 24%;
  }
  #business02 li:nth-child(4n) {
    width: 25%;
    margin-right: 0;
  }
  #business02 li:nth-child(4n+1) {
    clear: both;
  }
  .businessTitle p {
    width: 50%;
    margin: 0.5em auto 0.5em auto;
  }
  #business03 dt {
    width: 360px;
    position: absolute;
    left: 24%;
  }
  #business03 dd {
    position: absolute;
    left: 40%;
    top: 100px;
  }
  #business01Box li {
    width: 33%;
    padding: 1%;
    box-sizing: border-box;
    border: 1px #5fa223 solid;
    float: left;
    margin-right: 1%;
  }
  #business01Box li.list03 {
    margin-right: 0;
    width: 32%;
  }
  #business01Box li .switch33 {
    width: 33%;
  }
  /* company */
  #companyTable {
    width: 65%;
    margin: 0 auto;
    display: table;
    margin-bottom: 50px;
  }
  .company dl {
    display: table-row;
  }
  .company dt {
    background: url(../images/mark03.jpg) no-repeat left center;
    color: #5fa223;
    white-space: nowrap;
  }
  .company dt,
  .company dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px #999 dotted;
  }
  .company dd p {
    margin-bottom: 0.5em;
  }
  /* job */
  /*#contents #jobArea {background:url(../images/job_img01.jpg) no-repeat right top;}*/
  #jobTable {
    width: 65%;
    display: table;
    margin: 0 auto 30px auto;
  }
  .job dl {
    display: table-row;
  }
  .job dt {
    background: url(../images/pt01.jpg);
    color: #000;
    white-space: nowrap;
  }
  .job dt,
  .job dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px #999 dotted;
  }
  .job dd p {
    margin-bottom: 0.5em;
  }
  .job li {
    text-align: center;
    margin-bottom: 10px;
  }
  .job li img {
    vertical-align: middle;
  }
  .job .mail {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    background: #5fa223;
    padding: 12px 0;
    vertical-align: middle;
  }
  .spTel {
    display: none;
  }
  .pcTel {
    display: block;
  }
  #jobTxt {
    width: 65%;
    margin-bottom: 1em;
  }
  /* form */
  #formTable {
    width: 65%;
    margin: 0 auto;
    display: table;
    margin-bottom: 50px;
  }
  .form dl {
    display: table-row;
  }
  .form dt {
    background: url(../images/pt01.jpg);
    color: #000;
    white-space: nowrap;
    width: 30%;
  }
  .form dt,
  .form dd {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px #999 dotted;
  }
  .form dd p {
    margin-bottom: 0.5em;
  }
  #submitBtn {
    width: 195px;
    text-align: center;
  }
}
/* PC向けレイアウトの指定：961px以上では固定レイアウト */