@charset "utf-8";
.wp-block-table td, .wp-block-table th {
		border: none;
		padding: 0;
}
main section {
		padding: 90px 30px;
}
main section.office_section {
		padding-left: 0 !important;
		padding-right: 0 !important;
}
main section.career_image {
		padding-bottom: 20px;
}
@media(max-width: 1700px) {
		main section {
				padding-right: 100px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		main section {
				padding: 60px 20px;
		}
		main section.career_image {
				padding-top: 0;
				padding-bottom: 20px;
		}
}
.wp-block-table {
		overflow: visible !important
}
:where(figure) {
		margin-bottom: 0 !important;
}
.wp-block-table td, .wp-block-table th {
		border: none;
		padding: 0;
}
main section h3 {
		font-size: 42px;
		font-weight: 700;
		padding-left: 45px;
		position: relative;
		margin-bottom: 40px;
}
main section h3::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 12px;
		height: 100%;
		background: linear-gradient(0deg, #ff6e00 0%, #ffdd00 100%);
}
@media(max-width: 1100px) {
		main section h3 {
				font-size: 38px;
				padding-left: 37px;
		}
		main section h3::before {
				width: 8px;
		}
}
@media(max-width: 767px) {
		main section h3 {
				font-size: 26px;
				padding-left: 25px;
				line-height: 1.4;
		}
		main section h3::before {
				width: 6px;
		}
}
.count_inner, .benefit_inner, .training_wrap, .up_inner {
		max-width: 1270px;
		margin: 0 auto;
}
/* =============== */
.count_section {
		background: #fff;
}
.count_grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
}
.count_item {
		background: linear-gradient(110deg, #ff6e00 0%, #ffdd00 100%);
		border-radius: 6px;
		padding: 1px;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: scale(1.3);
		opacity: 0
}
.count_grid .count_item:nth-child(2) {
		transition-delay: 0.1s
}
.count_grid .count_item:nth-child(3) {
		transition-delay: 0.2s
}
.count_grid .count_item:nth-child(4) {
		transition-delay: 0.3s
}
.count_grid .count_item:nth-child(5) {
		transition-delay: 0.4s
}
.count_grid .count_item:nth-child(6) {
		transition-delay: 0.5s
}
.isActive .count_item {
		transform: scale(1);
		opacity: 1;
}
.count_hd {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #fff;
		height: 80px
}
.count_hd h4 {
		line-height: 1.4;
		font-size: 18px;
		font-weight: 700;
}
.count_caption {
		background: #fff;
		border-radius: 0 0 4px 4px;
		min-height: 110px;
		display: flex;
		justify-content: center;
		align-items: center;
}
.count_caption p, .ikujiPercent tr:first-child td {
		font-family: "Montserrat";
		font-size: 52px;
		font-weight: 700;
		line-height: 1;
		color: #222;
		letter-spacing: 0;
}
.count_caption p span, .ikujiCount td span, .ikujiPercent tr:first-child td span {
		font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-weight: 700;
		font-size: 22px;
		line-height: 1;
		margin-left: 3px;
}
.ikujiPercent td strong {
		font-weight: 400;
		display: inline-block;
		position: relative;
		top: -4px
}
.ikujiCount td span {
		font-size: 14px;
		margin-left: 2px;
}
.ikujiCount {
		text-align: center;
		width: 90%;
}
.ikujiCount th {
		text-align: center;
		padding: 0 0 4px;
		font-weight: 500;
		font-size: 13px;
}
.ikujiCount td {
		font-family: "Montserrat";
		font-size: 32px;
		font-weight: 700;
		line-height: 1;
		color: #222;
		letter-spacing: 0;
}
.cikujiCount td span {
		font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 1;
}
.ikujiCount tr td:first-child {
		font-size: 16px;
		width: 15%;
		padding-right: 20px;
		font-weight: 500;
}
.pict {
		padding-left: 70px;
		position: relative;
		left: -15px
}
.pict::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 27px);
		left: 0;
		width: 55px;
		height: 55px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 55px;
}
.pict.clock::before {
		background-image: url("../images/pict_clock.png")
}
.pict.moon::before {
		background-image: url("../images/pict_moon.png")
}
.pict.rest::before {
		background-image: url("../images/pict_chair.png")
}
.ikujiPercent {
		width: 70%;
		margin: 0 auto;
}
.ikujiPercent td {
		text-align: center;
		vertical-align: middle;
		width: 50%;
		font-weight: 500;
		padding-bottom: 3px;
}
@media(max-width: 1100px) {
		.count_hd {
				height: 60px
		}
		.count_hd h4 {
				font-size: 15px;
		}
		.count_caption {
				min-height: 90px;
		}
		.count_caption p, .ikujiPercent tr:first-child td {
				font-size: 40px;
		}
		.count_caption p span, .ikujiCount td span, .ikujiPercent tr:first-child td span {
				font-size: 18px;
		}
		.ikujiCount td span {
				font-size: 12px;
				margin-left: 2px;
		}
		.ikujiCount {
				width: 90%;
		}
		.ikujiCount th {
				font-size: 13px;
		}
		.ikujiCount td {
				font-size: 26px;
		}
		.cikujiCount td span {
				font-size: 12px;
		}
		.ikujiCount tr td:first-child {
				font-size: 14px;
				padding-right: 10px;
		}
		.pict {
				padding-left: 50px;
				left: -5px
		}
		.pict::before {
				top: calc(50% - 20px);
				left: 0;
				width: 40px;
				height: 40px;
				background-size: 40px;
		}
		.ikujiPercent {
				width: 90%;
		}
}
@media(max-width: 960px) {
		.count_grid {
				gap: 10px;
		}
		.count_hd {
				height: 60px
		}
		.count_hd h4 {
				font-size: 13px;
		}
		.count_caption p, .ikujiPercent tr:first-child td {
				font-size: 32px;
		}
}
@media screen and (orientation: landscape) and (max-width: 900px) {
		.count_hd h4 {
				font-size: 12px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.count_grid {
				display: block;
				gap: 0
		}
		.count_item {
				width: 90%;
				margin: 0 auto 20px;
				transition-delay: 0 !important
		}
		.count_grid .count_item:last-child {
				margin-bottom: 0;
		}
		.count_hd {
				height: auto;
				padding: 8px 0
		}
		.count_hd h4 {
				font-size: 15px
		}
		.count_caption p, .ikujiPercent tr:first-child td {
				font-size: 32px;
		}
		.count_caption {
				min-height: inherit;
				padding: 15px 0
		}
}
/* =============== */
.benefit_section {
		background: #F3F3F3;
}
.benefit_flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 1270px;
		margin: 0 auto;
}
.benefit_item {
		width: calc(calc(100% - 60px) / 4);
		background: #fff;
		border-radius: 4px;
		text-align: center;
		padding: 35px 0 15px;
		position: relative;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: translateY(100px);
		opacity: 0;
}
.isActive .benefit_item {
		transform: translateY(0px);
		opacity: 1;
}
.benefit_flex .benefit_item:nth-child(2) {
		transition-delay: 0.15s
}
.benefit_flex .benefit_item:nth-child(3) {
		transition-delay: 0.3s
}
.benefit_flex .benefit_item:nth-child(4) {
		transition-delay: 0.45s
}
.benefit_item::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 6px;
		border-radius: 4px 4px 0 0;
		background: linear-gradient(110deg, #ff6e00 0%, #ffdd00 100%);
}
.benefit_pict {
		width: 115px;
		margin: 0 auto 20px
}
.benefit_pict img {
		width: 100%;
		height: auto;
}
.benefit_item p {
		font-size: 18px;
		line-height: 1.4;
		font-weight: 700;
}
.benefit_caption {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50px;
}
@media(max-width: 1100px) {
		.benefit_item {
				width: calc(calc(100% - 30px) / 4);
				padding: 25px 0 10px;
		}
		.benefit_pict {
				width: 80px;
				margin: 0 auto 15px
		}
		.benefit_item p {
				font-size: 15px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.benefit_flex {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
		}
		.benefit_item {
				width: calc(50% - 5px);
				margin: 0 0 10px;
				padding: 25px 0 10px;
		}
}
/* =============== */
.office_section {
		padding-left: 0;
		padding-right: 0;
		background: #fff;
}
.office_inner {
		max-width: 1270px;
		margin: 0 auto 40px;
		padding: 0 30px;
}
@media(max-width: 1700px) {
		.office_inner {
				padding-right: 100px;
		}
}
main .office_inner h3 {
		margin-bottom: 0;
}
.office_btn_gr_wrap {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
}
.interview_btn_gr {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 122px;
}
.interview_btn_gr .btn_prev, .interview_btn_gr .btn_next {
		width: 55px;
		height: 55px;
		box-sizing: border-box;
		border: 1px solid #FF7801;
		background: #FF7801;
		cursor: pointer;
		border-radius: 50%;
		transition: background 0.2s;
		position: relative;
}
.interview_btn_gr .btn_prev::after, .interview_btn_gr .btn_next::after {
		content: '';
		display: block;
		position: absolute;
		width: 7px;
		height: 7px;
		pointer-events: none;
		top: calc(50% - 4px);
}
.interview_btn_gr .btn_prev::after {
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		transform: rotate(-45deg);
		left: 25px;
}
.interview_btn_gr .btn_next::after {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		right: 25px;
}
@media (hover: hover) {
		.interview_btn_gr .btn_prev:hover, .interview_btn_gr .btn_next:hover {
				background: #fff;
		}
		.interview_btn_gr .btn_prev:hover::after {
				border-top: 1px solid #FF7801;
				border-left: 1px solid #FF7801;
		}
		.interview_btn_gr .btn_next:hover::after {
				border-top: 1px solid #FF7801;
				border-right: 1px solid #FF7801;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.office_inner {
				padding: 0 20px;
		}
}
.office_pic {
		width: 625px;
}
.office_pic img {
		width: 100%;
		height: auto;
		border-radius: 4px;
}
@media(max-width: 960px) {
		.office_pic {
				width: 400px;
		}
}
@media screen and (orientation: landscape) and (max-width: 900px) {
		.office_pic {
				width: 400px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.office_inner {
				padding: 0 20px
		}
		.office_pic {
				width: calc(100vw - 80px);
		}
		.interview_btn_gr {
				width: 86px;
		}
		.interview_btn_gr .btn_prev, .interview_btn_gr .btn_next {
				width: 40px;
				height: 40px;
		}
		.interview_btn_gr .btn_prev::after {
				left: 18px;
		}
		.interview_btn_gr .btn_next::after {
				right: 18px;
		}
}
/* =============== */
.training_section {
		background: #F3F3F3;
}
.training_wrap {
		max-width: 1270px;
		margin: 0 auto;
}
.training_inner {
		border-radius: 6px;
		overflow: hidden
}
.training_inner table {
		width: 100%;
		border: none;
}
.training_inner th, .training_inner td {
		text-align: left;
		padding: 40px 30px;
		border-bottom: 1px solid #BFBFBF;
		line-height: 1.8;
}
.training_inner tr:last-child th, .training_inner tr:last-child td {
		border-bottom: none !important;
}
.training_inner th, .training_inner tr td:first-child {
		width: 30%;
		background: #444;
		color: #fff;
		font-weight: 700;
}
@media(min-width: 600px) {
		.training_inner th br, .training_inner tr td:first-child br {
				display: none
		}
}
.training_inner td {
		background: #fff;
		font-weight: 500;
}
.new_image, .career_image {
		background: #fff;
}
@media(max-width: 1100px) {
		.training_inner th, .training_inner tr td:first-child {
				width: 20%;
		}
		.training_inner th, .training_inner td {
				padding: 30px 20px;
		}
}
@media (max-width: 767px) and (min-width: 961px) {
		.training_inner th br, .training_inner tr td:first-child br {
				display: none
		}
}
@media(max-width: 960px) {
		.training_inner th, .training_inner tr td:first-child {
				width: 20%;
				padding: 20px 10px;
				font-size: 14px;
		}
		.training_inner td {
				padding: 20px 10px;
				font-size: 14px;
		}
}
@media screen and (orientation: landscape) and (max-width: 900px) {
		.training_inner th, .training_inner td {
				font-size: 14px;
		}
		.training_inner th, .training_inner tr td:first-child {
				width: 23%;
		}
		.training_inner th br, .training_inner tr td:first-child br {
				display: block
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.training_inner th, .training_inner td {
				display: block;
		}
		.training_inner th, .training_inner tr td:first-child {
				width: auto;
				padding: 5px 10px;
				border-bottom: none;
		}
		.training_inner th br, .training_inner tr td:first-child br {
				display: none
		}
		.training_inner td {
				padding: 10px
		}
}
/* ============== */
.new_image, .career_image {
		background: #fff;
}
.upimage_inner {
		overflow: hidden
}
.upimage_inner table {
		width: 100%;
		border-radius: 6px;
}
.upimage_inner th, .upimage_inner td {
		text-align: left;
		padding: 10px 30px;
		border-bottom: 1px solid #BFBFBF;
		line-height: 1.8;
}
.upimage_inner th {
		padding: 5px 25px;
		border-right: 1px solid #BFBFBF;
}
.upimage_inner tr th:last-child {
		border-right: none;
}
.upimage_inner th {
		color: #fff;
		box-sizing: border-box
}
.upimage_inner th span {
		position: relative;
		z-index: 1
}
.upimage_inner tr th:first-child, .upimage_inner tr td:first-child {
		width: 20%;
}
.upimage_inner tr th:nth-child(2), .upimage_inner tr td:nth-child(2) {
		width: 18%;
}
@media(max-width: 960px) {
		.upimage_inner tr th:first-child, .upimage_inner tr td:first-child {
				width: 20%;
		}
		.upimage_inner tr th:nth-child(2), .upimage_inner tr td:nth-child(2) {
				width: 23.5%;
		}
}
.upimage_inner th:first-child, .upimage_inner th:last-child {
		position: relative;
}
.upimage_inner th:first-child::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -1px;
		width: calc(100% + 1px);
		height: 100%;
		border-radius: 6px 0 0 0;
		background: #444;
}
.upimage_inner th:last-child::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: -1px;
		width: calc(100% + 1px);
		height: 100%;
		border-radius: 0px 6px 0 0;
		background: #444;
}
.upimage_inner th:nth-child(2) {
		background: #444;
}
.upimage_inner td {
		background: #fff;
		font-weight: 500;
		border: 1px solid #BFBFBF;
}
@media(max-width: 1100px) {
		.upimage_inner td {
				padding: 10px
		}
}
@media(max-width: 960px) {
		.upimage_inner th, .upimage_inner td {
				font-size: 14px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.upimage_inner table {
				border: 1px solid #BFBFBF;
		}
		.upimage_inner tr th:first-child, .upimage_inner tr td:first-child {
				width: auto;
		}
		.upimage_inner tr th:nth-child(2), .upimage_inner tr td:nth-child(2) {
				width: auto;
		}
		.upimage_inner th {
				display: none
		}
		.upimage_inner td {
				display: block;
				width: auto;
				border: none;
		}
		.upimage_inner tr td:first-child {
				background: #444;
				color: #fff;
				border: none;
				font-size: 17px;
		}
		.upimage_inner tr td:nth-child(2) {
				padding-bottom: 15px;
		}
		.upimage_inner tr td:nth-child(2) br {
				display: none
		}
		.upimage_inner tr td:nth-child(3) {
				padding-top: 0;
				padding-bottom: 20px;
		}
		.upimage_inner tr td:nth-child(2)::before {
				content: '期間';
				display: block;
				font-weight: 700;
				margin: 0 0 5px;
				font-size: 16px;
		}
		.upimage_inner tr td:nth-child(3)::before {
				content: '内容';
				display: block;
				font-weight: 700;
				margin: 0 0 5px;
				font-size: 16px;
		}
}
.new_figure {
		max-width: 1215px;
		margin: 0 auto 50px;
		position: relative;
}
.new_figure .new_figure_item {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
}
.new_figure .new_figure_item.base {
		position: static;
}
.new_figure .new_figure_item:nth-child(2) {
		transition-delay: 0.2s
}
.new_figure .new_figure_item:nth-child(3) {
		transition-delay: 0.4s
}
.new_figure .new_figure_item:nth-child(4) {
		transition-delay: 0.6s
}
.new_figure_item {
		transform: translateX(-100px);
		opacity: 0;
}
.new_figure_item img {
		width: 100%;
		height: auto;
}
.isActive .new_figure_item {
		transform: translateX(0px);
		opacity: 1;
}
/* ============= */
.career_figure {
		max-width: 1150px;
		margin: 0 auto 30px;
		position: relative;
}
.career_figure .career_figure_item {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		opacity: 0;
}
.career_figure_item img {
		width: 100%;
		height: auto
}
.isActive .career_figure_item {
		opacity: 1;
		transform: translateY(0) translateX(0) !important;
}
.career_figure .career_figure_item:nth-child(2) {
		transform: translateY(100px);
}
.career_figure .career_figure_item:nth-child(3) {}
.career_figure .career_figure_item:nth-child(4) {
		transform: translateY(100px);
}
.career_figure .career_figure_item:nth-child(5) {}
.career_figure .career_figure_item:nth-child(6) {
		transform: translateY(100px);
}
.career_figure .career_figure_item:nth-child(7) {}
.career_figure .career_figure_item.base {
		position: static;
}
.career_figure .career_figure_item.arw {
		z-index: 5
}
.career_figure .career_figure_item:nth-child(2) {
		transition-delay: 0.15s
}
.career_figure .career_figure_item:nth-child(3) {
		transition-delay: 0.3s
}
.career_figure .career_figure_item:nth-child(4) {
		transition-delay: 0.45s
}
.career_figure .career_figure_item:nth-child(5) {
		transition-delay: 0.6s
}
.career_figure .career_figure_item:nth-child(6) {
		transition-delay: 0.75s
}
.career_figure .career_figure_item:nth-child(7) {
		transition-delay: 0.9s
}