@charset "UTF-8";
/* common
====================================================== */
/* Max-w
-------------------------- */
/* Min-w
-------------------------- */
/* IE hack
-------------------------- */
/* Foundation
====================================================== */
/* Layout
====================================================== */
/* Object - Component
* 汎用的なパーツ
====================================================== */

/* Object - Project
* 特定用途のためのパーツ
====================================================== */
/*	[top] - KV
------------------------------------------------ */

@media only screen and (min-width: 767px){
	.hero-area-b.c-hero-area-top {
	    max-height: 460px;
	    min-height: 460px;
	}

	.hero-area-b.c-hero-area-top .content {
	    padding-top: 130px;
	}
}

/*	[top] - KV -- レイアウト調整
------------------------------------------------ */
@media only screen and (max-width: 767px){
  .hero-area-b.c-hero-area-common .content {
	  padding-left: 0;
	  padding-top: 0;
  }
	
  .hero-area-b.c-hero-area-common .content p{
	    font-size:1.6rem;
	}
	
  .hero-area-b.c-hero-area-common .content h1{
	    margin-top: 0;
	    font-size: 2em;
	}
}

/*	[top] - 採用情報
------------------------------------------------ */
.hero-area-b.c-hero-area-top_employment .visual>img {
    left: auto;
	right: 0;
    transform: none;
}
@media only screen and (min-width: 981px){
	.hero-area-b.c-hero-area-top_employment .content {
		padding-top: 100px;
	}
}
@media only screen and (min-width: 767px) and (max-width: 980px){
	.hero-area-b.c-hero-area-top_employment .content {
		padding-top: 24px;
	}
}
@media only screen and (min-width: 767px){
	.hero-area-b.c-hero-area-top_employment .content {
		padding-left: 16px;
	}
	.hero-area-b.c-hero-area-top_employment .content h2 {
		font-size: 3.2rem;
	}
}

/* Object - Utility
* 各種ヘルパークラス
====================================================== */