@charset "UTF-8";

/*
-------------------------------
	-- hrportal header
-------------------------------
*/

@media print, screen and (min-width: 641px)
{
	.layout_hrportal #site_area_header .site_area_header__holder
	{
		box-shadow: none;
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
}

@media print, screen and (min-width: 641px)
{
	.layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list > a,
	.layout_hrportal
	#site_area_header .site_area_header__global_navi__lv1_list > button
	{
		top: 58px;
	}
}

@media print, screen and (min-width: 641px)
{
	.layout_hrportal #site_area_header .site_area_header__global_navi .site_area_header__global_navi__lv2_group.var_main_navi
	{
		display: block;
	}
}

@media only screen and (max-width: 640px)
{
	.layout_hrportal #site_area_header .site_area_header__global_navi .site_area_header__global_navi__lv2_group.var_main_navi
	{
		display: none;
	}
}

@media print, screen and (min-width: 641px)
{
	.layout_hrportal #site_area_header .site_area_header__global_navi .site_area_header__global_navi__lv2_group.var_main_navi[aria-hidden="false"]
	{
		display: block;
	}
}

@media only screen and (max-width: 640px)
{
	.layout_hrportal #site_area_header .site_area_header__global_navi .site_area_header__global_navi__lv2_group.var_main_navi[aria-hidden="false"]
	{
		display: block;
	}
}

.layout_hrportal #site_area_header .site_area_header__lang_select__button {
	background: #005EFA;
	box-shadow: none;
}
.layout_hrportal #site_area_header .site_area_header__lang_select__button:hover {
	background: #0249bf;
}
/*.layout_hrportal.-forprofessionals #site_area_header .site_area_header__lang_select__button {
	background: #CC3D00;
}
.layout_hrportal.-forprofessionals #site_area_header .site_area_header__lang_select__button:hover {
	background: #D66433;
}*/
@media print, screen and (min-width: 641px)
{
	.layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list:nth-child(1) > a,
	.layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list:nth-child(1) > button
	{
		margin-right: -150px;
	}
}
@media print, screen and (min-width: 641px)
{
	.layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list > a::before
	{
		background: #005EFA;
	}
	.layout_hrportal.-forprofessionals #site_area_header .site_area_header__global_navi__lv1_list > a::before
	{
		background: #CC3D00;
	}
}
@media print, screen and (min-width: 641px)
{
	.layout_hrportal #site_area_header .site_area_header__global_navi .site_area_header__global_navi__lv2_group.var_main_navi .site_area_header__global_navi__lv2_list:not(:has(button)) > a,
	.layout_hrportal #site_area_header .site_area_header__global_navi .site_area_header__global_navi__lv2_group.var_main_navi .site_area_header__global_navi__lv2_list:not(:has(button)) > p
	{
		display: block !important;
		font-size: 16px;
		width: 100%;
		padding: 15px 10px;
		color: #333;
		border-top: none;
	}
	.layout_hrportal .sp-no-acc .site_area_header__global_navi__lv2_list:not(:has(button)) .navi_lv2 > span.is-active::before,
	.layout_hrportal .sp-no-acc .site_area_header__global_navi__lv2_list:not(:has(button)) .navi_lv2 > span.is-active::after {
		display: none !important;
	}
}

@media only screen and (max-width: 640px)
{
	.layout_hrportal .pbHeaderArea {
		border-bottom: none;
	}
	.layout_hrportal #site_area_header .site_area_header__main
	{
		box-shadow: none;
	}
}

/*
-------------------------------
	-- hrportal footer
-------------------------------
*/

.layout_hrportal .mail_magazine_regist {
	max-width: 1000px;
	min-width: auto;
	margin: 30px auto 0;
	border-radius: 15px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_ami.png) center #F5F5F5;
}
.layout_hrportal .mail_magazine_regist h2 {
	font-size: 20px;
	margin-bottom: 15px;
}
.layout_hrportal .mail_magazine_regist__btn a {
	background: #005EFA;
	box-shadow: none;
}
.layout_hrportal .mail_magazine_regist__btn a:hover {
	background: #0249bf;
	transition: background .25s;
}
.layout_hrportal .mail_magazine_regist__sns {
	margin-left: auto;
}
.layout_hrportal .mail_magazine_regist__sns ul {
	display: flex;
	gap: 10px;
}
.layout_hrportal.-forprofessionals .mail_magazine_regist__btn a {
	background: #CC3D00;
}
.layout_hrportal.-forprofessionals .mail_magazine_regist__btn a:hover {
	background: #D66433;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal .mail_magazine_regist__sns ul {
		margin-top: 10px;
		justify-content: flex-end;
	}
}

/*
-------------------------------
-- hrportal news
-------------------------------
*/

.layout_hrportal .elem_date_list {
	margin-bottom: 0;
}
.layout_hrportal .elem_date_list > ul > li {
	padding: 24px 0;
}
.layout_hrportal .elem_date_list > ul > li:last-child {
	border: none;
}
.layout_hrportal .elem_date_list > ul > li .head time {
	font-size: 16px;
	font-weight: normal;
}
.layout_hrportal .elem_date_list > ul > li .body .tag ul li {
	padding: 4px 15px 3px;
	border-color: #005EFA;
	border-radius: 20px;
}
.layout_hrportal .elem_date_list > ul > li a.body .tag ul li {
	color: #005EFA;
}
.layout_hrportal .elem_date_list > ul > li .body .tag ul li:first-child {
	background: #005EFA;
	color: #fff;
}
.layout_hrportal.-forprofessionals .elem_date_list > ul > li .body .tag ul li {
	color: #CC3D00;
	border-color: #CC3D00;
}
.layout_hrportal.-forprofessionals .elem_date_list > ul > li .body .tag ul li:first-child {
	background: #CC3D00;
	color: #fff;
}
.layout_hrportal .elem_date_list > ul > li .body p {
	color: #484848;
}
.layout_hrportal .elem_content_divide_block .elem_text_list.right {
	text-align: right;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal .elem_date_list > ul > li {
		padding: 15px 0;
	}
	.layout_hrportal .elem_date_list > ul > li .body .tag ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.layout_hrportal .elem_date_list > ul > li .body .tag ul li {
		padding: 4px 15px;
	}
}

/*
-------------------------------
-- hrportal body
-------------------------------
*/

.layout_hrportal {
	color: #484848;
}

/*
-------------------------------
-- hrportal elem_heading
-------------------------------
*/

/* lv1 */

.layout_hrportal #elem_heading_lv1 h1::before {
	background: url(https://www.jetro.go.jp/library/hrportal/img/kumo_icon_blue.png) no-repeat center / contain;
}
.layout_hrportal.-forprofessionals #elem_heading_lv1 h1::before {
	background-image: url(https://www.jetro.go.jp/library/hrportal/img/kumo_icon_orange.png);
}

/* lv2 */

.layout_hrportal .elem_heading_lv2 h2,
.layout_hrportal .elem_heading_lv2 h3,
.layout_hrportal .elem_heading_lv2 h4,
.layout_hrportal .elem_heading_lv2 h5 {
	padding-bottom: 25px;
	color: #2C3E50;
	font-weight: 500;
}
.layout_hrportal .elem_heading_lv2 h2::before,
.layout_hrportal .elem_heading_lv2 h3::before,
.layout_hrportal .elem_heading_lv2 h4::before,
.layout_hrportal .elem_heading_lv2 h5::before {
	width: 42px;
	height: 14px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/kumo_icon_blue.png) no-repeat center / contain;
}
.layout_hrportal.-forprofessionals .elem_heading_lv2 h2::before,
.layout_hrportal.-forprofessionals .elem_heading_lv2 h3::before,
.layout_hrportal.-forprofessionals .elem_heading_lv2 h4::before,
.layout_hrportal.-forprofessionals .elem_heading_lv2 h5::before {
	background-image: url(https://www.jetro.go.jp/library/hrportal/img/kumo_icon_orange.png);
}

/* lv3 */

.layout_hrportal .elem_heading_lv3 h2,
.layout_hrportal .elem_heading_lv3 h3,
.layout_hrportal .elem_heading_lv3 h4,
.layout_hrportal .elem_heading_lv3 h5,
.layout_hrportal .elem_heading_lv3 h2 a,
.layout_hrportal .elem_heading_lv3 h3 a,
.layout_hrportal .elem_heading_lv3 h4 a,
.layout_hrportal .elem_heading_lv3 h5 a {
	color: #2C3E50;
}
.layout_hrportal .elem_heading_lv3 h2::before,
.layout_hrportal .elem_heading_lv3 h3::before,
.layout_hrportal .elem_heading_lv3 h4::before,
.layout_hrportal .elem_heading_lv3 h5::before {
	background: #2C3E50;
}

/* h4 */

.layout_hrportal .elem_heading_lv4 h2,
.layout_hrportal .elem_heading_lv4 h3,
.layout_hrportal .elem_heading_lv4 h4,
.layout_hrportal .elem_heading_lv4 h5,
.layout_hrportal .elem_heading_lv4 h2 a,
.layout_hrportal .elem_heading_lv4 h3 a,
.layout_hrportal .elem_heading_lv4 h4 a,
.layout_hrportal .elem_heading_lv4 h5 a {
	color: #2C3E50;
}

/*
-------------------------------
-- hrportal elem_text_list
-------------------------------
*/

.layout_hrportal .elem_text_list > ul > li > a {
	color: #2C3E50;
}

/*
-------------------------------
-- hrportal elem_paragraph
-------------------------------
*/

.layout_hrportal .elem_column_block > .elem_column_block_pad {
	border-top-color: #2C3E50;
}
.layout_hrportal.-forprofessionals .elem_column_block > .elem_column_block_pad {
    border-top-color: #CC3D00;
}

/*
-------------------------------
-- hrportal table
-------------------------------
*/

.layout_hrportal table.var_there_boder th.center,
.layout_hrportal table.var_there_boder td.center {
  text-align: center;
}

/*
-------------------------------
-- hrportal js
-------------------------------
*/

.js-tab-number-area .pbNestedWrapper {
      display: none;
}
.js-tab-number-area .pbNestedWrapper.active {
      display: block;
}

/*
-------------------------------
-- hrportal elem_divide_content
-------------------------------
*/

.layout_hrportal .elem_divide_content__tag ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 25px 0 8px;
}
.layout_hrportal .elem_divide_content__tag li {
	padding: 3px 15px;
	border: 1px solid #005EFA;
	color: #005EFA;
	border-radius: 20px;
	font-size: 14px;
}
.layout_hrportal.-forprofessionals .elem_divide_content__tag li {
	color: #CC3D00;
	border-color: #CC3D00;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal .elem_divide_content__tag li {
		padding: 4px 9px;
		font-size: 12px;
	}
}

/*
-------------------------------
-- hrportal linkBox
-------------------------------
*/

.layout_hrportal .linkBox a {
	padding: 5px 35px 7px 30px;
	min-width: auto;
	background: #005EFA;
	font-weight: bold;
	box-shadow: none;
}
.layout_hrportal .linkBox a:hover {
	background: #0249bf;
	transition: background .25s;
}

.layout_hrportal.-forprofessionals .linkBox a {
	background: #CC3D00;
}
.layout_hrportal.-forprofessionals .linkBox a:hover {
	background: #D66433;
}

.layout_hrportal .linkBox .var_search {
	min-width: auto;
	min-height: 44px;
	padding: 5px 30px 7px 50px;
	box-shadow: none;
	font-weight: bold;
	background-color: #005EFA;
	background-size: 20px;
	background-position: 20px center;
}
.layout_hrportal .linkBox .var_search:hover {
	background-color: #0249bf;
	background-size: 20px;
	background-position: 20px center;
	transition: background .25s;
}
.layout_hrportal .linkBox .var_search::after {
	display: none;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal .linkBox {
		text-align: center;
	}
	.layout_hrportal .linkBox a {
		width: auto;
		display: inline-flex;
		min-width: 224px;
		min-height: 56px;
		font-weight: bold;
		line-height: 1.2;
	}
	.layout_hrportal .linkBox a::after {
		right: 15px;
	}
	.layout_hrportal .linkBox .var_search {
		display: inline-flex;
		width: auto;
		min-width: 224px;
		min-height: 56px;
		margin-top: 20px;
		padding: 5px 50px 7px 70px;
		background-position: 45px center;
	}
	.layout_hrportal .linkBox .var_search:hover {
		background-position: 45px center;
	}
}

/*
-------------------------------
-- hrportal elem_text_list
-------------------------------
*/

.layout_hrportal .elem_text_list ul.var_border_bottom.var_border_top {
    border-top: 1px solid #dcdcdc;
}
.layout_hrportal .elem_text_list ul.var_border_bottom.var_border_top > li {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 9px;
    padding-top: 9px;
    margin-bottom: 0;
}

/*
-------------------------------
-- hrportal inquiry
-------------------------------
*/

.hrportal_inquiry > div {
	position: relative;
	max-width: 1000px;
	margin: auto;
	padding: 120px 0 0;
}
.hrportal_inquiry section {
	padding: 40px;
	background: #F2F7FE;
	border-radius: 16px;
}
.layout_hrportal.-forprofessionals .hrportal_inquiry section {
	background: #FFF6F2;
}
.hrportal_inquiry .elem_heading_lv2 {
	margin-top: 0;
}
.hrportal_inquiry .hrportal_inquiry__item {
	display: flex;
	justify-content: space-between;
}
.hrportal_inquiry .hrportal_inquiry__item +.hrportal_inquiry__item  {
	margin-top: 35px;
	padding-top: 45px;
	border-top: 2px solid rgba(72,72,72,.1);
}
.hrportal_inquiry .hrportal_inquiry__txt {
	width: 426px;
}
.hrportal_inquiry .hrportal_inquiry__head h3 {
	font-size: 24px;
	font-weight: bold;
}
.hrportal_inquiry .hrportal_inquiry__foot {
	margin-top: 15px;
}
.hrportal_inquiry .hrportal_inquiry__foot strong {
	font-size: 18px;
}
.hrportal_inquiry .hrportal_inquiry__btn {
	margin-top: 40px;
	width: 440px;
}
.hrportal_inquiry .hrportal_inquiry__btn a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 80px;
	padding: 5px 40px 7px;
	background: #005EFA;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border-radius: 50px;
	box-sizing: border-box;
	text-decoration: none;
}
.hrportal_inquiry .hrportal_inquiry__btn a:hover {
	background: #0249bf;
	transition: background .25s;
}
.layout_hrportal.-forprofessionals .hrportal_inquiry .hrportal_inquiry__btn a {
	background: #CC3D00;
}
.layout_hrportal.-forprofessionals .hrportal_inquiry .hrportal_inquiry__btn a:hover {
	background: #D66433;
}
.hrportal_inquiry .hrportal_inquiry__btn a::after {
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background: url(https://www.jetro.go.jp/library/common/img/icon/arrow-right-white.svg) 0 0 no-repeat;
	background-size: 15px 15px;
}
.hrportal_inquiry .hrportal_inquiry__box {
	display: flex;
	align-items: center;
	flex-flow: column;
	width: 440px;
	padding: 25px;
	background: #fff;
	border-radius: 8px;
	box-sizing: border-box;
}
.hrportal_inquiry .hrportal_inquiry__box a {
	padding-left: 35px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/icon_inquiry_tel.png) no-repeat left 16px;
	font-size: 32px;
	color: #333;
	text-decoration: none;
}
.hrportal_inquiry .hrportal_inquiry__box p {
	margin-top: 5px;
	font-size: 14px;
}

@media only screen and (max-width: 640px) {
	.hrportal_inquiry > div {
		padding: 60px 0 0;
	}
	.hrportal_inquiry section {
		padding: 40px 20px 30px;
	}
	.hrportal_inquiry .hrportal_inquiry__item {
		flex-flow: column;
	}
	.hrportal_inquiry .hrportal_inquiry__item +.hrportal_inquiry__item  {
		padding-top: 20px;
	}
	.hrportal_inquiry .hrportal_inquiry__txt {
		width: 100%;
	}
	.hrportal_inquiry .hrportal_inquiry__head h3 {
		font-size: 20px;
		text-align: center;
	}
	.hrportal_inquiry .hrportal_inquiry__foot {
		margin-top: 10px;
	}
	.hrportal_inquiry .hrportal_inquiry__foot strong {
		font-size: 16px;
	}
	.hrportal_inquiry .hrportal_inquiry__btn {
		margin-top: 30px;
		width: 100%;
	}
	.hrportal_inquiry .hrportal_inquiry__btn a {
		min-height: 56px;
		font-size: 16px;
	}
	.hrportal_inquiry .hrportal_inquiry__box {
		width: 100%;
		margin-top: 25px;
		padding: 15px 25px 20px;
	}
	.hrportal_inquiry .hrportal_inquiry__box a {
		padding-left: 30px;
		background-position: left 10px;
		background-size: 15px;
		font-size: 24px;
	}
}

/*
-------------------------------
-- hrportal top
-------------------------------
*/

/* pagetitle */

.layout_hrportal .comp_pagetitle_with_photo.var_top {
	margin-bottom: 0;
	border-bottom: 0;
}
.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_img_container {
	overflow: hidden;
	width: calc(50% + 175px);
	left: calc(50% - 175px);
	right: auto;
	transform: translate(0%, -50%);
	border-radius: 0 0 0 20px;
}
.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_txt_container {
	margin-bottom: 40px;
}
.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_txt_container::after {
	display: none;
}
.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_txt_container h1 {
	font-size: 56px;
	color: #2C3E50;
	text-shadow: 0 1.5px 1.5px #fff, 0 0 1.5px #fff, 1.5px 0 1.5px #fff, 0 -1.5px 1.5px #fff, -1.5px -1.5px 1.5px #fff, -1.5px 0 1.5px #fff;
	line-height: 1.4;
}
.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_txt_container p {
	margin-top: 20px;
	color: #2C3E50;
	text-shadow: 0 1.5px 1.5px #fff, 0 0 1.5px #fff, 1.5px 0 1.5px #fff, 0 -1.5px 1.5px #fff, -1.5px -1.5px 1.5px #fff, -1.5px 0 1.5px #fff;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal #area0 {
		padding: 0;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_top {
		padding:  0 40px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_top > div {
		height: 346px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_img_container {
		width: calc(50% + 100px);
		left: calc(50% - 100px);
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_img_container img {
		height: 346px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_txt_container {
		margin-bottom: 80px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_txt_container h1 {
		font-size: 30px;
		color: #333;
		line-height: 1.2;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_top .comp_pagetitle_with_photo_txt_container p {
		margin-top: 10px;
		color: #333;
		font-size: 16px;
	}
}

/* pro */

.hrportal_top_pro {
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_2_blue.png) no-repeat calc(50% + 587px) bottom;
}
.hrportal_top_pro > div {
	position: relative;
	display: flex;
	gap: 20px 64px;
	max-width: 1000px;
	margin: auto;
	padding: 130px 0 0;
}
.hrportal_top_pro > div::before {
	content: '';
	position: absolute;
	left: -380px;
	top: -272px;
	width: 666px;
	height: 666px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_1_blue.png) no-repeat center;
	pointer-events: none;
}
.hrportal_top_pro > div.pb-handle::before {
	display: none;
}
.hrportal_top_pro > div::after {
	display: none;
}
.hrportal_top_pro .elem_heading_lv2 {
	margin-top: 0;
}
.hrportal_top_pro .hrportal_top_pro__l,
.hrportal_top_pro .hrportal_top_pro__r {
	position: relative;
	z-index: 1;
	flex: 1;
}
.hrportal_top_pro .hrportal_top_pro__card:not(:first-child) {
	margin-top: 80px;
}
.hrportal_top_pro .hrportal_top_pro__card a {
	overflow: hidden;
	position: relative;
	display: block;
	border-radius: 16px;
}
.hrportal_top_pro .hrportal_top_pro__card a:hover {
 	opacity: .8;
 	transition: opacity .25s;
}
.hrportal_top_pro .hrportal_top_pro__img img {
	max-width: 100%;
}
.hrportal_top_pro .hrportal_top_pro__txt {
	position: absolute;
	z-index: 1;
	bottom: 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 100%;
	min-height: 110px;
	padding: 20px 100px 20px 40px;
	background: #CC3D00;
	color: #fff;
	box-sizing: border-box;
}
.hrportal_top_pro .hrportal_top_pro__r .hrportal_top_pro__txt {
	background: #005EFA;
}
.hrportal_top_pro .hrportal_top_pro__txt::before,
.hrportal_top_pro .hrportal_top_pro__txt::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.hrportal_top_pro .hrportal_top_pro__txt::before {
	right: 25px;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.hrportal_top_pro .hrportal_top_pro__txt::after {
	right: 52px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	transition: all .3s;
}
.hrportal_top_pro .hrportal_top_pro__head p {
    font-size: 12px;
}
.hrportal_top_pro .hrportal_top_pro__body {
    font-size: 26px;
}

@media only screen and (max-width: 640px) {
	.hrportal_top_pro {
		margin: 0 -3.75%!important;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_2.png) no-repeat calc(100% + 40px) bottom / 236px 244px;
	}
	.hrportal_top_pro > div {
		flex-flow: column;
		padding: 100px 3.75% 55px;
	}
	.hrportal_top_pro > div::before {
		left: -165px;
		top: -265px;
		width: 340px;
		height: 340px;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_1.png) no-repeat center / contain;
	}
	.hrportal_top_pro .hrportal_top_pro__card:not(:first-child) {
		margin-top: 30px;
	}
	.hrportal_top_pro .hrportal_top_pro__txt {
		min-height: 86px;
		padding: 18px 80px 18px 20px;
	}
	.hrportal_top_pro .hrportal_top_pro__txt::before {
		width: 44px;
		height: 44px;
	}
	.hrportal_top_pro .hrportal_top_pro__txt::after {
		right: 46px;
		width: 5px;
		height: 5px;
		border-width: 1px;
	}
	.hrportal_top_pro .hrportal_top_pro__body {
	    font-size: 22px;
	}
}

/* news */

.hrportal_top_news {
	margin-top: 50px;
	margin-bottom: 60px;
}

@media only screen and (max-width: 640px) {
	.hrportal_top_news {
		margin: 0 -3.75%!important;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_3.png) no-repeat -65px calc(100% - 40px) / 236px 243px;
	}
	.hrportal_top_news > div {
		padding: 0 3.75% 105px;
	}
}

/* why */

.hrportal_top_why p {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 390px;
	background: #D9D9D9;
	color: #fff;
	font-size: 60px;
	font-weight: bold;
}

/* service */

.hrportal_top_service {
	position: relative;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_3_blue.png) no-repeat calc(50% - 536px) 90px;
}
.hrportal_top_service::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 380px;
	bottom: 0;
	width: 100%;
	height: calc(100% - 380px);
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_ami.png) center #F5F5F5;
	border-radius: 0 90px 90px 0;
}
.hrportal_top_service > div {
	position: relative;
	max-width: 1000px;
	margin: auto;
	padding: 25px 0 30px;
}
.hrportal_top_service > div > div {
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 640px) {
	.hrportal_top_service {
		margin: 0 -3.75%!important;
	}
	.hrportal_top_service::before {
		top: 320px!important;
		height: calc(100% - 320px);
		border-radius: 0 20px 20px 0;
	}
	.hrportal_top_service > div {
		padding: 30px 3.75% 40px;
	}
}

/*
-------------------------------
-- hrportal forcompanies
-------------------------------
*/

/* pagetitle */

.layout_hrportal .comp_pagetitle_with_photo.var_index {
	margin-bottom: 0;
}
.layout_hrportal .comp_pagetitle_with_photo.var_index .comp_pagetitle_with_photo_txt_container {
	margin-bottom: 70px;
}
.layout_hrportal .comp_pagetitle_with_photo.var_index .comp_pagetitle_with_photo_txt_container::after {
	display: none;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal .comp_pagetitle_with_photo.var_index .comp_pagetitle_with_photo_txt_container {
		margin-bottom: 45px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_index > div {
		height: 245px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_index .comp_pagetitle_with_photo_img_container img {
		height: 245px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_index .comp_pagetitle_with_photo_txt_container h1 {
		font-size: 30px;
	}
}

/* forcompanies */

div.hrportal_forcompanies {
	overflow: hidden!important;
	position: relative;
	z-index: 1;
	margin-top: -90px;
	border-radius: 0 100px 0 0;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_2_blue.png) no-repeat calc(50% + 545px) 130px #fff;
}
.hrportal_forcompanies::before,
.hrportal_forcompanies::after {
	content: '';
	position: absolute;
	pointer-events: none;
}
.hrportal_forcompanies::before {
	left: calc(50% - 890px);
	top: -400px;
	width: 666px;
	height: 666px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_4_blue.png) no-repeat center;
}
.hrportal_forcompanies::after {
	left: calc(50% - 737px);
	bottom: -12px;
	width: 427px;
	height: 426px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_3_blue.png) no-repeat center;
}
.hrportal_forcompanies > div {
	position: relative;
	z-index: 1;
	max-width: 1000px;
	margin: auto;
	padding: 62px 0 20px;
}

@media only screen and (max-width: 640px) {
	div.hrportal_forcompanies {
		margin: -45px -3.75% 0!important;
		border-radius: 0 40px 0 0;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_2.png) no-repeat calc(100% + 30px) 367px / 236px 244px #fff;
	}
	.hrportal_forcompanies::before {
		left: -160px;
		top: -154px;
		width: 340px;
		height: 340px;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_1.png) no-repeat center / contain;
	}
	.hrportal_forcompanies::after {
		left: -160px;
		top: 1505px;
		width: 340px;
		height: 340px;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_4.png) no-repeat center / contain;
	}
	.hrportal_forcompanies > div {
		padding: 44px 3.75% 20px;
	}
}

/* forcompanies_success */

.hrportal_forcompanies_success {
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_ami.png) center #F5F5F5;
	border-radius: 0 90px 90px 0;
}
.hrportal_forcompanies_success > div {
	max-width: 1000px;
	margin: auto;
	padding: 10px 0 30px;
}

@media only screen and (max-width: 640px) {
	.hrportal_forcompanies_success {
		margin: 0 -3.75%!important;
		border-radius: 0 20px 20px 0;
	}
	.hrportal_forcompanies_success > div {
		padding: 10px 3.75% 20px;
	}
}

/* forcompanies_opf */

div.hrportal_forcompanies_opf {
	overflow: hidden!important;
	position: relative;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_2_blue.png) no-repeat calc(50% + 630px) 730px #fff;
}
.hrportal_forcompanies_opf::before,
.hrportal_forcompanies_opf::after {
	content: '';
	position: absolute;
	pointer-events: none;
}
.hrportal_forcompanies_opf::before {
	left: calc(50% - 890px);
	top: 70px;
	width: 666px;
	height: 666px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_4_blue.png) no-repeat center;
}
.hrportal_forcompanies_opf::after {
	left: calc(50% - 725px);
	top: 1155px;
	width: 427px;
	height: 426px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_3_blue.png) no-repeat center;
}
.hrportal_forcompanies_opf > div {
	position: relative;
	z-index: 1;
	max-width: 1000px;
	margin: auto;
	padding: 20px 0 0;
}

@media only screen and (max-width: 640px) {
	div.hrportal_forcompanies_opf {
		margin: 0 -3.75%!important;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_5.png) no-repeat calc(50% + 104px) 996px / 236px 244px;
	}
	.hrportal_forcompanies_opf::before {
		left: -160px;
		top: 62px;
		width: 340px;
		height: 340px;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_4.png) no-repeat center / contain;
	}
	.hrportal_forcompanies_opf::after {
		left: -160px;
		top: 1478px;
		width: 340px;
		height: 340px;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_blue_4.png) no-repeat center / contain;
	}
	.hrportal_forcompanies_opf > div {
		padding: 10px 3.75% 0;
	}
}

/* forcompanies_news */

@media print, screen and (min-width: 641px) {
	.hrportal_forcompanies_news .elem_content_divide_block_pad.content_divide_col2_3_7 > div {
		display: flex;
		flex-wrap: wrap;
	}
	.hrportal_forcompanies_news .elem_content_divide_block_pad.content_divide_col2_3_7 {
		margin-left: -30px;
	}
 	.hrportal_forcompanies_news .elem_content_divide_block_pad.content_divide_col2_3_7 .elem_content_divide_box {
		margin-top: 40px;
		margin-left: 30px;
		box-sizing: border-box;
	}
	.hrportal_forcompanies_news .elem_content_divide_block_pad.content_divide_col2_3_7 .elem_content_divide_box:nth-child(1) {
		width: calc(30% - 30px);
	}  
	.hrportal_forcompanies_news .elem_content_divide_block_pad.content_divide_col2_3_7 .elem_content_divide_box:nth-child(2) {
		width: calc(70% - 30px);
	}
	.hrportal_forcompanies_news .elem_heading_lv2 {
		margin-top: 0;
	}
}

@media only screen and (max-width: 640px) {
	.hrportal_forcompanies_news .elem_content_divide_block_pad.content_divide_col2_3_7 .elem_text_list ul {
	    justify-content: flex-start;
	}
	 .layout_hrportal .hrportal_forcompanies_news .elem_text_list.var_tag > ul > li span {
		padding: 4px 15px;
		font-size: 12px;
	}
}

/*
-------------------------------
-- hrportal events
-------------------------------
*/

/* pagetitle */

.layout_hrportal .comp_pagetitle_with_photo.var_detail {
	margin-bottom: 0;
}
.layout_hrportal .comp_pagetitle_with_photo.var_detail > div {
	height: 310px;
}
.layout_hrportal .comp_pagetitle_with_photo.var_detail .comp_pagetitle_with_photo_img_container img {
	height: 310px;
}
.layout_hrportal .comp_pagetitle_with_photo.var_detail .comp_pagetitle_with_photo_txt_container::after {
	display: none;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal .comp_pagetitle_with_photo.var_detail > div {
		height: 197px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_detail .comp_pagetitle_with_photo_img_container img {
		height: 197px;
	}
	.layout_hrportal .comp_pagetitle_with_photo.var_detail .comp_pagetitle_with_photo_txt_container h1 {
		font-size: 30px;
	}
}

/* section */

.hrportal_events > div {
	max-width: 1000px;
	margin: auto;
	padding: 50px 0 0;
}

@media only screen and (max-width: 640px) {
	.hrportal_events > div {
		padding: 40px 0 0;
	}
}

/* description */

@media only screen and (max-width: 640px) {
	.hrportal_description p.center {
		text-align: left!important;
	}
}

/* list */

.hrportal_events__list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 5px 35px;
	font-weight: bold;
}
.hrportal_events__list ul li {
	position: relative;
	padding-left: 23px;
	font-size: 16px;
}
.hrportal_events__list li::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 7px;
	height: 7px;
	border-top: 2px solid #005EFA;
	border-right: 2px solid #005EFA;
	transform: rotate(45deg);
	transition: all .3s;
}
.hrportal_events__list li a {
	color: #005EFA;
	text-decoration: none;
}
.hrportal_events__list li a:hover {
	text-decoration: underline;
}

/* search */

.layout_hrportal .elem_column_block > .elem_column_block_pad.color_base {
	padding: 40px 50px 30px;
	background: #F2F7FE;
	box-shadow: none;
	border-radius: 16px;
}
.layout_hrportal .elem_column_block .elem_linkBox_list > ul {
	margin-bottom: 0;
}
.layout_hrportal .form_set > dl > dt {
	min-width: 85px;
	font-size: 16px;
	margin-right: 0;
	padding-right: 15px;
}
.layout_hrportal .form_select__input.var_size_m {
	width: 238px;
}
.layout_hrportal .form_text__input.var_size_l {
	width: 480px;
}
.layout_hrportal .form_checkbox > ul > li label input + span:has(img) {
	margin-right: 20px;
}
.layout_hrportal .form_checkbox > ul > li label input + span img {
	margin: 0 10px 0 5px;
}
.layout_hrportal .form_checkbox > ul > li label input[type=checkbox] + span::before {
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 2px;
}
.layout_hrportal .form_checkbox > ul > li label input[type=checkbox]:checked + span::before {
	background: #005EFA;
}
.layout_hrportal .form_checkbox > ul > li label input[type=checkbox]:checked + span::after {
	content: '';
	position: absolute;
	top: 4px;
	left: -22px;
	width: 4px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
}
.layout_hrportal .form_select__input select {
	height: 30px;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	background: url(https://www.jetro.go.jp/library/hrportal/img/icon_selectbox_arrow.png) no-repeat right center #fff!important;
	font-size: 12px;
	line-height: 30px;
}
.layout_hrportal .form_select.var_liner .form_select__holder .form_select__item + .form_select__item {
	margin: 0;
}
.layout_hrportal .form_text__input input {
	height: 30px;
	border: none;
	font-size: 12px;
	line-height: 30px;
}
.layout_hrportal .form_checkbox > ul > li label input[type=radio] + span::before {
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #005EFA;
}
.layout_hrportal .form_checkbox > ul > li label input[type=radio]:checked + span::after {
	content: '';
	position: absolute;
	top: 7px;
	left: -24px;
	width: 10px;
	height: 10px;
	background: #005EFA;
	border-radius: 50%;
}
.layout_hrportal .elem_more {
	margin: 30px 0;
}
.layout_hrportal .elem_more .more_button {
	display: inline-block;
	position: relative;
	padding-right: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #005EFA;
	cursor: pointer;
}
.layout_hrportal .elem_more .more_button::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	width: 24px;
	height: 24px;
	background: #005EFA;
	border-radius: 50%;
}
.layout_hrportal .elem_more .more_button input {
	display: none;
}
.layout_hrportal .elem_more .more_button span::before,
.layout_hrportal .elem_more .more_button span::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 8px;
	width: 8px;
	height: 1px;
	background: #fff;
}
.layout_hrportal .elem_more .more_button span::after {
	transform: rotate(90deg);
}
.layout_hrportal .elem_more .more_button span.open::after {
	display: none;
}
.layout_hrportal .elem_more .more {
	display: none;
	margin-top: 30px;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal .elem_column_block > .elem_column_block_pad.color_base {
		margin: 0;
		padding: 35px 20px 40px;
		border-radius: 8px;
	}
	.layout_hrportal .form_set:not(:first-child) {
		margin-top: 30px;
	}
	.layout_hrportal .form_set dl {
		display: flex;
		align-items: flex-start;
	}
	.layout_hrportal .form_set > dl > dt {
		min-width: 95px;
	}
	.layout_hrportal .form_select__input.var_size_m,
	.layout_hrportal .form_text__input.var_size_l {
		width: 100%;
		max-width: none;
		margin-right: 0;
	}
	.layout_hrportal .form_checkbox > ul.liner {
		font-size: 16px;
	}
	.layout_hrportal .form_checkbox > ul.liner > li {
		margin-bottom: 15px;
	}
	.layout_hrportal .form_checkbox > ul > li label input + span img {
		margin: 0 10px 0 2px;
	}
	.layout_hrportal .form_checkbox > ul > li label input[type=checkbox] + span::before {
		top: 3px;
		left: -28px;
		border: 1px solid rgba(0,94,250,.2);
		box-sizing: border-box;
	}
	.layout_hrportal .form_select__item {
		flex-wrap: wrap;
		width: 100%;
	}
	.layout_hrportal .form_select__item .prefix_text {
		font-size: 16px;
	}
	.layout_hrportal .form_select__holder.-region {
	    gap: 15px;
	}
	.layout_hrportal .form_select__holder.-region .form_select__item {
	    width: 100%;
	}
	.layout_hrportal .form_select__holder.-region .form_select__input {
		flex: 1;
		margin-right: 0;
	}
	.layout_hrportal .form_select__input select {
		border: 1px solid rgba(0,94,250,.2);
	}
	.layout_hrportal .form_select__holder.-period .form_select__dateset {
		width: 100%;
		gap: 10px;
	}
	.layout_hrportal .form_select__holder.-period .form_select__item {
		flex: 1;
	}
	.layout_hrportal .form_select__holder.-period .form_select__input {
		margin: 0;
		max-width: none;
	}
	.layout_hrportal .form_select__holder.-period .form_select__dateset_m {
		width: 100%;
		text-align: center;
		margin: 10px;
	}
	.layout_hrportal .form_select__holder.-period .form_select__dateset_m p {
		transform: rotate(90deg);
		pointer-events: none;
	}
	.layout_hrportal .form_text__input input {
		border: 1px solid rgba(0,94,250,.2);
	}
	.layout_hrportal .elem_separate.var_thin_pad {
		margin-top: 30px;
	}
	.layout_hrportal .form_checkbox > ul > li label input[type=radio] + span::before {
		left: -28px;
	}
	.layout_hrportal .form_checkbox > ul > li label input[type=radio]:checked + span::after {
		top: 6px;
	}
}

/* event */

.hrportal_events__event #open_all {
	text-align: right;
}
.hrportal_events__event #open_all a {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	padding: 6px 34px 6px 18px;
	background: #005EFA;
	color: #fff;
	font-weight: bold;
	border-radius: 50px;
	text-decoration: none;
}
.hrportal_events__event #open_all a:hover {
	background: #0249bf;
	transition: background .25s;
}
.hrportal_events__event #open_all a::before {
	content: '';
	position: absolute;
	top: -1px;
	bottom: 0;
	margin: auto;
	right: 13px;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	transition: all .3s;
}
.hrportal_events__event .elem_table_basic {
	overflow: hidden;
	border-radius: 15px 15px 0 0;
	margin-bottom: 0;
}
.hrportal_events__event .width16r {
	width: 16%;
}
.hrportal_events__event .width25r {
	width: 25%;
}
.hrportal_events__event .elem_table_basic th,
.hrportal_events__event .elem_table_basic td {
	font-size: 16px;
}
.hrportal_events__event div.elem_table_basic table.elem_table_basic > thead > tr > th {
	background: #005EFA;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border: none;
	padding: 17px 15px;
}
.hrportal_events__event .detail1 {
	position: relative;
	display: flex;
	gap: 0 60px;
	padding-left: 30px;
}
.hrportal_events__event .detail1 div {
	flex: 1;
}
.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr > th,
.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr > td {
	padding: 25px 20px;
	border: none;
	background: none;
}
.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr:nth-child(even) {
	background: #F2F7FE;
}
.hrportal_events__event .event_subject span:not(:first-child) {
	margin-top: 5px;
}
.hrportal_events__event .event_subject span {
	display: flex;
	align-items: center;
	gap: 3px;
	white-space: nowrap;
}
.hrportal_events__event .event_subject span.company {
    color: #005efa;
}
.hrportal_events__event .event_subject span.talent {
	color: #cc3d00;
}
.hrportal_events__event .event_subject img {
	width: 46px;
	height: 20px;
}
.hrportal_events__event .event_name a {
	color: #005EFA;
	text-decoration: none;
}
.hrportal_events__event .event_name a:hover {
	text-decoration: underline;
}
.hrportal_events__event .event_name .icon_external {
	margin-top: 5px;
}
.hrportal_events__event .arrow {
	position: absolute;
	left: -5px;
	width: 22px;
}
.hrportal_events__event .arrow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border-top: 3px solid #005EFA;
	border-left: 3px solid #005EFA;
	transform: rotate(-135deg);
}
.hrportal_events__event .arrow.open::before {
	top: 10px;
    border-bottom: 3px solid #006ec8;
    border-right: 3px solid #006ec8;
    border-top: none;
    border-left: none;
}
.hrportal_events__event .arrow span {
	margin-left: -9999px;
}
.hrportal_events__event .label {
	text-align: center;
}
.hrportal_events__event .label ul {
	display: inline-flex;
	flex-flow: column;
	gap: 8px;
}
.hrportal_events__event .label li {
	padding: 2px 10px;
	font-size: 12px;
	color: #007A3D;
	border: 1px solid #007A3D;
	border-radius: 26px;
	min-width: 72px;
	box-sizing: border-box;
}
.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr > td.detail {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
.hrportal_events__event div.elem_table_basic .elem_column_block.detail2 {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #dcdcdc;
	font-size: 14px;
	background: #fff;
}
.hrportal_events__event div.elem_table_basic .elem_column_block.detail2 .elem_column_block_pad {
	padding: 0;
	border: none;
	box-shadow: none;
}
.hrportal_events__event .elem_table_basic tr td .elem_text_list_note dl {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	font-size: 14px;
}
.hrportal_events__event .elem_table_basic tr td .elem_text_list_note dl dt {
	width: 80px;
	font-size: 14px;
}
.hrportal_events__event .elem_table_basic tr td .elem_text_list_note dl dd {
	width: calc(100% - 85px);
	font-size: 14px;
}

@media only screen and (max-width: 640px) {
	.hrportal_events__event #open_all {
		display: none;
	}
	.hrportal_events__event #open_all a::before {
		right: 20px;
	}
	.hrportal_events__event div.elem_table_basic {
		border-radius: 0;
		border: none!important;
	}
	.hrportal_events__event div.elem_table_basic table.elem_table_basic > thead > tr {
		display: none;!importan;
	}
	.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr:not(:first-child) {
		margin-top: 20px;
	}
	.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr {
		overflow: hidden;
		display: block;
		border: 1px solid #EDEDED;
		border-radius: 16px;
	}
	
    .hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr.not-fund {
        border: none;
        border-radius: 0px;
    }
    .hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr.not-fund > th {
        border-bottom: none;
    }

	.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr:nth-child(even) {
		background: #fff;
	}
	.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr > th,
	.hrportal_events__event .detail1 > div {
		display: flex;
		padding: 0;
		border-bottom: 1px solid #EDEDED;
		font-size: 14px;
	}
	.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr > th > span:first-child,
	.hrportal_events__event .detail1 span:first-child,
	.hrportal_events__event .elem_table_basic tr td .elem_text_list_note dl dt {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 83px;
		background: #F2F7FE;
		color: #005EFA;
		font-weight: bold;
		font-size: 12px;
	}
	.hrportal_events__event div.elem_table_basic table.elem_table_basic > tbody > tr > th > span + *,
	.hrportal_events__event .detail1 span:first-child + *,
	.hrportal_events__event .elem_table_basic tr td .elem_text_list_note dl dd {
		width: calc(100% - 83px);
		padding: 17px 15px;
		box-sizing: border-box;
	}
	.hrportal_events__event .event_subject {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}
	.hrportal_events__event .event_subject span:not(:first-child) {
		margin-top: 0;
	}
	.hrportal_events__event .event_subject span {
		display: flex;
		align-items: center;
		gap: 3px;
		white-space: nowrap;
	}
	.hrportal_events__event .event_subject img {
		width: auto;
		height: 16px;
		margin-right: 4px;
	}
	.hrportal_events__event tr .event_name .icon_external {
		margin-top: 4px;
	}
	.hrportal_events__event .label ul {
		flex-flow: wrap;
	}
	.hrportal_events__event tr td.detail {
		padding: 0!important;
		border: none!important;
	}
	.hrportal_events__event .detail1 {
		display: block;
		padding: 0;
	}
	.hrportal_events__event .arrow {
		display: none!important;
	}
	.hrportal_events__event div.elem_table_basic .elem_column_block.detail2 {
		display: block!important;
		margin: 0;
		padding: 0;
		border: none;
	}
	.hrportal_events__event .elem_table_basic tr td .elem_text_list_note dl {
		gap: 0;
	}
	.hrportal_events__event .elem_table_basic tr td .elem_text_list_note dl dt:not(:last-of-type),
	.hrportal_events__event .elem_table_basic tr td .elem_text_list_note dl dd:not(:last-of-type) {
		border-bottom: 1px solid #EDEDED;
	}
}

/*
-------------------------------
-- hrportal company
-------------------------------
*/

.hrportal_company_form .form_checkbox > ul > li label input + span:has(img) {
	margin: 0;
}
.hrportal_company_form .form_checkbox > ul > li label input[type=checkbox] + span::before {
	top: 3px;
	left: -28px;
	border: 1px solid rgba(0,94,250,.2);
	box-sizing: border-box;
}
.hrportal_company_form .form_select__input select {
	border: 1px solid rgba(0,94,250,.2);
}
.hrportal_company_form .form_text__input input {
	border: 1px solid rgba(0,94,250,.2);
}

@media only screen and (max-width: 640px) {
	.hrportal_company_form .elem_paragraph {
		font-size: 16px;
	}
	.hrportal_company_form .elem_paragraph + .form_set {
		margin-top: 20px;
	}
	.hrportal_company_form .form_checkbox > ul > li label input + span:has(img) {
		margin: 0;
		display: flex;
		align-items: flex-start;
		font-weight: normal!important;
		line-height: 1.2;
	}
}

/* pagination */
.hrportal_company__list .elem_pagination_info {
	margin-bottom: 15px;
}

/* list */

.hrportal_company__list .elem_table_basic {
	overflow: hidden;
	border-radius: 15px 15px 0 0;
}
.hrportal_company__list .width20r {
	width: 20%;
}
.hrportal_company__list .width22r {
	width: 22%;
}
.hrportal_company__list .width27r {
	width: 27%;
}
.hrportal_company__list .elem_table_basic th a {
	color: #005EFA;
	text-decoration: none;
	font-weight: bold;
}
.hrportal_company__list .elem_table_basic th a:hover {
	text-decoration: underline;
}
.hrportal_company__list div.elem_table_basic table.elem_table_basic > thead > tr > th {
	background: #005EFA;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border: none;
	padding: 17px 15px;
}
.hrportal_company__list div.elem_table_basic table.elem_table_basic > thead > tr > th:has(.icon) {
	padding: 17px 0;
}
.hrportal_company__list .elem_table_basic .icon ul {
	display: flex;
}
.hrportal_company__list .elem_table_basic .icon li {
	position: relative;
	flex: 1;
	text-align: center;
}
.hrportal_company__list .elem_table_basic .icon li.off:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 60px;
	height: 2px;
	background: #707070;
	transform: rotate(45deg);
}
.hrportal_company__list .elem_table_basic .icon li.off img {
	filter: brightness(0) saturate(100%) invert(45%) sepia(3%) saturate(13%) hue-rotate(340deg) brightness(94%) contrast(81%);
}
.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > th,
.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > td {
	padding: 25px 20px;
	border: none;
	background: none;
}
.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr:nth-child(even) {
	background: #F2F7FE;
}
.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > th,
.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > th + td {
	vertical-align: middle;
}
.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > td:has(.icon) {
	padding: 25px 0;
}

@media only screen and (max-width: 640px) {
	.hrportal_company__list .elem_table_basic {
		padding: 0;	
	}
	.hrportal_company__list .elem_table_basic th a {
		font-weight: normal;
	}
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > thead {
		display: none;
	}
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr {
		overflow: hidden;
		display: block;
		margin-bottom: 25px;
		border: 1px solid #EDEDED;
		border-radius: 16px;
		background: #fff;
	}
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr:nth-child(even) {
		background: #fff;
	}
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > th {
		display: flex;
		padding: 0;
		font-size: 16px;
	}
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > td {
		display: flex;
		padding: 0;
		border-top: 1px solid #EDEDED;
		font-size: 14px;
		background: none;
	}
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > td:has(.icon) {
		padding: 0;
	}
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > th > span:first-child,
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > td > span {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 83px;
		background: #F2F7FE;
		color: #005EFA;
		font-weight: bold;
		font-size: 12px;
	}
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > th > span + *,
	.hrportal_company__list div.elem_table_basic table.elem_table_basic > tbody > tr > td > span + * {
		flex: 1;
		display: block;
		padding: 17px 15px;
	}
	.hrportal_company__list .elem_table_basic .icon ul {
		margin-top: 5px;
		gap: 15px;
	}
	.hrportal_company__list .elem_table_basic .icon li {
		flex: none;
		position: relative;
		color: #005EFA;
	}
	.hrportal_company__list .elem_table_basic .icon li.off {
		color: #707070;
	}
	.hrportal_company__list .elem_table_basic .icon li.off:after {
		top: 11px;
		bottom: auto;
		width: 45px;
	}
	.hrportal_company__list .elem_table_basic .icon li img {
		max-height: 26px;
	}
	.hrportal_company__list .elem_table_basic .icon li span {
		display: block;
		margin-top: 8px;
		font-weight: bold;
		font-size: 14px;
	}
}

/* pagination */

.layout_hrportal .elem_pagination ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px;
}
.layout_hrportal .elem_pagination li a {
	display:block;
	padding:10px 14px;
	color: #005EFA;
	border:1px solid #EDEDED;
	border-radius:4px;
	text-decoration: none;
	line-height: 1;
	transition: background .25s;
}
.layout_hrportal .elem_pagination li a:hover,
.layout_hrportal .elem_pagination li.current a {
	background:#EDEDED;
	color: #484848;
}

/* slider */

.layout_hrportal .comp_success_story_catalog__container {
	margin: 5px 0;
}
.layout_hrportal .comp_success_story_catalog__corporate p,
.layout_hrportal .comp_success_story_catalog__corporate h3 {
	color: #2C3E50;
	font-size: 16px;
	font-weight: bold;
}
.layout_hrportal .comp_success_story_catalog__detail {
	overflow: hidden;
}
.layout_hrportal .comp_success_story_catalog__detail p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.layout_hrportal .elem_swiper_block .swiper-pagination-bullet-active {
	background: #005EFA;
}
.layout_hrportal .elem_swiper_block .swiper-content-column3-pagination {
	margin-top: 15px;
	margin-bottom: 30px;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal  .elem_swiper_block .swiper-content-column3-btn-prev {
		left: 0;
	}
	.layout_hrportal  .elem_swiper_block .swiper-content-column3-btn-next {
		right: 0;
	}
}

/*
-------------------------------
-- hrportal Voice of senpai
-------------------------------
*/

@media print, screen and (min-width: 641px) {
	.elem_divide_content.var_col_pc3_sp1.hrportal_voices_panel > .elem_divide_content__holder {
		margin-left: 0;
		gap: 40px 25px;
	}
	.elem_divide_content.var_col_pc3_sp1.hrportal_voices_panel > .elem_divide_content__holder > .elem_divide_content__item {
		width: calc(33.33% - 25px + (25px / 3));
		margin: 0;
	}
}

.hrportal_voices_flex {
	display: flex;
	gap: 15px;
	border-top: 1px solid #dcdcdc;
}
.hrportal_voices_flex > .elem_paragraph {
	margin: unset;
	flex: 1;
}
.hrportal_voices_flex dt {
	padding: 10px 0;
	font-weight: bold;
}
.hrportal_voices_flex dl dl {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #efefef;
}
.hrportal_voices_flex dl dl dt,
.hrportal_voices_flex dl dl dd {
	border-bottom: 1px solid #efefef;
	box-sizing: border-box;
}
.hrportal_voices_flex dl dl dt {
	flex-basis: 20%;
}
.hrportal_voices_flex dl dl dd {
	flex-basis: 80%;
	padding: 10px 0 10px 10px;
}
.hrportal_voices_note dl {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 10px;
}
.hrportal_voices_note dt {
	width: 150px;
}
.hrportal_voices_note dd {
	width: calc(100% - 160px);
}
.hrportal_voices_note .cate {
	display: inline-block;
	min-width: 100px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
}
.hrportal_voices_note .cate.tag_blue {
	background: #006ec8;
}
.hrportal_voices_note .cate.tag_green {
	background: #006d00;
}

@media only screen and (max-width: 640px) {
	.hrportal_voices_note dl {
		gap: 0;
	}
	.hrportal_voices_note dt {
		margin: 30px 0 10px;
	}
	.hrportal_voices_note dd {
		width: 100%;
	}
}

/*
-------------------------------
-- hrportal detail
-------------------------------
*/

/* section */

.hrportal_detail > div {
	max-width: 1000px;
	margin: auto;
	padding: 80px 0 0;
}

@media only screen and (max-width: 640px) {
	.hrportal_detail > div {
		padding-top: 0;
	}
}

/* h1 */

.hrportal_company_title {
	margin-bottom: 5px;
}
.hrportal_company_title h1 {
	font-size: 36px;
	color: #2C3E50;
	font-weight: 500;
}
.hrportal_company_title .sub_text {
   display: block;
   font-size: 20px;
}
@media print, screen and (min-width: 641px) {
.hrportal_company_title .sub_text {
   font-size: 16px;
}
}

.hrportal_voice_title {
	margin-bottom: 30px;
}
.hrportal_voice_title h1 {
	font-size: 24px;
	color: #2C3E50;
	font-weight: 500;
}
.hrportal_voice_title span {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	color: #005EFA;
}
@media print, screen and (min-width: 641px) {
	.hrportal_company_title. sub_text {
   		font-size: 16px;
	}
}

@media only screen and (max-width: 640px) {
	.hrportal_company_title h1 {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
	}
	.hrportal_company_title + div {
		max-width: 309px;
		font-size: 16px;
	}

	.hrportal_voice_title {
		margin-bottom: 10px;
	}
	.hrportal_voice_title h1 {
		font-size: 22px;
		font-weight: bold;
	}
}

/* point */

.hrportal_company_point {
	margin-bottom: 30px;
}
.hrportal_company_point ul {
	display: flex;
	gap: 16px;
}
.hrportal_company_point li {
	flex: 1;
	display: flex;
	align-items: center;
	flex-flow: column;
	gap: 5px;
	padding: 12px 10px;
	background: #005EFA;
	color: #fff;
	border-radius: 8px;
	text-align: center;
	line-height: 1.3;
	font-weight: 500;
}
.hrportal_company_point li.off {
	position: relative;
	background: #707070;
}
.hrportal_company_point li.off:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 25px;
	width: 45px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
}
.hrportal_company_point img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7487%) hue-rotate(326deg) brightness(111%) contrast(107%);
}

@media only screen and (max-width: 640px) {
	.hrportal_company_point ul {
		gap: 8px;
	}
	.hrportal_company_point li {
		padding: 17px 5px 12px;
	}
	.hrportal_company_point li.off {
		background: #D9D9D9;
	}
	.hrportal_company_point li.off:before {
		top: 30px;
	}
	.hrportal_company_point li span {
		display: flex;
		align-items: center;
		min-height: calc(3em * 1.3);
	}
}

/* tag */

.layout_hrportal .elem_text_list.var_tag > ul > li {
	margin-bottom: 0;
}
.layout_hrportal .elem_text_list.var_tag > ul > li span {
	padding: 3px 15px;
	border: 1px solid #005EFA;
	background: #fff;
	font-size: 14px;
}
.layout_hrportal .elem_text_list.var_tag > ul > li.on span {
	background: #005EFA;
	color: #fff;
}
.layout_hrportal.-forprofessionals .elem_text_list.var_tag > ul > li span {
	border-color: #CC3D00;
	color: #CC3D00;
}
.layout_hrportal.-forprofessionals .elem_text_list.var_tag > ul > li.on span {
	background: #CC3D00;
	color: #fff;
}
.layout_hrportal .elem_text_list.var_tag > ul > li button {
	padding: 3px 15px;
	border: 1px solid #005EFA;
	background: #fff;
	font-size: 14px;
    border-radius: 30px;
}
.layout_hrportal .elem_text_list.var_tag > ul > li.on button {
	background: #005EFA;
	color: #fff;
}
.layout_hrportal.-forprofessionals .elem_text_list.var_tag > ul > li button {
	border-color: #CC3D00;
	color: #CC3D00;
}
.layout_hrportal.-forprofessionals .elem_text_list.var_tag > ul > li.on button {
	background: #CC3D00;
	color: #fff;
}

.layout_hrportal .elem_text_list.var_tag.var_center ul {
	justify-content: center;
}


/* list_circle */

.layout_hrportal .elem_list_circle > ul > li .inner {
	background: #F2F7FE;
	color: #2C3E50;
}
.layout_hrportal .elem_list_circle.var_border > ul > li > .inner {
	box-shadow: none;
}
.layout_hrportal .elem_list_circle .text {
	text-decoration: none !important;
}
.layout_hrportal .elem_list_circle .text .num {
	color: #005EFA;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.layout_hrportal .elem_list_circle .text .num span {
	font-size: 30px;
}
.layout_hrportal .elem_list_circle .text .title {
	margin-top: 10px;
	font-size: 24px;
}

@media only screen and (max-width: 640px) {
	.layout_hrportal .elem_list_circle {
		margin: 0 -3.75%;
	}
	.layout_hrportal .elem_list_circle li .thum img {
		max-height: 41px;
	}
	.layout_hrportal .elem_list_circle .text .num {
		font-size: 16px;
		white-space: nowrap;
	}
	.layout_hrportal .elem_list_circle .text .num span {
		font-size: 24px;
	}
	.layout_hrportal .elem_list_circle .text .title {
		margin-top: 5px;
		font-size: 16px;
	}
}

/* company_icon */

.hrportal_company_icon {
	margin: 10px 0 15px;
}
.hrportal_company_icon ul {
	display: flex;
	align-items: center;
	gap: 15px;
}
.hrportal_company_icon li.off {
	position: relative;
}
.hrportal_company_icon li.off:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	right: 0;
	margin: auto;
	width: 45px;
	height: 2px;
	margin-left: -5px;
	background: #707070;
	transform: rotate(45deg);
}
.hrportal_company_icon li.off img {
	filter: brightness(0) saturate(100%) invert(44%) sepia(0%) saturate(1757%) hue-rotate(241deg) brightness(99%) contrast(86%);
}

/* company_inquiry */

.hrportal_inquiry.var_detail section {
	background: #F5F5F5;
}
.hrportal_inquiry .hrportal_inquiry__item:has(.hrportal_inquiry__map) + .hrportal_inquiry__item {
	margin-top: 50px;
	padding-top: 0;
	border-top: none;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__map {
	flex: 1;
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 30px;
	border-radius: 8px;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__iframe {
	width: 395px;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__iframe img {
	max-width: 100%;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__iframe-inner {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 62%;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__iframe-inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__link {
	margin-top: 15px;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__link a {
	font-weight: bold;
	text-decoration: none;
	color: #005EFA;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__link a:hover {
	text-decoration: underline;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__address {
	width: 440px;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__address dl {
	padding-left: 20px;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__address dt {
	font-weight: bold;
	font-size: 14px;
}
.hrportal_inquiry.var_detail .hrportal_inquiry__box {
	margin-top: 30px;
	border: 3px solid #F5F5F5;
}

@media only screen and (max-width: 640px) {
	.hrportal_inquiry .hrportal_inquiry__item:has(.hrportal_inquiry__map) + .hrportal_inquiry__item {
		margin-top: 25px;
	}
	.hrportal_inquiry.var_detail .hrportal_inquiry__map {
		flex-flow: column;
		gap: 35px;
		padding: 0;
		background: none;
	}
	.hrportal_inquiry.var_detail .hrportal_inquiry__iframe {
		width: 100%;
		text-align: center;
	}
	.hrportal_inquiry.var_detail .hrportal_inquiry__link {
		margin-top: 15px;
		text-align: right;
	}
	.hrportal_inquiry.var_detail .hrportal_inquiry__address {
		width: 100%;
		background: #fff;
		padding: 15px;
		box-sizing: border-box;
		border-radius: 8px;
	}
	.hrportal_inquiry.var_detail .hrportal_inquiry__address dl {
		padding-left: 0;
	}
	.hrportal_inquiry.var_detail .hrportal_inquiry__address dt {
		font-weight: bold;
		font-size: 14px;
	}
	.hrportal_inquiry.var_detail .hrportal_inquiry__box {
		margin-top: 20px;
	}
}

/*
-------------------------------
-- hrportal forprofessionals
-------------------------------
*/

/* forprofessionals */

div:has(.comp_pagetitle_with_photo) + .hrportal_forprofessionals {
	margin-top: -90px;
}
div.hrportal_forprofessionals {
	position: relative;
	z-index: 1;
	background: #FFFBF3;
	border-radius: 0 100px 100px 0;
}
.hrportal_forprofessionals > div {
	max-width: 1000px;
	margin: auto;
	padding: 75px 0;
}
.hrportal_forprofessionals:has(.elem_heading_lv2)> div {
	padding-top: 25px;
}
.hrportal_forprofessionals_list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.hrportal_forprofessionals_list li {
	width: calc(25% - 8px + (8px / 4));
	height: 213px;
}
.hrportal_forprofessionals_list a {
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	gap: 25px;
	height: 100%;
	text-decoration: none;
	color: #333;
	background: #fff;
	border-radius: 16px;
	box-shadow: 1px 3px 15px rgba(0,0,0,.06);
	transition: background .25s;
}
.hrportal_forprofessionals_list li img {
	filter: brightness(0) saturate(100%) invert(25%) sepia(74%) saturate(5255%) hue-rotate(23deg) brightness(97%) contrast(101%);
}
.hrportal_forprofessionals_list a:hover {
	color: #fff;
	background-color: #CC3D00;
}
.hrportal_forprofessionals_list a:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(296deg) brightness(101%) contrast(102%);
}
.hrportal_forprofessionals_list li a::before {
	opacity: .15;
	content: '';
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 100%;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_ami.png) center;
}
.hrportal_forprofessionals_list * {
	position: relative;
}
.hrportal_forprofessionals_list span {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}

@media only screen and (max-width: 640px) {
	div:has(.comp_pagetitle_with_photo) + .hrportal_forprofessionals {
		margin-top: -45px!important;
	}
	div.hrportal_forprofessionals {
		margin: 0 -3.75%!important;
		border-radius: 0 40px 40px 0;
	}
	.hrportal_forprofessionals > div {
		padding: 44px 3.75% 50px;
	}
	.hrportal_forprofessionals_list ul {
		gap: 16px;
		margin: auto;
		width: 80vw;
	}
	.hrportal_forprofessionals_list li {
		width: calc(33% - 16px + (16px / 3));
		height: 92px;
	}
	.hrportal_forprofessionals_list.-sp2 ul {
		width: 51.38vw;
	}
	.hrportal_forprofessionals_list.-sp2 li {
		width: calc(50% - 16px + (16px / 2));
	}
	.hrportal_forprofessionals_list a {
		justify-content: flex-start;
		gap: 5px;
		padding-top: 20px;
		border-radius: 8px;
		box-shadow: 0px 1px 7px rgba(0,0,0,.12);
		text-align: center;
		box-sizing: border-box;
	}
	.hrportal_forprofessionals_list img {
		max-width: 46px;
	} 
	.hrportal_forprofessionals_list span {
		display: flex;
		align-items: center;
		font-size: 12px;
		line-height: 1.2;
		min-height: calc(2em * 1.3);
	}
}

/* forcompanies_flow */

div.hrportal_forprofessionals_flow {
	overflow: hidden!important;
	position: relative;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_2_orange.png) no-repeat calc(50% + 545px) 80px;
}
.hrportal_forprofessionals_flow::before,
.hrportal_forprofessionals_flow::after {
	content: '';
	position: absolute;
	pointer-events: none;
}
.hrportal_forprofessionals_flow::before {
	left: calc(50% - 896px);
	top: 170px;
	width: 666px;
	height: 666px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_1_orange.png) no-repeat center;
}
.hrportal_forprofessionals_flow::after {
	top: 650px;
	left: calc(50% + 332px);
	bottom: -12px;
	width: 426px;
	height: 426px;
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_pc_2_orange.png) no-repeat center;
}
.hrportal_forprofessionals_flow > div {
	position: relative;
	z-index: 1;
	max-width: 1000px;
	margin: auto;
	padding: 62px 0 20px;
}

@media only screen and (max-width: 640px) {
	div.hrportal_forprofessionals_flow {
		margin: 0 -3.75%!important;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_orange_2.png) no-repeat calc(50% + 130px) 300px / 236px 244px;
	}
	.hrportal_forprofessionals_flow::before {
		left: calc(50% - 355px);
		top: 60px;
		width: 340px;
		height: 340px;
		background: url(https://www.jetro.go.jp/library/hrportal/img/bg_deco_sp_orange_1.png) no-repeat center / contain;
	}
	.hrportal_forprofessionals_flow::after {
		display: none;
	}
	.hrportal_forprofessionals_flow > div {
		padding: 44px 3.75% 10px;
	}
}

/* forprofessionals_service */

.hrportal_forprofessionals_service {
	position: relative;
}
.hrportal_forprofessionals_service::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 170px);
	background: url(https://www.jetro.go.jp/library/hrportal/img/bg_ami.png) center #F5F5F5;
	border-radius: 0 90px 90px 0;
}
.hrportal_forprofessionals_service > div {
	position: relative;
	z-index: 1;
	max-width: 1000px;
	margin: auto;
	padding: 15px 0 0;
}

@media only screen and (max-width: 640px) {
	.hrportal_forprofessionals_service {
		margin: 0 -3.75%!important;
	}
	.hrportal_forprofessionals_service::before {
		border-radius: 0 20px 20px 0;
	}
	.hrportal_forprofessionals_flow::after {
		display: none;
	}
	.hrportal_forprofessionals_service > div {
		padding: 10px 3.75% 0;
	}
}

/*
-------------------------------
-- hrportal recruitment
-------------------------------
*/

.hrportal_forcompanies_menu {
    background: #F2F7FE;
    margin-top: -30px;
}
.hrportal_forcompanies_menu > div {
    max-width: 1000px;
    margin: auto;
    padding: 75px 0 100px;
}
.hrportal_forcompanies_menu.pb160 > div {
    padding: 75px 0 160px;
}
@media screen and (max-width: 640px) {
   .hrportal_forcompanies_menu {
      margin: -20px -3.75% 0;
   }
   .hrportal_forcompanies_menu > div {
      margin: 0 3.75% 0;
      padding: 40px 0 60px;
   }
   .hrportal_forcompanies_menu.pb160 > div {
      padding: 40px 0 100px;
   }
}
.hrportal_forprofessionals_list.var_forcompanies ul {
    gap: 16px !important;
}

.hrportal_forprofessionals_list.var_forcompanies li {
    width: calc(33.3% - 16px + (16px / 3)) !important;
    aspect-ratio: 3 / 2 !important;
    height: auto !important;
}
@media screen and (max-width: 640px) {
   .hrportal_forprofessionals_list.var_forcompanies ul {
       gap: 8px !important;
       width: 90vw !important;
   }
   .hrportal_forprofessionals_list.var_forcompanies li {
       width: calc(33.3% - 8px + (8px / 3)) !important;
       aspect-ratio: 1 / 1 !important;
       height: auto !important;
   }
}

.hrportal_forprofessionals_list.var_forcompanies a:hover {
    color: #fff !important;
    background-color: #005EFA !important;
}
.hrportal_forprofessionals_list.var_forcompanies img {
    filter: invert(27%) sepia(83%) saturate(5429%) hue-rotate(213deg) brightness(100%) contrast(102%) !important;
    width: 60px;
}

.hrportal_forprofessionals_list.var_forcompanies a:hover img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(296deg) brightness(101%) contrast(102%) !important;
}
.hrportal_forcompanies_menu + .hrportal_forcompanies_success {
    margin-top: -90px !important;
}
@media screen and (max-width: 640px) {
   .hrportal_forcompanies_menu + .hrportal_forcompanies_success {
       margin-top: -50px !important;
   }
}


/*  クイックチェック用   */
.quickcheck-list ul > li {
    list-style: none;
    background: #F2F7FE;
    border: none;
    border-radius: 16px;
    padding: 0px;
    margin-bottom: 24px;
}
.layout_hrportal.-forprofessionals .quickcheck-list ul > li {
    background: #FFFBF3;
}
.quickcheck-list ul > li::before {
    display: none;
}
.quickcheck-list ul > li dl > dt {
    font-weight: bold;
    padding: 35px 60px 35px 35px;
    border-radius: 16px;
    position: relative;
    cursor: pointer;
}
.quickcheck-list ul > li > dl.active > dt {
    background: #005EFA;
    color: #fff;
    border-radius: 16px 16px 0 0;
}
.layout_hrportal.-forprofessionals .quickcheck-list ul > li > dl.active > dt {
    background: #CC3D00;
}
.layout_hrportal.-forprofessionals .quickcheck-list ul > li > dl > dt:hover {
    background: #CC3D00;
    color: #fff;
}

.quickcheck-list ul > li dl > dt > p {
    font-size: 20px;
}
.quickcheck-list ul > li dd {
    background: #F2F7FE;
    border-radius: 0 0 16px 16px;
    padding: 55px 40px 30px 40px;
}
.layout_hrportal.-forprofessionals .quickcheck-list ul > li dd {
    background: #FFFBF3;
}
.quickcheck-list ul > li dd > [class*="elem_heading_lv"] {
    margin-top: 0;
}
.quickcheck-list ul > li > dl > dt .arrow span {
    margin-left: -9999px;
}
.quickcheck-list ul > li > dl > dt .arrow::before,
.quickcheck-list ul > li > dl > dt .arrow::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 26px;
    height: 3px;
    background: #005EFA;
    transition: all .3s;
}
.layout_hrportal.-forprofessionals .quickcheck-list ul > li > dl > dt .arrow::before,
.layout_hrportal.-forprofessionals .quickcheck-list ul > li > dl > dt .arrow::after {
    background: #CC3D00;
}
.quickcheck-list ul > li > dl > dt .arrow::after {
    transform: rotate(90deg);
}
.quickcheck-list ul > li > dl.active > dt .arrow::before,
.quickcheck-list ul > li > dl.active > dt .arrow::after {
    background: #FFFFFF;
}
.layout_hrportal.-forprofessionals .quickcheck-list ul > li > dl.active > dt .arrow::before,
.layout_hrportal.-forprofessionals .quickcheck-list ul > li > dl.active > dt .arrow::after {
    background: #FFFFFF;
}

.quickcheck-list ul > li > dl > dt:hover .arrow::before,
.quickcheck-list ul > li > dl > dt:hover .arrow::after {
    background: #FFFFFF;
}
.layout_hrportal.-forprofessionals .quickcheck-list ul > li > dl > dt:hover .arrow::before,
.layout_hrportal.-forprofessionals .quickcheck-list ul > li > dl > dt:hover .arrow::after {
    background: #FFFFFF;
}

.quickcheck-list ul > li > dl.active > dt .arrow::after {
    transform: rotate(360deg);
}
.quickcheck-list ul > li > dl > dt .arrow {
    position: absolute;
    right: 30px;
    width: 26px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media only screen and (max-width: 640px) {
    .quickcheck-list ul > li dl > dt {
        padding: 25px 85px 25px 16px;
    }
    .quickcheck-list ul > li dd {
        padding: 35px 16px 25px 16px;
    }
    .quickcheck-list ul > li dl > dt > p {
        font-size: 16px;
    }
    .quickcheck-list ul > li > dl > dt .arrow::before,
    .quickcheck-list ul > li > dl > dt .arrow::after {
        width: 20px;
        height: 2px;
    }
    .quickcheck-list ul > li > dl > dt .arrow {
        width: 20px;
    }
}

/*  ヘッダーエリアの英語へのリンク   */
.layout_hrportal #site_area_header .site_area_header__lang_select__button {
    background: none;
    color: #333;
    position: relative;
}
.layout_hrportal #site_area_header .site_area_header__lang_select__button:hover {
    background: none;
    color: #333;
}
.layout_hrportal #site_area_header .site_area_header__lang_select__button::after {
    content: '';
    background: url(https://www.jetro.go.jp/library/common/img/icon/arrow-right-circle.svg) 0 0 no-repeat;
    width: 22px;
    height: 20px;
    position: absolute;
    right: -27px;
    transition: all 0.2s;
}
.layout_hrportal #site_area_header .site_area_header__lang_select__button:hover::after {
    right: -32px;
}

@media print, screen and (min-width: 641px)
{
    .layout_hrportal #site_area_header .site_area_header__lang_select
    {
        margin-right: -446px!important;
    }
}

@media only screen and (max-width: 640px) {
    .layout_hrportal #site_area_header .site_area_header__lang_select__button {
        width: 100%;
        margin-left: 0 !important;
        text-align: left;
        font-weight: bold;
    }
    .layout_hrportal #site_area_header .site_area_header__lang_select__button::after {
        right: 0;
    }
    .layout_hrportal #site_area_header .site_area_header__lang_select__button:hover::after {
        right: 0;
    }
}

.elem_pic.var_shadow > .elem_pic_pad img.shadow_hide {
    box-shadow: none;
}

/* social_service_list */

.layout_hrportal .social_service_list {
    background: url('https://www.jetro.go.jp/library/hrportal/img/bg_ami.png') center #F5F5F5;
    padding: 20px 0;
}
.layout_hrportal .social_service_list .socail_service_list_inner {
    margin: 0 auto;
    max-width: 1000px;
}
.layout_hrportal .social_service_list .socail_service_list_inner .elem_paragraph {
    margin-top: 20px;
    flex-basis: 60%
  }
.layout_hrportal .social_service_list .socail_service_list_inner ul {
    text-align: center;
    flex-basis: 40%;
}
  
@media screen and (max-width: 640px) {
    .layout_hrportal .social_service_list .socail_service_list_inner {
        display: block;
        padding: 0 3.75%;
    }
    .layout_hrportal .social_service_list .socail_service_list_inner ul {
        width: auto;
        padding: 0 0 15px !important;
    }
}

/* lang=en */

@media print, screen and (min-width: 641px)
{
    html[lang=en] .layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list:nth-child(3) > a,
    html[lang=en] .layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list:nth-child(3) > button
    {
        margin-right: -440px;
    }
}
@media print, screen and (min-width: 641px)
{
    html[lang=en] .layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list:nth-child(2) > a,
    html[lang=en] .layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list:nth-child(2) > button
    {
        margin-right: -287px;
    }
}
@media print, screen and (min-width: 641px)
{
    html[lang=en] .layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list:nth-child(1) > a,
    html[lang=en] .layout_hrportal #site_area_header .site_area_header__global_navi__lv1_list:nth-child(1) > button
    {
        margin-right: -88px;
    }
}
@media print, screen and (min-width: 641px)
{
    html[lang=en] .layout_hrportal.-forprofessionals #site_area_header .site_area_header__global_navi__lv1_list > a::before,
    html[lang=en] .layout_hrportal.-forprofessionals #site_area_header .site_area_header__global_navi__lv1_list > button::before
    {
        background: #CC3D00;
    }
}
@media only screen and (max-width: 640px)
{
    html[lang=en] .layout_hrportal #site_area_header .site_area_header__global_navi__lv1_toggle::before,
    html[lang=en] .layout_hrportal #site_area_header .site_area_header__global_navi__lv1_toggle::after
    {
        width: 15px;
    }
}

@media only screen and (max-width: 640px) {
    html[lang=en] .hrportal_forprofessionals_list ul {
        gap: 8px;
        margin: auto;
        width: 96vw;
    }
    html[lang=en] .hrportal_forprofessionals_list a {
        padding-left: 5px;
        padding-right: 5px;
    }
    html[lang=en] .hrportal_forprofessionals_list li {
        height: 100px;
    }
    html[lang=en] .hrportal_forprofessionals_list.-sp2 ul {
        width: 80vw;
    }
}

@media only screen and (max-width: 640px) {
	.youtube_pic_pad {
		width: 100%;
	}
	.youtube_pic_pad iframe {
		width: 100%;
	}
}
@media only screen and (max-width: 640px) {
	.form_set.spv dl {
		display:block;
	}
}

@media only screen and (max-width: 640px) {
	.var_sp_center {
		text-align: center;
	}
}