/*!
Theme Name: job_change_wp
Theme URI: https://www.aster-link.co.jp/
Author: 株式会社アスターリンク
Author URI: https://www.aster-link.co.jp/
Description: job_change_wp
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 8.0
Text Domain: job_change_wp
*/

/* メインカラー */
body {
    --primary-color: #EDBF00;
    --accent-color: #ED8400;
    --point-color: #fff67f;
	--font-color: #676767;
	--font-light-color: #fff;
	--font-hover-color: #1172a6;
    --background-color: #FFFCED;
	--background-strong-color: #FFF8D9;
    --background-bright-color: #E0E0E0;
	--background-gradation-color: #109DE7;
    --background-gradation-bright-color: #00C583;
    --entry-button-color: #299EDE;        
    --entry-button-bright-color: #06C755;
	--arrow-color: #BAB8B8;
}

/* 基本構造｜PC
--------------------------------------------- */
/* common 
--------------------------------------------- */
html { 
	font-size: 62.5%; /* 1rem=10px */
	scroll-behavior: smooth;
}
body {
	color: var(--font-color);
	font-size: 1.7rem;
	font-weight: normal;
	line-height: 1.88;
	margin: 0;
}
main {
	min-height: 21dvh;
}
.u-pc-only { display: block !important; }
.u-sp-only { display: none !important; }
p {
	margin-bottom: 10px;
}
p a {
	color: var(--entry-button-color);
	text-decoration: underline;
	text-underline-offset: 3px;
	word-break: break-all;
	transition: .3s;
}
p a:visited {
	color: var(--entry-button-color);
}
p a:hover {
	color: var(--font-hover-color);
	text-decoration: none;
}
a img {
	transition: .3s;
}
a img:hover {
	opacity: 0.8;
}
ol {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
a.u-tel-event {
	pointer-events: none;
}

/* component | pc
--------------------------------------------- */
/* モーダルダイアログ */
.c-modal {
	display: none;
	z-index: 10;
}
.c-modal.is-open {
	display: flex;
	position: fixed;
	inset: 0;
	justify-content: center;
	align-items: center;
}
.c-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.2);
}
.c-modal__container {
	isolation: isolate; /* backdropの背景合成を切る */
	background-color: #fff;
	padding: 24px 30px;
	width: 698px;
	max-height: 100dvh;
	overflow-y: auto;
	box-sizing: border-box;
}
button.p-modal-contact__number-area__number__copy:focus {
	outline: none;
	background: #fff;
}
button.p-modal-contact__number-area__number__copy:hover,
button.p-modal-contact__number-area__number__copy:active {
	outline: 2px solid var(--accent-color);
}
/* modal-nomal */
.c-modal__container__content__title {
	display: block;
	background: var(--primary-color);
	border-radius: 4px;
	color: var(--font-light-color);
	font-size: 2rem;
	font-weight: 600;
	line-height: 2.4rem;
	text-align: center;
	padding: 12px;
}
.c-modal__container__content__code {
	text-align: center;
	margin: 30px auto;
}
.c-modal__container__content__code img {
	width: 155px;
	height: 155px;
	border: 1px solid var(--font-color);
	object-fit: contain;
}
.c-modal__container__content__url {
	font-size: 2.4rem;
	font-size: 600;
	line-height: 140%;
	text-align: center;
	margin-bottom: 24px;
}
.c-modal__container__content__url a, 
.c-modal__container__content__url a:hover,
.c-modal__container__content__url a:visited {
	color: var(--font-color);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.c-modal__container__content__phone {
	color: var(--accent-color);
	font-size: 6.4rem;
	font-weight: 600;
	text-align: center;
	margin: 110px auto 38px;
}
.c-modal__container__content__phone a,
.c-modal__container__content__phone a:hover,
.c-modal__container__content__phone a:visited {
	color: var(--accent-color);
	text-decoration: none;
}
.c-modal__container__content__url a:focus-visible,
.c-modal__container__content__phone a:focus-visible {
	outline: none;
}
.c-modal__container__content__note {
	border: 1px solid var(--primary-color);
	border-radius: 4px;
	margin-bottom: 24px;
	padding: 20px 50px;
}
.c-modal__container__content__note__text {
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2.4rem;
	margin-bottom: 0;
}
.c-modal__container__content__text-note {
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: justify;
	margin-bottom: 0;
	margin: 0 60px 70px;
}
.c-modal__container__content__time {
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: center;
	margin-bottom: 46px;
}
.c-modal__container__content__button {
	display: block;
	border: 1px solid var(--arrow-color);
	background: none;
	border-radius: 18px;
	color: var(--arrow-color);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2.4rem;
	text-align: center;
	margin: 0 auto;
	padding: 4px 65px;
	transition: .3s;
}
.c-modal__container__content__button:hover {
	background: var(--background-bright-color);
}
/* modal-button */
.c-modal__container__content--header {
	text-align: center;
	padding: 40px 110px;
}
.c-modal__container__content__list {
	display: flex;
	flex-wrap: wrap;
	width: 698px;
	max-width: 100%;  
	gap: 24px;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    list-style: none;
	margin-bottom: 24px;
}
.c-modal__container__content__list__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	width: 190px;
	height: 190px;
	border: 1px solid var(--background-bright-color);
	border-radius: 8px;
	padding-bottom: 10px;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4rem;
	box-sizing: border-box;
}
.c-modal__container__content__list__item::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none; 
}
.c-modal__container__content__list__item.u-messenger::before {
	top: 18px;
	width: 112px;
	height: 112px;
	background: url(images/icon/icon_Messenger.svg) no-repeat;
	background-size: contain;
}
.c-modal__container__content__list__item.u-whats-app::before {
	top: 10px;
	width: 130px;
	height: 130px;
	background: url(images/icon/icon_whatsapp.svg) no-repeat;
	background-size: contain;
}
.c-modal__container__content__list__item.u-mail::before {
	top: 34px;
	width: 88px;
	height: 88px;
	background: url(images/icon/icon_mail.svg) no-repeat;
	background-size: contain;
}
.c-modal__container__content__list__item.u-phone::before {
	top: 42px;
	width: 70px;
	height: 70px;
	background: url(images/icon/icon_tel.svg) no-repeat;
	background-size: contain;
}
.c-modal__container__content__list__item button,
.c-modal__container__content__list__item a {
	position: absolute; 
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: none;
	background: transparent;
	text-decoration: none;
	padding-bottom: 10px;
	cursor: pointer;
	box-sizing: border-box;
}
.c-modal__container__content__list__item button, 
input[type="button"], 
input[type="submit"] {
	color: var(--font-color) !important;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4rem;
	padding: 0 0 10px !important;
}
.c-modal__container__content__list__item button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
	background: none !important;
	color: var(--font-color) !important;
}
.c-modal__container__content__list__item:hover {
	background: var(--background-color);
}
.c-modal__container__content__list__item p {
	margin-bottom: 0;
}
/* modal-offer */
.p-modal-contact {
	border: 1px solid var(--primary-color);
	border-radius: 8px;
	margin-bottom: 30px;
	padding: 22px;
}
.p-modal-contact__title-area {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2.4rem;
	margin-bottom: 12px;
}
.p-modal-contact__info-list {
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 28px;
}
.p-modal-contact__info-list__item {
	position: relative;
	flex-basis: 48%;
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 8px;
	padding-left: 24px;
}
.p-modal-contact__info-list__item::before {
	position: absolute;
	content: "";
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
}
.p-modal-contact__info-list__item.u-icon-building::before {
	background: url(images/icon/icon_building.svg) no-repeat;
	background-size: contain;
}
.p-modal-contact__info-list__item.u-icon-paying::before {
	background: url(images/icon/icon_yen.svg) no-repeat;
	background-size: contain;
}
.p-modal-contact__info-list__item.u-icon-type::before {
	background: url(images/icon/icon_vector.svg) no-repeat;
	background-size: contain;
}
.p-modal-contact__info-list__item.u-icon-map::before {
	background: url(images/icon/icon_map.svg) no-repeat;
	background-size: contain;
}
.p-modal-contact__info-list__item.u-icon_bag::before {
	background: url(images/icon/icon_bag.svg) no-repeat;
	background-size: contain;
}
.p-modal-contact__info-list__item.u-icon_chat::before {
	background: url(images/icon/icon_chat.svg) no-repeat;
	background-size: contain;
}
.p-modal-contact__number-area__title {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 6px;
}
.p-modal-contact__number-area__number {
	display: flex;
	justify-content: end;
	align-items: center;
	background: var(--primary-color);
	border-radius: 4px;
	margin-bottom: 18px;
	padding: 4px 18px 2px;
}
.p-modal-contact__number-area__number__text {
	color: var(--font-light-color);
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 4.2rem;
	 text-align: right;
    margin-bottom: 0;
} 
.p-modal-contact__number-area__number__text::before {
	content: "#";
	padding-right: 6px;
}

.p-modal-contact__number-area__number__copy,
p .p-modal-contact__number-area__number__copy {
	position: relative;
	background: #fff;
	border-radius: 30px;
	color: var(--primary-color);
	font-size: 1.2rem;
    line-height: 2rem;
	margin-left: 34px;
	margin-bottom: -6px !important;
	padding: 1px 20px 1px 44px;
}
.p-modal-contact__number-area__number__copy::before {
	position: absolute;
	content: "";
	top: calc(50% - 8px);
	left: 18px;
	width: 16px;
	height: 16px;
	background: url(images/icon/icon_copy.svg) no-repeat;
	background-size: contain;
}
ol.p-modal-contact__number-list {
	counter-reset: number;
	list-style: none; 
}
.p-modal-contact__number-list__item {
	position: relative;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 2.2rem;
	margin-bottom: 10px;
	padding-left: 28px;
}
.p-modal-contact__number-list__item::before {
	position: absolute;
	content: "";
	top: -2px;
	left: 0;
	width: 24px;
	height: 24px;
	background: var(--primary-color);
	border-radius: 50%;
}
.p-modal-contact__number-list__item::after {
	position: absolute;
	counter-increment: number; 
	content: counter(number);
	top: 3px;
	left: 0;
	width: 24px;
	height: 24px;
	color: var(--font-light-color);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4rem;
	text-align: center;
}
.p-modal-contact__number-list__item:last-child {
	margin-bottom: 0;
}
.p-modal-contact__content {
	display: flex;
	justify-content: space-between;
}
.p-modal-contact__content__text-area {
	width: 70%;
}
.p-modal-contact__content__text-area__title {
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2rem;
	margin-bottom: 50px;
}
.p-modal-contact___content__text-area__url a {
	color: var(--font-color);
	font-size: 2rem;
	font-weight: 600;
	line-height: 2.4rem;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: anywhere;   
}
.p-modal-contact___content__text-area__url a:hover {
	color: var(--font-color);
	text-decoration: none;
}
.p-modal-contact__content__code {
	border: 2px solid var(--arrow-color);
	width: 150px;
	height: 150px;
	margin-bottom: 18px;
}
.p-modal-contact__content__code__image {
	width: 146px;
	max-width: none;
	height: auto;
	object-fit: cover;
	word-break: normal;
}

/* layout | pc
--------------------------------------------- */
.l-wrapper {
	position: relative;
	padding-bottom: 560px;
}
.l-center {
	width: 1264px;
    margin: 0 auto;
	padding: 0;
}
.l-flex {
    display: flex;
}
.l-main {
	overflow-x: hidden;
	box-sizing: border-box;
}
.l-home {
	background: var(--background-color);
}
/* breadcrumb */
.p-breadcrumb {
	padding: 18px 88px;
}
.p-breadcrumb__list {
	display: flex;
	font-size: 1.4rem;
	line-height: 2rem;
}
.p-breadcrumb__list a {
	color: var(--font-color);
	text-decoration: underline;
	text-underline-offset: 2px;
	margin-right: 38px;
}
.p-breadcrumb__list a::after {
	content: '>';
	display: inline-block;
	color: var(--font-color);
	margin-left: 38px;
}
.p-breadcrumb__list a:hover {
	color: var(--font-color);
	text-decoration: none;
}
.p-breadcrumb__list a:hover::after {
	color: var(--font-color);
}

/* title-common | pc
--------------------------------------------- */
.p-title-area {
	margin-bottom: 16px;
}
.p-title-area--border {
	border-bottom: 1px solid var(--background-bright-color);
	padding: 2px;
	padding-bottom: 20px;
}
.p-title-area__title {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3rem;
}

/* button-common | pc
--------------------------------------------- */
.p-button-area {
	text-align: center;
	padding: 26px 0;
}
.p-button-area__link {
	display: inline-block;
	background: var(--accent-color);
	border-radius: 64px;
	padding: 12px 60px;
	transition: .3s;
}
.p-button-area__link:hover {
	background: var(--font-color);
}
.p-button-area__link__text {
	color: var(--font-light-color);
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2rem;
	margin-bottom: 0;
}
.p-button-area__link--line {
	border: 1px solid var(--accent-color);
	background: #fff;
}
.p-button-area__link--line .p-button-area__link__text {
	color: var(--accent-color);
}
.p-button-area__link--line:hover {
	background: var(--accent-color);
}
.p-button-area__link--line:hover .p-button-area__link__text {
	color: var(--font-light-color);
}
button,
input[type="button"],
input[type="submit"] {
	background-color: var(--accent-color);
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	font-size: 1.6rem;
	cursor: pointer;
	transition: background-color 0.3s;
}
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
    outline: none;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background-color: var(--arrow-color);
}
button:active,
input[type="button"]:active,
input[type="submit"]:active {
    background-color: var(--arrow-color);
}
select:focus {
    outline: 1px solid var(--background-bright-color);
}

/* Swiper | pc
--------------------------------------------- */
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
	position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 3rem;
    border: 2px solid var(--arrow-color);
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    margin: auto;
	z-index: 10;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
    transform: translate(-40%, -50%) rotate(-135deg);
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  	transform: translate(-60%, -50%) rotate(45deg);
}
/* Swiper本体の左右に余白を持たせ、前へ・次への矢印エリアを確保する */
.c-swip {
  padding: 0 40px;
  position: relative;
}
/* スワイパーカウントカスタマイズ */
.swiper-pagination.swiper-pagination--pr.swiper-pagination-fraction.swiper-pagination-horizontal,
.swiper-pagination.swiper-pagination--bonuses.swiper-pagination-fraction.swiper-pagination-horizontal,
.swiper-pagination.swiper-pagination--dormitory.swiper-pagination-fraction.swiper-pagination-horizontal,
.swiper-pagination.swiper-pagination--new-job.swiper-pagination-fraction.swiper-pagination-horizontal {
	bottom: -10px;
}
/* 影は内側のラッパで出すと表示される。.swiper-slideで影を出すと、overflow:hiddenで消える。解除すると5個目が見えるから、innerで対応お願いします */
.c-swip__swiper-slide-inner {
	height: 100%;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.25);
	padding: 16px 16px 8px;
	margin: 4px 4px 10px;	/* 影のためのマージン */
}
/* Swiper中の設定 */
.c-swip__swiper-slide-inner {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.c-swip__swiper-slide-inner:hover {
  transform: scale(1.01);
}
.c-swip__swiper-slide-inner__image {
	width: 100%;
	height: 160px;
	background: url(images/logo/logo_white.svg) no-repeat var(--background-bright-color);
	background-position: center;
	background-size: 50%;
	border-radius: 4px;
	margin-bottom: 16PX;
	overflow: hidden;
	position: relative;
}
.c-swip__swiper-slide-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-swip__swiper-slide-inner__image img:hover {
	opacity: 1;
}
.c-swip__swiper-slide-inner__text-area__title {
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2.4rem;
	height: 7.2rem;
	text-overflow: ellipsis;
  	-webkit-line-clamp: 3;  
	overflow: hidden;
	margin-bottom: 14px;
}
.c-swip__swiper-slide-inner__text-area__area {
	position: relative;
	font-size: 1.7rem;
	line-height: 2rem;
	margin-bottom: 14px;
	padding-left: 24px;
}
.c-swip__swiper-slide-inner__text-area__area::before {
	position: absolute;
	content: "";
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(images/icon/icon_map.svg) no-repeat;
	background-size: contain;
}
.c-swip__swiper-slide-inner__text-area__paying {
	color: var(--accent-color);
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2rem;
	margin-bottom: 14px;
}
.c-swip__swiper-slide-inner__text-area__tag-area {
	display: flex;
	flex-wrap: wrap;
}
.c-swip__swiper-slide-inner__text-area__tag-area__tag {
	border: 1px solid var(--font-color);
	border-radius: 12px;
	font-size: 1.4rem;
	line-height: 140%;
	margin-right: 10px;
	margin-bottom: 8px;
	padding: 2px 10px 1px;
}

.c-swip .swiper-slide{
	height: auto;
	padding-bottom: 10px; /* 内側のマージン分を確保 */
}

/* header | pc
--------------------------------------------- */
#l-headbox {
	background: #fff;
	border-bottom: 3px solid var(--primary-color);
	box-sizing: border-box;
	padding: 28px 88px;
}
.p-header {
	display: flex;
	align-items: center;
}
/* Header-left */
.p-header__logo {
	margin-right: auto;
}
.p-header__logo__link {
	display: block;
}
.p-header__logo__link__symbol {
	width: 172px;
	height: auto;
}
/* Header-center */
.p-header__menu {
	position: relative;
	overflow: visible;
	padding-right: 3rem;
	order: 1;
}
/* Global-navi */
.p-header__menu__nav-area__nav {
	position: relative;
	line-height: 0;
}
.p-header__menu__nav-area__nav__list {
	justify-content: end;
	align-items: center;
	flex-wrap: wrap;
}
.p-header__menu__nav-area__nav__list__item {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 0;
	margin-right: 32px;
}
.p-header__menu__nav-area__nav__list__item a {
	transition: .3s;
}
.p-header__menu__nav-area__nav__list__item a:hover {
	color: var(--primary-color);
}
.p-header__menu__nav-area__nav__list__item.p-dropdown {
	text-align: right;
	margin-right: 0;
}

.p-header__menu__nav-area__nav__list__item.p-dropdown::before {
	position: absolute;
	content: "";
	top: calc(50% - 0.6rem);
    right: -18px;
    width: 1.2rem;
    height: 1.2rem;
	border: 2px solid var(--font-color);
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(135deg);
}
.p-dropdown {
	position: relative;
	padding: 1.5rem 0; 
}
.p-dropdown > a {
	display: inline-block; 
}
.p-dropdown__list {
	position: absolute;
	top: 100%; 
	right: -2rem;
	z-index: 100;
	display: none;
	background: #fff;
	border: 1px solid var(--background-bright-color);
	border-radius: 6px;
	text-align: left;
	line-height: 130%;
	width:180px;
}
.p-dropdown__list__item a {
	display: block;
	min-width: 12rem;
    max-width: 20rem;
	padding: 6px 8px;
	transition: .3s;
}
.p-dropdown__list__item a:hover {
	background: var(--background-strong-color);
	color: var(--font-color);
}
.p-dropdown:hover .p-dropdown__list {
	display: block;
}
/* Header-right */
.p-header__right {
	display: flex;
	justify-content: end;
	align-items: center;
	font-size: 1.5rem;
	font-weight: 700;
	margin-left: 60px;
	order: 2;
}
.p-header__right p {
	margin-bottom: 0;
}
/* lang dialog */
.p-modal-contact__lang{
	text-align: center;
}
.p-modal-contact__lang__item {
	display: block;
	width: 444px;
	margin: 0 auto 8px auto;;
	border: 1px solid var(--background-bright-color);
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 2px 16px 2px 66px;
}
.p-header__right__dialog {
	margin-right: 35px;
}
.p-modal-contact__lang__item a,
.p-modal-contact__lang__item a:hover,
.p-modal-contact__lang__item a:visited {
	color: var(--font-color);
	text-decoration: none;
	transition: .3s;
}
.p-modal-contact__lang__item:hover {
	background: var(--background-strong-color);
}

.p-header__right__dialog .gtranslate_wrapper * {
	font-size: 1.5rem !important;
}
.p-header__right__dialog .gtranslate_wrapper .gt_switcher-popup > span:last-of-type {
	display: none;
}
.p-header__right__dialog .gtranslate_wrapper img {
	border: 1px solid var(--background-bright-color);
	border-radius: 4px;
    box-sizing: border-box;
	width: 26px;
}
/* Entry-Button */
.p-header__right__entry {
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, var(--accent-color), var(--primary-color));
	border: none;
	border-radius: 4px;
	color: var(--font-light-color);
	padding: 12px 38px 10px;
	transition: color 0.3s ease;
	z-index: 1;
}
.p-header__right__entry::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: var(--accent-color);
	transition: transform 0.4s ease;
	transform: translateX(0);
	z-index: 0;
}
.p-header__right__entry:hover::before {
	transform: translateX(100%);
}
.p-header__right__entry__text {
	position: relative;
	z-index: 1;
}

/* footer | pc
--------------------------------------------- */
.p-footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: var(--font-color);
	color: var(--font-light-color);
	padding: 80px 0 30px;
}
.p-footer__text-area__logo {
	margin-bottom: 46px;
}
.p-footer__text-area__logo__link img {
	width: 324px;
	height: 50px;
	object-fit: contain;
}
/* Footer Menu */
.p-footer__text-area__menu {
	display: flex;
	margin-bottom: 80px;
}
.p-footer__text-area__menu__list {
	margin-right: 80px;
}
.p-footer__text-area__menu__list__item {
	font-size: 1.4rem;
	line-height: 2.6rem;
}
.p-footer__text-area__menu__list__item a {
	position: relative;
	display: inline-block;
}
.p-footer__text-area__menu__list__item a::before {
	position: absolute;
	content: "";
	bottom: 3px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	transition: .3s;
	opacity: 0;
}
.p-footer__text-area__menu__list__item a:hover::before {
	opacity: 1;
}
.p-footer__text-area__menu__list__item.u-footer-title {
	color: var(--primary-color);
	font-size: 1.7rem;
	line-height: 2.4rem;
	margin-bottom: 10px;
}
/* Sns link */
.p-footer__text-area__sns {
	align-items: center;
	margin-bottom: 24px;
}
.p-footer__text-area__sns__title {
	border-right: 1px solid var(--font-light-color);
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 3.5rem;
	padding-top: 1px;
	padding-right: 30px;
	box-sizing: border-box;
}
.p-footer__text-area__sns__list {
	padding-left: 20px;
	display: flex;
}
.p-footer__text-area__sns__list__item {
	width: 34px;
	height: 34px;
	margin: 0 10px;
}
.p-footer__text-area__sns__list__item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* Note */
.p-footer__note-area p {
	margin-bottom: 0;
}
.p-footer__note-area__corporate a {
	position: relative;
	color: var(--font-light-color);
	font-size: 1.4rem;
	line-height: 1.8rem;
	text-decoration: none;
	transition: .3s;
}
.p-footer__note-area__corporate a::after {
	position: absolute;
	content: "";
	top: -3px;
	right: -20px;
	width: 16px;
	height: 16px;
	background: url(images/icon/icon_arrow-up-right.svg) no-repeat;
}
.p-footer__note-area__corporate a:visited {
	color: var(--font-light-color);
}
.p-footer__note-area__corporate a:hover {
	color: var(--font-light-color);
	opacity: 0.8;
}
.p-footer__note-area__copyright {
	color: var(--background-bright-color);
	font-size: 1.2rem;
	line-height: 1.8rem;
	letter-spacing: 1px;
}

/* home | pc
--------------------------------------------- */
.p-site-header {
	width: 100%;
	height: auto;
	background: url(images/top_main.jpg) no-repeat;
	background-position: center top -120px;
	background-size: 110%;
	padding: 230px 88px 80px;
}
.p-site-header__text-area {
	text-align: right;
	margin-bottom: 38px;
}
.p-site-header__text-area__title {
	display: inline-block;
	color: var(--font-light-color);
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 7rem;
}
.p-site-header__text-area__title span {
	background: var(--primary-color);
	padding: 12px 50px;
}
/* cearch-box */
.p-site-header__cearch {
	text-align: right;
	margin-right: 90px;
}
.p-site-header__cearch__box {
	display: inline-block;
	background: #F4F4F4;
	border-radius: 8px;
	font-size: 1.4rem;
	line-height: 2.4rem;
	text-align: left;
	padding: 20px 30px;
}
.p-site-header__cearch__box__text {
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin-bottom: 12px;
}
.p-site-header__cearch__box__dropdown {
	position: relative;
	display: block;
	width: 300px;
	min-width: 300px;
	background: #fff;
	margin-bottom: 16px;
}
.p-site-header__cearch__box__dropdown::after {
	position: absolute;
    content: "";
    top: calc(50% - 0.6rem);
    right: 16px;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid var(--font-color);
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
	pointer-events: none;
}
.p-site-header__cearch__box__dropdown__link {
	display: block;
	width: 300px;
	min-width: 300px;
	border: 1px solid var(--background-bright-color);
	border-radius: 4px;
	padding: 8px 15px;
}
.p-site-header__cearch__box__dropdown__link__list {
	position: absolute;
	display: none;
	top: 100%; 
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid var(--background-bright-color);
	border-radius: 6px;
	text-align: left;
	line-height: 130%;
	z-index: 100;
}
.p-site-header__cearch__box__dropdown__link__item a {
	display: block;
	min-width: 100%;
    max-width: 20rem;
	padding: 6px 8px;
	transition: .3s;
}
.p-site-header__cearch__box__dropdown__link__item a:hover {
	background: var(--background-strong-color);
	color: var(--font-color);
}
.p-site-header__cearch__box__dropdown:hover .p-site-header__cearch__box__dropdown__link__list {
	display: block;
}
.p-site-header__cearch__box__button {
	position: relative;
	display: block;
	overflow: hidden;
	width: 80%;
	background: linear-gradient(90deg, var(--accent-color), var(--primary-color));
	border-radius: 4px;
	color: var(--font-light-color);
	text-align: center;
	margin: 0 auto;
	padding: 18px 20px 16px 40px;
	transition: color 0.3s ease;
	z-index: 1;
}
.p-site-header__cearch__box__button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: var(--accent-color);
	transition: transform 0.4s ease;
	transform: translateX(0);
	z-index: 0;
}
.p-site-header__cearch__box__button:hover::before {
	transform: translateX(100%);
}
.p-site-header__cearch__box__button__text {
	position: relative;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.4rem;
	margin-bottom: 0;
	z-index: 1;
}
.p-site-header__cearch__box__button__text::before {
	position: absolute;
	content: "";
	top: 0;
	left: -20px;
	width: 16px;
	height: 16px;
	background: url(images/icon/icon_search.svg) no-repeat;
	background-size: contain;
}
/* news */
.p-top-news {
	background: var(--primary-color);
	padding: 16px;
}
.p-top-news__list__item {
	color: var(--font-light-color);
}
.p-top-news__list__item:hover .p-top-news__list__item__link__title {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.p-top-news__list__item__link {
	font-size: 1.4rem;
	line-height: 3rem;
	font-weight: bold;
}
.p-top-news__list__item__link__time {
	padding-right: 20px;
}
.p-top-news__list__item__link__title {
	margin-bottom: 0;
}

/* conversion button */
.p-conversion-area {
	text-align: center;
	padding: 40px 0;
}
.p-conversion-area__button {
	position: relative;
	display: inline-block;
	background: linear-gradient(90deg, var(--entry-button-color), var(--entry-button-bright-color));
	border-radius: 64px;
	box-shadow: 0px 10px 4px -6px rgba(0, 0, 0, 0.3);
	color: var(--font-light-color);
	padding: 20px 38px;
	overflow: hidden;
	transition: color 0.3s ease;
	z-index: 1;
}
.p-conversion-area__button::before {
	position: absolute;
	content: "";
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: var(--entry-button-color);
	transition: transform 0.4s ease;
	transform: translateX(0);
	z-index: -1;
}
.p-conversion-area__button:hover::before {
	transform: translateX(100%);
}
.p.p-conversion-area__button {
	position: relative;
}
.p-conversion-area__button__text {
	font-size: 3.4rem;
	font-weight: 600;
	line-height: 3.4rem;
	margin-bottom: 0;
	z-index: 2;
}
.p-conversion-area__button__text__white-box {
	background: #fff;
	color: var(--entry-button-color);
	font-size: 2.8rem;
	padding: 5px 20px;
}
.p-conversion-area__button__text__change-color {
	color: #FCF952;
}

/* conditions button */
.p-top-conditions {
	padding: 0 0 20px;
}
.p-top-conditions__link {
	display: flex;
	justify-content: space-between;
	gap: 18px;
}
.p-top-conditions__link__list {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #fff;
	border: 1px solid var(--primary-color);
	border-radius: 4px;
	box-shadow: 0px 8px 4px -6px rgba(0, 0, 0, 0.3);
	text-align: center;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.3s ease;
}
.p-top-conditions__link__list:hover {
	background: rgba(237, 191, 0, 0.1);
	transform: translateY(4px);
	box-shadow: 0px 4px 0px -6px rgba(0, 0, 0, 0); 
}
.p-top-conditions__link__list:hover .p-top-conditions__link__list__text {
	color: #f9ebb2;
}
.p-top-conditions__link__list p {
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.7rem;
	margin-bottom: 0;
	padding: 16px 0;
}
.p-top-conditions__link__list__title {
	color: var(--accent-color);
	flex: 1;
}
.p-top-conditions__link__list__text {
	background: var(--primary-color);
	color: var(--font-light-color);
}

/* popular job */
.p-top-popular-job {
	padding: 40px 0 30px;
}
/*  bonuses job */
.p-top-bonuses-job {
	padding: 0 0 30px;
}
/*  dormitory job */
.p-top-dormitory-job {
	padding: 0 0 80px;
}

/* cta */
.p-top-cta {
	background: linear-gradient(var(--background-gradation-color), var(--background-gradation-bright-color));
	padding: 48px 0 78px;
}
.p-top-cta__text-area {
	position: relative;
	width: 700px;
	color: var(--font-light-color);
	text-align: center;
	margin: 0 auto;
}
.p-top-cta--left .p-top-cta__text-area::before {
	position: absolute;
	content: "";
	bottom: -78px;
	left: -300px;
	width: 300px;
	height: 420px;
	background: url(images/girl01.png) no-repeat;
	background-size: contain;
	background-position: center bottom;
}
.p-top-cta--right .p-top-cta__text-area::before {
	position: absolute;
	content: "";
	bottom: -78px;
	right: -300px;
	width: 300px;
	height: 420px;
	background: url(images/girl02.png) no-repeat;
	background-size: contain;
	background-position: center bottom;
}
.p-top-cta__text-area__text {
	font-size: 2rem;
	font-weight: 600;
	line-height: 2.8rem;
	margin-bottom: 28px;
}
.p-top-cta__text-area__text p {
	margin-bottom: 0;
}
.p-top-cta__text-area__title {
	display: block;
	border: 1px solid var(--font-light-color);
	font-size: 3rem;
	font-weight: 600;
	line-height: 130%;
	margin-bottom: 56px;
	padding: 20px;
}
.p-top-cta__text-area__cv-area {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.p-top-cta__text-area__cv-area__item {
	flex-basis: 48%;
	background: #fff;
	border-radius: 50px;
	margin-bottom: 15px;
	transition: .3s;
}
.p-top-cta__text-area__cv-area__item:hover {
	cursor: pointer;
	background: var(--background-bright-color);
}
.p-top-cta__text-area__cv-area__item:hover .p-top-cta__text-area__cv-area__item__text::before {
	opacity: 0.5;
} 
.p-top-cta__text-area__cv-area__item__text {
	position: relative;
	color: var(--font-color);
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 140%;
	text-align: left;
	margin-bottom: 0;
	padding: 8px 15px 8px 100px;
}
.p-top-cta__text-area__cv-area__item__text::before {
	position: absolute;
	content: "";
	top: calc(50% - 11px);
	left: 45px;
	width: 22px;
	height: 22px;
}
.u-messenger.p-top-cta__text-area__cv-area__item__text::before {
	background: url(images/icon/icon_Messenger.svg) no-repeat;
	background-size: contain;
	background-position: center;
}
.u-whats-app.p-top-cta__text-area__cv-area__item__text::before {
	top: calc(50% - 15px);
	width: 30px;
	height: 30px;
	background: url(images/icon/icon_whatsapp.svg) no-repeat;
	background-size: contain;
	background-position: center;
}
.u-mail.p-top-cta__text-area__cv-area__item__text::before {
	background: url(images/icon/icon_mail.svg) no-repeat;
	background-size: contain;
	background-position: center;
}
.u-phone.p-top-cta__text-area__cv-area__item__text::before {
	left: 50px;
	background: url(images/icon/icon_tel.svg) no-repeat;
	background-size: contain;
	background-position: center;
}

/* 3step */
.p-top-step {
	background: url(images/top_img02.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
	text-align: left;
	padding: 60px 0;
}
.p-top-step__title-area__title {
	display: inline-block;
    color: var(--font-light-color);
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 7rem;
	margin-bottom: 40px;
}
.p-top-step__title-area__title span {
	background: var(--primary-color);
    padding: 12px 50px;
}
.p-top-step__box {
	width: 30%;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.25);
}
.p-top-step__box__title-area {
	background: #F4FAFD;
	border-radius: 8px 8px 0 0;
	padding: 18px 60px;
}
.p-top-step__box__title-area-title {
	position: relative;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2.4rem;
}
.p-top-step__box__title-area-title::before {
	position: absolute;
	content: "";
	top: 0;
	left: -34px;
	width: 24px;
	height: 24px;
	background: url(images/icon/icon_check-circle.svg) no-repeat;
	background-size: contain;
}
.p-top-step__box__list {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	padding: 30px 28px;
}
.p-top-step__box__list__item {
	position: relative;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2.4rem;
	margin-bottom: 18px;
	padding-left: 38px;
}
.p-top-step__box__list__item:last-child {
	margin-bottom: 0;
}
.p-top-step__box__list__item::before {
	position: absolute;
	content: counter(my-counter);
 	counter-increment: my-counter;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: var(--accent-color);
	border-radius: 50%;
	color: var(--font-light-color);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2.6rem;
	text-align: center;
}
/* new job */
.p-top-new-job {
	padding: 80px 0;
}
.swiper--new-job { 
	overflow: visible;
}
.swiper--new-job .swiper-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 10px;
}
.swiper--new-job .swiper-slide {
	flex: 0 0 calc(25% - 12px); 
	max-width: calc(25% - 12px);
	height: auto;	/* 高さ自動調整 */
}
.swiper--new-job .c-swip__swiper-slide-inner {
	border: 1px solid var(--background-bright-color);
	box-shadow: unset;
	margin: 0;
	padding: 0;
}
.swiper--new-job .c-swip__swiper-slide-inner:hover {
	transform: unset;
}
.swiper--new-job .c-swip__swiper-slide-inner__image {
	height: 200px;
	border-radius: 4px 4px 0 0;
}
.swiper--new-job .c-swip__swiper-slide-inner__text-area {
	padding: 0 12px 16px;
}
.swiper--new-job .c-swip__swiper-slide-inner__text-area__tag-area {
	display: block;
}
.c-swip__swiper-slide-inner__text-area__tag-area__text {
	position: relative;
	font-size: 1.4rem;
	line-height: 130%;
	margin-top: 6px;
	padding-left: 26px;
}
.c-swip__swiper-slide-inner__text-area__tag-area__text::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	top: 1px;
	left: 0;
}
.c-swip__swiper-slide-inner__text-area__tag-area__text.u-icon-jpb::before {
	background: url(images/icon/icon_bag.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.c-swip__swiper-slide-inner__text-area__tag-area__text.u-icon-paying::before {
	background: url(images/icon/icon_yen.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.c-swip__swiper-slide-inner__text-area__tag-area__text.u-icon-map::before {
	background: url(images/icon/icon_map.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.c-swip__swiper-slide-inner__text-area__tag-area__text.u-icon-level::before {
	background: url(images/icon/icon_chat.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.swiper--new-job .swiper-slide:hover .c-swip__swiper-slide-inner__image {
	overflow: hidden;
}
.swiper--new-job .swiper-slide:hover .c-swip__swiper-slide-inner__image img {
	transform: scale(1.05);
}
.swiper--new-job .swiper-slide:hover .c-swip__swiper-slide-inner {
	outline: 2px solid var(--background-bright-color);
}

/* information */
.p-top-information {
	background: #fff;
	padding: 80px 0;
}
.p-top-information__list {
	justify-content: space-between;
	margin-bottom: 10px;
}
.p-top-information__list__item {
	width: 32.5%;
	border: 1px solid var(--background-bright-color);
	border-radius: 8px;
}
.p-top-information__list__item__link {
	display: block;
}
.p-top-information__list__item__link:hover {
	opacity: 0.8;
}
.p-top-information__list__item__link__image {
	width: 100%;
	height: 230px;
	border-radius: 8px 8px 0 0;
	background: url(images/logo/logo_white.svg) no-repeat var(--background-bright-color);
	background-position: center;
	background-size: 50%;
	overflow: hidden;
}
.p-top-information__list__item__link__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-top-information__list__item__link__image img:hover {
	opacity: 1;
}
.p-top-information__list__item__link__text-area {
	padding: 18px 16px 12px;
}
.p-top-information__list__item__link__text-area__title {
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2.4rem;
	height: 48px;
	margin-bottom: 38px;
}
.p-top-information__list__item__link__text-area__time {
	font-size: 1.2rem;
	line-height: 1.2rem;
}

/* explanation */
.p-top-explanation {
	position: relative;
	background: url(images/top_img03.jpg) no-repeat;
	background-position: center 47%;
	background-size: cover;
	padding: 130px 0 100px;
}
.p-top-explanation::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}
.p-top-explanation__text-area {
	position: relative;
	padding-right: 500px;
	z-index: 1
}
.p-top-explanation__text-area__logo {
	width: 286px;
	height: 45px;
	margin-bottom: 30px;
}
.p-top-explanation__text-area__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.p-top-explanation__text-area__title {
	color: var(--font-light-color);
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 140%;
	margin-bottom: 30px;
}
.p-top-explanation__text-area__text {
	color: var(--font-light-color);
	font-size: 1.7rem;
	font-weight: 600;
	text-align: justify;
}

/* explanation */
.p-top-cta-list {
	background: var(--primary-color);
	padding: 100px 0;
}
.p-top-cta-list__title {
	color: var(--font-light-color);
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 140%;
	text-align: center;
	margin-bottom: 38px;
}
.p-top-cta-list__cv-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}
.p-top-cta-list__cv-area__item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 190px;
	height: 190px;
	background: #fff;
	border-radius: 8px;
	padding: 8px;
	transition: .3s;
}
.p-top-cta-list__cv-area__item img:hover {
	opacity: 1;
}
.p-top-cta-list__cv-area__item:hover {
	opacity: 0.9;
}
.p-top-cta-list__cv-area__item img {
	flex-basis: 80%;
}
.p-top-cta-list__cv-area__item__text {
	flex-basis: 20%;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 140%;
	text-align: center;
	margin-bottom: 0;
}
.p-top-cta-list__cv-area__item__Messenger {
	width: 62%;
    height: 100%;
	object-fit: contain;
	margin-bottom: 10px;
}
.p-top-cta-list__cv-area__item__whatsapp {
	width: 75%;
	height: 100%;
	object-fit: contain;
	margin-bottom: 10px;
}
.p-top-cta-list__cv-area__item__mail {
	width: 50%;
	height: 100%;
	object-fit: contain;
	margin-bottom: 10px;
}
.p-top-cta-list__cv-area__item__tel {
	width: 50%;
	height: 100%;
	object-fit: contain;
	margin-bottom: 10px;
}

/* faq */
.p-top-faq {
	background: #fff;
	padding: 80px 0;
}
.p-top-faq__title {
	color: var(--accent-color);
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 140%;
	text-align: center;
	margin-bottom: 38px;
}
.p-top-faq__item {
	background: var(--background-strong-color);
	border-radius: 8px;
	margin-bottom: 24px;
	padding: 36px 28px 34px;
}
.p-top-faq__item__question {
	border-bottom: 1px solid var(--primary-color);
	padding-bottom: 28px;
	margin-bottom: 28px;
}
.p-top-faq__item__question__title {
	position: relative;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 140%;
	margin-bottom: 0;
	padding-left: 36px;
}
.p-top-faq__item__question__title::before {
	position: absolute;
	content: "Q.";
	top: 0;
	left: 2px;
}
.p-top-faq__item__answer__title {
	position: relative;
	color: var(--accent-color);
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 140%;
	margin-bottom: 20px;
	padding-left: 36px;
}
.p-top-faq__item__answer__title::before {
	position: absolute;
	content: "A.";
	top: 0;
	left: 4px;
}
.p-top-faq__item__answer__text {
	font-size: 1.7rem;
	line-height: 2.4rem;
	margin-bottom: 0;
	padding-left: 36px;
}

/* lower page | pc
--------------------------------------------- */
/* job-search | pc
--------------------------------------------- */
.p-job-search {
	padding: 66px 0;
}
.p-job-search__note {
	background: var(--background-color);
	margin-bottom: 32px;
	padding: 16px 18px 12px;
}
.p-job-search__note p {
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-bottom: 0;
}
.u-big-numbers {
	font-size: 2.4rem;
	font-weight: 600;
	margin: 0 2px;
}
.p-job-search__terms {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 32px;
}
.p-job-search__terms__title {
	margin-right: 2.4rem;
	margin-bottom: 0;
	padding: 4px 0;
}
.p-job-search__terms__list {
	display: flex;
	flex-wrap: wrap;
}
.p-job-search__terms__list__item {
	background: var(--background-bright-color);
	border-radius: 4px;
	margin-right: 18px;
	padding: 4px 16px;
}
/* search-area */
.p-job-search__search-area {
	border: 1px solid var(--background-bright-color);
	border-radius: 8px;
	margin-bottom: 64px;
	padding: 24px 20px;
}
button.p-job-search__search-area__button {
	position: relative;
	display: block;
    background: var(--primary-color) !important;
	border: none;
    border-radius: 4px;
	color: var(--font-light-color);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2rem;
	text-align: center;
	margin: 0 auto 30px;
    padding: 10px 100px 10px 120px;
	transition: .3s;
}
button.p-job-search__search-area__button:hover {
	background: var(--accent-color) !important;
}
button.p-job-search__search-area__button::before {
	position: absolute;
	content: "";
	top: 12px;
    left: 96px;
    width: 16px;
    height: 16px;
    background: url(images/icon/icon_search.svg) no-repeat;
    background-size: contain;
}
/* search-form */
.p-job-search__search-area__form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0 30px;
}
.p-job-search__search-area__form__item {
	position: relative;
	width: 32.5%;
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 18px;
}
.p-job-search__search-area__form__item::before {
	position: absolute;
	content: "";
	top: calc(50% - 0.8rem);
    left: 18px;
	width: 1.6rem;
	height: 1.6rem;
}
.p-job-search__search-area__form__item.u-level::before {
	background: url(images/icon/icon_chat.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.p-job-search__search-area__form__item.u-paying::before {
	background: url(images/icon/icon_yen.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.p-job-search__search-area__form__item.u-type::before {
	background: url(images/icon/icon_vector.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.p-job-search__search-area__form__item.u-bonus::before {
	background: url(images/icon/icon_cash-stack.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.p-job-search__search-area__form__item.u-dormitory::before {
	background: url(images/icon/icon_house.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.p-job-search__search-area__form__item.u-requirements::before {
	background: url(images/icon/icon_card.svg) no-repeat;
	background-position: center;
	background-size: contain;
}
.p-job-search__search-area__form__item::after {
	position: absolute;
    content: "";
    top: calc(50% - 0.5rem);
    right: 18px;
    width: 1rem;
    height: 1rem;
    border: 1px solid var(--font-color);
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}
.p-job-search__search-area__form__item__select {
	width: 100%;
	border: 1px solid var(--background-bright-color) !important;
	border-radius: 4px;
	padding: 16px 40px;
}
/* search-result */
.p-job-search__search-result__list {
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 38px;
}
.p-job-search__search-result__list::before {
	content: "";
	display: block;
	width: 24%;
	height: 0;
	order: 1;
}
.p-job-search__search-result__list::after {
	content: "";
	display: block;
	width: 24%;
	height: 0;
}
.p-job-search__search-result__list__item.c-result {
	flex-basis: 24%;
	background: #fff;
	border: 1px solid var(--background-bright-color);
	border-radius: 4px;
    box-shadow: unset;
    margin: 0 0 30px;
    padding: 0;
}
.c-result:hover {
	background: var(--background-color);
	outline: 2px solid var(--background-bright-color);
}
.c-result__link {
	position: relative;
	display: block;
}
.c-result__link__top__image {
	width: 100%;
	height: 200px;
	background: url(images/logo/logo_white.svg) no-repeat var(--background-bright-color);
    background-position: center;
    background-size: 50%;
    border-radius: 4px 4px 0 0;
	margin-bottom: 16PX;
    overflow: hidden;
}
.c-result__link__top__image img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.c-result__link__top__image img:hover {
	opacity: 1;
}
.u-public-relations {
	position: absolute;
	top: 14px;
	left: 12px;
	display: inline-block;
	background: var(--primary-color);
	color: var(--font-light-color);
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 5px 10px 6px;
}
.c-result__link__top__title {
	font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: 14px;
	padding: 0 12px;
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;  
}
.c-result__link__text-area {
	padding: 0 12px 16px;
}
.c-result__link__text-area__tag-area__text {
    position: relative;
    font-size: 1.4rem;
    line-height: 130%;
    margin-top: 6px;
    padding-left: 26px;
}
.c-result__link__text-area__tag-area__text::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 1px;
    left: 0;
}
.c-result__link__text-area__tag-area__text.u-icon-jpb::before {
    background: url(images/icon/icon_bag.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.c-result__link__text-area__tag-area__text.u-icon-paying::before {
    background: url(images/icon/icon_yen.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.c-result__link__text-area__tag-area__text.u-icon-map::before {
    background: url(images/icon/icon_map.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.c-result__link__text-area__tag-area__text.u-icon-level::before {
    background: url(images/icon/icon_chat.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.c-result__link__text-area__list {
	display: inline-block;
	color: var(--primary-color);
	font-size: 1.4rem;
    line-height: 140%;
    margin-top: 10px;
	margin-bottom: 0;
}
.c-result__link__text-area__list__item {
	margin-right: 8px;
}
.p-job-search__search-result__note {
	font-size: 1.4rem;
	line-height: 2.4rem;
}

/* pagination */
.p-pagination {
	text-align: center;
	font-size: 1.4rem !important;
	line-height: 1.4rem;
}
select.p-pagination__select-box {
	border: 1px solid var(--arrow-color) !important;
	margin: 0 16px 0 24px;
	padding: 4px 24px;
}
.p-pagination__select-box:focus {
	outline: none;
}
.p-pagination__all {
	margin: 0 30px 0 18px;
}
.p-pagination__prev,
.p-pagination__next {
	color: var(--arrow-color);
}
a.p-pagination__prev,
a.p-pagination__next {
	color: var(--font-color);
}

/* job-search-post | pc
--------------------------------------------- */
/* post common */
.l-post {
	width: 960px;
	overflow-x: hidden;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 20px 0 66px;
}
.p-post__header__title-area {
	border-bottom: 1px solid var(--background-bright-color);
	margin-bottom: 16px;
	padding-bottom: 18px;
}
.p-post__header__title-area__title {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 3.2rem;
}
.p-post__header__title-area__title .u-icon-pr {
	position: relative;
	padding-left: 48px;
}
.p-post__header__title-area__title .u-icon-pr::before {
	position: absolute;
	content: "PR";
	top: 1px;
	left: 0;
	display: inline-block;
    background: var(--primary-color);
    color: var(--font-light-color);
    font-size: 1.2rem;
    line-height: 1.2rem;
	text-indent: 0;
    padding: 5px 10px 6px;
}
.p-post__text-area {
	font-size: 1.7rem;
	line-height: 2.6rem;
	margin-bottom: 10px;
}
.p-post__text-area h2 {
	font-size: 2.4rem;
	font-weight: 600;
	margin: 34px auto 28px;
	padding-top: 42px;
}
.p-post__text-area--job h2 {
	border-top: 1px solid var(--background-bright-color);
}
.p-post__text-area--job h2:first-child {
	border: none;
}
.p-post__text-area h3 {
	border-top: 2px solid var(--background-bright-color);
	border-bottom: 2px solid var(--background-bright-color);
	font-size: 2rem;
	font-weight: 600;
	margin: 40px auto 28px;
	padding: 20px 0;
}
.p-post__text-area h4 {
	background: var(--background-bright-color);
	font-size: 1.8rem;
	font-weight: 600;
	margin: 40px auto 20px;
	padding: 10px;
}
.p-post-aside__title {
	border-bottom: 1px solid var(--background-bright-color);
	font-size: 2.4rem;
	font-weight: 600;
	margin: 34px auto 24px;
	padding-bottom: 18px;
}
.l-column .p-post-aside .p-post-aside__title {
	padding-bottom: 0;
}
.p-post__text-area p,
.p-post__text-area div {
	font-size: 1.7rem;
	line-height: 2.6rem;
	margin-bottom: 8px;
}
.u-font-accent {
	color: var(--accent-color);
}
.p-post__text-area ul{
	margin: 40px 0;
}
.p-post__text-area ol {
	counter-reset: number;
	list-style: none;
	margin: 40px 0;
}
.p-post__text-area li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 20px;
}
.p-post__text-area ul li::before {
	position: absolute;
	content: "";
	top: 9px;
	left: 5px;
	width: 8px;
	height: 8px;
	background: var(--font-color);
	border-radius: 50%;
}
.p-post__text-area ol li::before {
	position: absolute;
	content: "";
	top: 4px;
	left: 0;
	width: 17px;
	height: 17px;
	background: var(--font-color);
	border-radius: 50%;
}
.p-post__text-area ol li::after {
	position: absolute;
	counter-increment: number;
  	content: counter(number);
	top: 4px;
	left: 0;
	width: 17px;
	height: 17px;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 600;
	text-align: center;
	line-height: 1.7rem;
    letter-spacing: -1px;
}
.p-post__text-area .u-font-accent li::before {
	background: var(--accent-color);
}
.p-post__text-area div img,
.p-post__text-area div p {
	display: block;
	max-width: 60%;
	max-height: 60vh;
	height: auto;
	object-fit: contain;
	margin: 30px auto 40px;
}
.p-post__text-area figure {
	text-align: center;
	margin: 30px auto 40px;
}
.p-post__text-area figure img {
	display: block;
	max-width: 60%;
	max-height: 60vh;
	height: auto;
	margin: 0 auto 6px;
}
.p-post__text-area figure figcaption {
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.p-post__text-area .u-scroll {
	margin: 40px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.p-post__text-area .u-scroll table {
	width: 100%;
	min-width: 800px;
	margin: 0 0 8px;
	word-break: break-word; 
}
.p-post__text-area table {
	width: 100%;
	table-layout: fixed;
	border: 2px solid var(--background-bright-color);
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin: 40px 0;
	word-break: break-word; 
}
.p-post__text-area table th {
	background: var(--background-bright-color);
	border: 1px solid var(--font-light-color);
	text-align: center;
	padding: 8px 18px;
}
.p-post__text-area table td {
	border: 1px solid var(--background-bright-color);
	padding: 8px 18px;
}
.p-post__text-area blockquote {
	position: relative;
	display: block;
	background: var(--background-color);
	border: 1px solid var(--primary-color);
	border-radius: 8px;
	padding: 60px 50px 30px;
	overflow: hidden;
	margin-bottom: 8px;
}
.p-post__text-area blockquote::before {
	position: absolute;
	content: " “ ";
	top: 42px;
    left: 10px;
	color: var(--primary-color);
	font-size: 10rem;
	font-family: serif;
}
.p-post__text-area blockquote a {
	font-style: italic;
}
.l-post .p-title-area--border {
	margin-bottom: 5px;
}
.p-post__thumbnail {
	margin-bottom: 50px;
}
.p-post__thumbnail img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.p-post__time {
	margin-bottom: 20px;
}
.p-post__time__text {
	font-size: 1.4rem;
	line-height: 1.4rem;
}

/* share-button */
.p-post-item-area {
	display: flex;
	justify-content: end;
	margin-bottom: 18px;
}
.p-post-item-area__item {
	margin-left: 12px;
}
.p-post-item-area__item a {
	position: relative;
	display: block;
	border: 1px solid var(--background-bright-color);
	border-radius: 30px;
	font-size: 1.2rem;
	line-height: 2.4rem;
	padding: 0 18px 0 44px;
	transition: .3s;
}
.p-post-item-area__item a:hover {
	background: var(--background-bright-color);
}
.p-post-item-area__item.u-icon-share a::before {
	position: absolute;
	content: "";
	top: 4px;
    left: 16px;
	width: 16px;
	height: 16px;
	background: url(images/icon/icon_share.svg) no-repeat;
	background-size: contain;
} 
.p-post-item-area__item.u-icon-download a::before {
	position: absolute;
	content: "";
	top: 3px;
    left: 16px;
	width: 16px;
	height: 16px;
	background: url(images/icon/icon_arrow-up.svg) no-repeat;
	background-size: contain;
} 
/* tag-area */
.p-post__header__tag-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.p-post__header__tag-list__item {
	margin-right: 16px;
}
.p-post__header__tag-list__item__link {
	background: var(--background-bright-color);
	border-radius: 4px;
	font-size: 1.4rem;
	line-height: 140%;
	padding: 9px 10px 8px;
}
/* slide-area */
.p-post__header__select .c-swip {
	border-radius: 8px;
	padding: 0 0 32px;
	overflow: hidden;
}
.swiper--nomal .c-swip__swiper-slide-inner {
	box-shadow: unset;
	padding: 0;
}
.swiper--nomal .c-swip__swiper-slide-inner:hover {
    transform: unset;
}
.swiper--nomal .c-swip__swiper-slide-inner__image {
	width: 100%;
	height: 640px;
}
.swiper--nomal .c-swip__swiper-slide-inner__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-post__header__select .swiper-pagination-bullet-active {
	background-color: var(--font-color) !important;
}
/* conditions 01 */
.p-post__conditions {
	border: 1px solid var(--font-color);
	border-radius: 8px;
	margin-bottom: 44px;
	padding: 16px;
}
.p-post__conditions__info-list {
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 34px;
	height: 10rem;
}
.p-post__conditions__info-list__item {
	position: relative;
	width: 32%;
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 12px;
	padding-left: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
[lang="my"] .p-post__conditions__info-list__item {
	line-height: 2.4rem;
	margin-bottom: 8px;
}
.p-post__conditions__info-list__item::before {
	position: absolute;
	content: "";
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
}
.p-post__conditions__info-list__item.u-icon-building::before {
	background: url(images/icon/icon_building.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__info-list__item.u-icon-type::before {
	background: url(images/icon/icon_vector.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__info-list__item.u-icon-house::before {
	background: url(images/icon/icon_house.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__info-list__item.u-icon-map::before {
	background: url(images/icon/icon_map.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__info-list__item.u-icon-paying::before {
	background: url(images/icon/icon_yen.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__info-list__item.u-icon-bonus::before {
	background: url(images/icon/icon_cash-stack.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__info-list__item.u-icon-free::before {
	background: url(images/icon/icon_bag.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__info-list__item.u-icon-chat::before {
	background: url(images/icon/icon_chat.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__info-list__item.u-icon-card::before {
	background: url(images/icon/icon_card.svg) no-repeat;
	background-size: contain;
}
.p-post__conditions__number-area {
	text-align: center;
}
.p-post__conditions__number-area__title {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 0;
}
.p-post__conditions__number-area__number {
	display: block;
	background: var(--primary-color);
	border-radius: 4px;
	padding-top: 2px;
}
.p-post__conditions__number-area__number__text {
	color: var(--font-light-color);
	font-size: 3.4rem;
	font-weight: 600;
	line-height: 4.3rem;
	margin-bottom: 18px;
}
.p-post__conditions__number-area__number__text::before {
	content: "#";
	padding-right: 6px;
}
.p-post__conditions__cv-area {
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.p-post__conditions__cv-area .p-top-cta__text-area__cv-area__item {
	flex-basis: 32%;
	border: 1px solid var(--background-bright-color);
}
.p-post__conditions__cv-area .p-top-cta__text-area__cv-area__item__text {
	padding: 8px 15px 8px 72px;
}
.p-post__conditions__cv-area .p-top-cta__text-area__cv-area__item__text::before {
	left: 32px;
}
/* conditions 02 */
.p-post__conditions--cta {
	margin: 52px auto;
}
.p-post__conditions__conditions {
	justify-content: space-between;
}
.p-post__conditions__conditions__image {
	width: 309px;
	height: 206px;
    background: url(images/logo/logo_white.svg) no-repeat var(--background-bright-color);
    background-position: center;
    background-size: 50%;
    overflow: hidden;
}
.p-post__conditions__conditions__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-post__conditions__conditions__text-area {
	flex-basis: 64%;
}
.p-post__conditions__conditions__text-area .p-post__header__title-area {
	margin-bottom: 8px;
    padding-bottom: 8px;
}
.p-post__conditions__conditions__text-area .p-post__header__title-area__title {
	font-size: 1.7rem;
	line-height: 2.4rem;
} 
.p-post__conditions__conditions__text-area .p-post__header__title-area__title .u-icon-pr::before {
    top: -2px;
	padding: 4px 10px 4px;
}
.p-post__conditions--cta .p-post__conditions__info-list {
	height: 13rem;
	justify-content: start;
	margin-bottom: 24px;
}
.p-post__conditions--cta .p-post__conditions__info-list__item {
	width: 48%;
	margin-bottom: 6px;
}
/* recommend-job-list */
.p-post-aside .p-job-search__search-result__list {
	padding: 0 2px;
}
.p-post-aside .p-job-search__search-result__list__item.c-result {
	flex-basis: 32% !important;
}

/* column-list | pc
--------------------------------------------- */
.p-information {
	padding: 66px 0;
}
.p-information__list {
	flex-wrap: wrap;
    justify-content: space-between;
	margin: 20px auto 30px;
}
.p-information__list::after {
    content: "";
    display: block;
    width: 32.5%;
    height: 0;
}
.p-information .p-top-information__list__item {
	margin-bottom: 30px;
}
.p-information .p-top-information__list__item__link:hover {
	background: var(--background-color);
}

/* news-list | pc
--------------------------------------------- */
.l-news,
.l-column {
	padding-top: 45px;
}
.p-news {
	padding: 66px 0;
}
.p-news__list {
	margin-bottom: 40px;
}
.p-news__list__item {
	margin-bottom: 3px;
	padding: 15px 10px;
}
.p-news__list__item:nth-child(even) {
	background: #f1f1f1;
}
.p-news__list__item__link {
	align-items: center;
}
.p-news__list__item__link__time {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 2.2rem;
	margin-right: 20px;
}
.p-news__list__item__link__title {
	max-width: 830px;
	font-size: 1.5rem;
	line-height: 2.2rem;
	margin-bottom: 0;
	display: -webkit-box;          
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 1; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.p-news__list__item__link:hover .p-news__list__item__link__title {
	text-decoration: underline;
}

/* about-us | pc
--------------------------------------------- */
.l-post__body {
	padding: 18px 0;
}
.p-about-us__list {
	margin-bottom: 38px;
}
.p-about-us__list__item {
	align-items: center;
	border-bottom: 1px solid var(--background-bright-color);
	padding: 42px 38px 38px;
}
.p-about-us__list__item__title {
	width: 15%;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2.8rem;
	margin-right: 24px;
}
.p-about-us__list__item__text {
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.p-about-us__map {
	border-radius: 8px;
	overflow: hidden;
}

/* contact-us | pc
--------------------------------------------- */
.p-contact-us__form {
	background: var(--background-color);
	border-radius: 8px;
	margin-top: 18px;
	padding: 34px;
}
.p-contact-us__form__list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 34px;
}
.p-contact-us__form__list p {
	margin-bottom: 0;
}
.p-contact-us__form__list__title {
	width: 20%;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 2.4rem;
	margin-top: 6px;
}
.p-contact-us__form__list__alert {
	width: 10%;
	text-align: center;
	margin-top: 1px;
}
.p-contact-us__form__list__alert p {
	display: inline-block; 
	background: var(--accent-color);
	border-radius: 4px;
	color: var(--font-light-color);
	font-size: 1.4rem;
	line-height: 2rem;
	padding: 2px 10px 1px;
}
.p-contact-us__form__list__input-area {
	width: 67%;
}
.p-contact-us__form__post__personal-input input,
.p-contact-us__form__list__input-area textarea {
	width: 100%;
	background: #fff;
	border: 1px solid var(--arrow-color);
	border-radius: 4px;
	font-size: 1.4rem;
	line-height: 1.8rem;
	padding: 8px 12px;
}
.p-contact-us__form__post__personal-input input::placeholder,
.p-contact-us__form__list__input-area textarea::placeholder {
	color: var(--arrow-color);
	font-size: 1.4rem;
	line-height: 1.8rem;
}
/* アラート */
.wpcf7-not-valid-tip {
	font-size: 1.2rem;
	line-height: 1.8rem;
}
/* ラジオボタン */
.p-contact-us__form__post__radio {
	font-size: 1.6rem;
}
.p-contact-us__form__post__radio input {
    accent-color: var(--font-color);
	margin-right: 2px;
}
.p-contact-us__form__post__radio input[type="radio"] {
    -webkit-appearance: radio;
    appearance: radio;
}
.p-contact-us__form__post__radio .wpcf7-list-item {
	margin: 0 25px 0 0;
}
.p-contact-us__form__post__radio .wpcf7-list-item .wpcf7-list-item-label::before {
	display: none;
}
/* プライバシーチェックボックス */
.p-contact-us__form__privacy {
	font-size: 1.6rem;
	text-align: center;
	margin: 40px auto 24px;
}
.p-contact-us__form__privacy input {
    accent-color: var(--font-color);
    margin: 0 8px 2px 0;
}
.p-contact-us__form__privacy input[type="checkbox"] {
    -webkit-appearance: checkbox;
    appearance: checkbox;
}
.p-contact-us__form__privacy .wpcf7-list-item {
	margin: 0;
}
/* サブミットボタン */
.p-contact-form__form__btn {
	color: var(--font-light-color);
	text-align: center;
}
.p-contact-us__form__btn__send {
	min-width: 38%;
	border-radius: 8px;
	padding: 10px 30px 8px;
}
.p-contact-us__form__btn__send--gray[type="submit"][disabled] {
    background: var(--font-color);
}
.p-contact-us__form__btn__send[type="submit"] {
	background: var(--accent-color);
}
form.wpcf7-form .wpcf7-spinner {
	display: none !important;
}

/* Responsive=SP-header
--------------------------------------------- */
/*media Queries　タブレット以下ヘッダーサイズ（1150px以下）
------------------------------------- */
@media (max-width: 1150px) {
	/* 基本構造 ｜ tab-sp
	--------------------------------------------- */
	/* 全体共通 */
    .u-pc-only { display: none !important; }
    .u-sp-only { display: block !important; }

	/* title-common | tab-sp
	--------------------------------------------- */
	.p-title-area--border {
		border-bottom: none;
		padding: 0;
		padding-bottom: 0;
	}
	.p-title-area__title {
		font-size: 2rem;
		line-height: 2.8rem;
		text-align: center;
	}

	/* button-common | tab-sp
	--------------------------------------------- */
	.p-button-area {
		padding: 20px;
	}
	.p-button-area__link {
		padding: 12px 50px;
		transition: unset;
	}
	.p-button-area__link:hover {
		background: var(--accent-color);
	}

	/* Swiper | tab-sp
	--------------------------------------------- */
	/* 前へ次への矢印カスタマイズ */
	.swiper-button-prev::after,
	.swiper-button-next::after {
		width: 2rem;
		height: 2rem;
	}
	/* スワイパーカウントカスタマイズ */
	.swiper-slide.swiper-slide-active {
		padding-bottom: 30px;
	}

	/* header | tab-sp
	--------------------------------------------- */
	#l-headbox {
		padding: 10px 15px;
	}
	/* Header-left */
	.p-header__logo {
		flex-basis: 55%;
		margin: 0;
	}
	.p-header__logo__link {
		width: 80%;
		margin-bottom: 5px;
	}
	.p-header__logo__link__symbol {
		width: 100%;
		height: auto;
	}
	/* Header-center */
	.p-header__menu {
		position: relative;
		overflow: visible;
		flex-basis: 10%;
		padding-right: 3rem;
		order: 3;
	}
	/* Global-navi */
	.p-header__menu__nav-area__nav__list {
		position: fixed;
		top: 0;
		right: 0;
		width: 80%;
		height: 100dvh;
		background-color: var(--background-color);
		text-align: left;
		margin: 0;
		padding: 150px 40px 100px 30px;
		transform: translateX(100%);
		opacity: 0;
		transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
		z-index: 100;
	}
	.p-header__menu__nav-area__nav__list__item {
		border-bottom: 1px solid var(--font-color);
		line-height: 2rem;
		margin-right: 0;
	}
	.p-header__menu__nav-area__nav__list__item a {
		display: block;
		line-height: 2rem;
		padding: 20px 5px 5px;
		transition: unset;
	}
	.p-header__menu__nav-area__nav__list__item a:hover {
		color: var(--font-color);
	}
	.p-header__menu__nav-area__nav__list__item.p-dropdown {
		border-bottom: none;
		text-align: left;
		padding-bottom: 0;
	}
	.p-header__menu__nav-area__nav__list__item.p-dropdown::before {
		display: none;
	}
	.p-dropdown > a {
		padding: 20px 5px 5px;
	}
	.p-dropdown__list {
		display: block;
		width: 100%;
		right: unset;
		background: none;
		border: none;
		border-radius: unset;
		z-index: unset;
	}
	.p-dropdown__list:last-child {
		border-bottom: 1px solid var(--font-color);
	}
	.p-dropdown__list__item a {
		position: relative;
		display: block;
		min-width: unset;
		max-width: unset;
		padding: 8px 5px 10px 25px;
		transition: unset;
	}
	.p-dropdown__list__item a::before {
		position: absolute;
		content: "";
		top: 1.5rem;
        left: 1rem;
		width: 0.8rem;
		height: 0.8rem;
		border: 2px solid var(--font-color);
		border-left: 0;
		border-bottom: 0;
		box-sizing: border-box;
		transform: translateY(-25%) rotate(45deg);
	}
	.p-dropdown__list__item a:hover {
		background: unset;
	}
	/* Hamburger-menu */
	.p-hamburger {
		overflow: hidden;
		flex-shrink: 0;
	}
	.p-hamburger__top {
		width: 30px;
		height: 1px;
		background-color: var(--font-color);
		position: absolute;
		top: -2px;
		left: 4px;
		transition: .3s;
		z-index: 110;
	}
	.p-hamburger__bottom {
		width: 30px;
		height: 1px;
		background-color: var(--font-color);
		position: absolute;
		top: 6px;
		left: 8px;
		transition: .3s;
		z-index: 110;
	}
	#global__sp__check {
		position: absolute;
		top: -10px;
        right: -26px;
		width: 20px;
		height: 20px;	
	}
	#global__sp__check:checked~#global__sp .p-hamburger__top {
		width: 30px;
		top: 0;
		left: 8px;
		background-color: var(--font-color);
		transform: rotate(45deg);
	}
	#global__sp__check:checked~#global__sp .p-hamburger__bottom {
		width: 30px;
		top: 0;
		left: 8px;
		background-color: var(--font-color);
		transform: rotate(-45deg);
	}
	header .p-hamburger__label {
		position: absolute;
		top: -9px;
        left: 13px;
		width: 20px;
		height: 20px;
		z-index: 105;
	}
	#global__sp__check:checked ~ .p-header__menu__nav-area__nav__list {
		transform: translateX(0);
		opacity: 1;
	}
	#global__sp__check:checked ~ .p-header__menu__nav-area__nav__list {
    	display: block;
		padding: 100px 20px 50px;
	}
	/* iPhone対策用 */
	@supports (-webkit-overflow-scrolling: touch) {
        html, body {
            overflow-x: hidden !important;
        }
        .header__nav-list {
            max-width: 100%;
            overflow-x: hidden;
        }
    }
	/* Header-right */
	.p-header__right {
		display: block;
		margin-left: 0;
		padding-right: 20px;
		order: 2;
	}
	/* Dialog */
	.p-header__right__dialog {
		line-height: 2rem;
		margin-right: 0;
		padding-top: 8px;
	}
	.p-header__right__dialog .gtranslate_wrapper * {
		font-size: 1.3rem !important;
	}
	.p-modal-contact__lang__item {
		width: 90%;
		background: #fff;
		border-radius: 8px;
		font-size: 1.3rem;
		padding: 28px 30px;
	}
	.p-modal-contact__lang__item {
		width: 100%;
		padding: 8px 16px 6px 50px;
	}
	.p-modal-contact__lang__item a,
	.p-modal-contact__lang__item a:hover,
	.p-modal-contact__lang__item a:visited {
		transition: unset;
	}
	.p-modal-contact__lang__item:hover {
		background: unset;
	}
}

/* Responsive=SP対応
--------------------------------------------- */
/*media Queries　スマホサイズ（599px以下）
------------------------------------- */

@media only screen and (max-width: 599px) {

	/* 基本構造 ｜ sp
	--------------------------------------------- */
	/* 全体共通 */
    .u-pc-only { display: none !important; }
    .u-sp-only { display: block !important; }
	p a {
		transition: unset;
	}
	p a:hover {
		color: var(--entry-button-color);
		text-decoration: underline;
		text-underline-offset: 3px;
	}
	a img {
		transition: unset;
	}
	a img:hover {
		opacity: 1;
	}		

	/* component | sp
	--------------------------------------------- */
	/* モーダルダイアログ */
	.c-modal__container {
		padding: 24px 12px;
		width: 90%;
	}
	button.p-modal-contact__number-area__number__copy:hover,
	button.p-modal-contact__number-area__number__copy:active {
		outline: none;
	}
	/* modal-nomal */
	.c-modal__container__content__url {
		font-size: 1.8rem;
	}
	.c-modal__container__content__phone {
		font-size: 3.6rem;
		margin: 60px auto 38px;
	}
	.c-modal__container__content__phone a,
	.c-modal__container__content__phone a:hover,
	.c-modal__container__content__phone a:visited {
		color: var(--accent-color);
		text-decoration: none;
	}
	.c-modal__container__content__url a:focus-visible,
	.c-modal__container__content__phone a:focus-visible {
		outline: none;
	}
	.c-modal__container__content__note {
		padding: 18px 12px;
	}
	.c-modal__container__content__note__text {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.c-modal__container__content__text-note {
		margin: 0 10px 50px;
	}
	.c-modal__container__content__time {
		margin-bottom: 28px;
	}
	.c-modal__container__content__button:hover {
		background: none;
	}
	/* modal-button */
	.c-modal__container__content--header {
		text-align: center;
		padding: 20px;
	}
	.c-modal__container__content__list {
		gap: 16px;
	}
	.c-modal__container__content__list__item {
		width: 150px;
		height: 150px;
		font-size: 1.2rem;
	}
	.c-modal__container__content__list__item:hover {
		background: none;
	}
	.c-modal__container__content__list__item.u-messenger::before {
		top: 16px;
		width: 80px;
		height: 80px;
	}
	.c-modal__container__content__list__item.u-whats-app::before {
		top: 6px;
		width: 100px;
		height: 100px;
	}
	.c-modal__container__content__list__item.u-mail::before {
		top: 20px;
		width: 74px;
		height: 74px;
	}
	.c-modal__container__content__list__item.u-phone::before {
		top: 22px;
		width: 70px;
		height: 70px;
	}
	.c-modal__container__content__list__item button,
	.c-modal__container__content__list__item a {
		position: absolute; 
		display: flex;
		align-items: flex-end;
		justify-content: center;
		padding-bottom: 10px;
		width: 100%;
		height: 100%;
		border: none;
		background: transparent;
		cursor: pointer;
		text-decoration: none;
		box-sizing: border-box;
	}
	.c-modal__container__content__list__item button, 
	input[type="button"], 
	input[type="submit"] {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.c-modal__container__content__list__item p {
		margin-bottom: 0;
	}
	/* modal-offer */
	.p-modal-contact__info-list__item {
		margin-bottom: 4px;
	}
	ul.p-modal-contact__info-list {
		margin-bottom: 10px;
	}
	.p-modal-contact__number-area__number__text {
		width: 60%;
		font-size: 2.4rem;
	}
	.p-modal-contact__number-area__number__copy, 
	p .p-modal-contact__number-area__number__copy {
		line-height: 1.4rem;
		margin-left: 18px;
	}
	.p-modal-contact__number-list__item::before {
		top: -1px;
	}
	.p-modal-contact__number-list__item::after {
		top: 4px;
	}
	.p-modal-contact__content__text-area {
		width: 52%;
	}
	.p-modal-contact___content__text-area__url a {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

	/* layout | sp
	--------------------------------------------- */
	.l-wrapper {
		position: static;
		padding-bottom: 0;
	}
	.l-center {
		width: 100%;
		margin: 0 auto;
	}
	.l-flex {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	/* breadcrumb */
	.p-breadcrumb {
		padding: 10px 15px;
	}
	.p-breadcrumb__list {
		width: 100%;
		justify-content: start;
		padding-bottom: 5px;
		overflow-x: auto;
	}
	.p-breadcrumb__list,
	.p-breadcrumb__list li {
		flex: 0 0 auto;
	}
	.p-breadcrumb__list a {
		margin-right: 24px;
	}
	.p-breadcrumb__list a::after {
		margin-left: 24px;
	}
	.p-breadcrumb__list a:hover {
		text-decoration: underline;
	}
	
	/* footer ｜ sp
	--------------------------------------------- */
	.p-footer {
		position: static;
		padding: 50px 0 20px;
	}
	.p-footer__text-area__logo {
		text-align: center;
	}
	.p-footer__text-area__logo__link img {
		width: 70%;
	}
	/* Footer Menu */
	.p-footer__text-area__menu {
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto 20px;
	}
	.p-footer__text-area__menu__list {
		flex-basis: 50%;
		margin-bottom: 40px;
		margin-right: 0;
		padding: 0 20px;
	}
	.p-footer__text-area__menu__list__item {
		line-height: 2rem;
		margin-bottom: 10px;
	}
	.p-footer__text-area__menu__list__item a::before {
		position: static;
		display: none;
	}
	.p-footer__text-area__menu__list__item a:hover::before {
		display: none;
	}
	.p-footer__text-area__menu__list__item.u-footer-title {
		margin-bottom: 6px;
	}
	/* Sns link */
	.p-footer__text-area__sns {
		text-align: center;
		margin-bottom: 20px;
	}
	.p-footer__text-area__sns__title {
		border-right: none;
		margin-bottom: 8px;
		padding-top: 0;
		padding-right: 0;
	}
	.p-footer__text-area__sns__list {
		justify-content: center;
		padding-left: 0;
	}
	/* Note */
	.p-footer__note-area p {
		text-align: center;
	}

	/* home | pc
	--------------------------------------------- */
	.p-site-header {
		height: 70vh;
		background-position: left -130px top;
		background-size: cover;
		padding: 10px 15px;
	}
	.p-site-header__text-area {
		text-align: right;
		margin-bottom: 190px;
	}
	.p-site-header__text-area__title {
		width: 80%;
		font-size: 2.2rem;
		line-height: 4.5rem;
	}
	.p-site-header__text-area__title span {
		padding: 8px 10px;
	}
	/* cearch-box */
	.p-site-header__cearch {
		text-align: center;
		margin-right: 0;
	}
	.p-site-header__cearch__box {
		width: 95%;
		padding: 20px 15px;
	}
	.p-site-header__cearch__box__text {
		font-size: 1.4rem;
		line-height: 1.4rem;
		margin-bottom: 10px;
	}
	.p-site-header__cearch__box__dropdown {
		min-width: 100%;
	}
	.p-site-header__cearch__box__dropdown__link {
		min-width: 100%;
	}
	.p-site-header__cearch__box__dropdown__link__item a:hover {
		background: var(--background-strong-color);
		color: var(--font-color);
	}
	.p-site-header__cearch__box__button {
		padding: 10px 15px 10px 30px;
		transition: unset;
	}
	.p-site-header__cearch__box__button::before {
		position: static;
		display: none;
		background: unset;
		transition: unset;
		transform: unset;
	}
	.p-site-header__cearch__box__button:hover::before {
		transform: unset;
	}
	.p-site-header__cearch__box__dropdown:hover .p-site-header__cearch__box__dropdown__link__list {
		display: none;
	}
	.p-site-header__cearch__box__dropdown__link__list {
		display: none;
	}
	.p-site-header__cearch__box__dropdown.is-open 
	.p-site-header__cearch__box__dropdown__link__list {
		display: block;
	}

	/* news */
	.p-top-news__list__item {
		margin-bottom: 10px;
	}
	.p-top-news__list__item:last-child {
		margin-bottom: 0;
	}
	.p-top-news__list__item__link {
		line-height: 2rem;
	}
	.p-top-news__list__item__link__time {
		padding-right: 0;
	}
	.p-top-news__list__item__link__title {
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	/* conversion button */
	.p-conversion-area {
		text-align: center;
		padding: 40px 15px;
	}
	.p-conversion-area__button {
		width: 100%;
		border-radius: 64px;
		padding: 10px 38px;
		transition: unset;
	}
	.p-conversion-area__button::before {
		position: static;
		content: none;
		transition: unset;
		transform: unset;
	}
	.p-conversion-area__button:hover::before {
		transform: unset;
	}
	.p-conversion-area__button__text {
		font-size: 2.2rem;
		line-height: 3rem;
	}
	.p-conversion-area__button__text__white-box {
		font-size: 2rem;
		padding: 2px 8px;
	}
	.p-conversion-area__button__text__change-color {
		color: #FCF952;
	}

	/* conditions button */
	.p-top-conditions {
		padding: 0 20px 20px;
	}
	.p-top-conditions__link__list {
		margin-bottom: 20px;
		transition: unset;
	}
	.p-top-conditions__link__list:hover {
		background: #fff;
		transform: unset;
		box-shadow: 0px 8px 4px -6px rgba(0, 0, 0, 0.3);
	}
	.p-top-conditions__link__list p {
		padding: 10px 0;
	}
	.p-top-conditions__link__list:hover .p-top-conditions__link__list__text {
		color: var(--font-light-color);
	}

	/* cta */
	.p-top-cta {
		padding: 48px 0;
	}
	.p-top-cta__text-area {
		width: 90%;
		margin: 0 auto;
	}
	.p-top-cta--left .p-top-cta__text-area::before {
		display: none;
	}
	.p-top-cta--right .p-top-cta__text-area::before {
		display: none;
	}
	.p-top-cta__text-area__text {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-bottom: 20px;
	}
	.p-top-cta__text-area__title {
		font-size: 2.6rem;
		margin-bottom: 36px;
		padding: 15px;
	}
	.p-top-cta__text-area__cv-area__item {
		width: 100%;
		display: block;
		transition: unset;
	}
	.p-top-cta__text-area__cv-area__item:hover{
		background: #fff;
	}
	.p-top-cta__text-area__cv-area__item:hover .p-top-cta__text-area__cv-area__item__text::before {
		opacity: 1;
	} 
	.p-top-cta__text-area__cv-area__item:last-child {
		margin-bottom: 0;
	}
	.p-top-cta__text-area__cv-area__item__text {
		padding-left: 80px;
	}
	.p-top-cta__text-area__cv-area__item__text::before {
		left: 35px;
	}
	.u-whats-app.p-top-cta__text-area__cv-area__item__text::before {
		left: 32px;
	}
	.u-phone.p-top-cta__text-area__cv-area__item__text::before {
		left: 37px;
	}

	/* 3step */
	.p-top-step {
		padding: 20px 20px 50px;
	}
	.p-top-step__title-area__title {
		font-size: 2.2rem;
        line-height: 4.5rem;
		margin-bottom: 100px;
	}
	.p-top-step__title-area__title span {
		padding: 8px 10px;
	}
	.p-top-step__box {
		width: 100%;
	}
	.p-top-step__box__title-area {
		padding: 18px 20px 18px 50px;
	}
	.p-top-step__box__list {
		padding: 20px 18px;
	}
	.p-top-step__box__list__item {
		margin-bottom: 10px;
	}
	/* new job */
	.p-top-new-job {
		padding: 60px 30px;
	}
	.swiper--new-job .swiper-wrapper {
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
		margin: 0 auto;
	}
	.swiper--new-job .swiper-slide {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.swiper--new-job .c-swip__swiper-slide-inner {
		border: 1px solid var(--background-bright-color);
		box-shadow: unset;
		margin: 0;
		padding: 0;
	}
	.swiper-pagination--new-job {
		display: block;
	}
	.swiper--new-job .swiper-slide:hover .c-swip__swiper-slide-inner__image img {
		transform: unset;
	}
	.swiper--new-job .swiper-slide:hover .c-swip__swiper-slide-inner {
		outline: none;
	}

	/* information */
	.p-top-information {
		padding: 40px 20px;
	}
	.p-top-information__list {
		margin-top: 16px;
		margin-bottom: 10px;
	}
	.p-top-information__list__item {
		width: 100%;
		margin-bottom: 16px;
	}
	.p-top-information__list__item:last-child {
		margin-bottom: 0;
	}
	.p-top-information__list__item__link {
		display: flex;
	}
	.p-top-information__list__item__link:hover {
		opacity: 1;
	}
	.p-top-information__list__item__link__image {
		width: 35%;
		height: auto;
		min-height: 130px;
		border-radius: 8px 0 0 8px;
	}
	.p-top-information__list__item__link__text-area {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 65%;
		padding: 16px 8px 8px 12px;
	}
	.p-top-information__list__item__link__text-area__title {
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin-bottom: 12px;
	}

	/* explanation */
	.p-top-explanation {
		background-position: center;
		padding: 80px 0 50px;
	}
	.p-top-explanation__text-area {
		padding: 0 20px;
	}
	.p-top-explanation__text-area__logo {
		width: 80%;
	}
	.p-top-explanation__text-area__title {
		font-size: 2.4rem;
		margin-bottom: 20px;
	}
	.p-top-explanation__text-area__text {
		font-size: 1.5rem;
		line-height: 180%;
	}

	/* explanation */
	.p-top-cta-list {
		padding: 60px 20px;
	}
	.p-top-cta-list__title {
		font-size: 2.4rem;
		margin-bottom: 28px;
	}
	.p-top-cta-list__cv-area__item {
		width: 45%;
		height: 160px;
		transition: unset;
	}
	.p-top-cta-list__cv-area__item:hover {
		opacity: 1;
	}
	.p-top-cta-list__cv-area__item img {
		flex-basis: 75%;
	}
	.p-top-cta-list__cv-area__item__text {
		flex-basis: 25%;
		font-size: 1.4rem;
		margin-bottom: 0;
	}
	.p-top-cta-list__cv-area__item__Messenger {
		width: 50%;
	}
	.p-top-cta-list__cv-area__item__whatsapp {
		width: 60%;
	}
	.p-top-cta-list__cv-area__item__mail {
		width: 45%;
	}
	.p-top-cta-list__cv-area__item__tel {
		width: 45%;
	}

	/* faq */
	.p-top-faq {
		padding: 50px 0;
	}
	.p-top-faq__title {
		font-size: 2.4rem;
		margin-bottom: 16px;
	}
	.p-top-faq__list {
		padding: 0 15px;
	}
	.p-top-faq__item {
		padding: 24px 16px 22px;
	}
	.p-top-faq__item__question {
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	.p-top-faq__item__question__title {
		font-size: 2rem;
		padding-left: 28px;
	}
	.p-top-faq__item__answer__title {
		font-size: 2rem;
		margin-bottom: 16px;
		padding-left: 28px;
	}
	.p-top-faq__item__answer__text {
		font-size: 1.5rem;
		line-height: 2.2rem;
		padding-left: 28px;
	}

	/* lower page | sp
	--------------------------------------------- */
	/* job-search | sp
	--------------------------------------------- */
	.p-job-search {
		padding: 10px 0 38px;
	}
	.p-job-search__note {
		margin-bottom: 24px;
		padding: 16px 20px 12px;
	}
	.u-big-numbers {
		font-size: 1.8rem;
	}
	.p-job-search__terms {
		display: block;
		padding: 0 20px;
		margin-bottom: 24px;
	}
	.p-job-search__terms__title {
		margin-right: 0;
		margin-bottom: 10px;
		padding: 0;
	}
	.p-job-search__terms__list__item {
		margin-right: 12px;
		margin-bottom: 12px;
		padding: 4px 12px;
	}
	/* search-area */
	.p-job-search__search-area {
		border: none;
		border-bottom: 1px solid var(--background-bright-color);
		border-radius: 0;
		margin: 0 15px 28px;
		padding: 0 10px 16px;
	}
	button.p-job-search__search-area__button {
		min-width: 72%;
		max-width:100%;
		text-align: left;
		margin: 0 auto 10px;
		padding: 10px 20px 10px 60px;
		transition: unset;
	}
	button.p-job-search__search-area__button:hover {
		background: var(--primary-color) !important;
	}
	button.p-job-search__search-area__button::before {
		top: calc(50% - 8px);
		left: 30px;
	}
	.p-job-search__search-area .p-title-area__title.u-kensaku {
		font-size: 1.4rem;
		font-weight: 400;
		text-align: left;
	}
	/* search-form */
	.p-job-search__search-area__form {
		margin: 10px 0 12px;
	}
	.p-job-search__search-area__form__item {
		width: 100%;
		margin-bottom: 12px;
	}
	/* search-result */
	.p-job-search__search-result__list {
		margin: 0 18px 38px;
	}
	.p-job-search__search-result__list__item.c-result {
		border-radius: 8px;
		box-shadow: unset;
		margin: 0 0 10px;
		padding: 12px 10px 10px;
	}
	.c-result:hover {
		background: #fff;
		outline: border: 1px solid var(--background-bright-color);;
	}
	.c-result__link {
		display: block;
	}
	.c-result__link__top {
		display: flex;
		justify-content: space-between;
	}
	.c-result__link__top__image {
		width: 32%;
		height: 72px;
		background-size: 70%;
		border-radius: 2px;
		margin-bottom: 0;
	}
	.u-public-relations {
		top: 0;
		left: 0;
		padding: 3px 8px 4px;
	}
	.c-result__link__top {
		margin-bottom: 16px;
	}
	.c-result__link__top__title {
		width: 68%;
		font-size: 1.5rem;
		margin-bottom: 8px;
	}
	.c-result__link__text-area {
		padding: 0;
	}
	.c-result__link__text-area__tag-area__text {
		margin-top: 2px;
	}
	.p-job-search__search-result__note {
		padding: 0 20px;
	}

	/* job-search-post | sp
	--------------------------------------------- */
	/* post common */
	.l-post {
		width: 100%;
		padding: 0 15px 40px;
	}
	.p-post__header__title-area {
		margin-bottom: 12px;
		padding: 0 5px 12px;
	}
	.p-post__header__title-area__title {
		font-size: 2rem;
        line-height: 2.8rem;
	}
	.p-post__header__title-area__title .u-icon-pr::before {
		top: 0;
		padding: 4px 10px 4px;
	}
	.p-post__text-area {
		padding: 0 5px;
	}
	.p-post__text-area h2 {
		margin-bottom: 20px;
	}
	.p-post__text-area h3 {
		margin: 30px auto 18px;
	}
	.p-post__text-area h4 {
		margin: 30px auto 12px;
	}
	.p-post-aside__title {
		font-size: 2rem;
		margin: 34px auto 18px;
		padding-bottom: 8px;
	}
	.p-post__text-area div img,
	.p-post__text-area div p {
		max-width: 80%;
		max-height: 45vh;
	}
	.p-post__text-area figure img {
		max-width: 80%;
		max-height: 45vh;
	}
	.p-post__text-area blockquote {
		padding: 50px 20px 10px;
	}
	.p-post__text-area blockquote::before {
		top: 34px;
		left: 8px;
		font-size: 8rem;
	}
	.p-post__thumbnail {
		margin-bottom: 30px;
	}
	.p-post__time {
		margin-bottom: 20px;
	}

	/* share-button */
	.p-post-item-area {
		display: flex;
		justify-content: end;
		margin-bottom: 18px;
	}
	.p-post-item-area__item {
		margin-left: 10px;
	}
	.p-post-item-area__item a {
		font-size: 1.2rem;
		line-height: 2rem;
		padding: 0 12px 1px 24px;
		transition: unset;
	}
	.p-post-item-area__item a:hover {
		background: #fff;
	}
	.p-post-item-area__item.u-icon-share a::before {
		top: 5px;
		left: 8px;
		width: 12px;
		height: 12px;
	} 
	.p-post-item-area__item.u-icon-download a::before {
		top: 5px;
		left: 8px;
		width: 12px;
		height: 12px;
	} 
	/* tag-area */
	.p-post__header__tag-list {
		margin-bottom: 12px;
		padding: 0 5px;
	}
	.p-post__header__tag-list__item {
		margin-right: 10px;
	}
	.p-post__header__tag-list__item__link {
		font-size: 1.2rem;
		line-height: 140%;
		padding: 9px 8px 8px;
	}
	.swiper--nomal .c-swip__swiper-slide-inner__image {
		height: 50vh;
	}
	.swiper--nomal .swiper-slide.swiper-slide-active {
		padding-bottom: 0;
	}
	/* conditions 01 */
	.p-post__conditions__info-list {
		height: auto;
		margin-bottom: 18px;
	}
	.p-post__conditions__info-list__item {
		width: 100%;
		margin-bottom: 6px;
	}
	.p-post__conditions__cv-area .p-top-cta__text-area__cv-area__item__text {
		padding-left: 100px;
	}
	.p-post__conditions__cv-area .p-top-cta__text-area__cv-area__item__text::before {
		left: 42px;
	}
	.p-post__conditions__cv-area .p-top-cta__text-area__cv-area__item__text.u-whats-app::before {
		left: 38px;
	}
	/* conditions 02 */
	.p-post__conditions__conditions__image {
		width: 100%;
		height: 200px;
		margin-bottom: 20px;
	}
	.p-post__conditions__conditions__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.p-post__conditions__conditions__text-area {
		flex-basis: 100%;
	}
	.p-post__conditions--cta .p-post__conditions__info-list {
		height: auto;
		margin-bottom: 18px;
	}
	.p-post__conditions--cta .p-post__conditions__info-list__item {
		width: 100%;
	}
	/* recommend-job-list */
	.p-post-aside .p-job-search__search-result__list {
		margin: 0 0 38px;
		padding: 0;
	}

	/* column-list | pc
	--------------------------------------------- */
	.p-information {
		padding: 30px 16px;
	}
	.p-information__list {
		margin: 0 auto 40px;
	}
	.p-information .p-top-information__list__item {
		margin-bottom: 20px;
	}
	.p-information .p-title-area--border {
		border-bottom: 1px solid var(--background-bright-color);
		padding-bottom: 6px;
	}
	.p-information .p-title-area__title {
		text-align: left;
	}
	.p-information .p-top-information__list__item__link:hover {
		background: #fff;
	}

	/* news-list | pc
	--------------------------------------------- */
	.p-news__list__item {
		padding: 12px 10px 15px;
	}
	.p-news__list__item:nth-child(even) {
		background: #f1f1f1;
	}
	.p-news__list__item__link {
		align-items: center;
	}
	.p-news__list__item__link__time {
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 2.2rem;
		margin-right: 20px;
	}
	.p-news__list__item__link__title {
		max-width: 100%;
		-webkit-line-clamp: 2;
	}
	.p-news__list__item__link:hover .p-news__list__item__link__title {
		text-decoration: none;
	}

	/* about-us | sp
	--------------------------------------------- */
	.p-about-us__list {
		border-top: 1px solid var(--background-bright-color);
	}
	.p-about-us__list__item {
		padding: 28px 8px 28px;
	}
	.p-about-us__list__item__title {
		width: 100%;
		margin-right: 0;
		margin-bottom: 12px;
	}
	.p-about-us__map iframe {
		width: 100%;
	}

	/* contact-us | pc
	--------------------------------------------- */
	.p-contact-us__form {
		margin-top: 0;
		padding: 24px 15px;
	}
	.p-contact-us__form__list {
		display: flex;
		flex-wrap: wrap;
	}
	.p-contact-us__form__list p {
		margin-bottom: 10px;
	}
	.p-contact-us__form__list__title {
		width: 80%;
		padding-left: 2px;
	}
	.p-contact-us__form__list__alert {
		width: 20%;
		text-align: right;
		padding-right: 2px;
	}
	.p-contact-us__form__list__input-area {
		width: 100%;
	}
	/* ラジオボタン */
	/* プライバシーチェックボックス */
	.p-contact-us__form__privacy {
		margin: 24px auto;
	}
	/* サブミットボタン */
	.p-contact-us__form__btn__send {
		width: 90%;
		padding: 10px 20px 8px;
	}



}