@charset "UTF-8";
/* COMMON
----------------------------------------------- */
#mainv {
  width: 100%;
  height: 220px;
  text-align: center;
}
#mainv h2 {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 0px 0px 3px #000;
  padding-top: 70px;
  margin-bottom: 10px;
}
#mainv p {
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 3px #000;
}
@media screen and (max-width: 992px) {
  #mainv {
    height: 180px;
    background-position: center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #mainv h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    padding: 0;
  }
}
.comTtl {
  color: #008000;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  background: url(../img/bg_ttl.gif) center center repeat-x;
}
.comTtl span {
  background: #fff;
  padding: 0 20px;
}
.comTtl span.bgG {
  background: #eee;
}
@media screen and (max-width: 992px) {
  .comTtl {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .comTtl {
    margin-bottom: 10px;
  }
}

.formText {
  text-align: center;
  padding: 0 15px;
}

.formContent {
  max-width: 760px;
  margin: 0 auto 20px;
}
.formContent .formTbl {
  width: 100%;
}
.formContent .formTbl th, .formContent .formTbl td {
  vertical-align: top;
  padding: 15px;
}
.formContent .formTbl th {
  width: 25%;
  text-align: right;
}
.formContent .formTbl th span {
  color: #fff;
  font-size: 12px;
  background: #e82c00;
  padding: 3px 5px;
  margin-right: 10px;
}
@media screen and (max-width: 480px) {
  .formContent .formTbl th {
    border-bottom: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  .formContent .formTbl td {
    display: block;
    width: 100%;
    padding-top: 0;
  }
}

.formBtnRow {
  max-width: 360px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 480px) {
  .formBtnRow {
    padding: 0 15px;
  }
}
.formBtnRow .btn {
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #008000;
}
.formBtnRow .btn:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
}
.formBtnRow .btnHome a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #999;
  padding: 10px 0;
}
.formBtnRow .btnHome a:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
}

.formBtnMult {
  margin-bottom: 20px;
  text-align: center;
}
.formBtnMult:before, .formBtnMult:after {
  content: " ";
  display: table;
}
.formBtnMult:after {
  clear: both;
}
@media screen and (max-width: 480px) {
  .formBtnMult {
    padding: 0 15px;
  }
}
.formBtnMult .formBtnPrev,
.formBtnMult .formBtnNext {
  display: inline-block;
  width: 200px;
}
@media screen and (max-width: 480px) {
  .formBtnMult .formBtnPrev,
  .formBtnMult .formBtnNext {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}
.formBtnMult .formBtnPrev .btn {
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #999;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.formBtnMult .formBtnPrev .btn:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
}
.formBtnMult .formBtnNext .btn {
  width: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #008000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.formBtnMult .formBtnNext .btn:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
}

/* a-blog cms
----------------------------------------------- */
.acms-admin-table-admin-edit .acms-admin-admin-config-table-item-handle {
  width: 30px;
}
.acms-admin-table-admin-edit .acms-admin-admin-config-table-action {
  width: 50px;
}

.acms-pager li a {
  font-size: 14px !important;
  background: #eee !important;
  border: none !important;
}
.acms-pager li.cur span {
  color: #fff !important;
  font-size: 14px !important;
  background: #333 !important;
  border: none !important;
}

.emSection {
  color: red;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.entryPager:before, .entryPager:after {
  content: " ";
  display: table;
}
.entryPager:after {
  clear: both;
}
.entryPager .pageNext {
  float: left;
  width: 120px;
}
.entryPager .pageNext a {
  display: block;
  color: #ccc;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #333;
  padding: 8px 0;
}
.entryPager .pagePrev {
  float: right;
  width: 120px;
}
.entryPager .pagePrev a {
  display: block;
  color: #ccc;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #333;
  padding: 8px 0;
}

.entryFormColumnHeadLayoutBox select {
  color: #333;
}

/* RECORD
----------------------------------------------- */
#record #mainv {
  background: url(../img/record/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#record .recordContent {
  padding: 50px 0;
}
@media screen and (max-width: 992px) {
  #record .recordContent {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  #record .recordContent {
    padding: 20px 15px;
  }
}
#record .recordContent .recordContIn {
  max-width: 960px;
  margin: 0 auto;
  border: solid 1px #ccc;
}
#record .recordContent .recordContIn h3 {
  color: #008000;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 25px;
  margin: 0;
}
@media screen and (max-width: 992px) {
  #record .recordContent .recordContIn h3 {
    padding: 10px;
  }
}
#record .recordContent .recordContIn .recordList {
  background: #e9f4e9;
  padding: 10px 0;
}
#record .recordContent .recordContIn .recordList p {
  font-size: 16px;
  margin: 0;
  background: url(../img/record/mark_record.gif) 10px 9px no-repeat;
  padding: 0 25px 0 43px;
}
@media screen and (max-width: 992px) {
  #record .recordContent .recordContIn .recordList {
    padding: 10px 0;
  }
  #record .recordContent .recordContIn .recordList p {
    padding: 0 10px 0 24px;
  }
}
#record .recordContent .recordContIn .recordList .readMore {
  display: block;
  width: 100%;
  color: #697469 !important;
  font-size: 16px !important;
  font-weight: bold;
  padding: 10px 25px 10px 50px;
}
@media screen and (max-width: 992px) {
  #record .recordContent .recordContIn .recordList .readMore {
    padding: 10px 10px 10px 25px;
  }
}
#record .recordContent .recordContIn .recordList .readMore.readOpen {
  margin-top: 10px;
  margin-bottom: -10px;
  background: url(../img/record/arrow_open.gif) 25px center no-repeat #d3ead3;
}
@media screen and (max-width: 992px) {
  #record .recordContent .recordContIn .recordList .readMore.readOpen {
    background: url(../img/record/arrow_open.gif) 10px center no-repeat #d3ead3;
    -webkit-background-size: 10px 6px;
    -moz-background-size: 10px 6px;
    background-size: 10px 6px;
  }
}
#record .recordContent .recordContIn .recordList .readMore.readClose {
  margin-top: 10px;
  margin-bottom: -10px;
  background: url(../img/record/arrow_close.gif) 25px center no-repeat #c9e5c9;
}
@media screen and (max-width: 992px) {
  #record .recordContent .recordContIn .recordList .readMore.readClose {
    background: url(../img/record/arrow_close.gif) 10px center no-repeat #c9e5c9;
    -webkit-background-size: 10px 6px;
    -moz-background-size: 10px 6px;
    background-size: 10px 6px;
  }
}

/* WORKS
----------------------------------------------- */
#works #mainv {
  background: url(../img/works/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#works .wordsSearch {
  width: 100%;
  background: #eee;
  border-bottom: solid 1px #000;
  padding: 10px 0;
}
#works .wordsSearch dl {
  text-align: center;
  margin: 0;
}
#works .wordsSearch dl dt {
  display: inline-block;
  font-size: 16px;
  margin-right: 20px;
}
#works .wordsSearch dl dd {
  display: inline-block;
  font-size: 16px;
  margin-right: 20px;
}
#works .wordsSearch dl dd.button {
  margin-right: 0;
}
#works .wordsSearch dl dd.button .searchBtn {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background: #555;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 15px;
}
@media screen and (max-width: 992px) {
  #works .wordsSearch dl dt {
    display: block;
  }
  #works .wordsSearch dl dd {
    margin-right: 10px;
  }
  #works .wordsSearch dl dd.button {
    display: block;
    margin-right: 0;
  }
}
#works .worksContent {
  border-bottom: solid 1px #fff;
}
#works .worksContent .worksList {
  padding: 40px 0;
}
#works .worksContent .worksList.list-odd {
  background: #fff;
}
#works .worksContent .worksList.list-even {
  background: #ddd;
}
#works .worksContent .worksList .txtArea.fR {
  float: right;
}
#works .worksContent .worksList .txtArea h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
#works .worksContent .worksList .txtArea h3 .icon {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: #249224;
  padding: 3px 10px;
  vertical-align: middle;
}
#works .worksContent .worksList .txtArea .year {
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  #works .worksContent .worksList .txtArea .year {
    margin-bottom: 10px;
  }
}
#works .worksContent .worksList .txtArea ul {
  font-size: 16px;
  padding: 0;
  margin: 0;
}
#works .worksContent .worksList .txtArea ul li {
  list-style: none;
  background: url(../img/works/icon_li.png) left 5px no-repeat;
  padding-left: 18px;
}
#works .worksContent .worksList .imgArea.fR {
  float: right;
}
#works .worksContent .worksList .imgArea ul {
  padding: 0;
  margin: 0;
}
#works .worksContent .worksList .imgArea ul li {
  display: inline-block;
  width: 48%;
}
#works .worksContent .worksList .imgArea ul li img {
  width: 100%;
}
@media screen and (max-width: 992px) {
  #works .worksContent .worksList {
    padding: 15px 0;
  }
  #works .worksContent .worksList .txtArea {
    margin-bottom: 15px;
  }
  #works .worksContent .worksList .txtArea h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  #works .worksContent .worksList .imgArea ul {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  #works .worksContent .worksList .imgArea ul li {
    display: inline-block;
  }
}
#works .worksContent .worksBtn {
  clear: both;
  max-width: 360px;
  margin: 0 auto;
}
#works .worksContent .worksBtn a {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  background: #008000;
}
@media screen and (max-width: 768px) {
  #works .worksContent .worksBtn {
    padding: 0 15px;
  }
  #works .worksContent .worksBtn a {
    font-size: 18px;
  }
}

/* INFORMATION
----------------------------------------------- */
#info #mainv {
  background: url(../img/info/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#info .infoContent {
  font-size: 16px;
  padding: 50px 0;
}
@media screen and (max-width: 992px) {
  #info .infoContent {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  #info .infoContent {
    padding: 20px 15px;
  }
}
#info .infoContent .infoContIn {
  max-width: 960px;
  margin: 0 auto;
}
#info .infoContent .infoContIn:before, #info .infoContent .infoContIn:after {
  content: " ";
  display: table;
}
#info .infoContent .infoContIn:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  #info .infoContent .infoContIn .infoMain {
    padding: 0;
  }
}
#info .infoContent .infoContIn .infoMain .infoList {
  border-top: solid 3px #ccc;
}
#info .infoContent .infoContIn .infoMain .infoList .notFound {
  font-size: 18px;
  padding: 20px 0;
}
#info .infoContent .infoContIn .infoMain .infoList .infoListIn {
  border-bottom: solid 3px #ccc;
  padding: 15px 0;
}
#info .infoContent .infoContIn .infoMain .infoList .infoListIn .date {
  color: #008000;
}
#info .infoContent .infoContIn .infoMain .infoList .infoListIn .title {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
}
#info .infoContent .infoContIn .infoMain .infoList .infoListIn .title a {
  color: #000;
}
#info .infoContent .infoContIn .infoMain .infoPager {
  padding-top: 20px;
}
#info .infoContent .infoContIn .infoMain .infoDetail .infoTtl {
  border-top: solid 3px #008000;
  padding: 20px 0;
}
#info .infoContent .infoContIn .infoMain .infoDetail .infoTtl h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
#info .infoContent .infoContIn .infoMain .infoDetail .infoTtl .date {
  color: #666;
  font-size: 14px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #info .infoContent .infoContIn .infoMain .infoDetail {
    padding: 15px 0;
  }
  #info .infoContent .infoContIn .infoMain .infoDetail h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #info .infoContent .infoContIn .infoSide {
    padding: 0;
  }
}
#info .infoContent .infoContIn .infoSide dl {
  margin-bottom: 0;
}
#info .infoContent .infoContIn .infoSide dl dt {
  color: #fff;
  font-weight: bold;
  background: #979797;
  padding: 10px;
}
#info .infoContent .infoContIn .infoSide dl dd {
  margin-bottom: 0;
}
#info .infoContent .infoContIn .infoSide dl dd.sideArchive {
  margin-bottom: 20px;
}
#info .infoContent .infoContIn .infoSide dl dd.sideArchive ul {
  padding: 0;
}
#info .infoContent .infoContIn .infoSide dl dd.sideArchive ul li {
  list-style: none;
  border-bottom: solid 1px #ccc;
}
#info .infoContent .infoContIn .infoSide dl dd.sideArchive ul li a {
  display: block;
  color: #000;
  font-weight: bold;
  padding: 10px;
}
#info .infoContent .infoContIn .infoSide dl dd.sideSearch {
  padding-top: 10px;
}
#info .infoContent .infoContIn .infoSide dl dd.sideSearch input[type="text"] {
  height: 29px;
  border: solid 1px #ccc;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
@media screen and (max-width: 768px) {
  #info .infoContent .infoContIn .infoSide dl dd.sideSearch input[type="text"] {
    height: 44px;
  }
}
#info .infoContent .infoContIn .infoSide dl dd.sideSearch .acms-admin-btn {
  border: none !important;
  background: #333 !important;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/* COMPANY
----------------------------------------------- */
#company #mainv {
  background: url(../img/company/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#company .companyContent {
  font-size: 16px;
}
#company .companyContent .compContW {
  background: #fff;
  padding: 30px 0;
}
#company .companyContent .compContW .container {
  padding-top: 176px;
  margin-top: -176px;
}
#company .companyContent .compContG {
  background: #eee;
  padding: 30px 0;
}
#company .companyContent .compContG .container {
  padding-top: 176px;
  margin-top: -176px;
}
#company .companyContent .compNav {
  max-width: 820px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compNav .navImg {
    margin-bottom: 15px;
  }
}
#company .companyContent .compNav .navImg img {
  width: 100%;
}
#company .companyContent .compNav .navList {
  display: table;
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compNav .navList {
    margin-bottom: 0;
  }
}
#company .companyContent .compNav .navList li {
  display: table-cell;
  width: 25%;
  list-style: none;
  text-align: center;
}
#company .companyContent .compNav .navList li.nav1 {
  background: #7a7a7a;
}
#company .companyContent .compNav .navList li.nav2 {
  background: #969696;
}
#company .companyContent .compNav .navList li:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
  outline: medium none;
}
#company .companyContent .compNav .navList li a {
  display: block;
  color: #fff;
  background: url(../img/company/arrow_nav.png) center bottom no-repeat;
  padding: 15px 0 40px;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compNav .navList li a {
    padding: 10px 0 20px;
    background-size: 10px 13px;
  }
}
@media screen and (max-width: 480px) {
  #company .companyContent .compNav .navList li a {
    font-size: 13px;
  }
}
#company .companyContent .compNav .navList li a span {
  display: block;
}
#company .companyContent .compAboutTbl,
#company .companyContent .compHistoryTbl {
  max-width: 820px;
  margin: 0 auto;
}
#company .companyContent .compAboutTbl table,
#company .companyContent .compHistoryTbl table {
  width: 100%;
}
#company .companyContent .compAboutTbl table th, #company .companyContent .compAboutTbl table td,
#company .companyContent .compHistoryTbl table th,
#company .companyContent .compHistoryTbl table td {
  border-bottom: solid 1px #ccc;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compAboutTbl table th, #company .companyContent .compAboutTbl table td,
  #company .companyContent .compHistoryTbl table th,
  #company .companyContent .compHistoryTbl table td {
    padding: 10px;
  }
}
#company .companyContent .compAboutTbl table th,
#company .companyContent .compHistoryTbl table th {
  width: 25%;
  color: #008000;
  text-align: right;
}
@media screen and (max-width: 480px) {
  #company .companyContent .compAboutTbl table th,
  #company .companyContent .compHistoryTbl table th {
    border-bottom: none;
    display: block;
    width: 100%;
    text-align: left;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  #company .companyContent .compAboutTbl table td,
  #company .companyContent .compHistoryTbl table td {
    display: block;
    width: 100%;
    padding-top: 0;
  }
}
#company .companyContent .compQualifiedTbl {
  max-width: 500px;
  margin: 0 auto;
}
#company .companyContent .compQualifiedTbl table {
  width: 100%;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compQualifiedTbl table {
    margin-bottom: 10px;
  }
}
#company .companyContent .compQualifiedTbl table th, #company .companyContent .compQualifiedTbl table td {
  border-bottom: solid 1px #ccc;
  padding: 10px;
}
#company .companyContent .compQualifiedTbl table th {
  background: #e9f4e9;
}
#company .companyContent .compQualifiedTbl table td {
  background: #fff;
  text-align: right;
}
#company .companyContent .compQualifiedTbl p {
  margin-bottom: 0;
}
#company .companyContent .compOfficeArea {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compOfficeArea {
    margin-bottom: 20px;
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  #company .companyContent .compOfficeArea {
    margin-bottom: 15px;
    padding: 0;
  }
}
@media screen and (max-width: 992px) {
  #company .companyContent .compOfficeArea .officeInfo {
    padding: 0;
    margin-bottom: 10px;
  }
}
#company .companyContent .compOfficeArea .officeInfo p {
  margin-bottom: 0;
}
#company .companyContent .compOfficeArea .officeInfo .name {
  font-size: 26px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 15px;
  background: url(../img/company/bg_office_title.gif) left bottom no-repeat;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compOfficeArea .officeInfo .name {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
#company .companyContent .compOfficeArea .officeInfo .address {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compOfficeArea .officeInfo .address {
    font-size: 16px;
  }
}
#company .companyContent .compOfficeArea .officeInfo .tel {
  font-size: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compOfficeArea .officeInfo .tel {
    font-size: 16px;
  }
}
#company .companyContent .compOfficeArea .officeInfo .access {
  color: #555;
}
@media screen and (max-width: 768px) {
  #company .companyContent .compOfficeArea .officeMap {
    padding: 0;
  }
}
#company .companyContent .compOfficeArea .officeMap iframe {
  width: 100%;
}

/* BUSINESS
----------------------------------------------- */
#business #mainv {
  background: url(../img/business/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#business .businessContent {
  padding: 50px 0;
}
@media screen and (max-width: 992px) {
  #business .businessContent {
    padding: 30px 0;
  }
}
#business .businessContent .busiList .busiListIn {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #business .businessContent .busiList .busiListIn {
    margin-bottom: 15px;
    padding: 0;
  }
}
#business .businessContent .busiList .busiListIn dl {
  border: solid 1px #ccc;
  margin-bottom: 0;
}
#business .businessContent .busiList .busiListIn dl dt img {
  width: 100%;
}
#business .businessContent .busiList .busiListIn dl dd {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  #business .businessContent .busiList .busiListIn dl dd {
    padding: 10px;
  }
}
#business .businessContent .busiList .busiListIn dl dd .ttl {
  color: #008000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: url(../img/business/bg_business_ttl.gif) center bottom no-repeat;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #business .businessContent .busiList .busiListIn dl dd .ttl {
    font-size: 18px;
  }
}
#business .businessContent .businessBtn {
  clear: both;
  max-width: 360px;
  margin: 0 auto;
}
#business .businessContent .businessBtn a {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 15px 0;
  background: #008000;
}
@media screen and (max-width: 768px) {
  #business .businessContent .businessBtn {
    padding: 0 15px;
  }
  #business .businessContent .businessBtn a {
    font-size: 18px;
  }
}

/* CONTACT
----------------------------------------------- */
#contact #mainv {
  background: url(../img/contact/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#contact .contactContent {
  font-size: 16px;
  padding: 50px 0;
}
@media screen and (max-width: 992px) {
  #contact .contactContent {
    padding: 20px 15px;
  }
}
#contact .contactContent .contactContIn {
  max-width: 960px;
  margin: 0 auto;
  border-top: solid 3px #008000;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
}
#contact .contactContent .contactContIn h3 {
  color: #008000;
  font-size: 22px;
  font-weight: bold;
  border-bottom: solid 1px #ccc;
  margin: 0;
  padding: 15px;
}
#contact .contactContent .contactContIn .inner {
  padding: 20px 0 0;
}
#contact .contactContent .contactContIn .inner:before, #contact .contactContent .contactContIn .inner:after {
  content: " ";
  display: table;
}
#contact .contactContent .contactContIn .inner:after {
  clear: both;
}
#contact .contactContent .contactContIn .inner .contactTool:before, #contact .contactContent .contactContIn .inner .contactTool:after {
  content: " ";
  display: table;
}
#contact .contactContent .contactContIn .inner .contactTool:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  #contact .contactContent .contactContIn .inner .contactTool {
    padding: 0;
  }
}
#contact .contactContent .contactContIn .inner .contactTool dl {
  text-align: center;
}
#contact .contactContent .contactContIn .inner .contactTool dl dt {
  color: #fff;
  background: #333;
  padding: 5px 0;
  marign: 0;
}
#contact .contactContent .contactContIn .inner .contactTool dl dd.address1 {
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  #contact .contactContent .contactContIn .inner .contactTool dl dd.address1 {
    padding: 8px 0 5px;
  }
}
#contact .contactContent .contactContIn .inner .contactTool dl dd.address2 {
  padding: 15px 0;
  min-height: 100px;
}
@media screen and (max-width: 992px) {
  #contact .contactContent .contactContIn .inner .contactTool dl dd.address2 {
    min-height: 0;
  }
}
@media screen and (max-width: 768px) {
  #contact .contactContent .contactContIn .inner .contactTool dl dd.address2 {
    padding: 8px 0 5px;
  }
}
#contact .contactContent .contactContIn .inner .contactTool dl dd.tool p {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}
#contact .contactContent .contactContIn .inner .contactTool dl dd.tool p span {
  color: #999;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #contact .contactContent .contactContIn .inner .contactTool dl dd.tool p {
    font-size: 16px;
  }
  #contact .contactContent .contactContIn .inner .contactTool dl dd.tool p span {
    font-size: 16px;
  }
}
#contact .contactContent .contactContIn .inner .contactTool dl dd.tel, #contact .contactContent .contactContIn .inner .contactTool dl dd.fax {
  display: inline-block;
  font-size: 32px;
  font-weight: bold;
  padding: 0 10px;
}
#contact .contactContent .contactContIn .inner .contactTool dl dd.tel span, #contact .contactContent .contactContIn .inner .contactTool dl dd.fax span {
  color: #999;
  font-size: 24px;
}
@media screen and (max-width: 992px) {
  #contact .contactContent .contactContIn .inner .contactTool dl dd.tel, #contact .contactContent .contactContIn .inner .contactTool dl dd.fax {
    display: block;
    padding: 0;
    font-size: 22px;
  }
  #contact .contactContent .contactContIn .inner .contactTool dl dd.tel span, #contact .contactContent .contactContIn .inner .contactTool dl dd.fax span {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #contact .contactContent .contactContIn .inner .contactTool dl dd.tel, #contact .contactContent .contactContIn .inner .contactTool dl dd.fax {
    font-size: 16px;
  }
}

/* PRVACY
----------------------------------------------- */
#privacy #mainv {
  background: url(../img/privacy/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#privacy .privacyContent {
  font-size: 16px;
  padding: 50px 0;
}
@media screen and (max-width: 992px) {
  #privacy .privacyContent {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  #privacy .privacyContent {
    padding: 20px 15px;
  }
}
#privacy .privacyContent .privacyContIn {
  max-width: 820px;
  border-top: solid 3px #008000;
  padding-top: 20px;
  margin: 0 auto;
}
#privacy .privacyContent .privacyContIn h3 {
  color: #008000;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  #privacy .privacyContent .privacyContIn h3 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  #privacy .privacyContent .privacyContIn p {
    margin-bottom: 15px;
  }
}
#privacy .privacyContent .privacyContIn ul {
  padding: 0;
  marign: 0 0 15px;
  border-bottom: solid 1px #ccc;
}
#privacy .privacyContent .privacyContIn ul li {
  list-style: none;
  padding-left: 1.2em;
  text-indent: -1.2em;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #privacy .privacyContent .privacyContIn ul li {
    margin-bottom: 10px;
  }
}
#privacy .privacyContent .privacyContIn .privacyTxtR {
  text-align: right;
  margin: 0;
}

/* DOWNLOAD
----------------------------------------------- */
#download #mainv {
  background: url(../img/download/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#download .downloadContent {
  font-size: 16px;
  padding: 50px 0;
}
@media screen and (max-width: 992px) {
  #download .downloadContent {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  #download .downloadContent {
    padding: 20px 15px;
  }
}
#download .downloadContent .downloadContIn {
  max-width: 820px;
  margin: 0 auto;
}
#download .downloadContent .downloadContIn .notFound {
  font-size: 18px;
}
#download .downloadContent .downloadContIn .dlList {
  border-bottom: solid 1px #ccc;
}
#download .downloadContent .downloadContIn .dlList:first-child {
  border-top: solid 1px #ccc;
}
#download .downloadContent .downloadContIn .dlList a {
  display: block;
  color: #000;
  font-size: 18px;
  padding: 20px;
}
#download .downloadContent .downloadContIn .dlList a span {
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 10px 10px 10px 12px;
  margin-right: 15px;
}
#download .downloadContent .downloadContIn .dlList a span.icon-file-text2 {
  background: #999;
}
#download .downloadContent .downloadContIn .dlList a span.icon-file-pdf {
  background: #de2c2c;
}
#download .downloadContent .downloadContIn .dlList a span.icon-file-word {
  background: #255b9d;
}
#download .downloadContent .downloadContIn .dlList a span.icon-file-excel {
  background: #008000;
}

/* RECRUIT
----------------------------------------------- */
#recruit #mainv {
  background: url(../img/recruit/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#recruit .recruitContent {
  padding: 50px 0;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent {
    padding: 20px 0 35px;
  }
}
#recruit .recruitContent .recruitIndex .topRecVoice,
#recruit .recruitContent .recruitIndex .topRecNew,
#recruit .recruitContent .recruitIndex .topRecMid {
  color: #fff;
  font-weight: bold;
  text-align: center;
}
#recruit .recruitContent .recruitIndex .topRecVoice h3,
#recruit .recruitContent .recruitIndex .topRecNew h3,
#recruit .recruitContent .recruitIndex .topRecMid h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
#recruit .recruitContent .recruitIndex .topRecVoice h3 a,
#recruit .recruitContent .recruitIndex .topRecNew h3 a,
#recruit .recruitContent .recruitIndex .topRecMid h3 a {
  color: #fff;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitIndex .topRecVoice h3,
  #recruit .recruitContent .recruitIndex .topRecNew h3,
  #recruit .recruitContent .recruitIndex .topRecMid h3 {
    font-size: 24px;
  }
}
#recruit .recruitContent .recruitIndex .topRecVoice p,
#recruit .recruitContent .recruitIndex .topRecNew p,
#recruit .recruitContent .recruitIndex .topRecMid p {
  margin-bottom: 0;
}
#recruit .recruitContent .recruitIndex .topRecVoice .topRecVoiceIn {
  background: url(../img/recruit/bg_recruit_list1.jpg) center top no-repeat;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  margin-bottom: 40px;
  padding: 60px 0;
  transition: all 0.7s ease 0s;
  position: relative;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitIndex .topRecVoice .topRecVoiceIn {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitIndex .topRecVoice .topRecVoiceIn {
    margin-bottom: 10px;
  }
}
#recruit .recruitContent .recruitIndex .topRecVoice .topRecVoiceIn:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
  outline: medium none;
}
#recruit .recruitContent .recruitIndex .topRecVoice .topRecVoiceIn .balloon {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitIndex .topRecVoice .topRecVoiceIn .balloon img {
    width: 200px;
  }
}
#recruit .recruitContent .recruitIndex .topRecNew {
  padding: 0;
}
#recruit .recruitContent .recruitIndex .topRecNew .topRecNewIn {
  padding: 60px 0;
  background: url(../img/recruit/bg_recruit_list2.jpg) center top no-repeat;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  margin-right: 20px;
  margin-bottom: 40px;
  transition: all 0.7s ease 0s;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitIndex .topRecNew .topRecNewIn {
    margin-right: 10px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitIndex .topRecNew .topRecNewIn {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#recruit .recruitContent .recruitIndex .topRecNew .topRecNewIn:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
  outline: medium none;
}
#recruit .recruitContent .recruitIndex .topRecNew .topRecNewIn h3 {
  margin-bottom: 20px;
}
#recruit .recruitContent .recruitIndex .topRecNew .topRecNewIn h3 a {
  border-bottom: solid 2px #fff;
  padding-bottom: 10px;
}
#recruit .recruitContent .recruitIndex .topRecMid {
  padding: 0;
}
#recruit .recruitContent .recruitIndex .topRecMid .topRecMidIn {
  padding: 60px 0;
  background: url(../img/recruit/bg_recruit_list3.jpg) center top no-repeat;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  margin-left: 20px;
  margin-bottom: 40px;
  transition: all 0.7s ease 0s;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitIndex .topRecMid .topRecMidIn {
    margin-left: 10px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitIndex .topRecMid .topRecMidIn {
    margin-left: 0;
    margin-bottom: 10px;
  }
}
#recruit .recruitContent .recruitIndex .topRecMid .topRecMidIn:hover {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  -ms-filter: "alpha(opacity=70)" !important;
  /* IE 8 */
  outline: medium none;
}
#recruit .recruitContent .recruitIndex .topRecMid .topRecMidIn h3 {
  margin-bottom: 20px;
}
#recruit .recruitContent .recruitIndex .topRecMid .topRecMidIn h3 a {
  border-bottom: solid 2px #fff;
  padding-bottom: 10px;
}
#recruit .recruitContent .recruitContIn {
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitContIn {
    padding: 0 15px;
  }
}
#recruit .recruitContent .recruitContIn .recruitTtl {
  color: #008000;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  background: url(../img/recruit/bg_ttl.gif) center center repeat-x;
}
#recruit .recruitContent .recruitContIn .recruitTtl span {
  background: #fff;
  padding: 0 20px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitContIn .recruitTtl {
    font-size: 24px;
  }
}
#recruit .recruitContent .recruitContIn .recruitTtl2 {
  color: #008000;
  font-size: 30px;
  font-weight: bold;
  background: url(../img/recruit/bg_ttl.gif) center center repeat-x;
}
#recruit .recruitContent .recruitContIn .recruitTtl2 span {
  background: #fff;
  padding-right: 20px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitContIn .recruitTtl2 {
    font-size: 24px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceList:before, #recruit .recruitContent .recruitContIn .recruitVoiceList:after {
  content: " ";
  display: table;
}
#recruit .recruitContent .recruitContIn .recruitVoiceList:after {
  clear: both;
}
#recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn {
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn {
    margin-bottom: 15px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn .inner {
  font-weight: bold;
  text-align: center;
  background: #dbdbdb;
  padding: 30px 0;
}
#recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn .inner dl {
  margin-bottom: 0;
}
#recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn .inner dl dt {
  color: #000;
  font-size: 24px;
  margin-bottom: 10px;
}
#recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn .inner dl dt a {
  color: #000;
  font-size: 24px;
}
#recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn .inner dl dd {
  color: #777;
}
#recruit .recruitContent .recruitContIn .recruitVoiceList .voiceListIn .inner dl dd .job {
  font-size: 15px;
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail {
  margin-bottom: 40px;
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail:before, #recruit .recruitContent .recruitContIn .recruitVoiceDetail:after {
  content: " ";
  display: table;
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail:after {
  clear: both;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail {
    margin-bottom: 15px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain {
    padding: 0;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .basicArea .number {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .basicArea .number {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .basicArea .number {
    font-size: 18px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .basicArea .point {
  color: #31a449;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .basicArea .point {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .basicArea .point {
    font-size: 20px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .profileArea {
  background: url(../img/recruit/bg_voice_profile.gif) left top no-repeat;
  border-bottom: solid 1px #ccc;
  padding: 10px 0 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .profileArea {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .profileArea p {
  margin: 0;
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .profileArea p.title {
  color: #888;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .profileArea p.title {
    font-size: 18px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .profileArea .name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .profileArea .name span {
  font-size: 20px;
  padding-right: 10px;
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .profileArea .name span {
    font-size: 18px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .textArea dt {
  font-size: 24px;
  font-weight: bold;
  background: url(../img/recruit/bg_voice_sttl.gif) left center no-repeat;
  padding-left: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .textArea dt {
    font-size: 20px;
    padding-left: 15px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .textArea dt {
    font-size: 18px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .textArea dd {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceMain .textArea dd {
    margin-bottom: 15px;
  }
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceSide ul {
  padding: 0;
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceSide ul li {
  list-style: none;
  margin-bottom: 3px;
}
#recruit .recruitContent .recruitContIn .recruitVoiceDetail .recVoiceSide ul li a {
  display: block;
  color: #fff;
  background: #444;
  padding: 15px;
}
#recruit .recruitContent .recruitContIn .recruitTab {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
#recruit .recruitContent .recruitContIn .recruitTab li {
  font-size: 16px;
  display: table-cell;
  float: none;
  width: 25%;
  vertical-align: middle;
}
#recruit .recruitContent .recruitContIn .recruitTab li a {
  display: block;
  color: #000;
  text-align: center;
  padding: 10px 0;
}
#recruit .recruitContent .recruitContIn .recruitTab li.active a {
  color: #008000;
  font-weight: bold;
  background: #e9f4e9;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn .recruitTab {
    display: block;
  }
  #recruit .recruitContent .recruitContIn .recruitTab li {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  #recruit .recruitContent .recruitContIn .recruitTab li a {
    text-align: left;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
  }
}
#recruit .recruitContent .recruitContIn .recruitTabCont {
  margin-bottom: 20px;
}
#recruit .recruitContent .recruitContIn .recruitTabCont .recruitSTtl {
  display: none;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn .recruitTabCont .recruitSTtl {
    display: block;
    font-weight: bold;
    background: url(../img/record/mark_record.gif) left center no-repeat;
    padding-left: 18px;
    margin-bottom: 15px;
  }
}
#recruit .recruitContent .recruitContIn .recruitTabCont .recruitNotTxt {
  padding: 0 20px;
}
#recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl {
  width: 100%;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
#recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl th, #recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl td {
  font-size: 16px;
  border-bottom: solid 1px #ccc;
  padding: 15px 20px;
}
#recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl th {
  width: 20%;
  color: #008000;
  font-weight: bold;
  background: #e9f4e9;
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl {
    border: none;
  }
  #recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl th, #recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl td {
    display: block;
    width: 100%;
    border: none;
    padding: 8px 10px;
  }
}
#recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl .note {
  margin-bottom: 0;
  margin-left: 1em;
  padding-left: 1em;
  position: relative;
}
#recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl .note:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContIn .recruitTabCont .recruitTbl .note {
    margin-left: 0.5em;
  }
}
#recruit .recruitContent .recruitContIn .recruitTopBtn {
  max-width: 460px;
  margin: 0 auto;
}
#recruit .recruitContent .recruitContIn .recruitTopBtn a {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: #666;
  padding: 10px 0;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitContIn .recruitTopBtn a {
    font-size: 16px;
  }
}
#recruit .recruitContent .recruitContIn.recruitForm {
  max-width: 960px;
  margin: 0 auto;
  border-top: solid 3px #008000;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitContIn.recruitForm {
    padding: 0;
    margin: 0 15px;
  }
}
#recruit .recruitContent .recruitContIn.recruitForm h3 {
  color: #008000;
  font-size: 22px;
  font-weight: bold;
  border-bottom: solid 1px #ccc;
  margin: 0;
  padding: 15px;
}
#recruit .recruitContent .recruitContIn.recruitForm .inner {
  padding: 20px 0 0;
}
#recruit .recruitContent .recruitContIn.recruitForm .inner:before, #recruit .recruitContent .recruitContIn.recruitForm .inner:after {
  content: " ";
  display: table;
}
#recruit .recruitContent .recruitContIn.recruitForm .inner:after {
  clear: both;
}
#recruit .recruitContent .recruitContIn.recruitForm .inner .contactTool:before, #recruit .recruitContent .recruitContIn.recruitForm .inner .contactTool:after {
  content: " ";
  display: table;
}
#recruit .recruitContent .recruitContIn.recruitForm .inner .contactTool:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContIn.recruitForm .inner .contactTool {
    padding: 0;
  }
}
#recruit .recruitContent .recruitContact {
  clear: both;
}
#recruit .recruitContent .recruitContact dl dt {
  color: #fff;
  font-size: 20px;
  text-align: center;
  background: #333;
  padding: 10px 0;
}
#recruit .recruitContent .recruitContact dl dd {
  border: solid 1px #ccc;
  text-align: center;
  padding: 15px 0;
}
#recruit .recruitContent .recruitContact dl dd:before, #recruit .recruitContent .recruitContact dl dd:after {
  content: " ";
  display: table;
}
#recruit .recruitContent .recruitContact dl dd:after {
  clear: both;
}
#recruit .recruitContent .recruitContact dl dd .recContactIn .head {
  font-weight: bold;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContact dl dd .recContactIn .head {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .recruitContact dl dd .recContactIn .detail .tel {
    margin-bottom: 15px;
  }
}
#recruit .recruitContent .recruitContact dl dd .recContactIn .detail .tel p {
  margin-bottom: 0;
}
#recruit .recruitContent .recruitContact dl dd .recContactIn .detail .tel .number {
  color: #b4b4b4;
  font-size: 28px;
  font-weight: bold;
}
#recruit .recruitContent .recruitContact dl dd .recContactIn .detail .tel .number span {
  color: #000;
  font-size: 36px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .recruitContact dl dd .recContactIn .detail .tel .number {
    font-size: 20px;
  }
  #recruit .recruitContent .recruitContact dl dd .recContactIn .detail .tel .number span {
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContact dl dd .recContactIn .detail .tel .number {
    font-size: 16px;
  }
  #recruit .recruitContent .recruitContact dl dd .recContactIn .detail .tel .number span {
    font-size: 24px;
  }
}
#recruit .recruitContent .recruitContact dl dd .recContactIn .detail .web {
  padding-top: 10px;
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContact dl dd .recContactIn .detail .web {
    padding-top: 0;
  }
}
#recruit .recruitContent .recruitContact dl dd .recContactIn .detail .web .button {
  max-width: 370px;
  margin: 0 auto;
}
#recruit .recruitContent .recruitContact dl dd .recContactIn .detail .web .button a {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: #008000;
  padding: 10px 0;
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .recruitContact dl dd .recContactIn .detail .web .button a {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  #recruit .recruitContent .detailList > div:nth-child(even) {
    margin-top: 25px;
  }
}
#recruit .recruitContent .detailList a {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 64.8%;
}
#recruit .recruitContent .detailList a img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#recruit .recruitContent .detailList a h4 {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 30px;
  width: 100%;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  bottom: 15%;
  text-shadow: 0 0 9px rgba(0, 0, 0, 0.23);
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .detailList a h4 {
    font-size: 24px;
  }
}
#recruit .recruitContent .aboutHighschool {
  border: 1px solid #cecece;
  background-color: #e9f4e9;
  padding: 30px 15px;
  margin: 40px 0;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .aboutHighschool {
    margin: 25px 0;
  }
}
#recruit .recruitContent .aboutHighschool dt, #recruit .recruitContent .aboutHighschool dd {
  text-align: center;
}
#recruit .recruitContent .aboutHighschool dt {
  font-weight: bold;
  font-size: 28px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .aboutHighschool dt {
    font-size: 22px;
  }
}
#recruit .recruitContent .aboutHighschool dd {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 10px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .aboutHighschool dd {
    font-size: 16px;
  }
}
#recruit .recruitContent .subTtl {
  font-weight: bold;
  border-left: 5px solid #20a24e;
  padding-left: 20px;
  line-height: 1.2;
  font-size: 24px;
  margin-bottom: 25px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .subTtl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#recruit .recruitContent .subTtlC {
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
#recruit .recruitContent .subTtlC:before {
  content: "";
  width: 2em;
  height: 3px;
  background-color: #20a24e;
  position: absolute;
  bottom: -15px;
  right: 50%;
  transform: translateX(50%);
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .subTtlC {
    font-size: 22px;
  }
}
#recruit .recruitContent .detailSec {
  margin-top: 30px;
}
#recruit .recruitContent .jinzai p {
  text-align: center;
  font-size: 20px;
  line-height: 2;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .jinzai p {
    font-size: 17px;
  }
}
#recruit .recruitContent .occupationCont {
  background-color: #e9f4e9;
  padding: 40px 0 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .occupationCont {
    padding: 30px 0 40px;
    margin-bottom: 40px;
  }
}
#recruit .recruitContent .occupationCont .occupation {
  margin-top: 20px;
  margin-bottom: 0;
  background-color: #fff;
  padding: 1.5em;
  border: 1px solid #cecece;
}
#recruit .recruitContent .occupationCont .occupation dt {
  color: #20a24e;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .occupationCont .occupation dt {
    font-size: 18px;
  }
}
#recruit .recruitContent .occupationCont .occupation dd {
  line-height: 1.7;
  margin-top: 12px;
  font-size: 16px;
}
#recruit .recruitContent .entryBtn {
  margin-top: 30px;
  margin-bottom: 40px;
}
#recruit .recruitContent .entryBtn a {
  display: block;
  max-width: 460px;
  margin: 0 auto;
  background-color: #5bad5b;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  padding: 13px 0;
}
@media screen and (max-width: 992px) {
  #recruit .recruitContent .entryBtn a {
    font-size: 20px;
  }
}
#recruit .recruitContent .mynavi {
  margin-top: 30px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}
#recruit .recruitContent .mynavi a {
  display: block;
  border: 2px solid #00aaeb;
  padding: 15px;
  text-align: center;
  margin: 0 10px;
}
#recruit .recruitContent .mynavi a img {
  width: 200px;
}
@media screen and (max-width: 768px) {
  #recruit .recruitContent .mynavi {
    flex-direction: column;
  }
  #recruit .recruitContent .mynavi a {
    margin: 5px 20px;
  }
}

/* ISO
----------------------------------------------- */
#iso #mainv {
  background: url(../img/iso/mainv.jpg) center top no-repeat #333;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#iso .isoContent {
  padding: 50px 0;
}
@media screen and (max-width: 992px) {
  #iso .isoContent {
    padding: 20px 0;
  }
}
#iso .isoContent ul li {
  list-style: none;
}
#iso .isoContent .isoIndex {
  margin-bottom: 10px;
}
#iso .isoContent .isoIndex .isoNews {
  padding: 17px 0 80px;
  border-top: solid 3px #008000;
  border-bottom: solid 3px #008000;
}
#iso .isoContent .isoIndex .isoNews li {
  color: #008000;
  font-size: 2.4rem;
  font-weight: bold;
}
#iso .isoContent .isoIndex .isoNews li::before {
  position: relative;
  top: 3px;
  display: inline-block;
  content: '';
  background-color: #008000;
  border: solid 4px #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #008000;
  -webkit-box-shadow: 0 0 0 1px #008000;
  -moz-box-shadow: 0 0 0 1px #008000;
  margin: auto;
  margin-right: 15px;
}
@media screen and (max-width: 480px) {
  #iso .isoContent .isoIndex .isoNews {
    padding: 20px 0 30px;
  }
  #iso .isoContent .isoIndex .isoNews li {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  #iso .isoContent .isoIndex .isoNews li::before {
    top: 0px;
    content: '';
    border: solid 3px #fff;
    width: 15px;
    height: 15px;
    margin-right: 6px;
  }
}
#iso .isoContent .isoContact {
  border-bottom: solid 1px #ccc;
}
#iso .isoContent .isoContact dl {
  padding-bottom: 40px;
}
#iso .isoContent .isoContact dl dt {
  font-size: 2.2rem;
  padding-bottom: 20px;
}
#iso .isoContent .isoContact dl dd {
  font-size: 1.5rem;
}
#iso .isoContent .isoContact dl dd ul {
  padding-left: 0;
}
#iso .isoContent .isoContact dl:last-child {
  padding-bottom: 20px;
}
@media screen and (max-width: 480px) {
  #iso .isoContent .isoContact dl {
    padding-bottom: 15px;
    margin-bottom: 0;
  }
  #iso .isoContent .isoContact dl dt {
    font-size: 1.6rem;
    padding-bottom: 10px;
  }
  #iso .isoContent .isoContact dl dd {
    font-size: 1.4rem;
  }
}
#iso .isoContent .isoNameContact {
  padding-top: 15px;
}
#iso .isoContent .isoNameContact:before, #iso .isoContent .isoNameContact:after {
  content: " ";
  display: table;
}
#iso .isoContent .isoNameContact:after {
  clear: both;
}
#iso .isoContent .isoNameContact .nameBox {
  float: right;
  text-align: right;
  font-size: 1.5rem;
  width: 300px;
}
@media screen and (max-width: 480px) {
  #iso .isoContent .isoNameContact .nameBox {
    margin-bottom: 0px;
  }
}
#iso .registrationList {
  width: 700px;
  overflow: hidden;
  margin: 0 auto;
  clear: both;
}
#iso .registrationList .inClm {
  width: 50%;
  box-sizing: border-box;
  padding: 0 15px 15px;
  float: left;
}
#iso .registrationList .inClm img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #iso .registrationList {
    width: 100%;
    box-sizing: border-box;
    padding-top: 15px;
    overflow: hidden;
  }
  #iso .registrationList .inClm:first-child {
    padding: 0 10px 15px 15px;
  }
  #iso .registrationList .inClm:last-child {
    padding: 0 15px 15px 10px;
  }
}