/*==================================================
page
blue color:#4f6378;
gold color:#a59e68;
==================================================*/

.bg-gray {
	background-color: #f9f9f9;
}

/* wp block */
.wp-block-table {
	margin-bottom: 2em;
}

.wp-block-table table {
	width: 100%;
}

.wp-block-table tr {
	border-bottom: 1px solid #ccc;
}

.wp-block-table td {
	padding: 1.5em;
	font-size: .9em;
}

.wp-block-table td:nth-child(1) {
	padding-left: 0;
	width: 25%;
}

/* youtube size */

.wp-block-embed-youtube iframe {
	width: 760px;
	height: 427px;
	margin: 2em auto;
}

@media screen and (max-width:800px) {
	.wp-block-embed-youtube iframe {
		width: 100%;
		height: 400px;
		margin: 1em auto;
	}

	.wp-block-table td:nth-child(1) {
		width: 30%;
	}
}


/*--------------- page ---------------*/

/* .page-hd-tilte {
	display: block;
	text-align: center;
	font-size: .8em;
	line-height: 1.8;
	color: #4f6378;
}

.page-hd-tilte .year {
	font-weight: 600;
	font-style: italic;
	font-size: 1.3em;
}

.page-hd-tilte::after {
	content: '';
	display: block;
	width: 240px;
	height: 1px;
	background-color: #4f6378;
	margin: .25em auto;
} */

.pagetitle-wrp {
	padding: 2.4em 0;
}

.page-header .title {
	display: block;
	padding: .5em 0;
	font-size: 2em;
	margin: 0 auto;
}

.page-header .title-jp {
	font-size: 1.1em;
	letter-spacing: .05em;
}

.page-main-img {
	width: 100%;
	padding-bottom: 27%;
	position: relative;
	overflow: hidden;
}

.page-main-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	position: absolute;
	top: 0;
	left: 0;
}

.page-wrp .page-title {
	display: block;
	font-size: 1.3em;
	padding-bottom: 1em;
	margin-bottom: 2em;
	letter-spacing: 0.05em;
}

.page-wrp p {
	line-height: 2;
	padding-bottom: 2em;
}

.cat-wrp {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width:896px) {
	.page-main-img {
		padding-bottom: 62vw;
	}

	.page-header .title {
		font-size: 1.6em;
	}

	.page-wrp p {
		font-size: .9em;
		line-height: 2;
	}
}


/* ====================================================================

 recipe

==================================================================== */

/*--------------- archive ---------------*/

.recipe-wrp {
	max-width: 1000px;
	margin: 0 auto;
}

.recipe-list-title {
	font-size: 1.1em;
	padding: 0 0 1em;
}

.recipe-cat-menu-wrp {
	display: block;
	width: 100%;
	margin: 0 auto 3em;
}

.recipe-cat-menu {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 1em;
}

.recipe-cat-menu.lang-select-menu li {
	width: 25%;
}

@media screen and (max-width:767px) {
	.recipe-cat-menu.lang-select-menu li {
		width: 33%;
		font-size: .9em;
	}
}

.recipe-cat-menu.lang-select-menu a {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: .5em 1.5em;
}

.recipe-cat-menu a {
	display: block;
	padding: .5em 1em;
	margin: 0 .5em;
	text-align: center
}

.recipe-cat-menu .menu-lang {
	display: block;
	text-align: center;
	font-size: .9em;
	padding: .25em 0;
	color: #036eb8;
}

@media screen and (max-width:767px) {
	.recipe-cat-menu.lang-select-menu a {
		padding: .5em;
	}
}

.recipe-cat-menu li.kenbunroku a,
.recipe-cat-menu li.jp a,
.recipe-cat-menu li.vt a {
	font-size: .9em
}

.recipe-cat-menu a:hover {
	color: #036eb8;
}

.recipe .page-header .title-jp {
	font-size: 1.5em
}

.recipe-wrp .entry-list {
	margin-top: 0;
}

.recipe-wrp .entry-list .article {
	padding: 15px;
}

.recipe-wrp .entry-list .article .entry-meta-wrp {
	padding: 0 .5em;
}

.recipe-wrp .entry-list h3.entry-title {
	font-size: .96em;
	padding: 0;
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp h1.title {
	font-size: 2em;
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp h2 {
	font-size: 1.5em;
	padding: 1em 0;
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp h3 {
	font-size: 1.3em;
	padding: 1em 0;
	color: #036eb8;
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp p {
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp.entry .wp-block-image {
	margin: 2em auto;
}

.recipe-wrp.entry .wp-block-image .size-medium {
	width: 60%;
}

.single .recipe-wrp ol,
.single .recipe-wrp ul {
	margin-left: 1.5em;
	margin-bottom: 2em;
}

.single .recipe-wrp ol li>ul,
.single .recipe-wrp ul li>ul {
	margin-top: 1em;
}

.single .recipe-wrp ol li>ul>li,
.single .recipe-wrp ul li>ul>li {
	list-style: lower-alpha;
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp ul li {
	list-style: disc;
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp ol li {
	list-style: decimal;
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp a {
	color: #036eb8;
	font-family: 'Arial', sans-serif !important;
}

.recipe-wrp a:hover {
	color: #222;
}

.share-wrp {
	margin: 0 auto;
	text-align: center;
}

.share-wrp::before {
	content: 'SHARE THIS ARTICLE';
	display: block;
	font-size: .9em;
	padding: .75em 0;
}

/*--------------- single page ---------------*/

.single .wrapper {
	padding: 0 30px 60px;
	position: relative;
}

@media screen and (max-width:896px) {
	.single .wrapper {
		padding: 0 7vw;
	}
}

.num {
	font-family: 'Libre Caslon Display', serif;
}

.entry.recipe-wrp {
	width: 100%;
	max-width: 880px;
	padding: 0 20px;
	margin: 0 auto;
	text-align: left;
	font-family: 'Arial', sans-serif !important;
}

.entry.recipe-wrp .inner {
	margin: 0;
	padding: 0 20px;
}

@media screen and (max-width:896px) {
	.entry {
		width: 100%;
		max-width: 880px;
		padding: 0;
		margin: 0 auto;
	}

	.entry.recipe-wrp .inner {
		border: none;
		padding: 0 0 10vw;
	}
}

.fb-contents {
	width: 100%;
	background-color: #f9f9f9;
	padding: 40px 15px;
	position: relative;
}

.fb-contents .inner {
	padding: 0;
}

.fb-contents .fb-title-wrp {
	width: 25%;
	text-align: left;
}

.fb-contents .fb-title {
	display: block;
	font-size: 1.2em;
	text-align: left;
	margin-bottom: 1em;
}

.fb-contents .lead {
	display: block;
	text-align: left;
	font-size: .9em;
	line-height: 1.5;
	margin-bottom: 1em;
}

.fb-contents .fb-page-wrp {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	border: 1px solid #ccc;
}

.addthis-smartlayers p {
	display: inline-block;
	padding-right: 1em;
}

.addthis-smartlayers .addthis_toolbox {
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width:767px) {
	.fb-contents .fb-title-wrp {
		width: 100%;
	}

	.fb-contents .fb-page-wrp {
		margin: 1em 0;
	}

	.fb-contents .fb_iframe_widget_fluid span {
		display: inline-block;
		width: 100% !important;
	}

	.fb-contents .fb_iframe_widget_fluid iframe {
		width: 100% !important;
	}
}

.entry .eme {
	display: block;
	text-align: center;
	font-size: 4em;
	line-height: 1;
	padding: 0;
	margin: .25em auto;
	font-weight: 300;
	color: #ccc;
}

.entry-form-title,
body:not(.global-human-resources) .entry .title {
	font-size: 1.6em;
	padding: 1em 0;
	margin: 0 auto 1em;
	color: #4f6378;
}

.entry .cat-wrp .btn {
	margin: 1em auto 0;
}

.entry .cat-wrp .btn a {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.entry .french-title {
	font-size: 1.05em;
	font-weight: 300;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 4em;
}

.entry .postdate {
	display: block;
	margin: auto;
	font-size: 1.2em;
	margin-bottom: 2em;
	text-align: center;
}

.entry-main-img {
	width: 100%;
	margin: 0 auto 3em;
}

.entry-main-img.w50 {
	width: 50%;
	margin: 0 auto 3em;
}

.entry-main-img.w40 {
	width: 40%;
	margin: 0 auto 3em;
}

.entry-main-img.w30 {
	width: 30%;
	margin: 0 auto 3em;
}

.entry-main-img.w60,
.entry-main-img.default {
	width: 60%;
	margin: 0 auto 3em;
}

.entry-main-img.w70 {
	width: 70%;
	margin: 0 auto 3em;
}

.entry-main-img.w80 {
	width: 80%;
	margin: 0 auto 3em;
}

.entry-main-img.hidden {
	display: none;
	margin: 0 auto 3em;
}

.entry-main-img img {
	width: 100%;
	height: auto;
}

.entry h4 {
	margin-bottom: 1.5em;
}

.entry p:not(.btn) {
	line-height: 2em;
	padding-bottom: 2.5em;
}

.wp-block-image {
	width: 100%;
	margin: auto;
}

.entry .wp-block-image {
	width: 100%;
	margin: .5em auto 3em;
}

.wp-block-image.img75 {
	width: 75%;
	margin: .5em auto 1em;
}

.wp-block-image.img50 {
	width: 50%;
	margin: .5em auto 1em;
}

.wp-block-image.img25 {
	width: 25%;
	margin: .5em auto 1em;
}

.wp-block-image img {
	width: 100%;
	height: auto;
}

.wp-block-image.size-thumbnail {
	width: 70%;
	margin: .5em auto 3em;
}

.wp-block-image.w30 {
	width: 30%;
}

.wp-block-image.w40 {
	width: 40%;
}

.wp-block-image.w50 {
	width: 50%;
}

.wp-block-image.w60,
.wp-block-image.size-medium {
	width: 60%;
}

.wp-block-gallery.w70 .blocks-gallery-grid {
	width: 70%;
	margin: 0 auto 2em;
	text-align: center;
}

.wp-block-columns.w70 {
	width: 70%;
	margin: 0 auto 2em;
	text-align: center;
}

.wp-block-image.w70 {
	width: 70%;
}

.wp-block-image.w80 {
	width: 80%;
}

.entry figcaption {
	padding: 1.5em 0;
	font-size: .95em;
}

.aligncenter>figcaption {
	text-align: center;
}

.entry img {
	width: 100%;
	height: auto;
}

.entry li {
	font-size: 1em;
	padding-bottom: .5em;
}

.theme h4 {
	margin-top: 1.5em;
	font-weight: bold;
	color: #4f6378;
}


.wp-block-table[class*="Table"] table {
	table-layout: fixed;
}

.wp-block-table[class*="Table"] table td {
	padding: 1.5em 0;
}

.entry .note {
	font-size: .85em;
	color: #555;
}

.single .footer-recipe-wrp {
	background-color: #f9f9f9;
}

ul.blocks-gallery-grid {
	margin-left: auto;
}

@media screen and (max-width:896px) {
	.entry>.inner {
		padding: 10vw 0;
	}

	.entry .title {
		font-size: 1.24em;
		padding: 1.5em 0 1em;
	}

	.entry .french-title {
		font-size: .9em;
	}

	/* .entry p:not(.btn):not(.step):not([class*="title"]) { */
	.entry p {
		font-size: .9em;
		padding-bottom: 1em;
		/* text-align: left !important; */
		text-align: left;
	}

	/* .entry:not(.contest-wrp) p:not(.btn):not([class*="title"]) br { */
	.entry:not(.contest-wrp) p br {
		display: none;
	}

	.wp-block-image.size-thumbnail {
		width: 70%;
		margin: .5em auto 3em;
	}

	.entry-main-img {
		width: 100vw;
		margin: 0 -7vw 3em;
	}

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

		.single .wp-block-image.w30,
		.single .wp-block-image.w40,
		.single .wp-block-image.w50,
		.single .entry .wp-block-image.w60,
		.single .entry .wp-block-image.size-medium {
			width: 70%;
		}

		.single .wp-block-image.w70,
		.single .wp-block-image.w80 {
			width: 100%;
		}
	}

	@media (max-width: 599px) {
		.wp-block-column+.wp-block-column {
			margin-top: 1.75em;
		}
	}
}


/*** pagenation ***/

.navigation {
	display: block;
	width: 100%;
	margin: 3em auto;
}

.navigation .nav-links {
	display: flex;
	justify-content: center;
}

.pagination a,
.pagination .dots,
.pagination .current {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.4em;
	height: 2.4em;
	text-decoration: none;
	margin: 0.25em;
	font-size: 0.8em;
	line-height: 1;
}

.pagination a {
	border-radius: 100%;
	background-color: #4f6378;
	color: #fff;
}

.pagination .current {
	opacity: .4;
}

.pagination a.prev,
.pagination a.next {
	padding: 0.2em 2em;
	margin: 0.25em;
	position: relative;
	border-radius: 0;
	width: auto;
	text-decoration: none;
	background-color: transparent;
	color: #222;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
	display: inline-block;
	padding: 0.5em 2em;
	margin: 0.25em;
	text-decoration: none;
	position: relative;
}

.backtolist {
	display: block;
	width: 100%;
	max-width: 300px;
	padding: 0;
	text-align: center;
	margin: 4em auto 2em;
}

.backtolist a {
	display: block;
	width: 100%;
	font-size: 0.9em;
	padding: 1em 3em;
	text-decoration: none;
	position: relative;
}


/* ====================================================================

 news : お知らせ

==================================================================== */

.post .entry-list {
	width: 100%;
	max-width: 800px;
	padding: 0 10px 60px;
}

.post .entry-list .article {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 20px;
	margin-bottom: 0;
	box-shadow: none;
	border-bottom: 1px solid #ccc;
}

.post .entry-list .article .thumb-wrp {
	width: 20%;
}

.post .entry-list .article .thumb {
	width: 100%;
	padding-bottom: 100%;
	margin: 0;
}

.post .entry-list .article .thumb img {
	width: 100%;
	height: 100%;
}

.post .entry-list .article .entry-meta-wrp {
	width: 75%;
}

.post .postdate {
	font-size: 1em;
}

.post .entry-title {
	font-size: 1em;
}

@media screen and (max-width:896px) {
	.post .entry-list .article {
		padding: 20px 10px;
	}

	.post .entry-list .article .entry-meta-wrp {
		padding: 0 .5em;
	}
}


/* ====================================================================

 about : GBNとは

==================================================================== */

.about-wrp,
.contact-wrp,
.access-wrp {
	background-color: #f9f9f9;
}

.about-wrp .logo {
	width: 300px;
	margin: 2em auto;
}

.about-wrp .logo img {
	padding: 0 50px
}

.about-wrp .logo figcaption {
	font-size: 1.2em;
	line-height: 1.5;
	padding: 1em 0;
	display: block;
	margin: 0 auto;
}

.about-title-jp {
	font-size: 1.3em;
	margin: 2em 0 0;
	padding-bottom: 0;
}

.about .wp-block-table td {
	border:none;
	text-align: left;
	padding: 1.5em 0;
}

@media screen and (max-width:896px) {
	.about-wrp .logo {
		width: 50%;
	}

	.photo-gallery .wp-block-group__inner-container {
		flex-wrap: wrap;
	}

	.photo-gallery .wp-block-group__inner-container .wp-block-image {
		width: 50%;
		margin: 0 auto;
	}

	.photo-gallery .wp-block-group__inner-container .wp-block-image:nth-child(odd):last-child {
		display: none;
	}
}

/*** Business Group ***/

.business-wrp {
	padding: 60px 40px;
	background-color: #fff;
}

.business-wrp h2.title {
	display: block;
	padding: .5em 0;
	font-size: 2em;
	margin: 0 auto;
}

.about-wrp .wc-logo>figure {
	width: 90%;
	max-width: 370px;
	margin: 2em auto 1em;
}

.about-wrp .frame .entry-main-img {
	margin: 0 auto 1.7em;
}

.about-wrp .flex.columns-4 .wp-block-group__inner-container .wp-block-image {
	padding: 3%;
}

.wc-group-wrp {
	padding: 40px 20px 60px;
}

.wc-group {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.wc-group>.wp-block-group__inner-container {
	gap: 1%;
}

.wc-group .frame {
	width: 19%;
	margin: 0;
}

@media screen and (max-width:896px) {
	.business-wrp {
		padding: 10vw 7vw;
	}

	.business-wrp .inner.inner1024w {
		padding: 0;
	}

	.page-wrp .para-box p:not(.btn),
	.page-wrp p.para-box {
		text-align: justify !important;
	}

	.page-wrp .para-box p br:not(.forSP),
	.page-wrp p.para-box br:not(.forSP) {
		display: none;
	}

	/* .about-wrp .frame:not(:last-child) {
		margin-bottom: 28px;
	} */

	.wc-group .frame {
		width: 31%;
		padding: 1%;
		margin: 0 0 4% !important;
	}

	@media screen and (max-width:599px) {
		.wc-group .frame {
			width: 48%;
			padding: 2%;
		}
	}
}


/* ====================================================================

 values : 私たちの強み

==================================================================== */

.values-box {
	border: 1px solid #ddd;
	padding: 2em;
	margin: 0 0 4%;
	border-radius: 4px;
	background-color: #fff;
}

.values-box .title-en {
	font-size: 1.4em;
	margin-top: 1em;
}

.values-box .title-jp {
	font-size: 1em;
	padding: .5em 0;
	margin-bottom: 1em;
	color: #333;
}

.values-box p {
	font-size: .85em;
	padding-bottom: 0;
	text-align: left;
}

@media screen and (max-width:896px) {
	.values-box {
		padding: 1.5em;
	}

	@media screen and (max-width:781px) {
		.values-box:nth-child(n+3) {
			margin-top: 1.75em;
		}
	}

	/* @media screen and (max-width:599px) {
		.values-box:not(:first-child) {
			margin-top: 1.75em;
		}
	} */
}


/* ====================================================================

 philosophy : 私たちの想い

==================================================================== */

.philosophy .img-wrp {
	width: 100%;
	max-width: 1024px;
	margin: 1.5em auto 4em;
}

.philosophy .img-wrp.winners .blocks-gallery-item {
	max-height: 230px;
}

@media screen and (max-width:896px) {
	.philosophy .img-wrp {
		margin: 1em auto 2.5em;
	}

	.philosophy .img-wrp .wp-block-column {
		margin-bottom: 10px;
	}

	@media screen and (max-width:599px) {
		.philosophy .img-wrp.winners .blocks-gallery-item {
			max-height: 50vw;
		}
	}
}

/* ====================================================================

 global-human-resources : 外国人財紹介事業 | 事業案内

==================================================================== */

/*--------------- global-human-resources / top ---------------*/

.global-human-resources .single .wrapper {
	padding: 0 0 0 30px;
	max-width: 100%;
}

.global-human-resources .side-menu-wrp {
	border-right: none;
}

@media screen and (min-width: 897px) {
	.global-human-resources .side-menu-wrp {
		max-width: 281px;
	}
}

.global-human-resources .entry {
	width: 77%;
	flex-grow: 1;
	border-left: 1px solid #ccc;
}

.global-human-resources .entry>.inner {
	max-width: 100%;
	padding: 0;
}

@media screen and (min-width:897px) {
	.global-human-resources .page-main-img {
		width: 100%;
		padding-bottom: 27%;
		margin-bottom: 3em;
		position: relative;
		overflow: hidden;
	}
}

.global-human-resources .page-header img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	position: absolute;
	top: 0;
	left: 0;
}

/* stars */
.a-chance-to-change .stars-icon,
.global-human-resources .stars-icon {
	padding-bottom: 0;
	margin-bottom: 0;
}

.a-chance-to-change .stars-icon>figure,
.global-human-resources .stars-icon>figure {
	width: 100%;
	max-width: 300px;
}

.global-human-resources .starts-title {
	margin-bottom: 0;
	padding: 1.5em 0 2em;
}

.global-human-resources .stars-wrp {
	margin-bottom: 0;
	padding-top: 20px;
}

.global-human-resources .stars-wrp .stars-box {
	position: relative;
}

.global-human-resources .stars-wrp .stars-box>.wp-block-group__inner-container {
	max-width: 1280px;
	min-height: 350px;
	margin: 0 auto;
}

.global-human-resources .stars-wrp .title-wrp {
	width: 32%;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.global-human-resources .stars-wrp .title-wrp h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 6em;
	height: 6em;
	border: 3px solid;
	font-size: .95em;
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: 2vw;
}

.global-human-resources .stars-wrp .title-wrp h3 strong {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
}

.global-human-resources .stars-wrp .title-wrp .wp-block-image {
	margin: 0;
	width: 100%;
	padding: 0 6%;
	position: absolute;
	left: 0;
	top: 0;
}

.global-human-resources .stars-wrp .title-wrp .wp-block-image.illust {
	top: 5%;
}

.global-human-resources .stars-wrp .text {
	width: 67%;
	padding: 3em 3em 8em 3em;
}

.global-human-resources .stars-wrp .text .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
}

.global-human-resources .stars-wrp .text ul {
	text-align: left;
}

.global-human-resources .stars-wrp .text ul li {
	margin-bottom: 3em;
	font-size: 0.8em;
}

.global-human-resources .stars-wrp .text ul li:last-child {
	margin-bottom: 0;
}

.global-human-resources .stars-wrp .stay .text ul li {
	width: 47%;
}

.global-human-resources .stars-wrp .text ul li strong {
	display: block;
	margin-bottom: .8em;
	font-size: 1.4em;
}

.global-human-resources .stars-wrp .text ul li strong+br {
	display: none;
}

.global-human-resources .stars-wrp .btn {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 15px;
}

.global-human-resources .stars-wrp .btn a {
	color: #fff;
	transition: all .3s 0s ease;
}

.global-human-resources .stars-wrp .btn a:hover {
	background-color: #fff;
	color: #036eb8;
}

.global-human-resources .stars-wrp .wp-block-group.frame p:not(.btn) {
	padding: 0 2em;
}

.global-human-resources .stars-wrp .wp-block-group.frame .wp-block-image {
	margin: 0 0 1.5em;
}

.global-human-resources .recipe {
	padding-top: 60px;
}

.global-human-resources .recipe h3 {
	font-size: 1.1em;
	padding-bottom: 1em;
}

.global-human-resources .recipe h3+p {
	padding-bottom: 0;
}

.global-human-resources .wp-block-group.frame .btn {
	width: 100%;
	max-width: 11rem;
	padding: 0;
}

.global-human-resources .stars-wrp .wp-block-group.frame .btn {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.contact-link-wrp .wp-block-image {
	margin-top: 2em;
}

.btn.blue-btn {
	width: 100%;
	text-align: center;
}

.btn.blue-btn a {
	background-color: #036eb8;
	color: #fff;
	margin: 1em auto;
}


@media screen and (max-width:896px) {
	.global-human-resources .single .wrapper {
		padding: 0 7vw;
	}

	.global-human-resources .entry {
		width: 100vw;
		margin: 0 -7vw -10vw;
		padding: 0;
		border: 0;
	}

	.global-human-resources .stars-wrp .title-wrp .wp-block-image.illust {
		top: 10vw;
	}

	.global-human-resources .recipe {
		padding: 10vw 7vw 0;
	}

	@media screen and (max-width:767px) {
		.global-human-resources .stars-wrp .stars-box {
			overflow: hidden;
		}

		.global-human-resources .stars-wrp .title-wrp {
			position: static;
		}

		.global-human-resources .stars-wrp .title-wrp .wp-block-image:not(.illust) {
			width: 100%;
			padding: 5vw;
			position: static;
		}

		.global-human-resources .stars-wrp .title-wrp .wp-block-image.illust {
			width: 70%;
			top: calc(100% - 40vw);
			left: -13%;
		}

		@media screen and (max-width:460px) {
			.global-human-resources .stars-wrp .title-wrp .wp-block-image.illust {
				top: calc(100% - 55vw);
			}
		}

		.global-human-resources .stars-wrp .title-wrp {
			width: 100%;
			overflow: initial;
		}

		.global-human-resources .stars-wrp .title-wrp h3 {
			right: 7vw;
			top: 15vw;
			font-size: 1.1em;
		}

		.global-human-resources .stars-wrp .text {
			width: 100%;
			min-height: 0;
			padding: 0 7vw 45vw;
			padding-bottom: min(45vw, 15em);
		}

		.global-human-resources .stars-wrp .stay .text ul li {
			width: 100%;
		}

		.global-human-resources .stars-wrp .stay .text ul li br {
			display: none;
		}

		.global-human-resources .stars-wrp .text .btn {
			margin: 4.5em 0 0;
		}

		.global-human-resources .stars-wrp .btn {
			padding: 0 7vw !important;
			text-align: right;
		}
	}
}

/*--------------- side menu ---------------*/

.side-menu-wrp {
	border-right: 1px solid #ccc;
	width: 23%;
	padding-right: 2em;
}

@media screen and (min-width:897px) {
	.side-menu-wrp {
		max-height: calc(100vh - 150px);
		padding-bottom: 20px;
		position: sticky;
		top: 120px;
		align-self: flex-start;
		overflow-x: hidden;
		overflow-y: auto;
	}
}

.side-menu-wrp .side-title,
.side-menu-wrp .side-menu-title {
	font-size: 1em;
	font-weight: bold;
	padding: .5em 0;
	margin-bottom: .5em;
	text-align: left;
	cursor: pointer;
}

.side-menu-wrp h4.side-title {
	font-size: .9em;
}

.side-menu-wrp .side-menu-title {
	padding: .5em 1.5em .5em 0;
	font-size: .9em;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.side-menu-wrp .side-menu-title::after,
.side-menu-wrp .side-sub-title::after {
	content: '';
	display: block;
	width: .5em;
	height: .5em;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #aaa;
	position: absolute;
	top: calc(50% - 0.25em);
	right: .5em;
	transform: rotate(45deg);
}

.side-menu-wrp .side-menu-title.on::after,
.side-menu-wrp .side-sub-title.on::after {
	transform: rotate(225deg);
	top: 50%;
}

.side-menu-wrp ul {
	margin-bottom: .7em;
}

.side-menu-wrp li {
	text-align: left;
	font-size: .84em;
	padding: .25em 0;
}

.side-menu-wrp li ul {
	padding-top: .3em;
	display: none;
}

@media screen and (min-width:897px) {
	.side-menu-wrp li ul {
		display: none;
	}
}

.side-menu-wrp li ul li {
	padding-left: 1em;
	font-size: .9em;
}

.side-menu-wrp a:not(.recipe-banner) {
	display: inline-block;
	width: 100%;
	padding: .3em 1em .3em 0;
	position: relative;
}

.side-menu-wrp li a {
	color: #536376;
}

.side-menu-wrp li a:hover {
	font-weight: bold;
}

.side-menu-wrp li a.current {
	color: #036eb8;
	font-weight: bold;
}

.side-menu-wrp a:not(.recipe-banner):not(.side-sub-title)::after {
	content: '';
	display: block;
	width: .4em;
	height: .4em;
	border-top: 1px solid;
	border-right: 1px solid;
	border-color: #036eb8;
	position: absolute;
	top: calc(50% - 0.05em);
	right: .3em;
	transform: rotate(45deg);
}

.side-menu-wrp li .strong {
	font-weight: bold;
}

@media screen and (max-width:896px) {
	.side-menu-wrp {
		width: 100vw;
		margin: 10vw -7vw 0;
		padding: 10vw 7vw;
		border: 0;
		order: 2;
		background-color: #f2fafe;
	}

	.side-menu-wrp .recipe-banner {
		display: none;
	}

}

/*--------------- global-human-resources / archive ---------------*/

/* ghr-wrp */

.single-main-hd {
	width: 100%;
	margin-bottom: 3em;
	border-bottom: 1px solid #ddd;
}

.single-main-hd .title-wrp {
	width: 40%;
	padding: 1em;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.single-main-hd .title-wrp .title {
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
	font-size: 1.7em;
	font-family: sans-serif;
	color: #fff;
}

.single-main-hd .title-wrp .title-jp {
	color: #fff;
	opacity: .75;
}

.single-main-hd .img-wrp {
	width: 60%;
}

.single-main-hd .img-wrp .entry-main-img {
	padding: 0;
	margin: 0;
	width: 100%;
	height: max(23vw, 340px);
	overflow: hidden;
	position: relative;
}

.single-main-hd .img-wrp .entry-main-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	font-family: 'object-fit: cover;';
	position: absolute;
	top: 0;
	left: 0;
}

.entry.ghr-wrp {
	width: 70%;
}

.entry.ghr-wrp .inner {
	padding: 0;
}

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

	.single-main-hd .title-wrp {
		width: 100% !important;
		height: min(36vw, 230px);
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.single-main-hd .title-wrp .title {
		padding: 0;
	}

	.single-main-hd .title-wrp .title-jp {
		padding: 0;
	}

	.single-main-hd .img-wrp {
		display: none;
	}

	.recruiting .single-main-hd .img-wrp,
	.visa .single-main-hd .img-wrp {
		width: 100%;
		display: block;
	}

	.entry.ghr-wrp {
		width: 100%;
		padding: 0;
	}
}

/*--------------- global-human-resources / single ---------------*/

.ghr .entry .icon {
	margin: 0 auto;
}

.ghr .entry .icon:first-of-type {
	margin-bottom: 1em;
}

.ghr .entry .icon img {
	width: 60%;
}

.ghr .entry h2.ghr-co_title {
	font-size: 1.6em;
	font-size: clamp(1em, 5.5vw, 1.6em);
	font-weight: bold;
	letter-spacing: .05em;
}

.ghr .entry h2 {
	font-size: 1.5em;
	font-size: clamp(1em, 5.5vw, 1.5em);
	margin-bottom: 1em;
}

@media screen and (max-width:896px) {
	.entry.ghr-wrp h2:not(:first-child) {
		margin-top: 2em;
	}

	.entry.ghr-wrp .icon+h2 {
		margin-top: 0;
	}
}

.ghr .entry .sub-title {
	font-weight: bold;
	font-size: min(1.25em, 4.3vw);
	letter-spacing: .05em;
}

.ghr .entry .title-hr {
	margin-bottom: 0;
	padding-bottom: 0;
}

.ghr .entry .title-hr::after {
	content: '';
	display: block;
	width: 8rem;
	height: 2px;
	margin: 2.5rem auto;
	background: #ccc;
}

.ghr .title_border {
	margin: 2.5em 0;
	padding: 1.3em 0;
	font-size: min(1.25em, 4.6vw);
	font-weight: bold;
	letter-spacing: .05em;
	color: #536376;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}

@media screen and (max-width:896px) {
	.ghr .title_border {
		padding: 1em 0;
	}
}

.ghr .title_border:first-child,
.ghr .icon+.title_border {
	margin-top: 1em;
}

.ghr .titleR {
	width: max-content;
	margin: 2em auto 1.5em;
	padding: .5em 3.5em;
	display: inline-block;
	border-radius: 4em;
	border: solid 1px;
	letter-spacing: .05em;
	color: #fff;
}

.ghr .title_border+.titleR {
	margin: 0 auto 1.5em;
}

.ghr .titleR img {
	display: inline-block;
	width: auto;
	padding: 0 10px;
}

.ghr .gbn_comment,
.ghr .point.frame {
	margin-top: 3em;
	color: #2e6eb2;
	border: dashed 1px #2e6eb2;
	border-radius: 5px;
	font-size: 1em;
}

.ghr p:not([class]) {
	padding-bottom: 2em;
	text-align: left;
	font-size: .95em;
}

.ghr p:last-child:not(.gbn_comment) {
	padding-bottom: 0;
	margin-bottom: 0;
}

.ghr .entry ul.dot-list li,
.ghr .entry ul.star-list li,
.ghr .entry ul.mark-list li {
	width: 100%;
	padding: .2em 0 .2em 1.2em;
	display: inline-block;
	text-align: left;
	position: relative;
}

.ghr .entry ul.dot-list li::before,
.ghr .entry ul.star-list li::before,
.ghr .entry ul.mark-list li::before {
	content: '';
	display: block;
	width: .7em;
	height: .7em;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .7em;
}


@media screen and (max-width:896px) {
	.entry.ghr-wrp .btn {
		margin: 1em auto;
	}

    @media screen and (max-width:640px) {
        .ghr .titleR {
            padding: .5em 2.5em;
        }
    }

}

/*===== global-human-resources / step =====*/
.step-box {
	margin-bottom: 3%;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: .3em;
	background-color: #fff;
	position: relative;
}

.step-box::after {
	content: '';
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 0.6em 0 0.6em 0.8em;
	border-color: transparent transparent transparent #036eb8;
	position: absolute;
	top: calc(50% - 0.3em);
	left: calc(106% - .4em);
}

@media screen and (min-width:897px) {
	.step-box.noarrow::after {
		content: none;
	}
}

.step-box p.step {
	font-size: 1.1em;
	color: #036eb8;
	font-weight: 600;
	padding: 1em 0 0.5em;
	text-align: center;
}

.entry .step-box .wp-block-image {
	margin: 0 auto;
	width: 80px;
}

.entry .step-box h3.title-jp {
	font-size: 1em;
	margin: 0 auto;
	padding: 1em 0;
	border: none;
	height: 5em;
}

.entry.ghr-wrp h2.apply-title {
	padding-bottom: 0.5em;
	margin-bottom: 0;
}

@media screen and (max-width:896px) {
	.step-box {
		/* width: 48%; */
		margin-bottom: 1.4em;
	}

	@media screen and (min-width:461px) {

		.step-box:nth-of-type(even)::after,
		.step-box:last-child::after {
			content: none;
		}
	}

	.step-box::after {
		left: calc(104% - .3em);
	}

	@media screen and (max-width:460px) {
		.step-box {
			width: 100%;
			margin-bottom: 1.6em;
		}

		.step-box .wp-block-group__inner-container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
		}

		.step-box::after {
			border-width: .8em 0.6em 0 0.6em;
			border-color: #036eb8 transparent transparent transparent;
			top: calc(100% + 0.4em);
			left: calc(50% - 0.6em);
		}

		.step-box:last-child::after {
			content: none;
		}

		.step-box p.step {
			width: 4.5em;
			padding: 0 .5em;
			text-align: center !important;
		}

		.step-box h3.title-jp {
			/* 			width: 12em; */
			flex-grow: 1;
			margin: 0;
			padding: 0 1em;
			height: auto;
		}

		.entry .step-box .wp-block-image {
			width: 13vw;
			height: 13vw;
			margin: 0;
		}
	}
}

/*===== training_project =====*/

.ghr.category_ghr-training_project .single-main-hd {
	background-color: #64b0c8;
}

.ghr.category_ghr-training_project .single-main-hd .img-wrp .entry-main-img img {
	object-position: center 20%;
}

.ghr.category_ghr-training_project .lead {
	margin-bottom: 3em;
    padding: 2em min(2.5em, 7vw) 2em min(3em, 7vw);
    text-align: justify;
	background-color: #e8f3f7;
    border-radius: 5px;
}

.ghr.category_ghr-training_project .title-hr::after {
	background: linear-gradient(90deg, #75b3d5, #3d8bbd);
}

.ghr.category_ghr-training_project .title_border {
	border-top: 2px solid #3d8bbd;
	border-bottom: 2px solid #3d8bbd;
	border-image: linear-gradient(90deg, #75b3d5, #3d8bbd);
	border-image-slice: 1 0 1 0;
}

/* internship_program */
.internship_program .work_step {
	padding: 1.5em;
	/*     display: flex; */
	/*     justify-content: space-between; */
	/*     flex-wrap: wrap; */
	/*     flex-direction: column; */
	column-count: 2;
	background-color: #fafafa;
	border-radius: 10px;
	counter-reset: work_step;
}

.internship_program .work_step li {
	width: 95%;
	display: inline-block;
	padding: 1em 0;
	padding-left: 2.5em;
	font-size: .95em;
	text-align: left;
}

.internship_program .work_step li::before {
	content: counter(work_step);
	counter-increment: work_step;
	width: 1.6em;
	height: 1.6em;
	display: grid;
	place-items: center;
	font-size: 1.2em;
	color: #fff;
	background: linear-gradient(90deg, #75b3d5, #3d8bbd);
	border-radius: 50%;
	line-height: 1;
	position: absolute;
	left: 0;
	margin-top: -.2em;
}

@media screen and (max-width:460px) {
	.internship_program .work_step {
		padding: 1em;
		column-count: auto;
	}

	.internship_program .work_step br {
		display: none;
	}
}

.ghr.category_ghr-training_project .agreement_university {
	margin-bottom: 3em;

}

.ghr.category_ghr-training_project .agreement_university .wp-block-image {
	width: 140px;
	margin: 0;
}

.ghr.category_ghr-training_project .agreement_university .wp-block-image figure {
	width: 100%;
}

.ghr.category_ghr-training_project .agreement_university .text {
	width: calc(100% - 200px);
	text-align: left;
}

.ghr.category_ghr-training_project .agreement_university .text .univ_name {
	margin-bottom: .5em;
	font-size: 1.35em;
}

.ghr.category_ghr-training_project .agreement_university .text .univ_name-jp {
	padding-bottom: 1.5em;
	font-weight: bold;
	font-size: min(1em, 4vw);
}

.ghr.category_ghr-training_project .agreement_university .text p:not(.univ_name-jp) {
	color: #536376;
}

@media screen and (max-width:640px) {
	.ghr.category_ghr-training_project .agreement_university .wp-block-image {
		width: 140px;
		margin: 0 auto 1.5em;
	}

	.ghr.category_ghr-training_project .agreement_university .text {
		width: 100%;
		text-align: center;
	}

	.ghr.category_ghr-training_project .agreement_university .text .univ_name-jp {
		text-align: center;
	}

}

.ghr.category_ghr-training_project .univ_gallery .wp-block-image {
	margin: 0;
}

.ghr.category_ghr-training_project .univ_title {
	padding-bottom: .3em;
	margin: 3em 0 1.5em;
	font-size: 1.1em;
	color: #14a0c8;
	border-bottom: solid 1px;
	text-align: left;
}

@media (max-width: 599px) {
	.internship_program .univ_department .wp-block-column {
		margin: 0;
		flex-basis: 50% !important
	}
}

.internship_program .univ_department ul {
	font-size: .9em;
}

.ghr.category_ghr-training_project ul.dot-list li::before {
	background-color: #14a0c8;
}

.ghr.category_ghr-training_project .univ_ranking .wp-block-table tr {
	border-bottom: none;
}

.ghr.category_ghr-training_project .univ_ranking .wp-block-table td {
	padding: 0 0 .22em;
	font-size: .95em;
	line-height: 1.8;
	text-align: left;
}

.ghr.category_ghr-training_project .univ_ranking .wp-block-table td:nth-child(1) {
	width: 3em;
	padding-right: 1em;
	text-align: right;
	color: inherit;
}

.ghr.category_ghr-training_project .titleR {
	margin-bottom: 3em;
	color: #14a0c8;
	border-width: 2px;
	padding: .5em 7em;
}

.ghr.category_ghr-training_project .columns-3>.wp-block-group__inner-container {
	gap: 4px .5%;
}

.ghr.category_ghr-training_project .univ_gallery.columns-3 .wp-block-image {
	width: 33%;
}

.ghr.category_ghr-training_project .example {
	padding-left: 5em;
	position: relative;
}

.ghr.category_ghr-training_project .example .example-hd {
	position: absolute;
	left: 0;
	top: 0;
	color: #14a0c8;
	padding: .3em .5em;
	line-height: 1;
	border: solid 1px;
}

.ghr.category_ghr-training_project .example .mark-list {
	font-size: .95em;
}

.ghr.category_ghr-training_project .example .mark-list li::before {
	content: '✳︎';
	top: auto;
	transform: scale(1.2) translateY(-10%);
	color: #64aadc;
}

@media screen and (max-width:460px) {
	.ghr.category_ghr-training_project .univ_gallery.columns-3 .wp-block-image {
		width: 49.5%;
	}

	.ghr.category_ghr-training_project .example {
		padding-left: 0;
	}

	.ghr.category_ghr-training_project .example .example-hd {
		display: block;
		width: 4em;
		margin: 1em 0 .5em;
		text-align: center;
		position: relative;
	}
}

.ghr.category_ghr-training_project .students {
	margin-top: 5em;
}

.ghr.category_ghr-training_project .students .wp-block-group {
	margin-bottom: 3.5em;
	padding: 50px 1em 1.5em;
	border: solid 1px #14a0c8;
	border-radius: 5px;
	position: relative;
}

.ghr.category_ghr-training_project .students .wp-block-image {
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(-50%);
}

.ghr.category_ghr-training_project .students p {
	line-height: 1.7;
	font-size: .95em;
	text-align: justify;
}

.ghr.category_ghr-training_project .students p.name {
	font-weight: bold;
	color: #14a0c8;
	font-size: 1.05em;
}

.ghr.category_ghr-training_project .students p:not(:last-child) {
	padding-bottom: .8em;
}

@media screen and (max-width:896px) {}


/*===== about =====*/

.ghr.category_ghr-about .single-main-hd {
	background-color: #64b8da;
}

.ghr.category_ghr-about .single-main-hd .img-wrp .entry-main-img img {
	object-position: center 10%;
}

.ghr .entry h1 {
	display: inline-block;
	padding: .75em 2.5em;
	margin-bottom: 2.5em;
	font-size: 1.1em;
	font-size: min(1.1em, 4.2vw);
	font-weight: bold;
	letter-spacing: .05em;
	color: #fff;
	background-color: #64b8da;
	border-radius: 3em;
}

.ghr.category_ghr-about .title_border,
.ghr[class*="visa_change"] .title_border {
	border-top: 2px solid #036eb8;
	border-bottom: 2px solid #036eb8;
	border-image: linear-gradient(90deg, #00a0e9, #036eb8);
	border-image-slice: 1 0 1 0;
}

/* recruit */

.ghr.recruit .wp-block-columns p.btn,
.ghr.visa_change .wp-block-columns p.btn {
	height: 100%;
	text-align: center !important;
}

.ghr.recruit .wp-block-columns p.btn a,
.ghr.visa_change .wp-block-columns p.btn a {
	height: 100%;
	padding: 1.5em 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	letter-spacing: .05em;
	color: #fff;
	border: none;
	background: linear-gradient(90deg, #00a0e9, #036eb8);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
}

.ghr.recruit .wp-block-columns p.btn a {
	max-height: 9em;
	min-height: 9em;
}

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

	.ghr.recruit .wp-block-columns p.btn,
	.ghr.visa_change .wp-block-columns p.btn {
		padding-bottom: min(5vw, 2em) !important;
	}

	.ghr.recruit .wp-block-columns p.btn a,
	.ghr.visa_change .wp-block-columns p.btn a {
		padding: 1em 0;
		margin: 0 auto;
	}
}

/* resident_status */

.ghr.resident_status .wp-block-table tr {
	border: none;
}

.ghr.resident_status .wp-block-table tr:nth-child(odd) {
	background-color: rgba(3, 110, 184, 0.08);
}

.ghr.resident_status .wp-block-table td {
	padding: .5em 2em;
}

.ghr.resident_status .wp-block-table td:nth-child(1) {
	width: 20em;
}

.ghr.resident_status .wp-block-table td:nth-child(2) {
	text-align: left;
}

@media screen and (max-width:896px) {
	.ghr.resident_status .wp-block-table td {
		padding: .5em;
	}

	.ghr.resident_status .wp-block-table td:nth-child(1) {
		width: 7em;
	}

	.ghr.resident_status .wp-block-table td:nth-child(2) {
		text-align: left;
	}
}

/* system_ */

.ghr.system_comp .point {
	margin-bottom: 2em;
	counter-reset: point-front point-back;
}

.ghr.system_comp .point .card-wrp {
	width: 48%;
	margin-bottom: 4%;
	position: relative;
}

.ghr.system_comp .point .card-wrp>.wp-block-group__inner-container {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 360px;
	max-height: 380px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	margin-bottom: 2em;
}

.ghr.system_comp .point .front,
.ghr.system_comp .point .back {
	width: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: transform .8s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: #f5f5f5;
	border: solid 1px #2e6eb2;
	border-radius: 5px;
}

.ghr.system_comp .point .front {
	transform: rotateY(0);
}

.ghr.system_comp .point .back {
	transform: rotateY(-180deg);
}

.ghr.system_comp .point .card-wrp:not(.flipped):hover .front {
	transform: rotateY(15deg);
}

.ghr.system_comp .point .card-wrp:not(.flipped):hover .back {
	transform: rotateY(-165deg);
}

.ghr.system_comp .point .card-wrp.flipped .front {
	transform: rotateY(180deg);
}

.ghr.system_comp .point .card-wrp.flipped .back {
	transform: rotateY(0);
}

.ghr.system_comp .point .front {
	padding: 2.5em 1.5em;
}

.ghr.system_comp .point .front p {
	text-align: center !important;
}

.ghr.system_comp .point .point-title {
	padding-bottom: 0;
	font-weight: bold;
	color: #2e6eb2;
}

.ghr.system_comp .front .wp-block-image {
	margin: 0 auto;
}

.ghr.system_comp .front .point-title::after {
	content: counter(point-front);
	counter-increment: point-front;
	display: block;
	margin: 0 auto;
	font-size: 2.8em;
	line-height: 1;
}

.ghr.system_comp .point p:not(.point-title) {
	padding-bottom: 0;
	font-size: .95em;
	line-height: 1.8;
}

.ghr.system_comp .front p:not(.point-title) {
	color: #536376;
}

.ghr.system_comp .point .back {
	padding: 2.5em 2em 1em;
	position: relative;
}

.ghr.system_comp .point .back .btn a {
	color: #fff;
	background-color: #2e6eb2;
}

.ghr.system_comp .point .back .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
}

.ghr.system_comp .back .point-title {
	position: absolute;
	left: 1.2em;
	top: .7em;
}

.ghr.system_comp .back .point-title::after {
	content: counter(point-back);
	counter-increment: point-back;
	display: inline-block;
	margin-left: .2em;
	font-size: 1.5em;
}

.ghr.system_comp .back li {
	padding: .1em 0 .1em 1.2em !important;
	line-height: 1.5;
	font-size: .9em;
	color: #2e6eb2;
}

.ghr.system_comp ul.dot-list li::before {
	top: .5em;
}

.ghr[class*="system_"] ul.dot-list li::before {
	background-color: #2e6eb2;
}

.ghr.system_comp .back p.example {
	display: inline-block;
	margin: .75em 0 .3em;
	padding: 0 .7em;
	border: solid 1px;
	color: #2e6eb2;
	font-size: .9em;
}

.ghr.system_comp .back p.note {
	padding-top: .7em;
	font-size: .8em;
	text-align: left;
	line-height: 1.6;
}

.ghr[class*="system_"] .title_border span {
	display: inline-block;
	margin-left: 1em;
	padding: .2em 1em .2em 1.5em;
	color: #fff;
	background: linear-gradient(90deg, #00a0e9, #036eb8);
	border-radius: 2em;
	letter-spacing: .5em;
	font-size: .9em;
	vertical-align: .1em;
}

.ghr[class*="system_"] .wp-block-table {
	margin-bottom: 0;
}

.ghr[class*="system_"] table {
	height: 100%;
	table-layout: fixed;
	border: solid 1px #a9b1ba;
}

.ghr[class*="system_"] table td {
	width: 12.4%;
	padding: 1em .5em;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #a9b1ba;
	font-size: .75em;
	line-height: 1.6;
}

.ghr.system_overview table td:first-child {
	width: 12.5%;
	padding: 1em .1em;
}

.ghr.system_comparing .wp-block-table-wrp {
	position: relative;
	padding-top: 7rem;
}

.wp-block-table-wrp .wp-block-table {
	margin-bottom: 0;
}

.ghr.system_comparing .thead {
	margin-bottom: 0;
	position: absolute;
	top: 0;
	z-index: 2;
}

.ghr.system_comparing .thead td {
	height: 7rem;
}

.ghr.system_comparing .wp-block-table:not(.thead) table {
	margin-top: -2px;
}

.ghr.system_comparing table td {
	width: 22%;
	padding: 1em;
}

.ghr.system_comparing table td:first-child {
	width: 12%;
	padding: 1em .1em;
	font-weight: bold;
}

.ghr.system_overview table tr:nth-child(2),
.ghr.system_comparing table td:nth-child(2) {
	background-color: #d9ebed;
}

.ghr.system_overview table tr:nth-child(3),
.ghr.system_comparing table td:nth-child(3) {
	background-color: #f1e4c3;
}

.ghr.system_overview table tr:nth-child(4),
.ghr.system_comparing table td:nth-child(4) {
	background-color: #ddebcc;
}

.ghr.system_overview table tr:nth-child(5),
.ghr.system_comparing table td:nth-child(5) {
	background-color: #f4dcda;
}

.ghr.system_overview table tr:first-child td,
.ghr.system_comparing .thead table td {
	padding: 1em 0 !important;
	line-height: 1.5;
	color: #2e6eb2;
	background-color: #f5f5f5 !important;
	font-weight: bold;
}

.ghr.system_overview table tr:nth-child(2) td:first-child,
.ghr.system_comparing .thead table td:nth-child(2) {
	color: #46aab9;
	font-weight: bold;
}

.ghr.system_overview table tr:nth-child(3) td:first-child,
.ghr.system_comparing .thead table td:nth-child(3) {
	color: #d2a01e;
	font-weight: bold;
}

.ghr.system_overview table tr:nth-child(4) td:first-child,
.ghr.system_comparing .thead table td:nth-child(4) {
	color: #88b153;
	font-weight: bold;
}

.ghr.system_overview table tr:nth-child(5) td:first-child,
.ghr.system_comparing .thead table td:nth-child(5) {
	color: #d2645a;
	font-weight: bold;
}

.ghr.skill .titleR {
	background-color: #46aab9;
	font-weight: bold;
}

.ghr.technical_intern .titleR {
	background-color: #d2a01e;
	font-weight: bold;
}

.ghr.working_visa .titleR {
	background-color: #88b153;
	font-weight: bold;
}

.ghr.internship .titleR {
	background-color: #d2645a;
	font-weight: bold;
}

.ghr[class*="system_"] table td img {
	display: block;
	width: 45%;
	margin: 0 auto 7px;
}

.ghr.system_comparing table td img {
	width: 30%;
}

.ghr[class*="system_"] table td .has-cyan-bluish-gray-color {
	display: inline-block;
	margin: .2em 0;
	line-height: 1.5;
	font-size: .9em;
	color: #788593;
}

.ghr[class*="system_"] table td .textLeft,
.ghr[class*="system_"] table td li {
	width: 100%;
	display: inline-block;
	text-align: justify !important;
}

.ghr[class*="system_"] table .verticalTop {
	height: 100%;
	font-size: .95em;
}

.ghr[class*="system_"] table ul.technical_intern li::before {
	background-color: #d2a01e;
}

.ghr[class*="system_"] table ul.internship li::before {
	background-color: #b64240;
}

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

	.single-main-hd .title-wrp {
		width: 100% !important;
		height: min(36vw, 230px);
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.ghr.system_comp .point .wp-block-group {
		width: 100%;
	}

	.ghr.system_comp .point .front br {
		display: block;
	}

	.ghr[class*="system_"] .title_border span {
		margin: .5em auto 0;
	}

	.ghr[class*="system_"] .wp-block-table {
		overflow-x: scroll;
	}

	.ghr.system_overview table {
		width: 56em;
	}

	.ghr.system_comparing table {
		width: 45em;
	}

	.ghr.system_comparing .wp-block-table-wrp {
		padding-top: 5.5rem;
		overflow-x: scroll;
	}

	.ghr.system_comparing .wp-block-table {
		overflow-x: visible;
	}

	.ghr.system_comparing .thead td {
		height: 5.5rem;
	}

	.ghr.system_comparing table td {
		width: 22%;
		padding: 1em .7em;
	}

	.ghr.system_comparing table td:first-child {
		width: 12%;
	}

	.ghr[class*="system_"] .wp-block-table~p.forSP,
	.ghr[class*="system_"] .wp-block-table-wrp~p.forSP {
		margin-top: .5em;
		font-size: .85em;
		color: #788593;
	}
}

/*===== why =====*/

.ghr.category_ghr-why_gbn .single-main-hd {
	background-color: #2f6eb3;
}

.ghr.category_ghr-why_gbn .single-main-hd .title {
	font-size: 2em;
}

.ghr.category_ghr-why_gbn .single-main-hd .img-wrp .entry-main-img img {
	object-position: center bottom;
}

.ghr.category_ghr-why_gbn .project-box {
	padding: 2.5em 0;
	margin: 0;
	border-bottom: solid 1px #c2c2c2;
	align-items: center;
}

.ghr.category_ghr-why_gbn .project-box h2 {
	font-size: 1.2em;
}

.ghr.category_ghr-why_gbn .project-box .star-list {
	margin-bottom: 2em;
}

.ghr.category_ghr-why_gbn .project-box .star-list li {
	padding-left: 1.5em;
	font-size: .95em;
}

.ghr.category_ghr-why_gbn .project-box .star-list li::before {
	content: '★';
	top: auto;
	transform: scale(1.2) translateY(-10%);
	color: #64aadc;
}

.ghr.category_ghr-why_gbn .project-box .btn {
	margin: 0;
	text-align: right;
}

.ghr.category_ghr-why_gbn .project-box .btn a {
	margin: 0;
}

.ghr.category_ghr-why_gbn .gbn-icon {
	margin: 3em auto 2em;
}

.ghr.category_ghr-why_gbn .gbn-icon p {
	text-align: center !important;
}

.ghr.category_ghr-why_gbn .business-wrp {
	border: none;
	padding: 3em 0 0;
}

.ghr.category_ghr-why_gbn .business-wrp .wp-block-column {
	/* width: 2%; */
	padding: .5em;
	border: solid 1px #ddd;
}

.ghr.category_ghr-why_gbn .business-wrp .wp-block-column:not(:first-child) {
	margin-left: .75em;
}

.ghr.category_ghr-why_gbn .business-wrp .wp-block-column .wp-block-image {
	margin: 0;
}

.ghr.category_ghr-why_gbn .business-wrp .wp-block-column p {
	padding: 0 .5em;
	line-height: 1.6;
	font-size: .75em;
}

.ghr.category_ghr-why_gbn .business-wrp .wp-block-column .wp-block-image+p {
	padding: 1em .5em .5em;
}

.ghr.category_ghr-why_gbn .wc-group-wrp {
	padding: 0;
}

.ghr.category_ghr-why_gbn .wc-group-wrp .wp-block-group__inner-container {
	display: flex;
	justify-content: space-between;
}

.ghr.category_ghr-why_gbn .wc-group-wrp .frame {
	width: 19%;
	padding: .5em;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width:896px) {
	.ghr.category_ghr-why_gbn .project-box {
		padding: 2em 0 2.5em;
	}

	.ghr.category_ghr-why_gbn .project-box .wp-block-image {
		width: 70%;
		margin: 0 auto 2em;
	}

	.ghr.category_ghr-why_gbn .wc-group-wrp .wp-block-group__inner-container {
		flex-wrap: wrap;
	}

	.ghr.category_ghr-why_gbn .wc-group-wrp .wp-block-group__inner-container::after,
	.ghr.category_ghr-why_gbn .wc-group-wrp .frame {
		width: 32%;
		margin-bottom: 2%;
	}

	.ghr.category_ghr-why_gbn .wc-group-wrp .wp-block-group__inner-container::after {
		content: '';
	}

	@media screen and (max-width:640px) {
		.ghr.category_ghr-why_gbn .wc-group-wrp .frame {
			width: 49%;
			margin-bottom: 2%;
		}
	}

	.ghr.category_ghr-why_gbn .business-wrp .wp-block-column {
		margin-bottom: 5%;
	}

	@media screen and (max-width:781px) {
		.ghr.category_ghr-why_gbn .business-wrp .wp-block-column:nth-child(2n+1) {
			margin-left: 0 !important;
		}
	}

	.ghr.category_ghr-why_gbn .business-wrp .wp-block-column p {
		font-size: .85em;
	}
}


/*===== service before/stay/after =====*/

.single-main-hd .title-wrp.stars {
	width: 45%;
}

.single-main-hd .title-wrp.stars .stars-icon {
	display: block;
	width: 100%;
	height: 3em;
	text-align: center;
	/* margin-top: 1.5em; */
}

.single-main-hd .title-wrp.stars .stars-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}

.single-main-hd .title-wrp.stars .title {
	font-size: 1.5em;
}

.single-main-hd .title-wrp.stars .title span {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .6em;
	width: 6em;
	height: 6em;
	margin: 1.5em auto 0;
	border: 2px solid;
	border-radius: 100%;
	font-feature-settings: "palt";
}

.single-main-hd .img-wrp.stars {
	width: 55%;
	background-color: #f9f9f9;
}

.single-main-hd .img-wrp.stars .entry-main-img img {
	width: 80%;
	height: 80%;
	object-fit: contain;
	object-position: center center;
	font-family: 'object-fit: contain;';
	top: 10%;
	left: 10%;
}

.global-human-resources .stars-wrp .before,
.single-main-hd .title-wrp.before {
	background-color: #ae2127;
	color: #fff;
}

.global-human-resources .stars-wrp .stay,
.single-main-hd .title-wrp.stay {
	background-color: #163d56;
	color: #fff;
}

.global-human-resources .stars-wrp .after,
.single-main-hd .title-wrp.after {
	background-color: #35a3bf;
	color: #fff;
}

.ghr.category_ghr-serveices .entry h2 {
	margin: 3em auto 2em;
}

.ghr.category_ghr-serveices .entry h2:first-child {
	margin: 1em auto 2em;
}

.ghr .wp-block-table td {
	padding: 2em;
	font-size: .9em;
	line-height: 1.8;
}

.ghr .wp-block-table td:nth-child(1) {
	padding-left: .5em;
	color: #036eb8;
}

.ghr.category_ghr-serveices .wp-block-table td {
	text-align: left;
}

.ghr.category_ghr-serveices .wp-block-table td:nth-child(1) {
	text-align: center;
}

@media screen and (max-width:896px) {
	.single-main-hd .title-wrp.stars {
		height: min(62vw, 260px);
	}

	.ghr.category_ghr-serveices .wp-block-table td {
		display: block;
		padding: 0 0 1.5em;
		text-align: left;
	}

	.ghr.category_ghr-serveices .wp-block-table td:nth-child(1) {
		width: 100%;
		padding: 1.5em 0 1em;
		text-align: center;
	}

    .ghr.category_ghr-serveices .wp-block-table td br:not(.forSP){
        display: none;
    }
}

/*===== visa =====*/

.ghr.category_ghr-visa_outline .single-main-hd {
	background-color: #e1ae3b;
}

.ghr.category_ghr-visa_change .single-main-hd {
	background-color: #46aab9;
}

/* skill */

.ghr.skill .title_border {
	border-top: 2px solid #46aab9;
	border-bottom: 2px solid #46aab9;
	border-image: linear-gradient(90deg, #8bc9d3, #46aab9);
	border-image-slice: 1 0 1 0;
}

.ghr.skill .credential {
	margin-top: 3em;
}

.ghr.skill .credential li {
	width: 32%;
	padding: 1em 0;
	background-color: #f5f5f5;
	color: #46aab9;
	border: solid 1px #46aab9;
	border-radius: 5px;
	text-align: center;
	position: relative;
	font-weight: bold;
}

.ghr.skill .credential [class*="note"] {
	width: 100%;
	text-align: center;
	position: absolute;
	top: calc(100% + 1em);
	font-weight: normal;
}

.ghr.skill .credential .note1 {
	font-size: 0.75rem;
	left: 0;
}

.ghr.skill .credential .note2 {
	width: 202%;
	font-size: .9rem;
	color: #222;
	right: 0;
}

.ghr.skill .point {
	padding: 1.5em 0;
	border: dashed 1px #46aab9;
	border-radius: 5px;
}

.ghr.skill .point .wp-block-column {
	padding: 0 1.6em;
	margin: 0;
}

.ghr.skill .point .wp-block-column:not(:last-child) {
	border-right: dashed 1px #46aab9;
}

.ghr.skill .point .wp-block-column h5 {
	margin-top: -.5em;
	margin-bottom: .5em;
	font-weight: bold;
	font-size: .95em;
}

.ghr.skill .point .wp-block-column h5 strong {
	display: inline-block;
	margin-left: .25em;
	font-weight: normal;
	font-size: 1.75em;
	vertical-align: -.12em;
}

.ghr.skill .point .wp-block-column p {
	text-align: justify;
	line-height: 1.6;
	color: #536376;
}

.ghr.skill .entry ul.dot-list {
	margin-bottom: 1.5em;
	column-count: 4;
	column-fill: auto;
}

.ghr.skill .entry ul.dot-list li:last-child {
	font-size: .8em;
	padding-left: 0;
}

.ghr.skill .entry ul.dot-list li:last-child::before {
	content: none;
}

.ghr.skill .entry ul.dot-list li::before,
.ghr[class*="system_"] table ul.skill li::before {
	background-color: #46aab9;
}

@media screen and (max-width:896px) {
	.ghr.skill .credential li {
		width: 100%;
		margin-bottom: 3em;
	}

	.ghr.skill .credential li:nth-child(2) {
		margin-bottom: .5em;
	}

	.ghr.skill .credential li [class*="note"] {
		width: 100%;
		left: 0;
		top: calc(100% + .5em);
	}

	.ghr.skill .point {
		flex-wrap: nowrap;
	}

	@media screen and (max-width:599px) {
		.ghr.skill .point {
			margin-top: min(7vw, 3em);
			padding: 0 1.5em;
			flex-wrap: wrap;
		}

		.ghr.skill .point .wp-block-column {
			padding: 1em 0 1.2em;
		}

		.ghr.skill .point .wp-block-column:not(:last-child) {
			border-right: none;
			border-bottom: dashed 1px #46aab9;
		}
	}

	.ghr.skill .entry ul.dot-list {
		column-count: 2;
	}
}

/* technical_intern */

.ghr.technical_intern .title_border {
	border-top: 2px solid #dc911e;
	border-bottom: 2px solid #dc911e;
	border-image: linear-gradient(90deg, #dbb34b, #dc911e);
	border-image-slice: 1 0 1 0;
}

.ghr.technical_intern .accepted-number td {
	width: 50%;
	padding: .5em .7em;
	border: solid 1px #c2c2c2;
	color: #536376;
	font-size: 1em;
	vertical-align: middle;
}

.ghr.technical_intern .accepted-number tr:first-child td {
	padding: .7em 1em;
	background-color: #f5f5f5;
}

.ghr.technical_intern .accepted-number tr:not(:first-child) td:not(:first-child) {
	color: #d2a01e;
}

.ghr.technical_intern .accepted-simulation {
	margin-top: 2em;
}

.ghr.technical_intern .accepted-simulation td {
	border: none;
	border-top: solid 1px #e0e0e0;
	border-bottom: solid 1px #e0e0e0;
}

.ghr.technical_intern .accepted-simulation td:not(:first-child) {
	border-left: solid 1px #e0e0e0;
}

/* working_visa */

.ghr.working_visa .title_border {
	border-top: 2px solid #54a569;
	border-bottom: 2px solid #54a569;
	border-image: linear-gradient(90deg, #88b153, #54a569);
	border-image-slice: 1 0 1 0;
}

.ghr.working_visa .requirements {
	margin-bottom: min(12vw, 8em);
}

.ghr.working_visa .requirements td {
	text-align: left;
	vertical-align: middle;
}

.ghr.working_visa .requirements td:nth-child(1) {
	width: 28%;
	color: #54a569;
}

.ghr.working_visa .requirements td:nth-child(1) span {
	display: inline-block;
	width: 1em;
	margin-right: 1em;
	color: #fff;
	text-align: center;
	position: relative;
}

.ghr.working_visa .requirements td:nth-child(1) span::before {
	content: '';
	display: block;
	width: 1.8em;
	height: 1.8em;
	background: linear-gradient(90deg, #88b153, #54a569);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.ghr.working_visa .entry ul.dot-list li::before,
.ghr[class*="system_"] table ul.working_visa li::before {
	background-color: #88b153;
}

.ghr.working_visa .occupation {
	padding: 2.5em 0;
	border-top: solid 1px #c2c2c2;
	text-align: left;
}

.ghr.working_visa .occupation .wp-block-columns,
.ghr.working_visa .occupation .wp-block-image {
	margin: 0 auto;
}

.ghr.working_visa .occupation h4 {
	display: inline-block;
	margin-bottom: 1em;
	padding-bottom: .2em;
	color: #88b153;
	border-bottom: solid 1px;
}

.ghr.working_visa .titleR+.occupation {
	border-top: none;
}

.ghr.working_visa .occupation ul.dot-list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.ghr.working_visa .occupation ul.dot-list li {
	width: 33.3%;
}

@media screen and (max-width:896px) {
	.ghr.working_visa .requirements td {
		display: block;
		padding: 0 .3em 1em;
	}

	.ghr.working_visa .requirements td:nth-child(1) {
		width: 100%;
		padding: 1.5em .5em 1em;
	}

	.ghr.working_visa .occupation {
		padding: 1.5em 0 2.5em;
	}
}

/* internship */

.ghr.internship .title_border {
	border-top: 2px solid #b64240;
	border-bottom: 2px solid #b64240;
	border-image: linear-gradient(90deg, #db837b, #b64240);
	border-image-slice: 1 0 1 0;
}

.ghr.internship .visa-kind td {
	width: 40%;
	padding: 1em 1em;
	border: solid 1px #db837b;
	vertical-align: middle;
}

.ghr.internship .visa-kind tr:first-child td {
	color: #b64240;
	background-color: #f5f5f5;
}

.ghr.internship .visa-kind td:first-child {
	width: 20%;
	color: #536376;
}

.ghr.internship .visa-kind+p {
	color: #536376;
}

.ghr.internship .merit {
	margin-bottom: 4em;
}

.ghr.internship .merit td {
	text-align: left;
}

.ghr.internship .merit td:first-child {
	width: 30%;
	color: #b64240;
}

.ghr.internship .frame:not(.gbn_comment) {
	border: none;
	border-top: dotted 1px #b64240;
	border-bottom: dotted 1px #b64240;
}

.ghr.internship .frame:not(.gbn_comment) .wp-block-columns {
	margin-bottom: 0;
}

.ghr.internship .frame:not(.gbn_comment) .wp-block-image {
	margin: 0 auto;
}

.ghr.internship .frame:not(.gbn_comment) .wp-block-image~p {
	margin-top: .3em;
	line-height: 1.6;
}

@media screen and (max-width:896px) {
	.ghr.internship .visa-kind {
		border: solid 1px #db837b;
		border-top: none;
	}

	.ghr.internship .visa-kind tr {
		display: flex;
		flex-wrap: wrap;
		border: none;
	}

	.ghr.internship .visa-kind td {
		width: 50%;
		display: block;
		padding: .7em .5em;
		border: none;
		border-top: solid 1px #db837b;
	}

	.ghr.internship .visa-kind td:first-child,
	.ghr.internship .visa-kind td[colspan] {
		width: 100%;
		border-bottom: none;
	}

	.ghr.internship .visa-kind td:nth-child(3) {
		border-left: solid 1px #db837b;
	}

	.ghr.internship .visa-kind tr:first-child td:first-child {
		display: none;
	}

	.ghr.working_visa .occupation .wp-block-image {
		width: 50%;
	}

	.ghr.working_visa .occupation ul.dot-list li {
		width: 50%;
	}

	.ghr .merit td,
	.ghr .requirements td {
		display: block;
		width: 100%;
		padding: 1em 0;
	}

	.ghr .merit td:nth-child(1),
	.ghr .requirements td:nth-child(1) {
		display: block;
		width: 100% !important;
		padding: 1em 0 0;
	}
}

/* visa_change */

.ghr[class*="visa_change"] .entry .titleR {
	margin: 0 auto 3em;
	color: #fff;
	background-color: #2e6eb2;
}

.ghr .btn-box {
	display: block;
	margin: 0 auto;
	text-align: right;
}

.ghr .btn-box .wp-block-group__inner-container {
	display: inline-block;
	position: relative;
}

.ghr .btn-box .wp-block-image {
	width: 2.8em;
	margin: 0;
	position: absolute;
	left: .3em;
	top: calc(50% - 1.4em);
	z-index: 1;
}

.ghr .btn-box a {
	display: block;
	padding: .5em 3em .5em 4em;
	font-size: .9em;
}

.ghr.visa_change2 .btn-box a {
	color: #fff;
	border: none;
	background: linear-gradient(90deg, #88b153, #54a569);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.ghr.visa_change2 .box {
	margin-bottom: 2em;
}

.ghr.visa_change2 .box p:first-child {
	padding-bottom: .5em;
	font-size: 1.1em;
}

.ghr.visa_change3 .btn-box a,
.ghr.visa_change4 .btn-box a {
	color: #fff;
	border: none;
	background: linear-gradient(90deg, #66c9d4, #46aab9);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.ghr.visa_change3 .step-wrp .wp-block-image {
	width: 30%;
	margin: 0 auto 0 5%;
}

.ghr.visa_change3 .requirements {
	margin-bottom: 6em;
	margin-bottom: min(6em, 10vw);
}

.ghr.visa_change3 .requirements td {
	text-align: left;
}

.ghr.visa_change3 .requirements td:nth-child(1) {
	color: #2e6eb2;
}

.ghr.visa_change3 .requirements td:nth-child(1) span {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 1em;
	color: #fff;
	position: relative;
}

.ghr.visa_change3 .requirements td:nth-child(1) span::before {
	content: '';
	display: block;
	width: 1.2em;
	height: 1.2em;
	background: #88b153;
	border-radius: 50%;
	position: absolute;
	left: calc(50% - .6em);
	top: calc(50% - .6em);
}

.ghr.visa_change3 .entry ul.dot-list li::before {
	background-color: #2e6eb2;
}

.ghr.visa_change3 .point.frame p:first-child {
	padding-bottom: .8em;
	font-size: 1.4em;
}

.ghr.visa_change3 .point.frame {
	color: #536376;
}

.ghr.visa_change3 .step-box h3.title-jp {
	height: auto;
}

.ghr.visa_change3 .step-box p:not(.step) {
	padding-bottom: .7em;
	font-size: .8rem;
	color: #788593;
	line-height: 1.5;
}

.ghr.visa_change4 .requirements {
	justify-content: center;
}

.ghr.visa_change4 .requirements .wp-block-column {
	width: 15em;
	height: 15em;
	border: solid 2px #2e6eb2;
	border-radius: 50%;
	color: #536376;
	flex-grow: 0;
	flex-basis: auto;
	display: flex;
	flex-direction: column;
	align-content: center;
}

.ghr.visa_change4 .requirements .wp-block-column p:first-child {
	padding-top: 1em;
	padding-bottom: .4em;
	font-size: 1.8em;
	line-height: 1;
}

@media screen and (max-width:896px) {
	.ghr.internship .frame:not(.gbn_comment) .wp-block-image~p {
		margin-bottom: 1em;
		text-align: center !important;
	}

	.ghr.visa_change2 .box .wp-block-image {
		width: 60%;
		margin-bottom: 1em;
	}

	.ghr.visa_change3 .step-box h3.title-jp {
		width: calc(100% - 5em);
	}

	.ghr.visa_change3 .step-box p:not(.step) {
		width: 100%;
		padding: .3em 0 0;
		text-align: center !important;
	}

	.ghr.visa_change3 .step-box p:not(.step) br:not(.forPC) {
		display: block;
	}

	.ghr.visa_change3 .step-wrp .wp-block-image {
		width: 50%;
		margin: 0 auto 3em;
	}

	.ghr.visa_change4 .requirements .wp-block-column {
		padding: .5em 0 1em;
		margin-bottom: 1em;
		flex-basis: auto !important;
	}

	@media screen and (max-width:600px) {
		.ghr.visa_change4 .requirements {
			justify-content: space-around;
		}
	}

	@media screen and (max-width:500px) {
		.ghr.visa_change4 .requirements .wp-block-column {
			width: 12em;
			height: 12em;
			font-size: 3.5vw;
		}

		.ghr.visa_change4 .requirements .wp-block-column p:first-child {
			padding-top: .2em;
			padding-bottom: 0;
			font-size: 1.8em;
		}
	}

	.ghr.visa_change4 .requirements .wp-block-column p {
		line-height: 1.6 !important;
		text-align: center !important;
	}

	.ghr.visa_change4 .requirements .wp-block-column p br {
		display: block !important;
	}
}

/*===== hataraku_japan =====*/

.ghr.category_ghr-hataraku_japan .single-main-hd {
	background-color: #d2645a;
}

.ghr.category_ghr-hataraku_japan .title_border {
	border-top: 2px solid #b41e28;
	border-bottom: 2px solid #b41e28;
}

.ghr.category_ghr-hataraku_japan .features .wp-block-group {
	margin-bottom: 4%;
}

.ghr.category_ghr-hataraku_japan .features h4 {
	margin-top: .75em;
	color: #b41e28;
	font-weight: bold;
}

.ghr.category_ghr-hataraku_japan .point.frame {
	color: inherit;
	border: dashed 1px #b41e28;
}

.ghr.category_ghr-hataraku_japan .hataraku {
	padding: 3em;
	background-color: #f5f5f5;
}

.ghr.category_ghr-hataraku_japan .hataraku .hataraku_images>.wp-block-group__inner-container {
	gap: 0;
}

.ghr.category_ghr-hataraku_japan .hataraku .hataraku_images .wp-block-image {
	width: calc(100% / 3);
	margin: 0;
	aspect-ratio: 4 / 3;
}

.ghr.category_ghr-hataraku_japan .hataraku .hataraku_images .wp-block-image img {
	height: 100%;
	object-fit: cover;
}

.ghr.category_ghr-hataraku_japan .hataraku .hataraku_images~.wp-block-image {
	margin: 1em 0 0;
}

.ghr.category_ghr-hataraku_japan .hataraku h3 {
	margin: .75em 0 1em;
	font-size: 1.1em;
	font-weight: bold;
}

.ghr.category_ghr-hataraku_japan .hataraku .btn {
	margin-top: -.5em;
}

.ghr.category_ghr-hataraku_japan .hataraku .btn a {
	padding: 1em 5em;
	font-size: 1em;
	border: 0;
	background-color: #b41e28;
	color: #fff !important;
}

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

	.ghr.category_ghr-hataraku_japan .features .wp-block-group {
		margin-bottom: min(10vw, 40px);
	}

	.ghr.category_ghr-hataraku_japan .hataraku {
		padding: 3em 5vw;
	}

	.ghr.category_ghr-hataraku_japan .hataraku .hataraku_images .wp-block-image {
		width: 50%;
	}

	.ghr.category_ghr-hataraku_japan .hataraku .btn {
		width: min(100%, 320px);
	}

	.ghr.category_ghr-hataraku_japan .hataraku .btn a {
		width: 100%;
		padding: 1em;
	}
}

/* ====================================================================

 a-chance-to-change : ミドル・シニア人財サポート事業 | 事業案内

==================================================================== */

.findjob-wrp {
	background-color: #f9f9f9;
}

.findjob-wrp .wp-block-group__inner-container {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.findstaff-wrp .wp-block-group__inner-container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.a-chance-to-change .values-box {
	padding: 1em 0 1.5em;
}

.a-chance-to-change .values-box .wp-block-image {
	display: block;
	width: 45%;
	height: auto;
}

.a-chance-to-change .values-box .title-jp {
	margin: .75em 0 .3em;
	font-size: 1.1em;
	font-weight: bold;
}

.a-chance-to-change .values-box p {
	text-align: center;
}

.a-chance-to-change .wp-block-group .btn {
	margin: 0 auto 3em;
}

.a-chance-to-change .wp-block-group .btn a {
	font-size: 1.1em;
}

.a-chance-to-change .step-wrp {
	background-color: #f9f9f9;
}

.a-chance-to-change .step-box .wp-block-image figure {
	display: block;
	width: 3.4em;
	height: 3.4em;
}

.a-chance-to-change .step-box .wp-block-image img {
	width: 100%;
	max-width: inherit;
	height: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}

.a-chance-to-change .step-box .title-jp {
	font-size: 1em;
	margin: 0 auto;
	padding: 1em 0;
}

@media screen and (max-width:896px) {
	.a-chance-to-change .step-box .wp-block-image {
		width: 15vw;
		/* height: 10vw; */
		margin: 0 auto;
	}

	.a-chance-to-change .step-box h3.title-jp+p {
		width: 100%;
		margin-top: 1em;
		padding: .5em 0 0;
		font-size: .95em;
		line-height: 1.6;
		border-top: solid 1px #ddd;
	}

	@media screen and (max-width:460px) {
		.a-chance-to-change .flex.columns-3:first-of-type .step-box:last-child::after {
			content: '';
		}
	}

}

/* ====================================================================

 france : フランス文化を識る会 | 事業案内

==================================================================== */

.photo-gallery {
	width: 100%;
}

.photo-gallery .wp-block-group__inner-container {
	display: flex;
	justify-content: space-between;
}

.photo-gallery .wp-block-group__inner-container .wp-block-image {
	width: 25%;
	margin: 0;
}

.photo-gallery .wp-block-group__inner-container .wp-block-image img {
	width: 100%;
}


/* ====================================================================

 recipe : 日本でのしあわせライフレシピ

==================================================================== */

.recipe-logo,
.wp-block-image.recipe-logo {
	display: block;
	width: 200px;
	margin: 0 auto 1.5em;
	padding: 0 !important;
	position: relative;
}

.page-header .recipe-logo img {
	width: 100%;
	height: auto;
	position: relative;
}

.recipe-banner .recipe-logo img,
.wp-block-image.recipe-logo img,
.recipe-banner .recipe-illust img {
	width: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}

.recipe .page-main-img-wrp {
	background-color: #f9f9f9;
	padding-bottom: 3em;

}

.recipe .page-main-img {
	height: 400px;
	margin: 0 auto;
	padding: 50px 0;
}

.recipe .page-main-img figure {
	display: block;
	height: 100%;
	position: relative;
}

.recipe .page-main-img figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	font-family: 'object-fit: contain;';
	position: static;
}

.recipe-title-wrp {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding: 40px 0 60px;
}

.recipe-logo-h {
	display: block;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}

.recipe .entry p.recipe-title-jp {
	padding-bottom: 1em;
	letter-spacing: 0.1em;
}

.recipe .entry .title {
	padding: .5em 0;
	margin-bottom: .5em;
}

.recipe-banner {
	display: block;
	margin-top: 40px;
	border: 1px solid #ccc;
	padding: 15px;
	background-color: #fff;
}

.recipe-banner .recipe-logo {
	width: 100%;
	margin-bottom: .3em;
}

.recipe-banner .recipe-illust {
	width: 96%;
	height: auto;
	margin: .7em auto 0;
}

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

	.recipe-logo,
	.wp-block-image.recipe-logo {
		width: 50%;
		max-width: 200px;
	}

	.recipe .page-main-img,
	.recipe .page-main-img figure {
		width: 100%;
		height: auto;
	}
}


/* ====================================================================

 access : アクセス

==================================================================== */

.access-wrp .thumb {
	width: 120px;
}

.access-wrp .thumb .wp-block-image {
	width: 100%;
	margin: 0;
	position: relative;
}

.access-wrp .text {
	flex-grow: 1;
}

.access-wrp h2 {
	display: inline-block;
	font-size: 1.6em;
	padding-bottom: 0;
	margin-bottom: 1.5em;
	border-bottom: solid 1px #ccc;
}

.access-wrp p {
	padding-bottom: 0em;
	text-align: left;
}

.access-wrp ul {
	margin: 1em auto 2em;
	text-align: left;
}

.access-wrp ul li {
	padding-left: 1em;
	position: relative;
	font-size: .9em;
	margin: .3em 0;
}

.access-wrp ul li::before {
	content: '';
	display: block;
	width: .5em;
	height: .5em;
	border-radius: 50%;
	background-color: #555;
	position: absolute;
	line-height: 1;
	left: 0;
	top: .55em;
}

@media screen and (max-width:896px) {
	.access-wrp .thumb {
		width: 100%;
		height: auto;
		margin-bottom: 5vw;
	}

	.access-wrp .thumb img {
		position: static;
	}

}

/* ====================================================================

 privacy policy : プライバシーポリシー

==================================================================== */

.policy-wrp .inner {
	max-width: 880px;
	text-align: left;
}

.policy-list {
	margin-top: 2em;
}

.policy-wrp table {
	width: 100%;
	margin-bottom: 4em;
}

.policy-wrp p {
	font-size: .95em;
	padding: 1em 0;
	text-align: left;
}

.policy-wrp h3 {
	margin-top: 2em;
	margin-bottom: .8em;
	font-size: 1.1em;
	color: #4f6378;
	border-bottom: double 3px #ddd;
}

.policy-wrp ul {
	font-size: .95em;
	margin-bottom: 3em;
}

.policy-wrp li {
	list-style: disc;
	margin-left: 1.5em;
}

@media screen and (max-width:896px) {
	.policy-wrp .inner {
		padding: 5vw 7vw;
	}

	.policy-list li {
		font-size: .95em;
	}

	.policy-list h2 {
		font-size: 1.05em;
	}
}