@charset "UTF-8";
/* text-align
---------------------------------------------*/
.txtR {
  text-align: right; }

.txtC {
  text-align: center; }

/* vertical-align
---------------------------------------------*/
.v-middle {
  vertical-align: middle; }

.v-bottom {
  vertical-align: bottom; }

/* margin
---------------------------------------------*/
.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mr40 {
  margin-right: 40px; }

.mr50 {
  margin-right: 50px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.ml40 {
  margin-left: 40px; }

.ml50 {
  margin-left: 50px; }

/* font-size
---------------------------------------------*/
.txt80 {
  font-size: 80% !important; }

.txt90 {
  font-size: 90% !important; }

.txt110 {
  font-size: 110% !important; }

.txt120 {
  font-size: 120% !important; }

.txt130 {
  font-size: 130% !important; }

.txt150 {
  font-size: 150% !important; }

.txt170 {
  font-size: 170% !important; }

strong {
  font-weight: bold; }

/* border
---------------------------------------------*/
hr {
  height: 1px;
  border: none;
  margin: 15px 0px; }

.line-dotted {
  border-bottom: dotted 1px #9a9a9a; }

.line-dashed {
  border-bottom: dashed 1px #9a9a9a; }

.line-solid {
  border-bottom: solid 1px #bfbfbf; }

/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden; }

.cf:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1; }

.ColL {
  float: left; }

.ColR {
  float: right; }

/* リンク系 */
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80); }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: normal; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
html, body {
  margin: 0;
  padding: 0; }

body {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #111111;
  padding-top: 75px !important; }

img {
  vertical-align: bottom; }

.container {
  width: 1000px;
  margin: auto; }

.heading {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: #0ca700;
  color: #fff;
  border-bottom: solid #054100 6px;
  padding: 15px 0 10px;
  margin-bottom: 50px;
  text-align: center; }
  .heading h2 {
    line-height: 1;
    font-size: 40px;
    font-weight: bold; }

#entry_btn {
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 10;
  height: 75px;
  top: 0;
  left: 0;
  right: 0; }
  #entry_btn a {
    display: block;
    width: 80%;
    max-width: 400px;
    padding: 12px 5px;
    border-radius: 5px;
    margin: 10px auto;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    background: #ffda00;
    color: #333;
    font-weight: bold;
    font-size: 30px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5);
    line-height: 1; }
    #entry_btn a:active {
      -webkit-animation-name: animateClick;
      animation-name: animateClick;
      -webkit-animation-duration: 200ms;
      animation-duration: 200ms; }

@-webkit-keyframes animateClick {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes animateClick {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
#header {
  padding: 20px;
  position: relative; }
  #header #page_corner {
    position: absolute;
    top: 0;
    right: 0; }

#mainvisual {
  text-align: center;
  background: url(../img/mv_bottomline.png) repeat-x left bottom;
  padding-bottom: 100px;
  -webkit-animation: bglinescroll 50s linear infinite;
  animation: bglinescroll 50s linear infinite; }
  #mainvisual h1 {
    margin-bottom: 80px; }
  #mainvisual .leadtxt {
    margin-bottom: 40px;
    line-height: 2;
    font-style: italic;
    font-weight: bold;
    font-size: 22px; }

@-webkit-keyframes bglinescroll {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: 632px bottom; } }
@keyframes bglinescroll {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: 632px bottom; } }
#mv_bottom {
  background: url(../img/mv_bottom.png) repeat-x center bottom;
  background-color: #0ca700;
  height: 165px;
  border-bottom: solid 4px #0ca700;
  -webkit-animation: bgscroll 50s linear infinite;
  animation: bgscroll 50s linear infinite; }

@-webkit-keyframes bgscroll {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -1650px 0; } }
@keyframes bgscroll {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -1650px 0; } }
#companyname {
  text-align: center;
  padding-top: 60px; }

.content_section {
  background-image: -moz-linear-gradient(90deg, #f6f6f6 0%, white 27%);
  background-image: -webkit-linear-gradient(90deg, #f6f6f6 0%, white 27%);
  background-image: -ms-linear-gradient(90deg, #f6f6f6 0%, white 27%);
  padding-top: 110px; }
  .content_section .heading {
    margin-bottom: 90px; }
  .content_section .content_text h2 {
    margin-bottom: 25px; }
  .content_section .content_text p.leadtxt {
    font-style: italic;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 10px;
    color: #e26a00; }
  .content_section .content_text p {
    font-weight: bold;
    line-height: 1.8; }
  .content_section .content_text strong {
    font-style: italic;
    font-weight: bold;
    color: #dc3200; }
  .content_section .content_text a {
    color: #0ca700;
    font-style: italic;
    font-weight: bold;
    text-decoration: none; }

#content01 {
  padding-bottom: 30px;
  padding-top: 80px; }
  #content01 .content_text {
    float: left;
    width: 520px;
    padding: 60px 0 0 85px;
    margin: -60px 0 0 -85px;
    background: url(../img/content01_catch_kazari.png) no-repeat left top; }
  #content01 .content_image {
    float: right; }

#content02 {
  padding-bottom: 50px; }
  #content02 .content_text {
    float: right;
    width: 520px;
    padding: 60px 85px 0 0;
    margin: -60px -85px 0 0;
    background: url(../img/content01_catch_kazari.png) no-repeat right top; }
  #content02 .content_image {
    float: left; }

#content03 {
  padding-bottom: 50px; }
  #content03 .content_text {
    float: left;
    width: 520px;
    padding: 60px 0 0 85px;
    margin: -60px 0 0 -85px;
    background: url(../img/content01_catch_kazari.png) no-repeat left top; }
  #content03 .content_image {
    float: right; }

#form {
  padding-bottom: 100px; }

.table-default {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  margin-bottom: 80px; }
  .table-default td {
    vertical-align: top;
    border: solid 2px #0ca700;
    padding: 20px 15px; }
  .table-default th {
    text-align: left;
    background: #0ca700;
    vertical-align: top;
    color: #fff;
    width: 155px;
    position: relative;
    background-clip: padding-box !important;
    padding: 20px 15px;
    padding-right: 65px;
    border: solid 2px #fff;
    font-weight: bold; }

#interesting {
  overflow: hidden;
  width: 100%;
  padding: 80px 0;
  padding-bottom: 0; }

#interesting h2 {
  text-align: center;
  margin-bottom: 30px; }

#interesting .photos_list a {
  display: block;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  line-height: 0; }

#interesting .photos_list .messageman {
  margin-left: 14px;
  margin-bottom: -9px; }

#movie {
  overflow: hidden;
  width: 100%;
  padding: 80px 0;
  background: #fff url("http://alta.co.jp/recruit/2017/img/top/movie_bg.png") repeat 0 0; }

#movie h2 {
  text-align: center;
  margin-bottom: 30px; }

#movie .movies_list {
  overflow: hidden; }

#movie .movies_list a {
  display: block;
  float: left;
  line-height: 0; }

#movie .movies_list a img {
  margin-bottom: 30px; }

#cboxLoadedContent {
  border: none; }

#cboxOverlay {
  background: url("/recruit/2017/img/top/colorbox_bg.png") repeat 0 0; }

#cboxTitle {
  display: none !important; }

.interesting_modal {
  padding: 40px 40px; }

.interesting_modal h2 {
  margin: 20px 0px 10px;
  font-size: 200%;
  font-weight: bold; }

.interesting_modal p {
  font-size: 120%;
  font-weight: bold; }

.topsection-caption {
  margin-top: -15px;
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 18px;
  text-align: center; }

.visible-sp {
  display: none; }

@media (max-width: 1150px) {
  #content01 .content_text, #content02 .content_text, #content03 .content_text {
    padding: 0;
    margin: 0;
    background: none; } }
@media (max-width: 999px) {
  .maxw10 {
    max-width: 10%; }

  .maxw20 {
    max-width: 20%; }

  .maxw30 {
    max-width: 30%; }

  .maxw40 {
    max-width: 40%; }

  .maxw50 {
    max-width: 50%; }

  .maxw60 {
    max-width: 60%; }

  .maxw70 {
    max-width: 70%; }

  .maxw80 {
    max-width: 80%; }

  .maxw90 {
    max-width: 90%; }

  * {
    box-sizing: border-box; }

  img {
    max-width: 100%; }

  .container {
    width: 100%;
    padding: 0px 20px; }

  #header {
    padding: 10px; }

  #header img {
    width: 20%; }

  #mainvisual h1 {
    margin: auto;
    margin-bottom: 30px;
    width: 90%; }

  #mainvisual .leadtxt {
    font-size: 10px;
    margin-bottom: 20px; }

  #companyname {
    padding-top: 30px; }

  .heading {
    margin-bottom: 20px; }

  .heading h2 {
    font-size: 24px; }

  .content_section {
    padding-top: 40px; }
    .content_section .content_text {
      margin-bottom: 10px !important; }
      .content_section .content_text p.leadtxt {
        font-size: 18px; }
      .content_section .content_text p {
        font-weight: normal;
        font-size: 14px; }
    .content_section .content_image {
      text-align: center; }

  #content01 {
    padding-top: 40px;
    padding-bottom: 20px; }
    #content01 .content_text {
      float: none;
      width: 100%; }
    #content01 .content_image {
      float: none; }

  #content02 {
    padding-bottom: 20px; }
    #content02 .content_text {
      float: none;
      width: 100%; }
    #content02 .content_image {
      float: none; }

  #content03 .content_text {
    float: none;
    width: 100%; }
  #content03 .content_image {
    float: none; }

  table, tbody, tr, th, td {
    display: block !important;
    width: 100% !important; }

  td input[type="text"], td input[type="tel"], td input[type="email"] {
    width: 100% !important; }

  th {
    border: none !important; }

  #interesting {
    padding: 40px 0 20px 0; }

  #interesting .photos_list {
    margin: 0 auto;
    width: 100%;
    max-width: 470px; }

  #interesting .photos_list a {
    display: block;
    float: left;
    margin-left: 5%;
    margin-bottom: 5%;
    line-height: 0;
    width: 47%; }

  #interesting .photos_list a:nth-child(odd) {
    margin-left: 0%; }

  #interesting .photos_list .messageman {
    margin-left: 14px;
    margin-bottom: -9px;
    max-width: 80%;
    float: right; }

  #movie {
    padding: 40px 0 40px 0; }

  #movie .movies_list {
    margin: 0 auto;
    width: 90%;
    padding: 0; }

  #movie .movies_list a {
    display: block;
    float: left;
    width: 49%;
    margin: 0.5%;
    line-height: 2; }

  #movie .movies_list a:nth-child(odd) {
    clear: left; }

  #movie .movies_list img {
    margin-bottom: 30px; }

  #movie .movies_list img.comingsoon {
    display: none; }

  .visible-sp {
    display: block; }

  .hidden-sp {
    display: none; } }
#loading {
  display: none; }

.table-form {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  margin-top: 30px; }
  .table-form td {
    vertical-align: top;
    padding: 20px 15px; }
  .table-form th {
    text-align: left;
    vertical-align: top;
    color: #fff;
    width: 155px;
    position: relative;
    background-clip: padding-box !important;
    padding: 20px 15px;
    padding-right: 65px;
    border: solid 2px #fff; }
    .table-form th:after {
      position: absolute;
      right: 20px;
      top: 22px;
      font-size: 80%;
      padding: 4px 5px;
      line-height: 1;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
    .table-form th.required:after {
      content: "必須";
      color: #fff;
      background: #c90000; }
    .table-form th.option:after {
      content: "任意";
      color: #fff;
      background: #999999; }
  .table-form input[type=text], .table-form input[type=email], .table-form input[type=tel], .table-form textarea {
    width: 400px;
    padding: 2px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 3px;
    border: solid 2px #ccc;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    font-weight: normal;
    color: #333; }
    .table-form input[type=text]:focus, .table-form input[type=email]:focus, .table-form input[type=tel]:focus, .table-form textarea:focus {
      outline: none;
      border: solid 2px #b6b8d4; }
  .table-form input[type=date] {
    width: 230px;
    padding: 2px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-radius: 3px;
    border: solid 2px #ccc;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    font-weight: normal;
    color: #333; }
    .table-form input[type=date]:focus {
      outline: none;
      border: solid 2px #b6b8d4; }
  .table-form input[type="checkbox"]:checked + span, .table-form input[type="radio"]:checked + span {
    font-weight: bold; }
  .table-form textarea {
    width: 100%;
    height: 240px; }
  .table-form .input_caption {
    color: #666;
    font-size: 90%; }
  .table-form em {
    font-weight: bold;
    color: #555; }

.frm.danger {
  display: block;
  background: #c90000;
  padding: 5px 10px;
  position: relative;
  margin-top: 12px;
  clear: both;
  color: #fff !important;
  font-size: 80%; }
  .frm.danger:before {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: -20px;
    border: 10px solid #c90000;
    border-color: transparent;
    border-bottom-color: #c90000; }

.form_button {
  overflow: hidden;
  margin-top: 30px;
  text-align: center; }
  .form_button input[type=submit], .form_button input[type=button] {
    cursor: pointer;
    font-size: 23px;
    width: 380px;
    color: #ffffff;
    padding: 15px 5px;
    background: -moz-linear-gradient(top, #038ed8 0%, #0081cb 49%, #0081cb 50%, #008be7 51%, #008fef);
    background: -webkit-gradient(linear, left top, left bottom, from(#038ed8), color-stop(0.49, #0081cb), color-stop(0.5, #0081cb), color-stop(0.51, #008be7), to(#008fef));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #115c85;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 1px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 1px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), inset 0px 0px 1px rgba(255, 255, 255, 0.7);
    text-shadow: 0px -1px 0px transparent, 0px 1px 0px rgba(255, 255, 255, 0); }
    .form_button input[type=submit]:hover, .form_button input[type=button]:hover {
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      opacity: 0.8; }
    .form_button input[type=submit].confirm:hover, .form_button input[type=button].confirm:hover {
      border-bottom: 0; }
    .form_button input[type=submit].submit:hover, .form_button input[type=button].submit:hover {
      border-bottom: 0; }
    .form_button input[type=submit].back, .form_button input[type=button].back {
      background: #ccc;
      color: #fff; }

.thanks {
  padding: 20px;
  font-size: 110%; }