@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);@charset "UTF-8";
body {
  margin: 0;
  font-family: -apple-system, "\6E38\30B4\30B7\30C3\30AF   Medium", "Helvetica Neue", BlinkMacSystemFont, YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; }

.br-pc {
  display: block; }

.br-sp {
  display: none; }

@media (max-width: 600px) {
  .br-pc {
    display: none; }
  .br-sp {
    display: block; } }

body::before {
  content: "";
  background: linear-gradient(#2ec1ff, #6089ff);
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1; }

body header {
  display: flex;
  color: white; }

header .breadcramb {
  list-style: none; }

header .breadcramb li {
  display: inline-block; }

h1 {
  font-size: 38px; }

h2 {
  font-size: 16px;
  font-weight: bold;
  background-color: #DDD;
  letter-spacing: 0.3em;
  padding: 10px; }

.recruit-contents {
  background-color: white;
  margin: 0 8%;
  padding: 20px 8%; }

.recruit-description {
  text-align: left;
  letter-spacing: 0.2em;
  line-height: 1.8em;
  font-size: 16px; }

.conversion {
  margin: 50px; }

.conversion-button {
  margin: auto;
  display: block;
  width: 60%;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-style: solid;
  border-radius: 5px;
  /*角丸*/ }

body header {
  text-align: center; }

.index-button {
  display: block;
  margin: 3% 8%;
  height: 50px;
  line-height: 50px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-style: solid;
  border-radius: 5px;
  /*角丸*/ }

@media (max-width: 600px) {
  .recruit-contents {
    background-color: white;
    margin: 0 3%;
    padding: 20px 20px; }
  .recruit-description {
    text-align: left;
    font-size: 16px;
    padding: 0 10px; } }

.sectionMainTitle-wrap {
  margin-bottom: 15px; }

.sectionMainTitle {
  text-align: center;
  width: 250px;
  margin: auto;
  font-size: 30px;
  letter-spacing: 0.1em;
  color: #3acce9;
  border-bottom: solid 3px #3acce9; }
  .sectionMainTitle.section-small {
    font-size: 28px;
    letter-spacing: 0.2em; }

.sectionSubTitle {
  text-align: center;
  font-size: 14px;
  margin: 10px;
  color: #3acce9;
  letter-spacing: 0.30em; }
  .sectionSubTitle.section-small {
    font-size: 15px; }

.sectionCatch {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0.15em;
  margin: 35px 0 30px; }
  .sectionCatch.section-small {
    margin: 50px 0 0; }

.sectionDiscription {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.1em; }

.description-center {
  padding: 0 0 0 25%;
  text-align: left; }

@media (min-width: 900px) and (max-width: 1200px) {
  .description-center {
    padding: 0 0 0 20%; } }

@media (min-width: 600px) and (max-width: 900px) {
  .description-center {
    padding: 0 0 0 10%; } }

@media (max-width: 600px) {
  .sectionMainTitle {
    font-size: 35px;
    width: 45%; }
    .sectionMainTitle.section-small {
      font-size: 20px; }
  .sectionSubTitle {
    font-size: 20px; }
  .sectionCatch {
    font-size: 25px;
    margin: 30px 10px; }
    .sectionCatch.section-small {
      font-size: 15px;
      letter-spacing: 0.2em;
      margin: 50px 15px 0; }
  .sectionDiscription {
    text-align: left;
    font-size: 16px;
    padding: 0 20px; } }