@charset "UTF-8";

/*
Theme Name:		ミライリスホールディングスグループ 採用サイト
Theme URI:		https://www.mkg-recruit.com/
Author:			Ｏ－ＧＯＥ
*/

/********** コンテンツ **********/

html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.contents__wrapper {
  margin-top: 20vh;
  flex: 1;
  width: 100%;
  text-align: center;
}
.contents__wrapper span {
  font-size: 2.5rem;
  font-weight: bold;
  padding-bottom: 1%;
}
.contents__wrapper p {
  font-size: 1.8rem;
  margin: 5% 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  /* --------------------------------------------------------------------------------
  	TOP画像
  -------------------------------------------------------------------------------- */
  main {
    background: url(../images/recruit/recruit-top_sp.jpg) no-repeat;) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .recruit-ttlbox{
    padding: 40% 0 40% 0;
    color: #fff;
  }
  .recruit-ttl{
    font-size: 3rem;
    line-height: 3rem;
  }
  .recruit-ttl_border{
    border-bottom: solid 2px #fff;
    padding: 0 5% 5px 5%;
  }
  .recruit-subttl{
    font-size: 2rem;
    padding-top: 2rem;
  }
  section{
    padding-bottom: 10%;
  }
  .recruit-menu{
    margin-top: 10%;
    padding: 10% 2%;
  }
  .recruit-menutxt{
    font-size: 2.6rem;
  }
  .recruit-btnbox{
    width: 70%;
    margin-top: 2%;
  }
  .recruit-btnbox ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .recruit-btnbox ul li{
    width: 100%;
    margin: 5% 0 0 0;
  }
  .recruit-cntttl{
    font-size: 2.5rem;
  }
  .recruit-cocnt ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .recruit-cocnt ul li{
    width: 100%;
    margin-top: 10%;
  }
  .recruit-cotxt{
    width: 100%;
    margin-top: 3%;
    font-size: 1.6rem;
  }
  .recruit-cobtn{
    width: 100%;
    margin-top: 3%;
  }
  .recruit-areacnt ul{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .recruit-areacnt ul li{
    width: 100%;
    margin-top: 5%;
  }
  .recruit-flowcnt{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .recruit-flowcnt ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2%;
  }
  .recruit-flowcnt ul li{
    width: 100%;
    margin-top: 5%;
    text-align: left;
  }
  .recruit-flowttl{
    font-size: 2rem;
  }
  .recruit-flowtxt{
    font-size: 1.6rem;
  }
}