@charset "UTF-8";
@font-face {
  font-family: "tsunagi";
  src: url("../font/TsunagiGothic.woff") format("woff"); }
/*****************************************/
.recruit_contact {
  max-width: 1000px;
  margin: 0 auto; }
  .recruit_contact h3 {
    color: #F4AD3C;
    font: 2.4rem/1em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700;
    letter-spacing: 0.03em;
    position: relative;
    text-align: center; }
  .recruit_contact .tel {
    width: 100%;
    margin: 0 auto 40px;
    padding: 45px;
    border: 2px solid #CBB6AA; }
    .recruit_contact .tel h3 {
      padding-top: 50px;
      background: url("../images/common/tel.svg") center top no-repeat;
      background-size: 24px 38px;
      margin-bottom: 25px; }
    .recruit_contact .tel a {
      text-decoration: none;
      color: #79503A;
      text-align: center;
      display: block;
      width: fit-content;
      margin: 0 auto 12px;
      font: 4.4rem/1.0em Futura, "Century Gothic";
      font-weight: 700; }
    .recruit_contact .tel span {
      font: 1.4rem/1em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500;
      text-align: center;
      letter-spacing: 0.03em;
      display: block; }
  .recruit_contact .form {
    width: 100%;
    margin: 0 auto;
    padding: 45px 45px 100px;
    border: 2px solid #CBB6AA; }
    .recruit_contact .form h3 {
      padding-top: 40px;
      background: url("../images/common/mail.svg") center top no-repeat;
      background-size: 31px 25px;
      margin-bottom: 25px; }
    .recruit_contact .form > p {
      text-align: center;
      font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500;
      letter-spacing: 0.03em;
      margin: 0 auto 40px; }
    .recruit_contact .form h4 {
      text-align: center;
      font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 700;
      letter-spacing: 0.03em;
      margin: 0 auto 40px; }
  .recruit_contact dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px; }
  .recruit_contact dt {
    margin: 0 0 30px;
    font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700;
    width: 240px; }
    .recruit_contact dt span {
      padding: 0 8px;
      font: 1.3rem/1.8em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 700;
      display: inline-block;
      color: #fff;
      background-color: #F4AD3C;
      border-radius: 5px;
      margin: 0 0 0 8px; }
      .recruit_contact dt span.nin {
        background-color: #ADADAD; }
  .recruit_contact dd {
    margin: 0 0 30px;
    width: calc(100% - 240px);
    font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 400; }
  .recruit_contact a {
    text-decoration: none;
    color: #79503A;
    font: 1.4rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700;
    letter-spacing: 0.03em;
    display: block;
    width: fit-content;
    margin: 0 auto; }
  .recruit_contact .wpcf7-not-valid-tip {
    font: 1.4rem/26px "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: 700;
    padding: 5px 0; }
  .recruit_contact .wpcf7-response-output {
    font: 1.6rem/2.0em "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: 700;
    text-align: center; }

@media (max-width: 768px) {
  .recruit_contact .tel {
    width: 100%;
    margin: 0 auto 40px;
    padding: 45px 25px;
    border: 2px solid #CBB6AA; }
    .recruit_contact .tel h3 {
      padding-top: 50px;
      background: url("../images/common/tel.svg") center top no-repeat;
      background-size: 24px 38px;
      margin-bottom: 25px; }
    .recruit_contact .tel a {
      text-decoration: none;
      color: #79503A;
      text-align: center;
      display: block;
      width: fit-content;
      margin: 0 auto 12px;
      font: 4.0rem/1.0em Futura, "Century Gothic";
      font-weight: 700; }
    .recruit_contact .tel span {
      font: 1.4rem/1em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 500;
      text-align: center;
      letter-spacing: 0.03em;
      display: block; }
  .recruit_contact .form {
    padding: 45px 25px 100px; }
    .recruit_contact .form > p {
      text-align: left; }
    .recruit_contact .form h4 {
      text-align: left;
      font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 700;
      letter-spacing: 0.03em;
      margin: 0 auto 40px; }
  .recruit_contact dl {
    display: block;
    margin-bottom: 20px; }
  .recruit_contact dt {
    margin: 0 0 10px;
    font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700;
    width: 240px; }
    .recruit_contact dt span {
      padding: 0 8px;
      font: 1.3rem/1.8em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 700;
      display: inline-block;
      color: #fff;
      background-color: #F4AD3C;
      border-radius: 5px;
      margin: 0 0 0 8px; }
      .recruit_contact dt span.nin {
        background-color: #ADADAD; }
  .recruit_contact dd {
    margin: 0 0 50px;
    width: 100%;
    font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 400; }
  .recruit_contact a {
    text-decoration: none;
    color: #79503A;
    font: 1.4rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700;
    letter-spacing: 0.03em;
    display: block;
    width: fit-content;
    margin: 0 auto; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .recruit_contact h3 {
    font: 2.2rem/1em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 700; }
  .recruit_contact .tel {
    padding: 45px 20px; }
    .recruit_contact .tel a {
      font: 3.3rem/1.0em Futura, "Century Gothic";
      font-weight: 700; }
  .recruit_contact .form {
    padding: 45px 20px 80px; } }
/*max-width:480px*/
/*****************************/
input[type="text"],
input[type="email"] {
  padding: 5px;
  width: 100%;
  outline: none;
  border: 1px solid #CBB6AA;
  font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400; }

textarea {
  padding: 5px;
  width: 100%;
  outline: none;
  border: 1px solid #CBB6AA;
  font: 1.6rem/2em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400;
  height: 200px; }

input[type="submit"],
input[type="button"] {
  margin: 0 auto 30px;
  display: block;
  max-width: 400px;
  width: 100%;
  background-color: #F4AD3C;
  border: none;
  outline: none;
  border-radius: 50px;
  font: 1.6rem/68px "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #fff;
  height: 70px;
  transition: .3s; }

/*max-width:1280px*/
/*max-width:1024px*/
/*max-width:768px*/
@media (max-width: 480px) {
  input[type="submit"],
  input[type="button"] {
    font: 1.6rem/58px "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    height: 60px; } }
/*max-width:480px*/
@media (hover: hover) {
  .recruit_contact .tel a:hover {
    cursor: text; }
  .recruit_contact .form a:hover {
    color: #FF6600; }

  input[type="submit"]:hover,
  input[type="button"]:hover {
    cursor: pointer;
    background-color: #FF6600; } }
/****************************************************/
.wpcf7-list-item {
  width: 100%;
  display: block;
  margin: 0 0 10px !important; }

.wpcf7-list-item.last {
  margin: 0 !important; }

.wpcf7-list-item-label {
  font: 1.6rem/1.5em "Zen Kaku Gothic New", "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400;
  cursor: pointer;
  display: flex; }

/* デフォルトのボタン */
input[type="radio"] {
  opacity: 0;
  /* デフォルトのボタンを非表示 */
  position: absolute; }

/* チェック前のボタン */
.wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
  /* ラジオボタンっぽく丸くする */
  content: "";
  height: 1.2em;
  margin-bottom: auto;
  margin-right: .5em;
  margin-top: auto;
  width: 1.2em; }

/* チェック後のボタン */
input[type="radio"]:checked + .wpcf7-list-item-label::before {
  background-color: #FFA200;
  /* チェック後の中心の色 */
  box-shadow: inset 0 0 0 3px #fff;
  /* 中心の色のスタイル */ }

/****************************************************/