/*
Theme Name: LifeProducers
Theme URI: https://life-partners.co.jp/
Description: Life Producers Wordpressテーマ
Author: koge
Author URI: https://nikko-lab.com/
Template: arkhe
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.jost-font {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'MoboLP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('font/mobolp.woff2') format('woff2'), url('font/mobolp.woff') format('woff'), url('font/mobolp.otf') format('opentype');
}

:root {
	--ark-letter_spacing: .0;
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
}
.font-mobo, h1, h2, h3 {
	font-family: 'MoboLP', sans-serif;
	font-weight: 700;
}

h2.title {
	font-family: 'MoboLP', sans-serif;
	font-weight: 700;
	font-size: 2.25rem;
}

h4.b-title {
	font-family: "MoboLP";
	position: relative;
	padding-left: 0.5em;
}
h4.b-title:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 1em;
	background-color: var(--ark-color_main);
	border-radius: 10px;
}

/* header */
.l-header__body {
	max-width: 1200px;
	margin: 0 auto 10px;
}

.header-catch_Copy.l-container {
	max-width: 1200px;
}
.header-catch_Copy {
	font-family: 'MoboLP', sans-serif;
	font-weight: 700;
	color: #00a99d;
	padding-top: 15px;
	margin-bottom: 0;
	font-size: 0.7em;
}

#gnav {
	font-family: "MoboLP", sans-serif;
	font-weight: 700;
}

.c-gnav__li>.c-gnav__a {
	padding: 0 12px;
}

.header-contact_Btn a span {
	background-color: var(--ark-color_main);
	color: #fff !important;
	padding: 0.5rem 1rem;
	border-radius: 100px;
	display: flex !important;
	align-items: center;
	opacity: 1;
	transition: 0.3s;
}
.header-contact_Btn a span:before {
	content: "\f075";
	font-family: FontAwesome;
	font-size: 1.25em;
	display: block;
	padding-right: 3px;
}
.header-contact_Btn a:hover span {
	opacity: 0.8;
}

@media screen and (max-width: 768px) {
	body {
		font-size: 14px;
	}
	h2 {
		font-size: 1.5em;
	}
	.l-header__body {
		margin-bottom: 0;
	}
}

/* home slider */


/* footer */
footer h2 {
	font-size: 2.25rem;
}

footer .l-footer__widgets .l-container {
	max-width: 960px;
	letter-spacing: 0;
}
footer .footer-nav {
	font-family: "MoboLP";
	font-weight: 700;
	color: #fff;
}
footer .footer-nav .ark-block-columns__inner {
	justify-content: space-between;
}
footer .footer-nav .ark-block-columns__inner .ark-block-column {
	width: auto;
}
footer .footer-nav a {
	padding-left: 0;
	transition: 0.3s;
	padding-right: 0.5em;
}
footer .footer-nav a:hover {
	padding-left: 0.5em;
	padding-right: 0;
	text-decoration: none;
}
footer .footer-nav ul {
	color: #e2eeec;
	list-style-type: none;
	padding-left: 0.1rem;
}
footer .footer-nav ul li {
	margin-bottom: 0.5rem;
}
footer .footer-nav ul li a:before {
	content: "-";
	display: inline-block;
	padding-right: 0.3rem;
}
footer .footer-nav h5 {
	margin-top: 1.5em;
}
footer #block-27 {
	margin-top: 1rem;
}
footer .footer-relation_nav ul {
	font-family: "MoboLP";
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
footer .footer-relation_nav .widget_nav_menu .menu-item a {
	padding: 0.5rem;
	display: inline-flex;
	position: relative;
}
footer .footer-relation_nav .widget_nav_menu .menu-item a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 1em;
	background-color: #fff;
}
footer .footer-relation_nav .widget_nav_menu .menu-item.last-item a:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 1em;
	background-color: #fff;
}
footer .footer-relation_nav .widget_nav_menu .menu-item a span {
	display: inline-flex;
	align-items: center;
}
footer .footer-relation_nav .widget_nav_menu .menu-item a span:before {
	font: var(--fa-font-solid);
	content: "\f08e";
	display: inline-block;
	padding-right: 0.3rem;
	font-size: 60%;
}
footer .footer-relation_nav .widget_nav_menu .menu-item a:hover span {
	text-decoration: underline;
}
footer .wp-block-image {
	text-align: left;
}
footer .footer-info_nav .widget_nav_menu .menu-item a {
	font-family: "MoboLP";
	font-weight: 700;
	padding: 0.5rem 0 0 0;
}
.c-copyright {
	font-family: "Jost", sans-serif;
	letter-spacing: 0;
	font-weight: 500;
	font-size: 1rem;
}


.c-widget+.c-widget {
	margin-top: 1.75rem;
}
.l-footer a {
	text-decoration: none;
}
.l-footer a:hover {
	text-decoration: underline;
}
.l-footer__widgets .w-footer {
	width: 100%;
}
.widget.widget_nav_menu {
	margin-top: 0;
}
.widget_nav_menu .menu {
	border: none;
}
.widget_nav_menu .menu-item {
	border: none;
}
.widget_nav_menu .menu-item a {
	padding-bottom: 0;
	padding-top: var(--ark-mt--inner, 2rem);
}



@media screen and (min-width: 1000px) {
	.l-footer__widgets .w-footer {
		flex-basis: auto;
	}
	.l-footer__widgets .w-footer+.w-footer {
		margin-left: 6rem;
	}
}
@media screen and (max-width: 600px) {
	footer {
		margin-bottom: 60px;
	}
	.footer-relation_nav ul {
		flex-wrap: wrap;
	}
	footer .footer-relation_nav .widget_nav_menu .menu-item:nth-child(2n+2) a:after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 1em;
		background-color: #fff;
	}
	.l-footer .wp-block-image img {
		width: 80%;
	}
	.footer-entry .ark-block-section__bodyInner {
		padding: 2rem 0
	}
	.footer-entry h2.title {
		font-size: 2rem;
		line-height: 1.4;
	}

}

/* fix ボタン */
.p-fixBtnWrap {
	right: 0;
	bottom: 20%;
}
.p-fixContact a {
	display: block;
	text-align: center;
	background-color: var(--ark-color_main);
	color: #fff;
	text-decoration: none;
	font-weight: 900;
	font-size: 1.5rem;
	line-height: 1.1;
	width: 76px;
	box-shadow: 0 2px 8px #0003, 0 4px 4px -4px #00000026;
	opacity: 1;
	transition: opacity .25s;
}
.p-fixContact a:hover {
	opacity: 0.5;
}
.p-fixContact a > span {
	display: inline-block;
	writing-mode: vertical-rl;
	text-orientation: upright;
	padding: 1rem 0;
}
.p-fixContact a small {
	opacity: 1;
}

.c-fixBtn {
	width: 76px;
	height: 76px;
	opacity: 1;
	background-color: #fff;
	padding: 10px;
}
.c-fixBtn:hover {
	opacity: 0.5;
}

/* blogリスト */
.home-blog_Area .p-postList.-type-list .p-postList__item {
	border-bottom: 1px solid var(--ark-color_main);
	padding-bottom: 2rem;
}

.c-bottomSection__title, .c-secTitle, .c-widget>.wp-block-group>.wp-block-group__inner-container>h2, .c-widget__title, h2.widgettitle {
	color: var(--ark-color_main);
	font-family: "MoboLP", sans-serif;
	font-weight: 700;
}


@media screen and (min-width: 600px) {
	.p-postList__excerpt {
		font-size: 0.9rem;
	}
}


.home-mv_Area {
	background-color: #f4efeb;
}
.home-mv_Area .arkb-absLayer {
	padding: 1.5rem 0;
}
.home-mv_Area .arkb-obf-cover {
	object-fit: contain;
}

.home-top_ContactArea {
	border-radius: 10px;
	margin-top: 0;
	position: relative;
	transform: translateY(-30%);
}
.home-top_ContactArea .ark-block-button__link {
	font-size: 1.25em;
	letter-spacing: 0;
}

.home-knows_LinkArea {
	margin-bottom: 6rem;
}
.home-knows .home-knows_LinkArea:last-child {
	margin-bottom: 0;
}
.home-knows_Link .ark-block-button__link {
	justify-content: flex-start !important;
	box-shadow: none;
	padding: 0 1rem;
	transition: 0.3s;
}
.home-knows_Link .ark-block-button__link:hover {
	padding-left: 1.5rem;
	padding-right: 0.5rem;
}
.home-knows_Link .ark-block-button__link .ark-block-button__icon {
	color: var(--ark-color_main);
}

.ark-block-heading .ark-block-heading__main {
	font-size: 2.25rem;
	font-weight: 700;
}

.home-news_Post ul.p-postList {
	border: none;
}
.home-news_Post li.p-postList__item {
	border: none;
}
.home-news_Post ul.p-postList a.p-postList__link {
	border: none;
	background: #fff;
	border-radius: 10px;
	padding: .5rem 1.5rem 1rem;
	margin-bottom: .75rem;
	letter-spacing: 0;
}
.home-news_Post ul.p-postList a.p-postList__link:after {
	font: var(--fa-font-solid);
	content: "\f061";
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	color: var(--ark-color_main);
	font-size: 1.5rem;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-color: #fff;
	-webkit-text-stroke-width: 1px;
	transition: 0.3s;
}
.home-news_Post ul.p-postList a.p-postList__link:hover {
	background-color: var(--ark-color--bg);
}
.home-news_Post ul.p-postList a.p-postList__link:hover::after {
	right: 0.5em;
}
.home-news_Post a.p-postList__link .p-postList__title {
	font-size: 1.1rem;
	font-family: 'MoboLP';
	border-left: 3px solid var(--ark-color_main);
	padding-left: 0.5rem;
}
.link-text a {
	font-family: "MoboLP";
	font-weight: 700;
	color: var(--ark-color_main);
	transition: 0.3s;
	opacity: 1;
}
.link-text a:hover {
	opacity: 0.8;
}

.home-blog_Post .p-postList__link {
	background-color: #fff;
	border-radius: 10px;
}
.home-blog_Post .p-postList__thumb {
	border-radius: 10px 10px 0 0;
}
.home-blog_Post .p-postList__body {
	padding: 1rem;
}
.home-blog_Post .p-postList__title {
	font-family: "MoboLP";
	letter-spacing: -0.5px;
	border-left: 3px solid var(--ark-color_main);
	padding-left: 0.5em;
}

.loop-slider .swiper-wrapper{
	transition-timing-function: linear!important;
}
.loop-slider .swiper-slide{
	height: auto;
	margin-right: 0!important;
}
.loop-slider .ark-block-slider__media{
	height: 100%;
}
.loop-slider .ark-block-slider__media .ark-block-slider__img{
	object-fit: contain;
}


@media screen and (max-width: 600px) {
	.home-mv_Copy img {
		width: 55% !important;
	}
	.home-top_ContactArea {
		transform: translateY(-2rem);
		flex-wrap: wrap !important;
		justify-content: center !important;
	}
	.home-top_ContactArea h2 {
		font-size: 1.1rem;
		letter-spacing: -0.5px;
	}
	.home-top_ContactArea .ark-block-buttons {
		font-size: 0.8rem;
		width: 100%;
		justify-content: center;
	}
	.home-knows_LinkArea .ark-block-icon {
		--arkb-icon-size: 3em !important;
	}
	.home-knows_LinkArea .ark-block-buttons[data-orientation=horizontal] .ark-block-button[data-has-width] {
		width: auto;
	}
	.ark-block-heading .ark-block-heading__main {
		font-size: 1.5rem;
	}

}






.home-recruit_Item {
	margin: 3rem 0;
	border: 2px solid var(--ark-color_main);
	padding: 1.5rem;
}
.home-recruit_Item.single-recruit_Item {
	padding: 0;
	border: none;
}

.home-recruit_Item h3 {
	margin-bottom: 1rem;
}
.home-recruit_Flex {
	display: flex;
	font-size: 1.1rem;
	align-items: flex-start;
	margin-bottom: 0.5rem;
}
.home-recruit_Flex > .f-item:first-child {
	width: 2rem;
	text-align: center;
	margin-right: 0.5rem;
}
.home-recruit_Flex > .f-item i {
	color: var(--ark-color_main);
	font-size: 1.25rem;
	font-weight: 700;
}

.home-recruit_Flex2 {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 1rem;
}
.home-recruit_Item p {
	padding-left: 1.5rem;
}
.home-recruit_Item .btn-area {
	text-align: right;
}
.home-recruit_Item.single-recruit_Item .btn-area {
	text-align: center;
	margin-top: 3rem;
}
.home-recruit_Item .btn {
	font-family: "MoboLP", sans-serif;
	font-weight: 700;
	display: inline-block;
	background-color: var(--ark-color_main);
	border: 1px solid var(--ark-color_main);
	color: #fff;
	text-decoration: none;
	font-size: 1.1rem;
	padding: 0.5rem 1.5rem;
	transition: 0.3s;
}
.home-recruit_Item .btn:hover {
	background-color: #fff;
	color: var(--ark-color_main);
	box-shadow: 0 2px 8px #0003, 0 4px 4px -4px #00000026;
}

.home-recruit_Item.single-recruit_Item .btn {
	width: 90%;
}


.single-recruit .l-main, .post-type-archive-recruit .l-main {
	margin: 0 auto;
}
.single-recruit .l-sidebar, .post-type-archive-recruit .l-sidebar {
	display: none;
}
.single-recruit .p-entry__head .c-postMetas {
	display: none;
}
.single-recruit .wp-block-table tr td:first-child {
	background: #f2f2f2;
	font-weight: 700;
}

.post-type-archive-recruit .ark-block-heading {
	margin-bottom: 3rem;
}
.post-type-archive-recruit .ark-block-heading .ark-block-heading__main {
    font-family: "Jost", sans-serif;
    color: var(--ark-color_main);
    font-size: 2.25rem;
    font-weight: 500;
}
.post-type-archive-recruit .ark-block-heading .ark-block-heading__sub {
	font-family: 'MoboLP', sans-serif;
	font-weight: 700;
    color: var(--ark-color_main);
    font-size: 1.15rem;
}


/* form */
.form-area {
	margin-top: 3rem;
}
.form-area .form-title {
	font-family: "MoboLP", sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	margin-bottom: 0.75rem;
	display: inline-flex;
	align-items: center;
	width: 100%;
}
.form-area .form-title span.req, .form-area .form-title span.no-req {
	display: inline-block;
	font-size: 10px;
	padding: 3px 4px;
	border-radius: 4px;
	line-height: 1;
	margin-right: 0.5rem;
	border: 1px solid var(--ark-color_main);
}
.form-area .form-title span.req {
	background-color: var(--ark-color_main);
	color: #fff;
}
.form-area .form-title span.no-req {
	color: var(--ark-color_main);
}
.form-area .form-title small {
	opacity: 1;
	display: inline-block;
	padding-left: 1em;
	letter-spacing: 0;
}
.form-area .form-box {
	margin-bottom: 1.75rem;
}
.form-area .form-box.mb10 {
	margin-bottom: 10px;
}
.form-area button, .form-area input:not([type="radio"]), .form-area select, .form-area textarea {
	width: 100%;
	background-color: #f2f2f2;
	border-color: #cccccc;
	border-radius: 4px;
}
.form-area input#zip {
	width: 10em;
}
.form-area input[type=submit] {
	background-color: var(--ark-color_main);
	color: #fff;
	border-color: var(--ark-color_main);
	font-family: "MoboLP", sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	border-radius: 0;
	transition: 0.3s;
	padding: 0.75rem;
	border-radius: 10px;
}
.form-area input[type=submit]:hover {
	background-color: #fff;
	color: var(--ark-color_main);
	box-shadow: 0 2px 8px #0003, 0 4px 4px -4px #00000026;
}

.form-area .form-box.radio-flex .wpcf7-radio {
	display: flex;
	justify-content: space-between;
}
.form-area .form-box.radio-flex .wpcf7-radio .wpcf7-list-item {
	margin: 0;
}
.form-area .form-box.radio-flex .wpcf7-radio .wpcf7-list-item label {
	display: inline-block;
	margin: 0;
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: .25em .5em;
	font-family: "MoboLP";
	font-weight: 500;
	width: 100%;
}
.form-area .form-box.radio-flex.rf-item2 .wpcf7-radio .wpcf7-list-item {
	width: 49%;
}
.form-area .form-box.radio-flex.rf-item4 .wpcf7-radio .wpcf7-list-item {
	width: 24%;
}
.form-area input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-area input[type="radio"] {
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	border-radius: 50%;
	vertical-align: -4px;
	padding: 0;
}
.form-area input[type="radio"]:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--ark-color_main);
	content: '';
}
.form-area small {
	opacity: 1;
}

@media screen and (max-width: 600px) {
	.form-area .form-title {
		flex-wrap: wrap;
	}
	.form-area .form-box.radio-flex .wpcf7-radio {
		flex-wrap: wrap;
	}
	.form-area .form-box.radio-flex.rf-item2 .wpcf7-radio .wpcf7-list-item {
		width: 90%;
		margin-top: 2%;
	}
	.form-area .form-box.radio-flex.rf-item4 .wpcf7-radio .wpcf7-list-item {
		width: 49%;
		margin-top: 2%;
	}
	.form-area input[type=submit] {
		font-size: 1.25rem;
	}
}



/* popup */
.bod-block-popup-wrap .bod-block-popup {
	width: 90% !important;
	max-width: 860px;
	height: 85vh;
	padding: 1.5rem;
	box-shadow: 0 2px 8px #0003, 0 4px 4px -4px #00000026;
}
.bod-modal-title h2 {
	font-family: 'MoboLP', sans-serif;
	font-weight: 700;
	margin-bottom: 1rem !important;
}

.bod-modal-content .modal-accordiom .ark-block-accordion__item {
	background-color: #fff;
	border-radius: 6px;
	border: none;
	color: var(--ark-color_main);
}
.bod-modal-content .modal-accordiom .ark-block-accordion__item .ark-block-accordion__title {
	font-family: 'MoboLP', sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
}

.bod-block-title-closer {
	color: #fff;
}
.bod-block-title-closer span {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	display: block;
	width: 2rem;
	height: 2rem;
	line-height: 1.5rem;
	text-align: center;
}






* {
	-webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 782px) {
	.header-catch_Copy {
		display: none;
	}


	.p-postList.-type-list .p-postList__link {
		flex-wrap: wrap;
	}
	.p-postList.-type-list .p-postList__thumb {
		width: 100%;
		max-width: 100%;
		margin-bottom: 1.5rem;
	}
	.p-postList.-type-list .p-postList__body {
		margin-left: 0;
	}

	.home-recruit_Item {
		margin: 1.5rem 0;
		padding: 1rem;
	}
	.home-recruit_Item h3 {
		font-size: 1.25rem;
	}
	.home-recruit_Flex {
		font-size: 0.9rem;
	}
	.home-recruit_Flex > .f-item:first-child {
		width: 1.25rem;
	}
	.home-recruit_Flex > .f-item i {
		font-size: 1rem;
	}
	.home-recruit_Flex2 {
		flex-wrap: wrap;
	}
	.home-recruit_Flex2 p {
		width: 100%;
		font-size: 0.9rem;
		padding-left: 0;
		margin-bottom: 1rem;
	}
	.home-recruit_Flex2 .btn-area {
		width: 100%;
	}
	.home-recruit_Flex2 .btn-area .btn {
		font-size: 1rem;
	}


	.p-fixBtnWrap {
		flex-direction: row;
		align-items: stretch;
		bottom: 0;
		width: 100%;
	}
	.p-fixContact {
		width: calc(100% - 42px);
	}
	.p-fixContact a {
		font-size: 1.5rem;
		width: 100%;
		height: 60px;
	}
	.p-fixContact a > span {
		writing-mode: horizontal-tb;
		height: 42px;
		padding: 5px 0;
	}
	.c-fixBtn {
		width: 60px;
		height: 60px;
		padding: 7px;
	}


	.c-drawerNav {
		border: none;
	}
	.c-drawerNav .menu-item {
		border: none;
	}
	.p-drawer__inner {
		text-align: center;
	}
	.header-contact_Btn a span {
		justify-content: center;
		width: 70%;
		margin: 0 auto;
	}

}






/* page */
.p-topArea.-noimg {
	background-color: transparent;
	padding-bottom: 0;
	min-height: auto;
}
.p-topArea.-noimg .p-topArea__body {
	color: #000;
	text-shadow: none;
}
body.page .c-pageTitle__main {
	font-size: 4vw;
}

.page-title.ark-block-heading .ark-block-heading__main {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
.page-title.ark-block-heading .ark-block-heading__sub {
	font-family: 'MoboLP';
	font-size: 1em;
	font-weight: 700;
	opacity: 1;
}
.page-title.ark-block-heading .ark-block-heading__line {
	margin: 0 0 0.5em;
}
.page-title.ark-block-heading .ark-block-heading__line:before {
	width: 20em;
}
h3.line-title {
	font-size: 2.25rem;
	line-height: 1.4;
	background-image: linear-gradient(90deg, #00a99d 0 15%, #ccc 15%);
	background-repeat: no-repeat;
	background-size: 100% 4px;
	background-position: bottom;
	padding-bottom: 0.75rem;
}

table.lp-table01, table.lp-table01 th, table.lp-table01 td {
	border-color: #e6e6e6;
}
table.lp-table01 th {
	color: #fff;
	background-color: var(--ark-color_main);
	text-align: center;
	vertical-align: middle;
}
table.lp-table01 tr:first-child td {
	background-color: #ccc;
	width: 14em;
}
table.lp-table01 tr:first-child th {
	background-color: #c8b299;
	text-align: left;
	padding: 1.5rem auto;
	width: calc(50% - 7em);
}


.white-box {
	position: relative;
}
.white-box:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 25%;
	background-position: right 1rem bottom 1rem;
	background-repeat: no-repeat;
	opacity: 0.05;
}
.white-box.-dev01:before {
	background-image: url(./img/point1_img.svg);
}
.white-box.-dev02:before {
	background-image: url(./img/point2_img.svg);
}
.white-box.-dev03:before {
	background-image: url(./img/point3_img.svg);
}
.white-box.-dev04:before {
	background-image: url(./img/point4_img.svg);
}

.greeting-sub_Box {
	border-radius: 10px;
	font-size: 90%;
}



.group_Area h3.line-title a {
	color: inherit;
	text-decoration: none;
	transition: 0.3s;
	opacity: 1;
}
.group_Area h3.line-title a .arkb-inline-icon {
	font-size: 0.8em;
	color: var(--ark-color--link);
}
.group_Area h3.line-title a:hover {
	opacity: 0.75;
	padding-left: 1rem;
}
.group-link_Box {
	border-radius: 10px;
}
.group-link_Box h4 {
	font-family: "MoboLP";
	position: relative;
	padding-left: 0.5em;
}
.group-link_Box h4:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 1em;
	background-color: var(--ark-color_main);
	border-radius: 10px;
}
.group_Area .group-link_Box a {
	color: #000;
	transition: 0.3s;
	text-decoration: none;
}
.group_Area .group-link_Box a:hover {
	color: var(--ark-color--link);
	text-decoration: underline;
}
.group_Area .group-link_Box .ark-block-icon__frame {
	padding: 25% !important;
}


.job-point_Flex {
	margin-top: 6rem;
}
.job-point_Flex.-rev .ark-block-column:first-child {
	order: 2;
}
.job-point_Flex.-rev .ark-block-column:last-child {
	order: 1;
}
.job-point_Flex .job-point_Point {
	display: inline-block;
	font-family: "MoboLP";
	font-weight: 700;
	font-size: 1.1em;
	background-color: var(--ark-color_main);
	color: #fff;
	line-height: 1;
	padding: 0.5rem;
	margin-top: 2rem;
}
.job-point_Flex h4 {
	font-family: "MoboLP";
	font-weight: 700;
	font-size: 1.35rem;
	line-height: 1.3;
}
.job-point_Flex h4 + p {
	margin-top: 1.5rem;
	text-align: justify;
}
.job-point_Img {
	position: relative;
}
.job-point_Img:before {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 100%;
	height: 100%;
	background-color: var(--ark-color_main);
	z-index: -1;
}

.job-known_Box .ark-block-boxLink {
	box-shadow: none;
}
.job-known_Box .arkb-boxLink__figure {
	border-radius: 10px 10px 0 0;
}
.job-known_Box .arkb-boxLink__body {
	background-color: #e6e6e6;
	border-radius: 0 0 10px 10px;
}
.job-known_Box .arkb-boxLink__body .arkb-boxLink__title {
	font-size: 1.1rem;
	font-family: "MoboLP";
	font-weight: 700;
	position: relative;
	padding-left: 0.5em;
}
.job-known_Box .arkb-boxLink__body .arkb-boxLink__title:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 1em;
	background-color: var(--ark-color_main);
	border-radius: 10px;
}
.job-list_Box {
	border-top: 1px solid #ccc;
}
.job-list_Box.ark-block-accordion.is-style-box .ark-block-accordion__item {
	border-color: #ccc;
	border-left: none;
	border-right: none;
	margin-top: 0;
	border-top: none;
}
.job-list_Box .ark-block-accordion__label {
	font-family: "MoboLP";
	font-weight: 700;
	padding-left: 0.5em;
	position: relative;
}
.job-list_Box .ark-block-accordion__label:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 1em;
	background-color: var(--ark-color_main);
	border-radius: 10px;
}
.job-list_Box .ark-block-accordion__title .ark-block-accordion__icon {
	color: #ccc;
	font-size: 1.5em;
}
.job-list_Box.ark-block-accordion.is-style-box .ark-block-accordion__body {
	border-top: none;
}


.growth-list .ark-block-dl__div {
	border: none;
	padding: 0;
}
.growth-list .ark-block-dl__div .ark-block-dl__dt, .growth-list .ark-block-dl__div .ark-block-dl__dd {
	padding: 0.75em 0.5em;
}
.growth-list .ark-block-dl__div .ark-block-dl__dt {
	border-top: 2px solid var(--ark-color_main);
	width: 28%;
}
.growth-list .ark-block-dl__div .ark-block-dl__dd {
	border-top: 1px solid #b3b3b3;
	width: 72%;
}
.growth-list .ark-block-dl__div:last-child .ark-block-dl__dt {
	border-bottom: 2px solid var(--ark-color_main);
}
.growth-list .ark-block-dl__div:last-child .ark-block-dl__dd {
	border-bottom: 1px solid #b3b3b3;
}
.workplace-support_Box .ark-block-column {
	background-color: #e6e6e6;
	border-radius: 10px;
	color: var(--ark-color_main);
	text-align: center;
}
.workplace-support_Box .ark-block-column p {
	font-family: 'MoboLP';
	font-weight: 700;
	font-size: 1.25rem;
}
.workplace-support_Box figure img {
    max-height: 64px;
}


.work-env_Flex .ark-block-column {
	font-family: "MoboLP";
	font-weight: 700;
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}
.work-env_Flex h3.work-env_Title span {
	display: inline-block;
	border-bottom: 2px solid var(--ark-color_main);
	padding-bottom: 0.25rem;
}
.work-env_Flex .work-env_Hosoku {
	margin-top: 1.5rem;
	font-size: 0.9rem;
}
.work-env_Hosoku + .work-env_Namber {
	margin-top: 0;
}
.work-env_Flex .work-env_Namber {
	color: var(--ark-color_main);
	font-size: 1.5rem;
	line-height: 1;
}
.work-env_Flex .work-env_Namber span {
	font-size: 4.5em;
	letter-spacing: -6px;
}
.work-env_Flex .work-env_Namber span.b-text {
	letter-spacing: 0;
}
.work-env_Flex .work-env_Namber.wen-b {
	margin-top: 0;
}
.work-env_Flex .work-env_Namber.wen-b span.b-text {
	color: #000;
	font-size: 1rem;
}



.bar-graph-area {
	margin-top: 2.5rem;
}
.bar-graph-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.5rem;
}
.bar-graph-area .graph-icon {
	padding-right: 1rem;
}
.bar-graph-wrap {
	position: relative;
	width: 280px;
	overflow: hidden;
}
.bar-graph-wrap .graph {
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
}
.bar-graph-area.is-active .bar-graph-wrap .graph {
	animation: graphAnim 1s forwards;
}
.bar-graph-wrap .graph.woman {
	background: var(--ark-color_main);
	width: 100%;
}
.bar-graph-wrap .graph.man{
	margin: auto auto auto 0;
	background: #4d4d4d;
	width: 35%;
}
.bar-graph-wrap .graph span {
	color: #fff;
	line-height: 1;
	opacity: 0;
}
.bar-graph-area.is-active .bar-graph-wrap .graph span {
	opacity: 1;
	transition: all 0.5s 1s ease;
}
.bar-graph-wrap .graph span span {
	font-size: 2.5rem;
	letter-spacing: -2px;
	display: inline-block;
	padding-right: 2px;
}
@keyframes graphAnim {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}


.percent {
	margin: 2.5rem auto 0;
	position: relative;
	width: 280px;
}
.percent svg {
	position: relative;
	width: 150px;
	height: 150px;
	transform: rotate(-90deg);
}
.percent svg circle {
	position: relative;
	fill: none;
	stroke-width: 30;
	stroke: #e2eeec;
	stroke-dasharray: 376.8;
	stroke-dashoffset: 0;
}
.percent.is-active svg circle.line {
	stroke-dashoffset: calc(376.8 - (376.8 * 80) / 100);
	stroke: var(--ark-color_main);
	animation: circleAnim 1s forwards;
}
.percent.is-active svg circle.base {
	animation: circleAnim 2s forwards;
}
.percent .percent-text {
	position: absolute;
	line-height: 1;
	text-shadow: 2px 2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff, 2px 0px 0px #ffffff, 0px 2px 0px #ffffff, -2px 0px 0px #ffffff, 0px -2px 0px #ffffff;
}
.percent .percent-text.ce {
	bottom: 10px;
	right: 20px;
	color: var(--ark-color_main);
}
.percent .percent-text.nonce {
	top: 0px;
	left: 15px;
	color: #4d4d4d;
}
.percent .percent-text .number span {
	font-size: 2rem;
	letter-spacing: -2px;
	display: inline-block;
	padding-right: 2px;
}
@keyframes circleAnim {
	0% {
		stroke-dasharray: 0 376.8;
	}
	99.9%,
	to {
		stroke-dasharray: 376.8 376.8;
	}
}


.workplace-wlfare_Flex .ark-block-column {
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
	font-family: "MoboLP";
	font-weight: 700;
	padding: 1.5rem 0.5rem;
}
.workplace-wlfare_Flex .ark-block-column .arkb-format-small {
	color: #4d4d4d;
	display: inline-block;
	line-height: 1.3;
}
.workplace-wlfare_Flex figure img {
	max-height: 64px;
}



.faq-button_Box .ark-block-button__link {
	font-family: "MoboLP";
	font-weight: 700;
	color: var(--ark-color_text);
	box-shadow: none;
	padding: 0.5rem 1rem;
	transition: 0.3s;
}
.faq-button_Box .ark-block-button__link svg {
	color: var(--ark-color_main);
}
.faq-button_Box .ark-block-button__link:hover {
	padding-top: 0.75rem;
	padding-bottom: 0;
}
.faq-tab_Box.ark-block-accordion.is-style-box .ark-block-accordion__item {
	border-color: #ccc;
	border-left: none;
	border-right: none;
	margin-top: 0;
	border-top: none;
	padding: 0.5rem 0;
}
.faq-tab_Box .ark-block-accordion__label {
	font-family: "MoboLP";
	font-weight: 700;
	position: relative;
	font-size: 1.25rem;
	display: flex;
	align-items: baseline;
}
.faq-tab_Box .ark-block-accordion__label:before {
	content: "Q";
	color: var(--ark-color_main);
	padding-right: 0.75rem;
	font-size: 1.75rem;
	display: inline-block;
}
.faq-tab_Box .ark-block-accordion__body {
	display: flex;
	align-items: baseline;
	padding-top: 0;
}
.faq-tab_Box .ark-block-accordion__body:before {
	content: "A";
	font-family: "MoboLP";
	font-weight: 700;
	padding-right: 0.75rem;
	font-size: 1.75rem;
	display: inline-block;
}
.faq-tab_Box .ark-block-accordion__title .ark-block-accordion__icon {
	color: #ccc;
	font-size: 1.5em;
}
.faq-tab_Box.ark-block-accordion.is-style-box .ark-block-accordion__body {
	border-top: none;
}





@media screen and (max-width: 600px) {
	body.page .c-pageTitle__main, .c-pageTitle__main {
		font-size: 2rem;
	}
	.l-content__body {
		margin: 0 auto 3rem;
	}
	.job-point_Flex {
		margin-top: 3rem;
	}
	.job-point_Flex.-rev .ark-block-column:first-child {
		order: 1;
	}
	.job-point_Flex.-rev .ark-block-column:last-child {
		order: 2;
	}
	.job-point_Img:before {
		top: 10px;
		left: 10px;
	}
	
	h3.line-title {
		font-size: 1.5rem;
	}
	
	table.lp-table01 tr.thead {
		display: none;
	}
	table.lp-table01, table.lp-table01 th, table.lp-table01 td {
		display: block;
		width: 100%;
	}
	table.lp-table01 td:before {
		content: attr(data-label);
        display: block;
        background-color: #c8b299;
        color: #fff;
        padding: 0.5rem 1rem;
        font-weight: 700;
        margin: 0.5rem 0;
	}
	
	
}




/* blogアーカイブ */
.c-postThumb__figure {
	border-radius: 10px 10px 0 0;
}
.p-postList.-type-card .p-postList__body {
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	padding: 1rem;
}
body.blog .p-postList .p-postList__title {
	font-family: "MoboLP";
	letter-spacing: -0.5px;
	border-left: 3px solid var(--ark-color_main);
	padding-left: 0.5em;
}






/* interview single */
body.single-interview .l-container, .post-type-archive-interview .l-container {
	max-width: 860px;
}
.single-type-title {
	font-family: "MoboLP";
	font-weight: 700;
	color: var(--ark-color_main);
}
h1.iv-maincopy {
	margin-top: 0.75rem;
	line-height: 1.4;
	font-size: 2.5rem;
}
.iv-head_Flex {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 3rem;
	flex-wrap: wrap;
}
.iv-head_Flex .iv-thumb {
	width: 30%;
}
.iv-head_Flex .iv-thumb img {
	border-radius: 10px;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.iv-head_Flex .iv-main {
	width: 65%;
}
.iv-main .iv-jobtype {
	font-family: "MoboLP";
	font-weight: 700;
	color: var(--ark-color_main);
}
.iv-main .iv-name {
	font-family: "MoboLP";
	font-weight: 700;
	font-size: 1.75rem;
}
.iv-main .iv-name span {
	font-size: 0.9rem;
}
.iv-main p {
	margin-top: 1rem;
	line-height: 1.8;
}
.iv-main .iv-publish-date {
	margin-top: 1rem;
	font-size: 0.8rem;
}
body.single-interview .l-main__body>.c-postContent {
	margin-top: 6rem;
}
h3.line-title.iv-line-title {
	font-size: 2rem;
	margin-top: 6rem;
}
.iv-photo img {
	border-radius: 10px;
}
.iv-question {
	padding-left: 1.5rem;
    text-indent: -1.5rem;
}

@media screen and (max-width: 600px) {
	body.single-interview .l-main {
		margin-top: 1rem;
	}
	body.single-interview .l-main__body>.c-postContent {
		margin-top: 3rem;
	}
	body.single-interview h1.iv-maincopy {
		font-size: 1.75rem;
	}
	.iv-head_Flex {
		margin-top: 1.5rem;
	}
	.iv-head_Flex .iv-thumb {
		width: 100%;
		height: 340px;
		margin-bottom: 1rem;
	}
	.iv-head_Flex .iv-main {
		width: 100%;
	}
	h3.line-title.iv-line-title {
		font-size: 1.5rem;
	}
}


/* interview  page archive */
.interview-post_Flex {
	margin-top: 3rem;
	display: flex;
	flex-wrap: wrap;
}
.interview-post_Flex .interview-post_Item {
	width: 31%;
	margin-bottom: 3.5%;
}
.interview-post_Flex .interview-post_Item:nth-child(3n+2) {
	margin-right: 3.5%;
	margin-left: 3.5%;
}
.interview-post_Item a {
	color: var(--ark-color_text);
	text-decoration: none;
}
.interview-post_Item .ivp-head {
	background-color: #e6e6e6;
	border-radius: 10px;
	position: relative;
}
.interview-post_Item .ivp-head .ark-block-icon {
	position: absolute;
	right: -10px;
	bottom: -10px;
	transition: 0.3s;
}
.interview-post_Item .ivp-head .ark-block-icon.is-style-fill .ark-block-icon__frame {
	background-color: var(--ark-color_main);
}
.interview-post_Item a:hover .ivp-head .ark-block-icon {
	right: -20px;
}
.interview-post_Item .ivp-head .ivp-jobtype {
	font-family: "MoboLP";
	font-weight: 700;
	line-height: 1;
	padding: 0.75rem 1rem;
}
.interview-post_Item .ivp-head .ivp-thumb {
	overflow: hidden;
	border-radius: 0 0 10px 10px;
}
.interview-post_Item .ivp-head .ivp-thumb img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 0 0 10px 10px;
	display: block;
	transition: 0.3s;
	opacity: 1;
}
.interview-post_Item a:hover .ivp-head .ivp-thumb img {
	transform: scale(1.1);
	opacity: 0,8;
}
.interview-post_Item .ivp-inner {
	padding-top: 0.75rem;
}
.interview-post_Item .ivp-inner .ivp-joining {
	font-family: "MoboLP";
	font-weight: 700;
	color: var(--ark-color_main);
}

@media screen and (max-width: 600px) {
	.interview-post_Flex {
		margin-top: 1.5rem;
		justify-content: space-between;
	}
	.interview-post_Flex .interview-post_Item {
		width: 100%;
		margin-bottom: 3rem;
	}
	.interview-post_Flex .interview-post_Item:nth-child(3n+2) {
		margin-right: auto;
		margin-left: auto;
	}
}




/* other */
br.sp { display: none; }

.border-r10 {
	border-radius: 10px;
}

.dispPC { display: block; }
.dispSP { display: none; }
.dispNone { display: none; }


.bdr10 img { border-radius: 10px; }
.text-shadow { text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.innerS {
	max-width: 90%;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 782px) {
	br.sp { display: inline; }

	.dispPC { display: none; }
	.dispSP { display: block; }
	.innerS  {
		max-width: 100%;
	}
}