@charset "UTF-8";
/****************************
   ボタン・募集要項
*****************************/
.newgraduate h2 {
  font-family: "Zen Kaku Gothic New", "Hiragino Sans", "ヒラギノ角ゴシック", "Avenir", "Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-serif;
  font-size: 28px;
  border-left: 8px solid #3eab52;
  padding: 0.7em 0.5em 0.8em;
  margin: 0 0 30px;
  line-height: 1.2;
  background: #f4fcf3;
  font-weight: 500; }
  @media (max-width: 768px) {
    .newgraduate h2 {
      font-size: 18px;
      margin: 0 0 20px; } }
.newgraduate ul.page-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 4%;
  margin: 30px auto 100px;
  justify-content: center; }
  @media (max-width: 768px) {
    .newgraduate ul.page-menu {
      margin: 20px auto 60px; } }
  .newgraduate ul.page-menu li {
    width: 30.666%;
    text-align: center;
    font-family: "Zen Kaku Gothic New", "Hiragino Sans", "ヒラギノ角ゴシック", "Avenir", "Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-serif;
    font-size: 16px; }
    @media (max-width: 768px) {
      .newgraduate ul.page-menu li {
        font-size: 14px;
        width: 48%; } }
    .newgraduate ul.page-menu li a {
      display: block;
      padding: 1.5em 0;
      border-bottom: 3px solid #3eab52;
      transition: all .3s; }
      @media (max-width: 768px) {
        .newgraduate ul.page-menu li a {
          padding: 1.2em 0; } }
      .newgraduate ul.page-menu li a:hover {
        /*background: #E6F8F4;*/
        background: #eef7ed; }
.newgraduate dl.youkou {
  display: flex;
  flex-wrap: wrap;
  color: #141414;
  font-family: "Zen Kaku Gothic New", "Hiragino Sans", "ヒラギノ角ゴシック", "Avenir", "Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 100px; }
  @media (max-width: 768px) {
    .newgraduate dl.youkou {
      font-size: 13px;
      margin-bottom: 80px; } }
  .newgraduate dl.youkou dt {
    width: 18%;
    border-bottom: 1px dotted #ddd;
    padding: 1.2em 0.5em 1.3em; }
    @media (max-width: 768px) {
      .newgraduate dl.youkou dt {
        width: 24%; } }
  .newgraduate dl.youkou dd {
    width: 82%;
    border-bottom: 1px dotted #ddd;
    padding: 1.2em 0.5em 1.3em; }
    @media (max-width: 768px) {
      .newgraduate dl.youkou dd {
        width: 76%; } }
    .newgraduate dl.youkou dd span {
      display: block;
      padding-bottom: 15px; }

/****************************
   FORM
*****************************/
.mainContent-formHeadingContainer {
  background-color: #E6F8F4;
  overflow: hidden;
  padding-bottom: 45px; }

.formHeading {
  max-width: 850px;
  width: 90%;
  margin: 45px auto 0 auto;
  padding: 25px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 2px 2px rgba(211, 211, 211, 0.7);
  -moz-box-shadow: 0px 0px 2px 2px rgba(211, 211, 211, 0.7);
  box-shadow: 0px 0px 2px 2px rgba(211, 211, 211, 0.7); }

.formHeading-title {
  margin: 15px 0 50px 0;
  font-weight: 700;
  color: #000000;
  text-align: center; }

.formHeading-formContainer {
  padding: 0;
  margin: 0;
  width: 100%; }

.form-title {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  padding: 10px 0;
  margin: 5px 0; }

.form-requiredIcon {
  background-color: #85d1b8;
  color: #ffffff;
  padding: 3px 5px;
  border-radius: 3px;
  margin-left: 10px; }

.form-optionalIcon {
  background-color: #5e5e5e;
  color: #ffffff;
  padding: 3px 5px;
  border-radius: 3px;
  margin-left: 10px; }

.form-input {
  display: inline-block;
  width: 67%;
  padding: 5px 0;
  margin: 5px 0; }

.form-title.as_company_name,
.form-input.as_company_name {
  display: none; }

.form-title > span {
  font-size: 1.2rem;
  color: #FF0000;
  font-weight: 700; }

.form-input, .form-input > input {
  line-height: 1.5; }

.form-hide {
  display: none; }

.form-input > span {
  /*color:#FF0000;*/
  font-size: 0.9rem;
  /*display:none;*/ }

.form-input > input, .form-input > textarea, .form-input > select {
  width: 100%;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px #cfcfcf solid;
  background-color: #eeeeee;
  color: #141414;
  font-family: "Zen Kaku Gothic New", "Hiragino Sans", "ヒラギノ角ゴシック", "Avenir", "Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-serif; }

.form-input > select {
  border-radius: 0; }

.form-input > textarea {
  height: 150px;
  margin-bottom: 0px; }

.form-radio {
  width: auto !important;
  margin-right: 10px; }

.form-input.as_btn, .form-input.as_notice {
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 25px; }

.form-input.as_btn > button {
  width: 300px;
  padding: 20px;
  background: #ff613b;
  background: -moz-linear-gradient(top, #ff613b 0%, #f92e4f 100%);
  background: -webkit-linear-gradient(top, #ff613b 0%, #f92e4f 100%);
  background: linear-gradient(to bottom, #ff613b 0%, #f92e4f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff613b', endColorstr='#f92e4f',GradientType=0 );
  border: 1px #777777 solid;
  color: #ffffff;
  font-size: 2rem;
  cursor: pointer; }

.form-input.as_btn > button.inactive {
  cursor: default;
  opacity: 0.5; }

.formHeading-text {
  margin-top: 15px;
  padding: 25px; }

.formHeading-text > p {
  margin: 0 0 5px 0;
  font-size: 1.4rem; }

.form-input > a:link, .form-input > a:visited {
  color: #0000ff;
  text-decoration: underline; }

@media screen and (max-width: 978px) {
  .formHeading {
    margin: 25px auto 0 auto; }

  .form-title {
    display: block;
    width: 100%; }

  .form-input {
    display: block;
    width: 100%; }

  .form-input.as_btn > button {
    width: 95%; } }
@media screen and (max-width: 479px) {
  .formHeading-text {
    padding: 0px; } }
.notice-icon {
  color: #FF0000; }

.notice.as_preferredDate {
  color: #000000;
  margin-top: 36px;
  background-color: #f5f5dc;
  padding: 10px; }

.notice.as_preferredDate1 {
  color: #000000;
  margin-top: 10px;
  font-size: 14px; }

.notice.as_preferredDate2 {
  color: #000000;
  margin-top: 36px;
  background-color: #f5f5dc;
  padding: 10px; }

/****************************
   追加
*****************************/
.company_page.form_page .company {
  padding: 120px 0 30px; }
  @media (max-width: 768px) {
    .company_page.form_page .company {
      padding: 80px 0 30px; } }
.company_page.form_page .com_tit04 {
  margin: 50px 0 20px;
  padding: 0 0 15px;
  border-bottom: 1px solid #ccc; }
  .company_page.form_page .com_tit04 span {
    font-size: 24px;
    margin: 0; }
    @media (max-width: 768px) {
      .company_page.form_page .com_tit04 span {
        font-size: 20px; } }
.company_page.form_page .form-title span {
  font-size: 0.9rem; }
.company_page.form_page .form-input input.input-m {
  width: 24rem;
  max-width: 100%; }
.company_page.form_page .form-input input.input-sm {
  width: 16rem;
  max-width: 65%; }
.company_page.form_page .form-input input.input-name {
  width: 13rem;
  max-width: 100%; }
.company_page.form_page .form-input input.input-s {
  width: 5.5rem;
  max-width: 100%; }
.company_page.form_page .form-input input.input-ss {
  width: 3.5rem;
  max-width: 100%; }
.company_page.form_page .form-input input.cb {
  width: 1.5rem; }
.company_page.form_page .form-input select.size-s {
  width: 12rem;
  max-width: 100%; }

p.alertarea {
  color: #DB2209; }

.view-sp {
  display: none; }
  @media (max-width: 768px) {
    .view-sp {
      display: block; } }