@charset "UTF-8";
@media screen and (max-width: 667px) {
  /*表示・非表示*/
  /*-----------------------------------------------------------*/
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  /*-----------------------------------------------------------*/
  /*ページトップ*/
  #page-top {
    display: none;
    position: fixed;
    width: 64px;
    height: 64px;
    bottom: 60px;
    right: 4px;
    z-index: 97;
  }
  /*ページトップ ドロップシャドウ
#page-top img {
  filter: drop-shadow(0px 0px 5px rgba(15, 82, 109, 0.4));
}*/
  /*-----------------------------------------------------------*/
  body {
    animation: bodyFadeIn 2s ease 0s 1 normal;
    -webkit-animation: bodyFadeIn 2s ease 0s 1 normal;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
  }
  /*-----------------------------------------------------------*/
  /*トップページ背景（ヘッダーと星）*/
  body#top {}
  /*-----------------------------------------------------------*/
  #wrap {
    position: relative;
    overflow: hidden;
  }
  /*-----------------------------------------------------------*/
  /*ヘッダー*/
  header {
    position: relative;
    width: 96%;
    height: 80px;
    margin: 0 auto;
  }
  /*SNSアイコン*/
  header ul {
    position: absolute;
    margin: -14px auto 0;
    padding: 0;
    text-align: center;
    top: 50%;
    right: 0;
    z-index: 10;
  }
  header ul li {
    display: inline-block;
    margin: 0 auto;
    padding: 0 0 0 4px;
    text-align: center;
  }
  header ul li img {
    height: 28px;
  }
  /*-----------------------------------------------------------*/
  /*ロゴ*/
  h1 {
    position: absolute;
    width: 180px;
    height: 22px;
    margin: -11px 0 0 0;
    top: 50%;
    left: 0;
    z-index: 10;
  }
  /*-----------------------------------------------------------*/
  /*スライダー*/
  .keySlider {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  /*-----------------------------------------------------------*/
  /*見出し*/
  h2 {
    margin: 0 0 8px;
  }
  h2 img {
    height: 36px;
  }
  #media h2 img {
    height: 28px;
  }
  /*-----------------------------------------------------------*/
  /*各ブロック*/
  section {
    margin: 24px auto 0;
  }
  /*-----------------------------------------------------------*/
  /*ニュース背景*/
  #news {
    width: 100%;
    background: rgb(148, 214, 228);
    background: linear-gradient(90deg, rgba(148, 214, 228, 1) 0%, rgba(103, 197, 216, 1) 100%);
  }
  #news .top {
    width: 100%;
    height: 10px;
    background: rgb(148, 214, 228);
    background: linear-gradient(90deg, rgba(148, 214, 228, 1) 0%, rgba(255, 255, 256, 1) 100%);
  }
  #news .btm {
    width: 100%;
    height: 10px;
    background: rgb(148, 214, 228);
    background: linear-gradient(270deg, rgba(148, 214, 228, 1) 0%, rgba(255, 255, 256, 1) 100%);
  }
  /*-----------------------------------------------------------*/
  /*SNS 動画背景*/
  #media {
    width: 100%;
    background: rgb(148, 205, 192);
    background: linear-gradient(90deg, rgba(148, 205, 192, 1) 0%, rgba(148, 214, 228, 1) 100%);
  }
  #media .top {
    width: 100%;
    height: 10px;
    background: rgb(148, 205, 192);
    background: linear-gradient(90deg, rgba(148, 205, 192, 1) 0%, rgba(255, 255, 256, 1) 100%);
  }
  #media .btm {
    width: 100%;
    height: 10px;
    background: rgb(148, 214, 228);
    background: linear-gradient(270deg, rgba(148, 214, 228, 1) 0%, rgba(255, 255, 256, 1) 100%);
  }
  /*-----------------------------------------------------------*/
  /*採用情報背景*/
  #site {
    background: #f4fbfc;
    padding: 24px 0;
  }
  /*-----------------------------------------------------------*/
  /*ニュースレイアウト*/
  /*-----------------------------------------------------------*/
  #news dl {
    width: 96%;
    margin: 16px auto;
    padding: 0;
  }
  #news dl::after {
    content: "";
    display: block;
    clear: both;
  }
  /*-----------------------------------------------------------*/
  /*見出し*/
  #news dl dt {
    width: 70px;
    padding: 12px 0;
    float: none;
  }
  /*-----------------------------------------------------------*/
  /*テキスト*/
  #news dl dd {
    width: 100%;
    margin: 0 auto;
    padding: 12px 0;
    border-top: 1px solid #156575;
    border-left: none;
    float: none;
  }
  #news dl dd ul li {
    padding: 8px;
    font-size: 15px;
    line-height: 1.4;
    color: #156575;
  }
  #news dl dd ul li::after {
    content: "";
    display: block;
    clear: both;
  }
  /*-----------------------------------------------------------*/
  /*カテゴリー・日付*/
  #news dl dd ul li i {
    display: block;
    margin: 0 12px 0 0;
    font-style: normal;
    font-size: 13px;
    float: none;
    text-align: left;
  }
  /*-----------------------------------------------------------*/
  /*ニューステキスト*/
  #news dl dd ul li p {
    padding: 3px 0 0 0;
  }
  /*-----------------------------------------------------------*/
  /*カテゴリーアイコン：定期採用*/
  #news dl dd ul li i em {
    display: inline-block;
    width: 9.5em;
    background: #b664b5;
    margin: 0 6px 8px 0;
  padding: 2px 4px 1px;
    color: #FFF;
    border-radius: 24px;
    font-style: normal;
    text-align: center;
  }
  /*カテゴリーアイコン：経験者採用*/
  #news dl dd ul li i em.bl {
    background: #42b7cc;
  }
  /*カテゴリーアイコン：経験者採用*/
  #news dl dd ul li i em.gr {
    background: #28b16d;
  }
  /*カテゴリーアイコン：アルバイト採用*/
  #news dl dd ul li i em.or {
    background: #E1A213;
  }
  /*-----------------------------------------------------------*/
  /*採用情報レイアウト*/
  /*-----------------------------------------------------------*/
  #site ul {
    width: 96%;
    margin: 0 auto;
    padding: 0;
    font-size: 0;
  }
  /*左右2分割*/
  #site ul li {
    position: relative;
    width: 100%;
    background: rgba(255, 255, 255, 0.99);
    margin: 8px auto;
    padding: 8px 8px 24px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    vertical-align: top;
    border-bottom: 3px solid #b664b5;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.03));
  }
 
  #site ul li img {
    display: inline;
    width: 100%;
    float: none;
  }
  #site ul li p {
    padding: 8px 0 0;
    font-size: 14px;
    line-height: 1.4em;
    color: #666666;
  }
  /*年度*/
  #site ul li p em {
    font-size: 18px;
    font-style: normal;
  }
  /*カテゴリー*/
  #site ul li p strong {
    display: block;
    padding: 8px 0 8px;
    font-size: 22px;
    font-weight: normal;
  }
  /*-----------------------------------------------------------*/
  /*SNS 動画レイアウト*/
  /*-----------------------------------------------------------*/
  #media ul {
    width: 100%;
    margin: 24px auto 16px;
    padding: 0;
    font-size: 0;
  }
  #media ul li {
    display: inline-block;
    width: 100%;
    margin: 0 auto 24px;
    padding: 0 24px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
  }
  /*---------------------------------------------------*/
  /* フッター */
  footer {
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    padding: 30px 0 30px;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.4;
    color: #333333;
    text-align: center;
    z-index: 10;
  }
  /*著作権表示*/
  footer strong {
    display: block;
    font-size: 30px;
    padding: 0;
    color: #51afa2;
    font-weight: normal;
    font-style: normal;
  }
  footer i {
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0;
  }
  footer b {
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: normal;
    color: #555;
  }
  footer ul {
    margin: 24px auto 8px;
  }
  footer ul li {
    display: inline-block;
  }
	
	  footer p {
		  margin: 24px auto;
		  text-align: center;
  }
	
		  footer p a {
		  text-decoration: underline;
  }
	
	
  /*--------------------------------------------------------end@media*/
}