@charset "utf-8";/*ページ用*/
/* ------------------------------------------------ */
#title {
	position: relative;
	z-index: 0;
	text-align: center;
/*
	background-image: url("./img/title.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-size: cover;
*/
	padding: 50px 10px;
}
@media screen and (max-width: 767px) {
	#title {
		background-size: cover;
	}
}
/*
#title::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
*/
#title div {
	position: relative;
	z-index: 1;
}
#title span {
	display: block;
	color: rgba(255,255,255,0.5);
	color: var(--color1);
	font-size: 36px;
	font-size: clamp(24px, 3.6vw, 36px);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#title strong {
	display: block;
	color: rgba(255,255,255,0.8);
	color: var(--gray2);
	font-size: 14px;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	#title{
		padding: 40px 10px;
	}
}
html#html_single #title {
	padding: 80px 10px;
}
html#html_single #title div {
	display: none;
}
/* ------------------------------------------------ */
.title {
	line-height: 1em;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.title {
		padding: 0px 10px;
	}
}
.title h2 {
	display: block;
	font-size: 24px;
	font-size: clamp(24px, 2.4vw, 24px);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 40px;
}
.title h2 b {
	display: inline-block;
	line-height: 1em;
	border-bottom: 3px solid var(--color1);
	padding-bottom: 10px;
}
.title h3 {
	color: var(--color1);
	font-size: 36px;
	font-size: clamp(24px, 3.6vw, 36px);
	font-weight: 700;
	line-height: 1em;
	border-bottom: 2px solid var(--color1);
	margin-bottom: 40px;
	padding-bottom: 10px;
}
/* ------------------------------------------------ */
#page {
}
.div.page {
}
.pageinner {
}
#pageentry {
}
.pageentry {
}
.page-content {
}
@media screen and (max-width: 767px) {
	div.page {
		padding: 0px 10px;
	}
}
/* ------------------------------------------------ */
#page-archive {
	padding: 50px 0px;
}
/* ------------------------------------------------ */
#page-single {
	padding: 50px 0px;
}
.single-title {
	display: block;
	text-align: center;
	font-weight: 700;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}
.single-title h2 {
}
.single-title h2 b {
	display: block;
	color: var(--black);
	font-size: 24px;
}
.single-title h2 em {
	display: inline-block;
	color: var(--white);
	font-size: 11px;
	line-height: 1em;
	background-color: var(--color1);
	padding: 3px 5px;
}
.single-title h2 i {
	display: block;
	font-size: 12px;
	font-weight: 400;
	text-align: right;
}

.single-photo {
	margin-bottom: 30px;
}
.single-photo img {
	width: auto;
	height: auto;
	margin: 0px auto;
}
.single-content {
	padding: 10px 10px 50px 10px;
}
@media screen and (min-width: 768px) {
	.single-content {
		padding: 10px 30px 50px 30px;
	}
}
.single-content:last-child {
}
.single-content img {
	display: inline-block;
}
.single-content img.aligncenter {
	display: block;
	margin: 0px auto;
}
.single-content img.alignleft {
	display: block;
	margin: 0px auto 0px 0px;
}
.single-content img.alignright {
	display: block;
	margin: 0px 0px 0px auto;
}
.single-content img.alignnone {
}
.single-content h1 {
	color: var(--white);
	font-size: 30px;
	font-weight: 700;
	line-height: 1em;
	background-color: var(--color1);
	margin-bottom: 15px;
	padding: 10px 5px;
}
.single-content h2 {
	color: var(--color1);
	font-size: 26px;
	font-weight: 700;
	line-height: 1em;
	border-bottom: 3px solid var(--color1);
	margin-bottom: 15px;
	padding: 5px 5px;
}
.single-content h3 {
	color: var(--color1);
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	border-left: 5px solid var(--color1);
	margin-bottom: 15px;
	padding: 5px 5px;
}
.single-content h4 {
	color: var(--color2);
	font-size: 22px;
	margin-bottom: 15px;
}
.single-content h5 {
	color: var(--color2);
	font-size: 20px;
	margin-bottom: 15px;
}
.single-content h6 {
	color: var(--color2);
	font-size: 20px;
	margin-bottom: 15px;
}
.single-content h6 {
	font-size: 20px;
	margin-bottom: 15px;
}
.single-content p {
	margin-bottom: 15px;
}
.single-content p:last-child {
	margin-bottom: 0px;
}
.entry-footer {
	display: none;
	font-size: 0.688em;
	text-align: right;
	padding-top: 30px;
}
.single-content a {
	color: var(--color1);
	text-decoration: underline;
}
.single-content a:hover {
	color: var(--color2);
}
/* ------------------------------------------------ */
.navigation {
}
.navigation h2 {
	display: none;
}
.navigation {
	padding: 30px 0px;
}
.nav-links {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.nav-previous,
.nav-next {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
}
.nav-previous {
}
.nav-next {
	text-align: right;
}
.nav-links a {
	display: inline-block;
	color: #000;
	font-size: 0.8em;
	line-height: 1em;
	text-decoration: none;
	padding: 5px 10px;
}
.nav-links a:hover {
	background-color: #f2f2f2;
}
.nav-previous a::before {
	content: "<<"
}
.nav-next a::after {
	content: ">>"
}
.nav-links .meta-nav,
.nav-links .screen-reader-text {
	display: none;
}
.nav-links .post-title {
}
.wp-pagenavi {
	line-height: 1em;
	text-align: center;
	padding: 0px 0px 20px 0px;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	vertical-align: middle;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 2px;
}
.wp-pagenavi span.pages {
	display: none;
}
.wp-pagenavi span.extend {
	border: none;
}
.wp-pagenavi a.page {
	background-color: #f2f2f2;
}
.wp-pagenavi span.current {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: var(--color2);
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	background-color: var(--gray6);
}
.wp-pagenavi a:hover {
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: var(--color4);
}
.wp-pagenavi a.previouspostslink::before,
.wp-pagenavi a.nextpostslink::before,
.wp-pagenavi a.previouspostslink::after,
.wp-pagenavi a.nextpostslink::after {
	content: "";
	position: absolute;
	left: 50%;;
	top: 50%;
	width: 1px;
	height: 8px;
	background-color: var(--gray1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.wp-pagenavi a.previouspostslink:hover::before,
.wp-pagenavi a.nextpostslink:hover::before,
.wp-pagenavi a.previouspostslink:hover::after,
.wp-pagenavi a.nextpostslink:hover::after {
	background-color: var(--white);
}
.wp-pagenavi a.previouspostslink::before,
.wp-pagenavi a.nextpostslink::after {
	-webkit-transform: skewX(-35deg);
	transform: skewX(-35deg);
}
.wp-pagenavi a.previouspostslink::after,
.wp-pagenavi a.nextpostslink::before {
	-webkit-transform: skewX(35deg);
	transform: skewX(35deg);
}
.wp-pagenavi a.previouspostslink::before,
.wp-pagenavi a.nextpostslink::before {
	margin-top: -8px;
}
/* ------------------------------------------------ */
.widget_search {
	position: relative;
	max-width: 250px;
}
.headerwidget .widget_search {
	margin: 0px 0px 0px auto;
}
.widget_search label span.screen-reader-text {display: none;}
.widget_search button span.screen-reader-text {display: none;}
.widget_search label input[type="search"]{
	width: 100%;
	background-color: #e6e6e6;
	border: 1px solid #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 10px 5px;
}
.widget_search button[type="submit"]{
	position: absolute;
	right: 10px;
	top: 5px;
	width: 30px;
	height: 25px;
	background-color: transparent;
	background-image: url("./img/parts/search.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px;
	border: 0px;
	padding: 0;
	cursor: pointer;
}
/* ------------------------------------------------ */
.article-outer {
}
.article-inner {
}
/* ------------------------------------------------ */
.bloc {
	position: relative;
	margin: 0px auto;
	padding: 0px;
}
.outer {
	position: relative;
/*
	z-index: 1;
*/
}
.bloc .outer {
	padding: 30px 0px;
}
@media screen and (min-width:768px) {
	.bloc .outer {
		padding: 50px 0px;
	}
}
.inner {
}
.inner::after {
	content: "";
	display: block;
	clear: both;
}
.inner:last-child {
	margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
	.inner {
		padding: 0px 10px;
	}
}
.inner p {margin-bottom: 20px;}
.inner p:last-child {margin-bottom: 0px;}
/* ------------------------------------------------ */
/* --------- */
#index-news {
	background-color: var(--white);
	background-color: var(--color6);
}
#index-news .outer {
}
.index-news {
}
.index-news ul {
	margin-bottom: 30px;
}
.index-news ul li {
	border-bottom: 1px dashed #000;
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.index-news ul li {
	}
}
@media screen and (min-width: 768px) {
	.index-news ul::after {
		display: block;
		content: "";
		clear: both;
	}
	.index-news ul li {
	}
}

.index-news ul li a {
	display: block;
	line-height: 1.2em;
	text-decoration: none;
	padding: 0px 10px;
}
.index-news ul li a span {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
}
.index-news ul li a em {
	display: inline-block;
	color: var(--white);
	font-size: 11px;
	line-height: 1em;
	vertical-align: middle;
	background-color: var(--color1);
	padding: 3px 5px;
}
.index-news ul li a strong {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
	padding: 0px 5px;
}
.index-news ul li a p {
	font-size: 13px;
	line-height: 1.4em;
}

#news {
}
.news {
}
.news-list {
}
.news-list ul {
}
.news-list ul li {
	border-bottom: 1px solid #000;
	padding: 15px 5px;
}
.news-list ul li:last-child {
	border-bottom: none;
}
.news-list ul li dl {
	margin-bottom: 15px;
}
.news-list ul li dl dt {
	border-bottom: 1px solid #ccc;
}
.news-list ul li dl dt span {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	line-height 1em;
	padding-right: 10px;
}
.news-list ul li dl dt em {
	display: inline-block;
	color: var(--white);
	font-size: 11px;
	line-height: 1em;
	background-color: var(--color1);
	padding: 3px 5px;
}
.news-list ul li dl dt a {
	display: block;
	color: var(--color1);
	font-size: 20px;
	line-height: 1.4em;
	text-decoration: none;
}
.news-list ul li dl dt a:hover {
	color: var(--color2);
}
.news-list ul li dl dt a strong {
}
.news-list ul li dl dd {
}
/* ------------------------------------------------ */
#index {
/*
	background-image: url("./img/mv.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
*/
}
/* ------------------------------------------------ */
#index-works {
}
#index-works .outer {
	z-index: 1;
}
.index-works {
	text-align: center;
}
.index-works-inner {
	padding: 10px 0px;
}
@media screen and (min-width: 768px) {
	.index-works-inner {
		padding: 20px;
	}
}
.index-works-img {
}
.index-works-img img {
	border-radius: 10px;
}
.index-works-img ul {
	display: flex;
	flex-wrap: nowrap;
	gap: 3px;
	align-items: stretch;
	justify-content: center;
}
.index-works-img ul li {
	flex: 1;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.index-works-img {
	}
	.index-works-img img {
	}
}
@media screen and (max-width: 767px) {
	.index-works-img {
	}
	.index-works-img img {
		margin: 0px auto 10px auto;
	}
}
.index-works-tex {
}
.index-works-tex h2 {
	color: var(--white);
	color: var(--color1);
	font-size: 36px;
	font-size: clamp(24px, 3.8vw, 38px);
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.index-works-tex p {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-weight: 700;
	line-height: 1em;
	padding: 20px 5px 0px 5px;
}
.index-works-tex p b {
	color: var(--color2);
}
/* ------------------------------------------------ */
#index-recruit {
	color: var(--white);
	background-color: var(--color3);
}
.index-recruit {
	text-align: center;
}
#index-recruit .outer {
	padding: 30px 0px;
}
.index-recruit {
	position: relative;
	z-index: 1;
}
.index-recruit-tex{
	margin-bottom: 20px;
	padding: 0px 10px;
}
.index-recruit-tex b {
	display: inline-block;
	position: relative;
	color: var(--color4);
	font-size: 28px;
	font-size: clamp(20px, 2.8vw, 28px);
	font-weight: 700;
	line-height: 1.4em;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 10px 0px;
}
.index-recruit-tex p {
}
.index-recruit-img {
}
.index-recruit-img img {
	border-radius: 10px;
	margin: 0px auto 20px auto;
}
@media screen and (min-width: 768px) {
	.index-recruit-img img {
		width: 500px;
	}
}
@media screen and (max-width: 767px) {
	.index-recruit-img img {
		width: 280px;
	}
}
.index-recruit-list {
	margin-bottom: 40px;
}
.index-recruit-list ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.index-recruit-list ul li {
	box-sizing: border-box;
	background-color: var(--white);
	border: 2px solid var(--color5);
	border-radius: 5px;
	margin: 0px auto;
	padding: 10px 10px;
}
.index-recruit-list ul li span {
	display: block;
	color: var(--color1);
	font-size: 18px;
	font-size: clamp(16px, 1.8vw, 18px);
	font-weight: 500;
}
.index-recruit-list ul li b {
	color: var(--color5);
	font-size: 1.2em;
	line-height: 1.4em;
}
@media screen and (min-width: 768px) {
	.index-recruit-list ul {
		gap: 10px;
	}
	.index-recruit-list ul li {
		flex: 1 0 calc(33.33333% - 10px);
	}
	.index-recruit-list ul li span {
	}
}
@media screen and (max-width: 767px) {
	.index-recruit-list ul {
		gap: 3px;
		align-items: stretch;
	}
	.index-recruit-list ul li {
		flex: 1 0 calc(50% - 3px);
	}
	.index-recruit-list ul li span {
		padding: 0px 5px;
	}
	.index-recruit-list ul li b {
		display: block;
	}
}
/* ------------------------------------------------ */
#works-about {
	background-color: var(--color6);
}
.works-about {
	text-align: center;
}
.works-about-tex {
	margin-bottom: 50px;
}
.works-about-tex strong {
	display: block;
	color: var(--color1);
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
	font-weight: 700;
	line-height: 1.4em;
	vertical-align: middle;
	margin-bottom: 30px;
}
.works-about-tex p {
	line-height: 1.8em;
}
.works-about-area {
}
.works-about-area dl {
}
.works-about-area dl dt {
	display: block;
	display: inline-block;
	vertical-align: middle;
	color: var(--white);
	background-color: var(--color2);
	border-radius: 10px;
	padding: 5px 10px;
}
.works-about-area dl dd {
	display: inline-block;
	vertical-align: middle;
	border-bottom: 1px solid var(--color2);
	padding: 5px 10px;
}
#works-det {
	color: var(--white);
	background-color: var(--color2);
}
.works-det {
	text-align: center;
}
.works-det span {
	font-size: 13px;
}
.works-img {
}
.works-img ul {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}
@media screen and (min-width: 768px) {
	.works-img ul {
		gap: 8px;
	}
	.works-img ul li {
		flex: 1 0 calc(33.33333% - 8px);
	}
}
@media screen and (max-width: 767px) {
	.works-img ul {
		gap: 3px;
	}
	.works-img ul li {
		flex: 1 0 calc(33.33333% - 3px);
	}
}
.works-img ul li a img {
	border: 2px solid var(--color5);
	border-radius: 10px;
}
.works-img ul li a:hover img {
	border: 2px solid var(--color1);
	border-radius: 0px;
}
/* ------------------------------------------------ */
#recruit-top {
	background-color: var(--color6);
}
#recruit-top.bloc .outer {
	padding: 50px 0px 0px 0px;
}
@media screen and (max-width: 767px) {
	#recruit-top .inner {
		padding: 0px 0px;
	}
}
#recruit-top.bloc .inner {
}
.recruit-top {
}
.recruit-top-tex1 {
	padding: 50px 20px;
}
@media screen and (max-width: 767px) {
	.recruit-top-tex1 {
		padding: 30px 0px;
	}
}
.recruit-top-tex1-inner {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}
.recruit-top-tex1-bloc:nth-child(2) {
	padding: 0px 10px;
}
.recruit-top-tex1-bloc::after {
	content: "";
	display: block;
	clear: both;
}
.recruit-top-tex1-bloc:first-child {
	color: var(--white);
	background-color: var(--color1);
	background-image: url("./img/logot.webp");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
	background-size: cover;
	background-size: contain;
	margin-bottom: 60px;
}
.recruit-top-tex1-bloc:first-child .recruit-top-tex1-bloc-bg {
	background-color: rgba(1,56,95,0.5);
	padding: 10px 10px;
}
.recruit-top-tex1-bloc:first-child h3 {
	display: inline-block;
	color: rgba(255,255,255,0.8);
	font-size: 50px;
	font-size: clamp(32px,4vw,40px);
	font-weight: 900;
	line-height: 1.2em;
	border-bottom: 2px solid rgba(255,255,255,0.5);
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.recruit-top-tex1-bloc:first-child {
		background-position: center;
	}
	.recruit-top-tex1-bloc:first-child .recruit-top-tex1-bloc-bg {
		background-color: rgba(1,56,95,0.7);
	}
	.recruit-top-tex1-bloc:first-child h3 {
		display: block;
		color: rgba(255,255,255,1);
		text-align: center;
	}
}
.recruit-top-tex1-bloc img {
	border: 5px solid var(--white);
	margin: 0px auto 20px auto;
	-moz-box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 8px 2px rgba(0,0,0,0.2);
}
@media screen and (max-width:767px) {
	.recruit-top-tex1-bloc img {
		max-width: 220px;
	}
}
@media screen and (min-width:768px) {
	.recruit-top-tex1-bloc:first-child {
		text-align: center;
	}
	.recruit-top-tex1-bloc img {
		width: 300px;
		float: right;
		margin-left: 50px;
		margin-top: 20px;
	}
}
.recruit-top-tex1 p {
	margin-bottom: 20px;
}
.recruit-top-tex1 p strong {
	display: block;
	color: var(--color1);
	font-size: 24px;
	font-size: clamp(24px,3.2vw,32px);
	font-weight: 900;
	line-height: 1.4em;
}
.recruit-top-tex1-btm {
	text-align: center;
}
.recruit-top-tex1-btm b {
	display: block;
	color: var(--color2);
	font-size: 24px;
	font-size: clamp(22px,2.4vw,24px);
	font-weight: 900;
	margin-bottom: 20px;
	padding: 5px 10px;
}

.recruit-top-tex2 {
	position: relative;
	z-index: 0;
	background-image: url("./img/company-bg.webp");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	padding: 40px 10px;
}
@media screen and (min-width:768px) {
	.recruit-top-tex2 {
	padding: 50px 10px;
	}
}
.recruit-top-tex2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.recruit-top-tex2::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	background-image: linear-gradient(45deg, rgba(0,0,0,0.5) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0.5)), linear-gradient(45deg, rgba(0,0,0,0.5) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0.5));
	background-position: 0 0, 3px 3px;
	background-size: 6px 6px;
	opacity: 0.5;
}
.recruit-top-tex2-inner {
	position: relative;
	z-index: 1;
}
.recruit-top-tex2-inner ul {
}
.recruit-top-tex2-inner ul li {
	position: relative;
	background-color: rgba(0,0,0,0.6);
	background-color: rgba(255,255,255,0.8);
}
@media screen and (min-width: 768px) {
	.recruit-top-tex2-inner ul {
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		align-items: stretch;
		justify-content: center;
	}
	.recruit-top-tex2-inner ul li {
		flex: 1;
		box-sizing: border-box;
	}
}
@media screen and (max-width:767px) {
	.recruit-top-tex2-inner ul li {
		margin-bottom: 20px;
	}
	.recruit-top-tex2-inner ul li:last-child {
		margin-bottom: 0px;
	}
}
.recruit-top-tex2-title {
	text-align: center;
}
.recruit-top-tex2-title span {
	display: block;
	position: relative;
	padding: 10px 10px 50px 10px;
}
.recruit-top-tex2-title span::after {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;

	background-repeat: no-repeat;
	background-position: center top;
}
.recruit-top-tex2-inner ul li:nth-child(1) .recruit-top-tex2-title span::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="100%" height="100%" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23826b47" d="M25.504,16.728C25.51,16.88 25.515,17.02 25.515,17.148C25.514,20.056 24.34,22.677 22.435,24.584C20.528,26.488 17.907,27.662 15,27.663C12.093,27.662 9.471,26.488 7.565,24.584C5.66,22.677 4.486,20.056 4.485,17.148C4.485,17.02 4.49,16.88 4.496,16.728L2.161,16.635C2.155,16.792 2.148,16.963 2.148,17.148C2.149,24.246 7.902,29.999 15,30C22.098,29.999 27.851,24.246 27.852,17.148C27.852,16.963 27.845,16.792 27.839,16.635L25.504,16.728Z"/><path fill="%23826b47" d="M28.653,12.458C28.019,5.473 22.15,0 15,0C7.85,0 1.981,5.473 1.347,12.458C0.589,12.576 0.007,13.226 0.007,14.018C0.007,14.893 0.716,15.603 1.591,15.603L28.409,15.603C29.284,15.603 29.993,14.893 29.993,14.018C29.993,13.226 29.411,12.576 28.653,12.458ZM18.31,9.176L16.142,9.176L16.142,11.346L13.858,11.346L13.858,9.176L11.69,9.176L11.69,6.894L13.858,6.894L13.858,4.724L16.142,4.724L16.142,6.894L18.31,6.894L18.31,9.176Z"/><path fill="%23826b47" d="M11.601,19.718C11.601,18.99 11.011,18.399 10.282,18.399C9.553,18.399 8.962,18.99 8.962,19.718C8.962,20.447 9.553,21.038 10.282,21.038C11.011,21.038 11.601,20.447 11.601,19.718Z"/><path fill="%23826b47" d="M21.038,19.718C21.038,18.99 20.447,18.399 19.718,18.399C18.99,18.399 18.399,18.99 18.399,19.718C18.399,20.447 18.99,21.038 19.718,21.038C20.447,21.038 21.038,20.447 21.038,19.718Z"/></svg>');
}
.recruit-top-tex2-inner ul li:nth-child(2) .recruit-top-tex2-title span::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="100%" height="100%" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23826b47" d="M27.243,15.914C25.554,9.179 19.012,6.646 18.44,6.03L20.049,0.174C20.049,0.174 18.04,-0.475 15.223,0.734C11.64,2.272 9.645,0.311 9.645,0.311L11.412,6.121C10.859,6.752 3.9,9.58 2.642,16.235C1.555,21.96 4.955,30.13 15.118,29.998C25.281,29.865 28.664,21.568 27.243,15.914ZM19.775,16.488L19.775,18.085L16.485,18.085L15.937,18.939L15.937,19.957L19.775,19.957L19.775,21.555L15.937,21.555L15.937,24.336L14.064,24.336L14.064,21.555L10.226,21.555L10.226,19.957L14.064,19.957L14.064,18.939L13.514,18.085L10.226,18.085L10.226,16.488L12.487,16.488L9.797,12.301L11.715,12.301L15,17.414L18.287,12.301L20.203,12.301L17.514,16.488L19.775,16.488Z"/></svg>');
}
.recruit-top-tex2-inner ul li:nth-child(3) .recruit-top-tex2-title span::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="100%" height="100%" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23826b47" d="M25.035,8.241L20.674,8.241L20.913,8.062L24.986,5.01L20.509,1.654L16.032,5.01L20.344,8.241L9.656,8.241L9.895,8.062L13.968,5.01L9.491,1.654L5.013,5.01L9.326,8.241L4.965,8.241C2.223,8.241 0,10.464 0,13.206L0,25.269C0,25.761 0.399,26.16 0.891,26.16L3.618,26.16C3.605,26.249 3.591,26.336 3.591,26.428C3.591,27.488 4.449,28.346 5.509,28.346C6.568,28.346 7.427,27.488 7.427,26.428C7.427,26.336 7.412,26.249 7.399,26.16L9.426,26.16C9.414,26.249 9.399,26.336 9.399,26.428C9.399,27.488 10.258,28.346 11.317,28.346C12.376,28.346 13.235,27.488 13.235,26.428C13.235,26.336 13.221,26.249 13.208,26.16L16.791,26.16C16.779,26.249 16.764,26.336 16.764,26.428C16.764,27.488 17.623,28.346 18.682,28.346C19.742,28.346 20.6,27.488 20.6,26.428C20.6,26.336 20.586,26.249 20.574,26.16L22.6,26.16C22.588,26.249 22.573,26.336 22.573,26.428C22.573,27.488 23.431,28.346 24.491,28.346C25.55,28.346 26.409,27.488 26.409,26.428C26.409,26.336 26.394,26.249 26.382,26.16L29.109,26.16C29.601,26.16 30,25.761 30,25.269L30,13.206C30,10.464 27.777,8.241 25.035,8.241ZM7.26,5.01L9.491,3.338L11.722,5.01L9.491,6.681L7.26,5.01ZM11.615,18.526L6.899,18.526L6.899,14.484L11.615,14.484L11.615,18.526ZM18.278,5.01L20.509,3.338L22.739,5.01L20.509,6.681L18.278,5.01ZM23.1,18.526L18.385,18.526L18.385,14.484L23.1,14.484L23.1,18.526Z"/></svg>');
}
.recruit-top-tex2-title span em {
	display: inline-block;
	color: var(--white);
	font-weight: 700;
	line-height: 1em;
	background-color: var(--color1);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin: 0px auto;
	padding: 5px 10px;
}
.recruit-top-tex2-title h4 {
	display: block;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	font-size: clamp(24px, 3vw, 30px);
	line-height: 1.2em;
	margin-bottom:10px;
}
.recruit-top-tex2-title h4 b {
	font-size: 1.2em;
	color: var(--color1);
	font-weight: 700;
}
@media screen and (max-width:767px) {
	.recruit-top-tex2-title h4 {
		text-align: center;
	}
}
.recruit-top-tex2-inner ul li p {
	padding: 10px 10px;
}
.recruit-top-tex2-btm {
	text-align: center;
}
.recruit-top-tex2-btm b {
	display: inline-block;
	vertical-align: middle;
	color: var(--white);
	font-size: 30px;
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 700;
	background-color: var(--color4);
	margin-bottom: 10px;
	padding: 5px 10px;
}
.recruit-top-tex2-btm p {
	font-size: 20px;
	font-size: clamp(18px, 2vw, 20px);
	font-weight: 700;
}
/* -------------------------- */
.recruit-info {
}
.recruit-info dl dd a {
	color: var(--color4);
	font-size: 1.2em;
	font-weight: 700;
}
.recruit-info .link-bloc {
	padding: 20px 10px 5px 10px;
}
/* -------------------------- */
#recruit-link1 {
	background-color: var(--color5);
}
#recruit-link2 {
	background-color: var(--color5);
}
#recruit-link1.bloc .outer {
	padding: 20px 0px;
}
.recruit-link {
	text-align: center;
}
.recruit-link .link {
	padding: 10px 0px;
}
.recruit-link strong {
	display: block;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.recruit-link ul {
}
.recruit-link ul li {
}
.recruit-link1 {
	margin-bottom: 30px;
}
.recruit-link1 a {
}
.recruit-link2 {
}
@media screen and (max-width:767px) {
	.recruit-link2 ul li {
		max-width: 400px;
		margin: 0px auto;
		padding: 5px 5px;
	}
}
@media screen and (min-width:768px) {
	.recruit-link2 ul li {
		display: inline-block;
		vertical-align: middle;
		min-width: 300px;
		padding: 0px 5px;
	}
}
.recruit-link2 a {
	display: block;
	color: var(--color2);
	background-color: var(--white);
	vertical-align: middle;
	line-height: 1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 10px;
}
@media screen and (max-width:767px) {
	.recruit-link2 a {
		max-width: 260px;
		margin: 0px auto;
		padding: 15px 10px;
	}
}
.recruit-link2 a em {
	display: block;
	padding: 0px 10px;
}
.recruit-link2 a svg {
	display: inline-block;
	width: 20px;
	vertical-align: middle;
	margin-left: 10px;
}
.recruit-link2 a b {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding-right: 15px;
	padding-bottom: 5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.recruit-link2 a b::after {
	display: inline-block;
	content: "";
	position: absolute;
	right: 0px;
	top: 4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent var(--color3);
}
.recruit-link2 a span {
	display: block;
	font-size: 13px;
	line-height: 1em;
	border-top: 2px solid var(--color2);
	padding-top: 5px;
}
.recruit-link2 a:hover {
	color: var(--color4);
}
.recruit-link2 a:hover span {
	border-top: 2px solid var(--color4);
}
/* ------------------------------------------------ */
#page-company {
}

#company-top {
	background-image: url("./img/company-bg.webp");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	background-size: cover;
}
#company-top::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}
#company-top .outer {
	z-index: 1;
}
.company-top {
	text-align: center;
}
.company-top {
	padding: 80px 0px 80px 0px;
}
@media screen and (max-width: 767px) {
	.company-top {
		padding: 40px 0px 50px 0px;
	}
}
.company-top-tex {
	color: var(--white);
}
.company-top-tex strong {
	display: block;
	display: inline-block;
	font-size: 24px;
	font-size: clamp(30px, 5.4vw, 54px);
	font-weight: 900;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 2px 5px rgba(0,0,0,1);
}
.company-top-tex p {
	font-size: 1.2em;
	font-weight: 500;
	text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 2px 5px rgba(0,0,0,1);
}
.company-greeting {
}
@media screen and (min-width: 768px) {
	.company-greeting {
		padding: 0px 10px;
	}
}
@media screen and (max-width: 767px) {

}
.company-greeting-inner {
	position: relative;
	z-index: 1;
}
.company-greeting-img {
}
.company-greeting-img img {
	border-radius: 10px;
}
.company-greeting-tex {
	background-color: rgba(255,255,255,0.8);
	padding: 10px;
}
@media screen and (min-width: 768px) {
	.company-greeting-inner {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.company-greeting-img {
		display: table-cell;
		width: 35%;
		vertical-align: middle;
	}
	.company-greeting-tex {
		display: table-cell;
		vertical-align: middle;
		padding: 10px 10px 10px 20px;
	}
}
@media screen and (max-width: 767px) {
	.company-greeting-img {
		text-align: center;
	}
	.company-greeting-img img {
		display: inline-block;
		width: 250px;
	}
}
#company-company {
	background-color: var(--color3);
}
#company-company .title {
	color: var(--white);
}
#company-map {
	position: relative;
	background-color: var(--color6);
}
/* ------------------------------------------------ */
#index-works {
}
.photo {
}
/* ------------------------------------------------ */