@charset "utf-8";

a img:hover{
  opacity: .7;
}
.tac{
  text-align:center;
}
.tar{
  text-align:right;
}
.tal{
  text-align:left;
}
.bold{
  font-weight:bold;
}
.red{
  color:#FF0000;
}
table{
  width:100%;
}
div.basicFlex{
	display: -webkit-flex;
	display: flex;
	justify-content:space-between;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px){
  #mainNav li a {
    padding:15px 40px 5px;
  }
}

.post ul li.bl_blue {
  background:url(../images/base/bullet_blue.png) no-repeat 0 8px;
}
.post ul li.bl_green {
  background:url(../images/base/bullet_green.png) no-repeat 0 8px;
}

a.indexToServiceLink{
  color:#252525;
}
a.indexToServiceLink:hover{
  opacity: .7;
  color:#999;
}

/* 業務の種類 */
div.serviceTypeBlock{
  width:32%;
}
div.serviceTypeBlock:hover{
  cursor: pointer; 
  opacity: .7;
}

div.serviceTypeBlock .title{
  background: #33b448;
  border: 1px solid #FFF;
  outline: solid 1px #ccc;
  text-align:center;
  padding:4px;
  color:#FFF;
  margin-bottom:8px;
}

#serviceTeikiArea,
#serviceNitijouArea,
#serviceTokubetuArea{
  display: none;
}

#serviceDetailArea{
  margin-bottom:16px;
}

#serviceDetailArea div.title{
  margin-top:8px;
  margin-bottom:16px;
  border-radius: 8px;
  font-size:20px;
  background:#33b448;
  color:#FFF;
  padding:4px;
  text-align:center;
}
#serviceDetailArea div.imgArea div{
  width:48%;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btnOtoiawase {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  /* background-color: #5cb85c;
  border-color: #4cae4c; */
  background-color: #f0ad4e;
  border-color: #eea236;
  margin:auto;
  margin-top:32px;
  width:320px;
}
.btnOtoiawase a{
  display: block;
  color: #fff;
}
.btnOtoiawase:hover {
  opacity: .7;
}

/* #serviceType li:hover{
  cursor: pointer;
}
#serviceType li img:hover{
  opacity: .7;
}
#serviceType li h3 span{
  color:#FFF;
} */

/* フォーム */
table.formTable {
  /*width:600px;*/
  margin:auto;
}
table.formTable th{
  width:25%;
}
table.formTable input[type="text"], table.formTable textarea{
  width:100%;
}
span.formHissu{
  color:#FF0000;
  font-size:13px;
  font-weight:normal;
}
.contactMsg{
  text-align:center;
}
.contactMsg .tel{
  font-size:20px;
  font-weight:bold;
}
#btnsubmit{
  display: block;
  margin:auto;
  width:120px;
  height:36px;
  text-align:center;
  margin-bottom:20px;
}
#formResult{
  text-align: center;
  font-weight:bold;
  margin-top:20px;
  padding:10px;
  border-radius: 8px;
}
.formError{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
    margin-bottom:20px;
}
.formSuccess{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
    margin-bottom:20px;
}
.hankaku{
  ime-mode: disabled;
}
table.formTable input[type="text"]#age,
table.formTable input[type="text"]#zip{
  width:100px;
}

/* 採用情報 */
.recruitTitle{
  font-size:20px;
  font-weight:bold;
}
.recruitTable th{
  width:20%;
}