@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*
@mixin ll_pc_size{
  @media screen and (min-width: $l_desktop) {
    @content;
  }
}
*/
header .header_wrap {
  position: fixed; }

.main_title {
  font-size: 1.8rem;
  color: #34578E;
  text-align: center;
  line-height: 1; }
  @media (min-width: 768px) {
    .main_title {
      font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 2.34375 ); } }
  @media (min-width: 1280px) {
    .main_title {
      font-size: 3rem; } }

.en {
  font-size: 1.5rem;
  color: #34578E;
  text-align: center;
  line-height: 1; }
  @media (min-width: 768px) {
    .en {
      font-size: calc( 1.5rem + ( 1vw - 7.68px ) * 0.5859375 ); } }
  @media (min-width: 1280px) {
    .en {
      font-size: 1.8rem; } }

.read_txt {
  margin: 0 auto;
  max-width: 856px;
  font-size: 1.5rem;
  color: #707070;
  text-align: center; }
  @media (min-width: 768px) {
    .read_txt {
      font-size: calc( 1.5rem + ( 1vw - 7.68px ) * 0.5859375 ); } }
  @media (min-width: 1280px) {
    .read_txt {
      font-size: 1.8rem; } }

::placeholder {
  font-family: 新ゴ R, Shin Go Regular, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: normal; }

#contents {
  margin-top: 60px; }

.main_title_wrap {
  margin-top: 120px;
  margin-bottom: 40px; }
  .main_title_wrap .sub_title_box {
    margin-bottom: 0; }

.title_wrap {
  position: relative; }
  .title_wrap .txt {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    width: 60%;
    max-width: 540px;
    text-align: center; }
    @media (min-width: 768px) {
      .title_wrap .txt {
        font-size: calc( 1rem + ( 1vw - 7.68px ) * 0.462962963 ); } }
    @media (min-width: 1200px) {
      .title_wrap .txt {
        font-size: 1.2rem; } }
    .title_wrap .txt img {
      margin-bottom: 10px; }
  .title_wrap .img img {
    width: 100%; }

#body_content .copy {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 60px; }
  @media (min-width: 768px) {
    #body_content .copy {
      font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 1.3888888889 ); } }
  @media (min-width: 1200px) {
    #body_content .copy {
      font-size: 2.4rem; } }
#body_content .recruit_wrap {
  border-radius: 10px;
  margin-bottom: 60px; }
  #body_content .recruit_wrap > p {
    margin-bottom: 20px; }
  #body_content .recruit_wrap .recruit_img {
    max-width: 980px;
    margin: auto;
    margin-bottom: 50px; }
  #body_content .recruit_wrap .recruit_copy {
    text-align: center;
    margin-bottom: 60px;
    font-size: 1.4rem;
    line-height: 2; }
    @media (min-width: 768px) {
      #body_content .recruit_wrap .recruit_copy {
        font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.462962963 ); } }
    @media (min-width: 1200px) {
      #body_content .recruit_wrap .recruit_copy {
        font-size: 1.6rem; } }
  #body_content .recruit_wrap .example_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-around;
    max-width: 980px;
    margin: 0 auto 120px; }
    #body_content .recruit_wrap .example_wrap .example_box {
      flex: 0 1 45vw;
      width: 45vw;
      max-width: 45vw;
      height: 45vw;
      line-height: normal;
      background: url("/img/recruit/example_back.svg") center/contain no-repeat;
      position: relative; }
      #body_content .recruit_wrap .example_wrap .example_box .example_title {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center; }
        #body_content .recruit_wrap .example_wrap .example_box .example_title span {
          font-weight: bold;
          line-height: 1.5;
          border-bottom: 2px solid #f6c800;
          font-size: 1.4rem; }
          @media (min-width: 768px) {
            #body_content .recruit_wrap .example_wrap .example_box .example_title span {
              font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 2.3148148148 ); } }
          @media (min-width: 1200px) {
            #body_content .recruit_wrap .example_wrap .example_box .example_title span {
              font-size: 2.4rem; } }
  #body_content .recruit_wrap .info_text {
    margin: 40px auto 0; }
  #body_content .recruit_wrap .form-group {
    margin-bottom: 25px; }
    #body_content .recruit_wrap .form-group .form-title {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%; }
    #body_content .recruit_wrap .form-group .txt {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%; }
    #body_content .recruit_wrap .form-group input, #body_content .recruit_wrap .form-group textarea {
      font-size: 1.6rem; }
  #body_content .recruit_wrap .btn {
    margin-top: 40px; }
    #body_content .recruit_wrap .btn button {
      font-size: 1.4rem;
      display: block;
      margin: 0 auto;
      width: 100%;
      max-width: 400px;
      padding: 20px 15px;
      box-sizing: border-box;
      transition: 0.6s all;
      cursor: pointer; }
      @media (min-width: 768px) {
        #body_content .recruit_wrap .btn button {
          font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.2840909091 ); } }
      @media (min-width: 1120px) {
        #body_content .recruit_wrap .btn button {
          font-size: 1.5rem; } }
      #body_content .recruit_wrap .btn button:hover {
        opacity: 0.8; }
  #body_content .recruit_wrap .container {
    max-width: 980px;
    margin: auto;
    padding: 0 15px;
    box-sizing: border-box; }
    #body_content .recruit_wrap .container .btn:not(.reserve_btn) a {
      max-width: 230px;
      background: #434343;
      border: 1px solid #434343; }
      #body_content .recruit_wrap .container .btn:not(.reserve_btn) a:hover {
        color: #434343;
        background: #fff; }
      #body_content .recruit_wrap .container .btn:not(.reserve_btn) a:after {
        display: none; }
  #body_content .recruit_wrap form .form-group .txt .flex_wrap.receive_wrap {
    justify-content: flex-start; }
  #body_content .recruit_wrap form .form-group .txt .flex_wrap.payment_wrap {
    justify-content: flex-start; }
  #body_content .recruit_wrap form .chenge_content {
    display: none; }
    #body_content .recruit_wrap form .chenge_content.view {
      display: block; }

.btn-default {
  color: #fff;
  background-color: #000;
  border-color: #000; }

.btn-default:focus, .btn-default.focus {
  color: #fff;
  background-color: black;
  border-color: black; }

.btn-default:hover {
  color: #fff;
  background-color: black;
  border-color: black; }

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: black;
  border-color: black; }

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #fff;
  background-color: black;
  border-color: black; }

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none; }

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #000;
  border-color: #000; }

.btn-default .badge {
  color: #000;
  background-color: #fff; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .main_title_wrap {
    margin-top: 200px; }

  #recruit .recruit_wrap .example_wrap .example_box {
    flex: 0 1 25vw;
    width: 25vw;
    max-width: 25vw;
    height: 25vw;
    max-width: 320px;
    max-height: 320px; }

  #body_content .recruit_wrap .info_text {
    margin: 50px auto; }
  #body_content .recruit_wrap .form-group {
    margin-bottom: 25px; }
    #body_content .recruit_wrap .form-group .form-title {
      flex: 0 1 30%;
      width: 30%;
      max-width: 30%;
      text-align: right; }
    #body_content .recruit_wrap .form-group .txt {
      flex: 0 1 65%;
      width: 65%;
      max-width: 65%; }
  #body_content .recruit_wrap .btn {
    margin-top: 70px; } }
/*------------------------------
		980px以上
------------------------------*/
/*------------------------------
		1280px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */