@charset "UTF-8";
/*
Author:Rio Kawamoto
Version:1.1
*/
/*----------------------------------------------------------------------
base
----------------------------------------------------------------------*/
html {
  min-width: 320px;
  font-size: 62.5%;
  height: 100%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  margin: 0;
}

.col1 {
  width: 5.9829%;
}

.col2 {
  width: 14.5299%;
}

.col3 {
  width: 23.0769%;
}

.col4 {
  width: 31.6239%;
}

.col5 {
  width: 40.1709%;
}

.col6 {
  width: 48.7179%;
}

.col7 {
  width: 57.2649%;
}

.col8 {
  width: 65.8119%;
}

.col9 {
  width: 74.3589%;
}

.col10 {
  width: 82.9059%;
}

.col11 {
  width: 91.4529%;
}

.col12 {
  width: 100%;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-100 {
  margin-bottom: 100px;
}

img {
  max-width: 100%;
  display: block;
  margin: auto;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  opacity: 0.7;
}

span.big {
  font-size: 30px;
}

span.red {
  color: #ff3333;
  font-weight: bold;
}

table {
  border-collapse: collapse;
}

.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

/*----------------------------------------------------------------------
main
----------------------------------------------------------------------*/
main {
  width: 90%;
  max-width: 880px;
  margin: 0 auto;
}
main .top_logo {
  width: 90%;
  margin: 120px auto 0 auto;
}
main .wanted {
  margin: 80px auto 0 auto;
  width: 62%;
}
main .job {
  display: flex;
  margin-top: 56px;
  justify-content: space-between;
}
main .job img {
  width: 100%;
}
main .job div {
  margin: 0 auto;
  width: 62%;
}
main .recruit {
  width: 65%;
  margin: 56px auto 0 auto;
  transform: translateX(2%);
}
main .submit {
  padding: 24px 48px;
  box-sizing: border-box;
  width: 65%;
  border: 2px solid #333;
  margin: 56px auto 0 auto;
}
main .tel {
  margin-top: 16px;
}

/*----------------------------------------------------------------------
footer
----------------------------------------------------------------------*/
footer {
  width: 90%;
  max-width: 880px;
  margin: 0 auto;
  padding-bottom: 120px;
}
footer .footer_logo {
  width: 36%;
  margin: 80px auto 0 auto;
  transform: translateX(4%);
}

/*----------------------------------------------------------------------
下層ページ
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------

media query

----------------------------------------------------------------------*/
.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
  .sp-only {
    display: block;
  }
  .mmb-10 {
    margin-bottom: 10px;
  }
  .mmb-20 {
    margin-bottom: 20px;
  }
  .mmb-30 {
    margin-bottom: 30px;
  }
  .mmb-40 {
    margin-bottom: 40px;
  }
  .splogo {
    display: inline-block;
  }
}
@media screen and (max-width: 425px) {
  main .top_logo {
    width: 100%;
  }
  main .wanted {
    width: 80%;
  }
  main .job {
    flex-direction: column;
  }
  main .job div {
    width: 84%;
    margin: 0 auto;
    transform: none;
  }
  main .job div.assistant {
    margin-top: 24px;
  }
  main .recruit {
    width: 90%;
    transform: translateX(2%);
  }
  main .submit {
    width: 100%;
    padding: 12px 32px;
  }
  main footer .footer_logo {
    width: 50%;
    transform: translateX(1%);
  }
}
/*media queryここまで*//*# sourceMappingURL=style.css.map */