@charset "UTF-8";
* {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  min-width: 1200px; }
  html body {
    text-align: center;
    font-family: "游明朝","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    color: #565656; }
    html body ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      html body ul li {
        list-style-type: none; }
    html body img {
      width: 100%;
      height: auto; }
    html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
      margin: 0;
      padding: 0; }
    html body h1 {
      font-size: 3.0rem;
      display: inline-block;
      background: linear-gradient(transparent 70%, #f1c959 70%);
      color: #79620c;
      margin: 50px 0; }
    html body h2 {
      font-size: 3.0rem;
      display: inline-block;
      background: linear-gradient(transparent 70%, #f1c959 70%);
      color: #79620c;
      margin: 50px 0; }
    html body p {
      margin: 0;
      padding: 0; }
    html body a {
      text-decoration: none; }
    html body input, html body button, html body textarea, html body select {
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    html body textarea {
      resize: none; }
    html body .clrfix:after {
      content: "";
      display: block;
      clear: both; }
    html body .sub-title {
      position: relative;
      background-position: center; }
      html body .sub-title h1 {
        color: #fff;
        font-size: 3.0rem;
        padding: 50px 0;
        background: none; }
    html body .content {
      margin: 0 auto; }
      html body .content table {
        width: 900px;
        margin: 0 auto;
        border-collapse: collapse; }
        html body .content table tr th {
          width: 20%;
          background: #fff1dd;
          padding: 10px 10px;
          border-top: 1px solid #ccb697;
          border-left: 1px solid #ccb697;
          font-size: 1.8rem;
          color: #885d3f; }
        html body .content table tr td {
          text-align: left;
          padding: 10px 30px;
          border-bottom: 1px solid #ccb697;
          border-right: 1px solid #ccb697;
          font-size: 1.8rem; }
          html body .content table tr td input[type="text"] {
            width: 70%;
            padding: 10px 10px;
            border: 1px solid #c59f4a;
            font-size: 1.8rem; }
          html body .content table tr td #formTel1, html body .content table tr td #formTel2, html body .content table tr td #formTel3 {
            width: 10%; }
          html body .content table tr td .radio-input {
            display: none; }
          html body .content table tr td .radio-input + label {
            padding-left: 20px;
            position: relative;
            margin-right: 20px; }
          html body .content table tr td .radio-input + label::before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 15px;
            height: 15px;
            border: 1px solid #999;
            border-radius: 50%; }
          html body .content table tr td .radio-input:checked + label {
            color: #941a0e; }
          html body .content table tr td .radio-input:checked + label::after {
            content: "";
            display: block;
            position: absolute;
            top: 3px;
            left: 3px;
            width: 11px;
            height: 11px;
            background: #941a0e;
            border-radius: 50%; }
          html body .content table tr td textarea {
            width: 90%;
            padding: 10px;
            border: 1px solid #c59f4a;
            font-size: 1.8rem;
            height: 200px; }
          html body .content table tr td .Errform {
            color: #dc2e31; }
        html body .content table tr:last-child th {
          border-bottom: 1px solid #ccb697; }
        html body .content table tr:first-child td {
          border-top: 1px solid #ccb697; }

.privacy-check {
  margin: 30px 0; }
  .privacy-check a {
    text-decoration: underline;
    font-size: 1.8rem; }

/*=========================

ヘッダー

==========================*/
header {
  border-bottom: 4px solid #f5c413;
  padding-top: 10px; }
  header .content {
    margin: 0 auto !important; }
    header .content .logo {
      display: inline-block;
      vertical-align: top;
      width: 150px; }
    header .content nav {
      display: inline-block;
      vertical-align: top;
      margin-left: 50px;
      margin-top: 20px; }
      header .content nav ul li {
        display: inline-block;
        vertical-align: top; }
        header .content nav ul li a {
          display: block;
          padding: 5px 20px;
          color: #5E2802;
          font-size: 1.8rem;
          font-weight: bold; }

 /*=========================

トップ

===========================*/
#top header {
  border-bottom: none;
  position: absolute;
  width: 100%; }
#top .main {
  background: url("../img/top/back_main.png") no-repeat;
  background-position: center;
  background-size: cover;
  height: 650px; }
  #top .main .left, #top .main .right {
    width: 50%;
    float: left; }
  #top .main .catch {
    position: absolute;
    display: inline-block;
    top: 250px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 4.0rem;
    color: #fff;
    text-shadow: 2px 2px #655109; }
#top .content {
  margin: 0 auto;
  width: 1000px; }
  #top .content .intro {
    display: flex;
    justify-content: center; }
    #top .content .intro p {
      text-align: left;
      line-height: 2.0; }
  #top .content .recruit {
    margin: 50px 0;
    width: 100%; }
    #top .content .recruit .row .back {
      background: rgba(0, 0, 0, 0.5); }
    #top .content .recruit .row .img {
      position: relative;
      width: 420px;
      display: inline-block;
      vertical-align: top; }
      #top .content .recruit .row .img .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        color: #fff;
        width: 100%;
        height: 100%; }
        #top .content .recruit .row .img .content h3 {
          font-size: 2.4rem;
          display: inline-block;
          margin: 20px 0; }
          #top .content .recruit .row .img .content h3 span {
            border-bottom: 2px solid #fff;
            padding-bottom: 5px; }
        #top .content .recruit .row .img .content .explain {
          color: #fff;
          padding: 10px 10px;
          text-align: left; }
        #top .content .recruit .row .img .content .link {
          position: absolute;
          bottom: 10px;
          background: #ceb22e;
          padding: 5px 10px;
          left: 0;
          right: 0;
          margin: auto;
          width: 50%; }
          #top .content .recruit .row .img .content .link a {
            display: block;
            color: #fff;
            font-size: 1.8rem; }
      #top .content .recruit .row .img img {
        -webkit-filter: brightness(0.6);
        -moz-filter: brightness(0.6);
        -o-filter: brightness(0.6);
        -ms-filter: brightness(0.6);
        filter: brightness(0.6); }
      #top .content .recruit .row .img:first-child {
        margin-right: 20px; }
      #top .content .recruit .row .img:last-child {
        margin-left: 20px; }

/*====================

会社概要

====================*/
#company .sub-title {
  background: url("../img/company/subtitle.jpg") no-repeat;
  background-size: cover; }
#company .content {
  width: 1000px; }

/*========================

事業内容

========================*/
#service .sub-title {
  background: url("../img/service/subtitle.jpg") no-repeat;
  background-size: cover; }
#service .content .service .row .sentence {
  width: 500px;
  display: inline-block;
  vertical-align: top;
  text-align: left; }
#service .content .service .row .img {
  width: 450px;
  display: inline-block;
  vertical-align: top;
  margin-left: 30px; }
#service .content .service:nth-child(odd) .img {
  margin-left: 30px; }
#service .content .service:nth-child(odd) .sentence {
  margin-left: 0; }
#service .content .service:nth-child(even) .img {
  margin-left: 0; }
#service .content .service:nth-child(even) .sentence {
  margin-left: 30px; }

/*=====================

求人情報

=====================*/
#recruit .sub-title {
  background: url("../img/recruit/subtitle.jpg") no-repeat;
  background-size: cover; }
#recruit .content {
  width: 1000px; }
  #recruit .content .intro {
    font-size: 3.6rem; }
  #recruit .content .merit {
    background: url("../img/recruit/back_merit.jpeg") no-repeat;
    background-size: cover;
    margin-top: 50px; }
    #recruit .content .merit .back_merit {
      background: rgba(239, 194, 111, 0.5);
      padding: 0 20px 50px; }
    #recruit .content .merit h2 {
      background: none;
      width: 90%; }
      #recruit .content .merit h2 span {
        background: #fff;
        padding: 3px;
        margin: 0 1px; }
    #recruit .content .merit .row .type {
      display: inline-block;
      width: 420px;
      height: 250px;
      vertical-align: top;
      background: #fff;
      padding: 10px;
      text-align: left; }
      #recruit .content .merit .row .type .explain {
        line-height: 2.0; }
      #recruit .content .merit .row .type h3 {
        margin-bottom: 20px;
        text-align: center;
        color: #c75353;
        font-size: 2.4rem; }
      #recruit .content .merit .row .type:last-child {
        margin-left: 20px; }
  #recruit .content .for-girl {
    background: url("../img/recruit/back_girl.jpg");
    margin-top: 30px;
    border-radius: 10px; }
    #recruit .content .for-girl .back-girl {
      background: rgba(253, 211, 207, 0.8);
      padding-bottom: 50px;
      border-radius: 10px; }
      #recruit .content .for-girl .back-girl h2 {
        background: #fff;
        padding: 0 20px;
        color: #964141;
        border-radius: 30px; }
      #recruit .content .for-girl .back-girl .sheet {
        width: 800px;
        margin: 0 auto;
        padding: 20px;
        background: #fff;
        border-radius: 10px; }
        #recruit .content .for-girl .back-girl .sheet ul li {
          text-align: left;
          font-size: 2.4rem;
          line-height: 2.5;
          border-bottom: 2px dashed #e47c5c; }
          #recruit .content .for-girl .back-girl .sheet ul li:before {
            content: url("../img/recruit/icon_check.png");
            margin-right: 10px; }
          #recruit .content .for-girl .back-girl .sheet ul li:first-child {
            border-top: 2px dashed #e47c5c; }
  #recruit .content .job .select_area ul li {
    display: inline-block;
    width: 30%;
    margin-left: 30px; }
    #recruit .content .job .select_area ul li a {
      display: block;
      padding: 25px 0;
      font-size: 1.8rem;
      color: #79620c;
      font-weight: bold;
      border: 2px solid #b59e6d; }
      #recruit .content .job .select_area ul li a:hover {
        background: #fff5e8; }
    #recruit .content .job .select_area ul li .selected {
      background: #ffeccb; }
      #recruit .content .job .select_area ul li .selected:hover {
        background: #ffeccb; }
    #recruit .content .job .select_area ul li:first-child {
      margin-left: 0; }
  #recruit .content .job .back_change {
    min-height: 800px; }
    #recruit .content .job .back_change .change_area {
      margin-top: 30px; }
      #recruit .content .job .back_change .change_area .offer {
        margin-top: 30px; }
        #recruit .content .job .back_change .change_area .offer .btn_offer {
          height: 70px; }
          #recruit .content .job .back_change .change_area .offer .btn_offer a {
            display: inline-block;
            background: #d66f70;
            color: #fff;
            padding: 20px 40px;
            font-size: 2.2rem;
            border-bottom: solid 4px #9e3b3c;
            border-radius: 3px; }
            #recruit .content .job .back_change .change_area .offer .btn_offer a:hover {
              opacity: 0.7; }
            #recruit .content .job .back_change .change_area .offer .btn_offer a:active {
              -webkit-transform: translateY(4px);
              transform: translateY(4px);
              /*下に動く*/
              border-bottom: none;
              /*線を消す*/ }
  #recruit .content .btn_contact {
    margin-top: 30px; }
    #recruit .content .btn_contact input[type="button"], #recruit .content .btn_contact input[type="reset"], #recruit .content .btn_contact input[type="submit"] {
      width: 150px;
      height: 50px;
      font-size: 1.8rem;
      color: #fff; }
    #recruit .content .btn_contact input[type="button"] {
      background: #d0a60d; }
    #recruit .content .btn_contact input[type="reset"], #recruit .content .btn_contact input[type="submit"] {
      background: #ca6363;
      margin-left: 30px; }

/*=================

お問い合わせ

==================*/
#contact .sub-title {
  background: url("../img/contact/subtitle.jpg") no-repeat;
  background-size: cover; }
#contact .content {
  width: 1000px; }
  #contact .content .btn_contact {
    margin-top: 30px; }
    #contact .content .btn_contact input[type="button"], #contact .content .btn_contact input[type="reset"], #contact .content .btn_contact input[type="submit"] {
      width: 150px;
      height: 50px;
      font-size: 1.8rem;
      color: #fff; }
    #contact .content .btn_contact input[type="button"] {
      background: #d0a60d; }
    #contact .content .btn_contact input[type="reset"], #contact .content .btn_contact input[type="submit"] {
      background: #ca6363;
      margin-left: 30px; }

/*=================

プライバシーポリシー

==================*/
#privacy .sub-title {
  background: url("../img/contact/subtitle.jpg") no-repeat;
  background-size: cover; }
#privacy .content {
  width: 1000px; }
  #privacy .content .intro {
    margin: 50px 0;
    text-align: left; }
  #privacy .content .privacy_box {
    text-align: left; }
    #privacy .content .privacy_box h2 {
      margin-bottom: 20px; }

/*=================

フッター

=================*/
footer {
  background-color: #fff1b2;
  margin-top: 50px; }
  footer .content {
    padding-top: 20px;
    margin: 0 auto !important; }
    footer .content .logo {
      width: 100px;
      display: inline-block;
      vertical-align: top; }
    footer .content nav {
      display: inline-block;
      vertical-align: top; }
      footer .content nav ul li {
        display: inline-block;
        vertical-align: top; }
        footer .content nav ul li a {
          display: block;
          padding: 5px 15px;
          color: #5E2802;
          font-weight: bold; }
    footer .content .copy {
      padding: 10px 0;
      color: #4e4103; }

/*=========================
PC・スマホ切り替え
==========================*/
.smart-block {
  display: none !important; }

.smart-inblock {
  display: none !important; }

.pc-block {
  display: block !important; }

.pc-inblock {
  display: inline-block !important; }