@charset "utf-8";
@import url('../../css/common_smart.css');
/*########################################################################################
|
|ヘッダー
|
########################################################################################*/
header > h1 a.header_brand {
		gap: 4px;
}
header > h1 img {
	height: 24px;
	width: auto;
}
.header_site_title {
	display: flex;
		flex-direction: column;
	line-height: 1.1;
}
.header_site_title_en {
	font-size: 10px;
	letter-spacing: 0.05em;
}
.header_site_title_ja {
	font-size: 9px;
}
/*-----------------------------------------------------------------------------
|
|■┓ハンバーガーメニュー部分
|┗┛
-----------------------------------------------------------------------------*/
#panel_contents nav.gnavi_hm > ul {
	padding: 0 16px;
}
#panel_contents nav.gnavi_hm > ul > li > ul > li a {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 16px 0;
}
a.ham_menu_fh {
	margin-right: 8px;
}
/*########################################################################################
|
|トップページ
|
########################################################################################*/
/*-----------------------------------------------------------------------------
|
|■┓メインビジュアル
|┗┛
-----------------------------------------------------------------------------*/
.hrmv {
	min-height: 84vh;
}
/*-----------------------------------------------------------------------------
|
|■┓トップページレイアウト
|┗┛
-----------------------------------------------------------------------------*/
.wrapper_top_contents > article {
	padding: 40px 8px;
}
div.top_layout > ul {
		gap: 0;
		grid-template-columns: 1fr;
}
div.top_layout > ul > li {
	padding: 0 4px;
	width: 100%;
}
div.top_layout > ul > li.double .top_interview > div {
	font-size: 10px;
	font-size: 1.0rem;
	padding: 8px 4px;
}
div.top_layout > ul > li.double .top_interview > div > span {
	font-size: 14px;
	font-size: 1.4rem;
}
div.top_layout > ul > li section {
	padding: 8px;
}
div.top_layout > ul > li section > h2 {
	font-size: 16px;
	font-size: 1.6rem;
	height: 80px;
}
div.top_layout > ul > li section > h2 + p {
	font-size: 10px;
	font-size: 1.0rem;
}
div.top_layout > ul > li > a > section > .btn_contact_us span {
	font-size: 12px;
	font-size: 1.2rem;
}
/*-----------------------------------------------------------------------------
|
|■┓トップページ・ボトムエリアレイアウト
|┗┛
-----------------------------------------------------------------------------*/
.wrapper_btm_contents > article {
	display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
	padding: 40px 8px;
}
.wrapper_btm_contents > article .heading {
	font-size: 12px;
	font-size: 1.2rem;
}
/* フッターコンテンツ・左ブロック */
.wrapper_btm_contents > article .left_block {
	border-right: none;
	padding-right: 0;
}
.wrapper_btm_contents > article .left_block > .banner {
	display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
}
.wrapper_btm_contents > article .left_block > .banner > ul {
	display: flex;
	margin: 0 auto;
}
.wrapper_btm_contents > article .left_block > .banner > ul > li {
	padding-right: 8px;
}
.wrapper_btm_contents > article .left_block > .banner > ul > li:first-child > a:last-child {
	padding-top: 8px;
}
/* フッターコンテンツ・右ブロック */
.wrapper_btm_contents > article .right_block {
	margin-top: 32px;
	padding-left: 0;
}
.wrapper_btm_contents > article .right_block > .sns {
}
.wrapper_btm_contents > article .right_block > .mark {
}
.wrapper_btm_contents > article .right_block > .sns > ul,
.wrapper_btm_contents > article .right_block > .mark > ul {
	display: flex;
		flex-wrap: wrap;
		justify-content: center;
	gap: 16px;
}
.wrapper_btm_contents > article .right_block > .mark > ul > li {
}
/*########################################################################################
|
|セカンダリ
|
########################################################################################*/
main {
	margin-top: 0;
}
main > article,
main > .one_column > article,
main > .two_column > div {
	padding: 32px 16px;
}
main > h1 {
	font-size: 28px;
	font-size: 2.8rem;
	padding: 24px 0;
}
main > .desc {
	padding: 32px 16px 0;
}
main .catch {
	font-size: 22px;
	font-size: 2.2rem;
}
main > .one_column > article > h2,
main > .two_column > div > article > h2 {
	font-size: 24px !important;
	font-size: 2.4rem !important;
}
main > .one_column > article > h3,
main > .two_column > div > article > h3 {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}
main > .one_column > article > h4,
main > .two_column > div > article > h4 {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}

/*------------------------------------------------------------------------------
|
| ■┓募集要項（職種詳細）モーダルウィンド設定
| ┗┛
------------------------------------------------------------------------------*/
.job_modal_scroll {
	padding: 32px 16px;
}
.job_panel {
	padding: 24px;
}
.job_tab {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 12px 16px;
}
@media screen and (max-width:375px) {
	.job_tab {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 12px 12px;
	}
}
.job_task_title {
	font-size: 16px;
	font-size: 1.6rem;
}
/*-----------------------------------------------------------------------------
|
|■┓FAQ
|┗┛
-----------------------------------------------------------------------------*/
.faq_icon {
	height: auto;
	min-height: 64px;
}
.faq_q {
	display: grid;
		grid-template-columns: 80px 1fr 56px;
		align-items: stretch;
}
.faq_tag {
	height: auto;
	min-height: 64px;
}
.faq_text {
	padding: 16px;
}
/*-----------------------------------------------------------------------------
|
|■┓ページのトップへ
|┗┛
-----------------------------------------------------------------------------*/
.page_top {
	position: fixed;
		bottom: 0;
		right: 8px;
}
.page_top a {
	height: 40px;
	width: 40px;
}
/*########################################################################################
|
|Footer
|
########################################################################################*/
footer {
	padding: 16px;
}
/*-----------------------------------------------------------------------------
｜
｜■┓フッター左側レイアウト用（VHR会社情報）
｜┗┛
-----------------------------------------------------------------------------*/
/*----------------------------
VHRロゴ
----------------------------------------------------------*/
footer > section > h1 {
	width: 100%;
}
footer > section > h1:after {
	font-size: 16px;
	font-size: 1.6rem;
}
footer > section > h1 img {
	width: 140px;
}
/*----------------------------
VHRロゴキャプション
----------------------------------------------------------*/
footer > section > p {
	padding-left: 0;
	width: 100%;
}
/*----------------------------
お問い合わせリンクボタン
----------------------------------------------------------*/
footer > section > div {
	margin-bottom: 16px;
	width: 100%;
}
footer > section > div > a.btn_contact_us {
	padding: 16px;
}
/*----------------------------
その他、取得マークなど
----------------------------------------------------------*/
footer > section > ul {
	justify-content: center;
	padding-left: 0;
	width: 100%;
}
/*-----------------------------------------------------------------------------
｜
｜■┓フッター右側レイアウト用（フッターメニュー）
｜┗┛
-----------------------------------------------------------------------------*/
/*----------------------------
多階層用 li
----------------------------------------------------------*/
footer > nav > ul > li.multi_level > ul > li {
	width: 100%;
}