@charset "UTF-8";

/*旧ページ内容からの読み込み*/
@import url(recruit.css);

/*タイトル背景設定リセット*/
@import url(recruit-page-setting-reset.css);

/*1．当社売上高*/
#sales-graph {
	width: 80%;
	/*border-left: 1px #666 solid;*/
	/*border-bottom: 1px #666 solid;*/
	margin: 0 auto;
}

#sales-graph strong {
	display: block;
	color: #000;
	text-align: center;
	font-size: 1.2em;
	letter-spacing: 1px;
	border-bottom: 3px #666 double;
	margin: 0 10px 20px;
}

#sales-graph .graph-body [class*="reiwa-"] {
	background-color: #5C6BC0;
	color: #FFF;
	margin: 0.5em 0;
	padding: 5px;
}

#sales-graph .graph-body {
	border-left: 1px #9fa0a0 solid;
	background-image: url(/wp/wp-content/uploads/2023/09/sales-graph-background.png);
	/*background-repeat: no-repeat;*/
	background-size: cover;
	padding: 1.0em 0;
}

#sales-graph .graph-body [class*="reiwa-"] span {
	margin-right: 1.0em;
}

/*グラフの長さ：Max12.0億に対する割合*/
/*令和元年*/
#sales-graph .graph-body .reiwa-1 {
	/*width: 68%;*/
	width: calc((8.1 / 12.0) * 100%);
}

#sales-graph .graph-body .reiwa-2 {
	/*width: 64%;*/
	width: calc((7.7 / 12.0) * 100%);
}

#sales-graph .graph-body .reiwa-3 {
	/*width: 62%;*/
	width: calc((7.5 / 12.0) * 100%);
}

#sales-graph .graph-body .reiwa-4 {
	/*width: 74%;*/
	width: calc((8.8 / 12.0) * 100%);
}

#sales-graph .graph-body .reiwa-5 {
	/*width: 88%;*/
	width: calc((10.4 / 12.0) * 100%);
}

/* SP */
@media screen and (max-width:767px) {
	#sales-graph {
		width: 100%;
	}

	#sales-graph .graph-body {
		background-size: contain;
	}
	
	#sales-graph .graph-body [class*="reiwa-"] span {
		display: block;;
	}
}

.features-box-08 {
	margin-bottom: 50px;
}

/*
.features-box-08 img {
	width: 400px;
	height: auto;
}*/

/*前方一致ではなく部分一致でないと効かない*/
.page [class*="features-box-0"] {
	border-bottom: none;
}
/*
.page [class*="features-box-0"] {
	border-bottom: 1px #005893 solid;
	padding: 15px 0;
}

.page [class*="features-box-0"] .sect-title {
	margin: 0;
}

.page [class*="features-box-0"] h2 {
	display: block;
	color: #005893;
	padding-bottom: 10px;
	border-bottom: 1px #005893 solid;
}
*/

/*
#main-contents {
	background-color: #FFFDE7;
}
*/

/* PC*/
@media print,
screen and (min-width: 768px) {
	.features-box-06 h2 span {
		margin-left: 1.0em;
	}
}

/* SP */
@media screen and (max-width:767px) {
	.page [class*="features-box-0"] h2 {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	.features-box-06 h2 span {
		display: block;
		/*margin-left: 2.0em;*/
	}

	.page #main-contents .elementor-widget-container img {
		width: 60%;
		height: auto;
	}

	.page #main-contents .group-property img {
		width: 90%;
		height: auto;
	}.
}

.features-box-08 .elementor-widget-container {
	font-family: "Roboto", "Noto Sans JP";
}