@charset "UTF-8";
/*---------------header----------------*/
/*---------------wrapper----------------*/
.topimgarea {
  text-align: center;
  margin-bottom: 30px;
}

.topimgarea img {
  margin-bottom: 10px;
  transition: 0.3s;
}

.topimgarea a:hover img {
  opacity: 0.8;
}

.recruit-info {
  width: 677px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  border: 1px solid #dcdcdc;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.recruit-info h3 {
  margin: 0;
  text-align: center;
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(top, #1e5799 1%, #0082e5 50%, #1e5799 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1e5799 1%, #0082e5 50%, #1e5799 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1e5799 1%, #0082e5 50%, #1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
}

.recruit-info div {
  padding: 10px;
}

.formbutton {
  text-align: center;
}

.formbutton a {
  text-decoration: none;
  border: 1px solid #004EA2;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  color: #004ea2;
  transition: 0.3s;
  font-weight: bold;
}

.formbutton a i {
  font-size: 20px;
}

.formbutton a:hover {
  color: #FFFFFF;
  background-color: #004ea2;
}

.switcharea {
  background-color: #dcdcdc;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 30px;
}

.switcharea a {
  text-decoration: none;
}

.switcharea .switchwrap {
  margin: 0 auto;
  width: 80%;
  overflow: hidden;
}

.switcharea .switchwrap a {
  text-align: center;
  width: 45%;
  background-color: #FFFFFF;
  border: 1px solid #004EA2;
  color: #004EA2;
  padding-bottom: 10px;
  padding-top: 10px;
  transition: 0.3s;
  font-weight: bold;
}

.switcharea .switchwrap a.nolink {
  background-color: #767676;
  color: #000000;
  border: thin solid #767676;
}

.switcharea .switchwrap a.nolink:hover {
  background-color: #767676;
  color: #000000;
  border: thin solid #767676;
  cursor: default;
}

.switcharea .switchwrap a:hover {
  background-color: #004ea2;
  color: #ffffff;
}

.switcharea .switchwrap a:first-child {
  float: left;
}

.switcharea .switchwrap a:last-child {
  float: right;
}

.switcharea .switchwrap a i {
  font-size: 30px;
  vertical-align: middle;
}

.informationwrap h4 {
  border-left: 5px solid #004EA2;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  box-sizing: border-box;
}

.informationwrap table {
  width: 100%;
}

.informationwrap table tr th {
  background-color: #004ea2;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #ffffff;
  font-size: 16px;
  border: 1px solid #004EA2;
}

.informationwrap table tr td {
  padding: 20px;
  border: 1px solid #DCDCDC;
}

.informationwrap table tr td:first-child {
  background-color: #eeeeee;
  width: 30%;
  text-align: center;
}

.informationwrap table tr td p:first-child {
  margin-top: 0;
}

.informationwrap table tr td p:last-child {
  margin-bottom: 0;
}

.inquiry {
  width: 500px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  text-align: center;
}

.inquiry h4 {
  background-color: #004EA2;
  color: #ffffff;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 0;
}

.inquiry div {
  padding: 10px;
  border: 1px solid #DCDCDC;
  margin-top: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

#table1,
#table2 {
  margin-bottom: 50px;
}

.switcharea .switchwrap a {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.graduate_title {
  margin-bottom: 22px;
}

.graduate_title h4,
.graduate_title a {
  display: inline;
}

.graduate_title h4 {
  margin-right: 30px;
}

.graduate_title img {
  vertical-align: middle;
  transition: 0.3s;
}

.graduate_title img:hover {
  opacity: 0.7;
}

/*---------------sidenav----------------*/
#company .sidenav ul li:nth-child(1) a {
  background-image: url(/img/nav_pointer-red.png);
  background-repeat: no-repeat;
  pointer-events: none;
}

/*===============================================
●smart.css  画面の横幅が1150px以下
===============================================*/
@media screen and (max-width: 1150px) {
  /*---------------wrapper----------------*/
  .topimgarea img {
    width: 100%;
  }
  .recruit-info {
    width: 100%;
  }
}
/*===============================================
●smart.css  画面の横幅が960px以下
===============================================*/
@media screen and (max-width: 960px) {
  /*---------------wrapper----------------*/
  #company.company_recruit nav#mainmenu ul.dropmenu li.recruitmenu a {
    background-image: none;
    color: #767676;
  }
  #company.company_recruit nav#mainmenu ul.dropmenu li.recruitmenu ul li.recruit_menu a {
    background-image: none;
  }
  #company.company_recruit nav#mainmenu ul.dropmenu li.recruitmenu ul li.what_company_menu a {
    background-image: none;
    color: #004EA2;
  }
  .inquiry {
    width: 85%;
  }
}
/*===============================================
●style.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px) {
  /*---------------wrapper----------------*/
  .informationwrap table tr td.salary {
    padding: 0;
  }
}/*# sourceMappingURL=company_recruit.css.map */