@charset "UTF-8";

:root {
	--opt-blue: #133664;
	--opt-yellow: #fabe00;
	--opt-gray: #738691;
	--opt-red: #CC0000;
	--opt-gray-bg: #eaeff3;
	--opt-gray-dark: #343a40;
	--opt-gray-border: #b9c3c8;
	--opt-bluegray: #ccd9e2;
	--opt-softgray: #f9f9f9;
	--opt-link-blue: #0033aa;
	--opt-font-sans-serif: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "HiraginoKaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	--opt-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--opt-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--fashion-label: #4c88bf;
	--fashion-bg: #edf5fb;
	--food-label: #79b13f;
	--food-bg: #f1f7e8;
	--chemical-label:#7c67b8;
	--chemical-bg: #f3f0fa;
}
body {
	overflow-x: hidden;
	font-family:var(--opt-font-sans-serif)
}
b,
strong {
	font-weight: 800;
}
small, .small {
	font-size: 0.875em;
}
sub,
sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
.hide {
	display: none;
}

/*-----------------------------------------------------------------------

SECTION

-----------------------------------------------------------------------*/
#introduction,
#about,
#solution,
#case,
#fashion,
#food,
#chemical,
#benefits,
#assist {
	margin-top: 1rem;
	margin-bottom: 2rem;
}

@media (max-width: 519px) {
	#introduction,
	#about,
	#solution,
	#case,
	#fashion,
	#food,
	#chemical,
	#benefits,
	#assist {
		margin-bottom: 1rem;
	}
}
.section_inner {
	max-width: 1120px;
	margin-top: 1rem;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 768px) {
	.alignC picture img {
		width: 1000px;
		height: auto;
		max-width: 100%;
	}
}
@media (min-width: 768px) {
	.alignC figure img {
		width: 500px;
		height: auto;
		max-width: 100%;
	}
}
.paragraph {
	padding-bottom: 1.5rem;
}
.paragraph p {
	margin: 0 0 1em;
	font-size: clamp(.875rem, calc(.8103rem + .2759vw), 1rem);
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.section_inner {
		margin-right: 1rem;
		margin-left: 1rem;
	}
}
@media (max-width: 519px) {
	.section_inner {
		margin-right: 4%;
		margin-left: 4%;
	}
}
.serviceColumn .imgDoubleWrap img.pc_w75p {
	width: 75%;
}
.serviceColumn .imgDoubleWrap img.sp_w85p {
	width: 500px;
}
.serviceColumn .imgDoubleWrap img.sp_w85p.w100p {
	width: 100%;
}
@media (max-width: 519px) {
	.serviceColumn .imgDoubleWrap img.pc_w75p {
		width: 95%;
	}
	.serviceColumn .imgDoubleWrap img.sp_w85p {
		width: 85%;
	}
	.serviceColumn .imgDoubleWrap img.sp_w85p.w100p {
		width: 85%;
	}
}
.fashion_label {
	background-color: var(--fashion-label);
	color: #fff;
}
.food_label {
	background-color: var(--food-label);
	color: #fff;
}
.chemical_label {
	background-color: var(--chemical-label);
	color: #fff;
}

/*-----------------------------------------------------------------------

KV

-----------------------------------------------------------------------*/

/*--- メインページ ---*/

.kv {
	position: relative;
	background-image: url(/business/service/application/erp/cloudsuite/img/kv_pc.png);
	height: 300px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	box-sizing: border-box;
}
.kv_wrap {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	width: min(100% - 10%, 1120px);
	height: 100%;
	margin: 0 auto;
	padding: 2rem 0;
	box-sizing: border-box;
}
.kv_title {
	margin: 0;
	font-size: 3rem;
	color: #fff;
	line-height: 1.3;
	text-shadow: 1px 1px 2px #333;
}
.kv_text {
	font-size: clamp(.8rem, calc(.4379rem + 1.5448vw), 1.5rem);
	color: #fff;
	margin-top: 1em;
	font-weight: 600;
	text-shadow: 1px 1px 2px #333;
}
@media (max-width: 767px) {
	.kv {
		background-image: url(/business/service/application/erp/cloudsuite/img/kv_sp.png);
		height: auto;
	}
	.kv_wrap {
		align-items: flex-start;
		justify-content: flex-start;
		max-width: initial;
	}
	.kv_title {
		font-size: 1.8rem;
		letter-spacing: 0;
	}
	.kv_text {
		margin-top: 0;
	}
}
@media screen and (min-width: 520px) and (max-width: 930px) {
	.kv_title {
		font-size: 2.7rem;
	}
}

/*--- 業界別ページ ---*/
.kv-industry {
	position: relative;
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	box-sizing: border-box;
}
.kv-industry.fashion {
	background-image: url(/business/service/application/erp/cloudsuite/img/kv_fashion_pc.png);
}
.kv-industry.food {
	background-image: url(/business/service/application/erp/cloudsuite/img/kv_food-beverage_pc.png);
}
.kv-industry.chemical {
	background-image: url(/business/service/application/erp/cloudsuite/img/kv_chemicals_pc.png);
}
.kv-industry_wrap {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	width: min(100% - 10%, 1120px);
	height: 100%;
	margin: 0 auto;
	padding: 2rem 0;
	box-sizing: border-box;
}
.kv-industry_title {
	margin: 0;
	font-size: clamp(1.5rem, calc(.9828rem + 2.2069vw), 2.5rem);
	color: #fff;
	line-height: 1.3;
	text-shadow: 1px 1px 2px #333;
}
.kv-industry_text {
	font-size: clamp(1.2rem, calc(1.0448rem + .6621vw), 1.5rem);
	color: #fff;
	margin-bottom: 1rem;
	font-weight: 600;
	text-shadow: 1px 1px 2px #333;
}
@media (max-width: 767px) {
	.kv-industry {
		height: auto;
	}
	.kv-industry.fashion {
		background-image: url(/business/service/application/erp/cloudsuite/img/kv_fashion_sp.png);
	}
	.kv-industry.food {
		background-image: url(/business/service/application/erp/cloudsuite/img/kv_food-beverage_sp.png);
	}
	.kv-industry.chemical {
		background-image: url(/business/service/application/erp/cloudsuite/img/kv_chemicals_sp.png);
	}
	.kv-industry_wrap {
		align-items: flex-start;
		justify-content: flex-start;
		max-width: initial;
	}
	.kv-industry_title {
		letter-spacing: 0;
	}
	.kv-industry_text {
		margin-top: 0;
	}
}

/*-----------------------------------------------------------------------

ページ内ナビ

-----------------------------------------------------------------------*/
.nav-wrap{
	background: var(--opt-blue);
}
.nav-toggle {
	display: none;
}
.anchor_nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(1120px, 100% - 40px);
	margin: 0 auto;
	background: var(--opt-blue);
}
.anchor_nav a {
	flex: 1 0 auto;
	padding: 1em;
	text-align: center;
	text-decoration: none;
	font-size: clamp(.875rem, calc(.8103rem + .2759vw), 1rem);
	color: #fff;
}
.anchor_nav a.page_nav::after,
.anchor_nav a.external_nav::after {
	content: "";
	display: inline-block;
	background-color: #fff;
	margin-left: 1rem;
}
.anchor_nav a.page_nav::after {
	width: 15px;
	height: 12px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.anchor_nav a.external_nav::after {
	width: 13px;
	height: 13px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.anchor_nav a.back_nav {
	background-color: #fff;
	color: var(--opt-blue);
	border-top: 1px solid var(--opt-blue);
	border-bottom: 1px solid var(--opt-blue);
}
.anchor_nav a.back_nav::before {
	content: "";
	display: inline-block;
	background-color: var(--opt-blue);
	width: 13px;
	height: 13px;
	clip-path: polygon(0 50%, 100% 100%, 100% 0);
	margin-right: 1rem;
}
@media screen and (max-width: 519px) {
	.nav-toggle {
		display: block;
		position: relative;
		width: 100%;
		padding: 1em;
		background: var(--opt-blue);
		color: #fff;
		border: none;
		font-size: 1rem;
		font-weight: 600;
		text-align: center;
		cursor: pointer;
	}
	.nav-toggle::after {
		position: absolute;
		content: "＋";
		display: inline-block;
		top: 50%;
		right: 25%;
		transform: translate(0, -50%);
		color: var(--opt-yellow);
		font-size: 1.5em;
		transition: transform .3s;
	}
	.nav-toggle.is-open::after {
		transform: translateY(-50%) rotate(45deg);
	}
	.anchor_nav {
		display: none;
		align-items: stretch;
		text-align: center;
		width: 100%
	}
	.anchor_nav.is-open {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.anchor_nav.is-open a {
		height: 1.3em;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: auto;
		border-bottom: 1px solid #fff;
	}
	.anchor_nav.is-open a:nth-of-type(odd) {
		border-right: 1px solid #fff;
	}
	.anchor_nav.is-open a:first-of-type,
	.anchor_nav.is-open a:nth-of-type(2) {
		border-top: 1px solid #fff;
	}
	.anchor_nav a.page_nav::after,
	.anchor_nav a.external_nav::after {
		margin-left: .3rem;
	}
	.anchor_nav a.page_nav::after {
		width: 13px;
		height: 10px;
		flex: 0 0 auto;
	}
	.anchor_nav a.external_nav::after {
		width: 11px;
		height: 11px;
		flex: 0 0 auto;
	}
	.anchor_nav a.back_nav::before {
		width: 11px;
		height: 11px;
		flex: 0 0 auto;
	}
}
@media screen and (min-width: 520px) and (max-width: 1076px) {
	.anchor_nav {
		flex-wrap: wrap;
		width:  auto;
		height: auto;
	}
	.anchor_nav a {
		flex: 1 0 calc(100% / 3);
	}
}
@media screen and (min-width: 961px) {
	.anchor_nav a:hover {
		background-color: var(--opt-softgray);
		color: var(--opt-blue);
	}
	.anchor_nav a.page_nav:hover::after,
	.anchor_nav a.external_nav:hover::after {
		background-color: var(--opt-blue);
	}
}
/*-----------------------------------------------------------------------

#introduction

-----------------------------------------------------------------------*/
.heading {
	font-size: clamp(1.1rem, calc(.8931rem + .8828vw), 1.5rem);
	font-weight: 600;
	margin: 1em auto 1rem;
	padding: .5rem 0 0;
	text-align: center;
	background-image: linear-gradient(0deg, rgba(159, 213, 252, 1), rgba(255, 255, 255, 1) 70%);
}
.heading + p {
	margin: 0 auto 1em;
	text-align: center;
	font-size: clamp(.875rem, calc(.8103rem + .2759vw), 1rem);
	line-height: 2.2;
}
@media (max-width:519px) {
	.heading.industry + p {
		text-align: left;
		line-height: 2;
	}
}
.service_name {
	display: flex;
	flex-direction: column;
	font-weight: 600;
	line-height: 2.5;
	margin-top: 1rem;
}
.service_name .cloudsuite {
	font-weight: 800;
	font-size: clamp(1.5rem, calc(.9828rem + 2.2069vw), 2.5rem);
}
.heading + p span.fashion_label,
.heading + p span.food_label,
.heading + p span.chemical_label {
	padding: .3em;
}
.introduction_box-wrap {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 1em;
	align-items: stretch;
	padding: 1em;
	margin: 0 auto;
}
@media (max-width:519px) {
	.introduction_box-wrap {
		grid-template-columns: 1fr;
		padding: 0;
	}
}
.introduction_box {
	display: flex;
	flex-direction: column;
	padding: 0;
	align-items: stretch;
	border: 3px solid var(--opt-blue);
}
.introduction_box p.hdr {
	padding: .5em;
	font-size: 1rem;
	font-weight: 600;
	background: var(--opt-blue);
	color: #fff;
	text-align: center;
	line-height: 1.8;
}
.introduction_box p {
	background: #fff;
	color: #000;
	font-size: .9rem;
	line-height: 1.7;
	padding: 1rem;
	border-top: 3px solid var(--opt-blue);
}

/*--- 業界別ページ ---*/
.introduction_box-wrap.fashion,
.introduction_box-wrap.food {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 1em;
	align-items: stretch;
	padding: 1em;
	margin: 0 auto;
}
@media (max-width:519px) {
	.introduction_box-wrap.fashion,
	.introduction_box-wrap.food {
		grid-template-columns: 1fr;
		padding: 0;
	}
}
.introduction_box-wrap.chemical  {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 1em;
	align-items: stretch;
	padding: 1em;
	margin: 0 auto;
}
@media (max-width:519px) {
	.introduction_box-wrap.chemical  {
		grid-template-columns: 1fr;
		padding: 0;
	}
}
.introduction_box.fashion,
.introduction_box.food,
.introduction_box.chemical {
	display: flex;
	flex-direction: column;
	padding: 1.2rem;
	align-items: stretch;
	border: none;
	border-radius: 2vh;
}
.introduction_box.fashion {
	background-color: var(--fashion-bg);
}
.introduction_box.food {
	background-color: var(--food-bg);
}
.introduction_box.chemical {
	background-color: var(--chemical-bg);
}
.introduction_box.fashion .hdr,
.introduction_box.food .hdr,
.introduction_box.chemical .hdr {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.introduction_box.fashion .hdr i,
.introduction_box.food .hdr i,
.introduction_box.chemical .hdr i {
	font-size: 2.5rem;
	font-weight: 600;
	margin-right: 1rem;
	vertical-align: middle;
	padding: 0 .7rem;
}
.introduction_box.fashion p,
.introduction_box.food p,
.introduction_box.chemical p,
.introduction_box.fashion dd,
.introduction_box.food dd,
.introduction_box.chemical dd {
	font-size: .9rem;
}
.introduction_box.fashion:nth-child(1) .hdr i,
.introduction_box.food:nth-child(1) .hdr i,
.introduction_box.chemical:nth-child(2) .hdr i {
	color: orchid;
	background-color: rgba(218, 112, 214, .15);
}
.introduction_box.fashion:nth-child(2) .hdr i,
.introduction_box.food:nth-child(2) .hdr i,
.introduction_box.chemical:nth-child(3) .hdr i {
	color: deepskyblue;
	background-color: rgba(0, 191, 255, .15);
}
.introduction_box.fashion:nth-child(3) .hdr i,.introduction_box.food:nth-child(3) .hdr i,
.introduction_box.chemical:nth-child(4) .hdr i {
	color: darkorange;
	background-color: rgba(255, 140, 0, .15);
}
.introduction_box.food:nth-child(1) .hdr i {
	padding-top: .6rem;
	padding-bottom: .6rem;
}
.introduction_box.food:nth-child(2) .hdr i {
	padding-top: .6rem;
	padding-bottom: .6rem;
}
.introduction_box.food:nth-child(3) .hdr i {
	line-height: 1.4;
}
.introduction_box.chemical:nth-child(1) .hdr i {
	color: mediumseagreen;
	background-color: rgba(60, 179, 113, .15);
}

/*-----------------------------------------------------------------------

#about

-----------------------------------------------------------------------*/
.about_box {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 1rem;
	align-items: stretch;
	padding: 1rem;
	margin: 1rem auto 0;
}
@media (max-width:519px) {
	.about_box {
		grid-template-columns: 1fr;
	}
}
.about_box.fashion,
.about_box.food {
	grid-template-columns: repeat(2,1fr);
}
@media (max-width:519px) {
	.about_box.fashion,
	.about_box.food {
		grid-template-columns: 1fr;
	}
}
.about_box-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	border-radius: 1vh;
	background-color: var(--opt-gray-bg);
	padding: 1rem;
}
.about_box-inner::after {
	content: '';
	position: absolute;
	border: 1px solid var(--opt-gray-bg);
	border-radius: 1vh;
	top: -10px;
	left: -10px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.about_box-inner p strong {
	position: relative;
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: .5em;
}
.about_box-inner p strong::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: rgb(115, 134, 145, .3);
	font-size: 5rem;
}
.about_box-inner p {
	font-size: .9rem;
	line-height: 1.7;
}
.key_solutions {
	display: inline-block;
	padding: .5rem;
	background-color: var(--opt-blue);
	color: #fff;
	border-radius: 2vh;
	font-weight: 600;
	margin-bottom: 0 !important;
}
.check_list {
	margin: 1rem auto;
}
.check_list li {
	position: relative;
	padding-left: 1rem;
	padding-bottom: .3rem;
	line-height: 1.7;
	font-size: clamp(.875rem, calc(.8103rem + .2759vw), 1rem);
}
.check_list li::before {
	content: "\f26e";
	font-family: bootstrap-icons;
	display: block;
	position: absolute;
	color: #000;
	left: -.2em;
	font-size: clamp(.875rem, calc(.8103rem + .2759vw), 1rem);
}
.check_list li.large {
	position: relative;
	padding-left: 1.1rem;
	padding-bottom: .5rem;
	line-height: 1.7;
	font-size: clamp(1rem, calc(.8966rem + .4414vw), 1.2rem);
	font-weight: 600;
}
.check_list li.large::before {
	content: "\f26e";
	font-family: bootstrap-icons;
	display: block;
	position: absolute;
	color: #000;
	left: -.5em;
	font-size: clamp(1rem, calc(.7414rem + 1.1034vw), 1.5rem);
	font-weight: 600;
}
.check_list li.large span {
	font-size: clamp(.875rem, calc(.8103rem + .2759vw), 1rem);
	font-weight: 400;
}
.introduction_box.food .check_list {
	display: flex;
	flex-direction: column;
	align-items: start;
	margin-bottom: 0;
}
.introduction_box.food .check_list li {
	font-size: .9rem;
}
.cloudsuite_wrap {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1em;
	align-items: stretch;
	padding: 1em;
	margin: 0 auto;
}
.cloudsuite_box {
	display: flex;
	flex-direction: column;
	padding: 1.2rem;
	align-items: stretch;
	border: none;
	border-radius: 2vh;
	background-color: #e5e5f1;
}
.cloudsuite_box .hdr {
	font-size: clamp(.875rem, calc(.8103rem + .2759vw), 1rem);
	font-weight: 600;
	margin-bottom: 1rem;
}
.cloudsuite_box dd {
	font-size: clamp(.875rem, calc(.8103rem + .2759vw), 1rem);
}
/*-----------------------------------------------------------------------

#solution

-----------------------------------------------------------------------*/
.solution_box {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 1em;
	align-items: stretch;
	margin: 1rem auto;
}
@media (max-width:519px) {
	.solution_box {
		grid-template-columns: 1fr;
	}
}
.solution_box-inner {
	display: flex;
	flex-direction: column;
	padding: 0;
	align-items: stretch;
	border: 1px solid var(--opt-gray-border);
}
.solution_box-inner p.fashion_label,
.solution_box-inner p.food_label,
.solution_box-inner p.chemical_label {
	padding: .5rem;
	font-size: 1em;
	font-weight: 600;
	text-align: center;
	line-height: 1.8;
}
.solution_box-inner p.read {
	font-size: .9rem;
	padding: .5em 1em;
	line-height: 1.7;
}
.paragraph p.message {
	margin: 0 auto;
	text-align: center;
	font-size: clamp(1.5rem, calc(.8966rem + .4414vw), 1.2rem);
}
h3.fashion_label,
h3.food_label,
h3.chemical_label {
	padding: .5em 1.5em;
	font-size: clamp(1rem, calc(.7414rem + 1.1034vw), 1.5rem);
	font-weight: 600;
	margin-bottom: 1em;
}
.pageLink {
	margin-bottom: 2rem;
}
.pageLink a {
	display: block;
	position: relative;
	margin: 2em auto;
	padding: 1rem 2rem;
	text-align: center;
	line-height: 1.5;
	color: var(--opt-blue);
	font-size: clamp(1rem, calc(.8966rem + .4414vw), 1.2rem);
	font-weight: 600;
	background-color: var(--opt-yellow);
	border-radius: 5px;
	width: 70%;
}
.pageLink a::after {
	content: "\f231";
	font-family: bootstrap-icons;
	position: absolute;
	top: calc(50% - .75rem);
	right: 2rem;
	clamp(1.3rem, calc(.9379rem + 1.5448vw), 2rem);
	font-weight: 600;
	line-height: 1.5;
	color: var(--opt-blue);
}
@media (max-width: 519px) {
	.pageLink a {
		margin-bottom: 1rem;
		width: 80%;
	}
	.pageLink a::after {
		top: 35%;
		right: .5rem;
	}
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.pageLink a::after {
		top: 15%;
		right: 1rem;
	}
}
/*-----------------------------------------------------------------------

導入事例

-----------------------------------------------------------------------*/
.corpoLink:before{
	right: 20px;
}
.corpoLink:after{
	right: 36px;
}
@media screen and (max-width: 519px) {
	.caseList .caseCompany .companyLogo{
		width: 70px;
		height: 20px;
		text-align: right;
		position: absolute;
		top: -6px;
		right: 20px;
		padding-left: 0;
	}
	.corpoLink:before{
		right: 40px;
	}

	.corpoLink:after{
		right: 52px;
	}
}
@media screen and (min-width: 520px) and (max-width: 960px) {
	.caseList .caseCompany .companyLogo{
		width: 90px;
	}
}
@media (min-width: 961px) {
	.caseList .caseCompany .companyLogo{
		width: 100px;
		height: 35px;
		top: -10px;
	}
}

/*-----------------------------------------------------------------------

業界別ページ
benefits

-----------------------------------------------------------------------*/

.effect_wrap {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 2rem;
}
.effect {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	border-bottom: 2px solid var(--opt-gray-border);
	padding: 0 1rem;
}
.effect dt {
	font-size: clamp(0.9rem, calc(0.9rem + 0.276vw), 1rem);
}
.effect dd {
	font-size: clamp(1rem, calc(.7414rem + 1.1034vw), 1.5rem);
	font-weight: 600;
}
.effect dd span {
	font-size: clamp(0.9rem, calc(0.9rem + 0.276vw), 1rem);
}
.imgDoubleWrap figcaption {
	font-size: clamp(0.9rem, calc(0.9rem + 0.276vw), 1rem);
	font-weight: 600;
	margin-bottom: 1em;
}
@media (max-width:519px) {
	.serviceColumn.col2-2 .imgDoubleWrap 	{
		width: 100%;
	}
}
.serviceColumn.chemical {
	align-items: stretch;
}
.serviceColumn.chemical .imgDoubleWrap {
	display: flex;
}
.serviceColumn.chemical .imgDoubleWrap > .alignC {
	display: flex;
	width: 100%
}
.serviceColumn.chemical .chemcalGraph {
	display: flex;
	flex-direction: column;
	width: 100%
	height: 100%
}
.serviceColumn.chemical .chemcalGraph figcaption{
	flex: 0 0 auto;
}
.serviceColumn.chemical .chemcalGraph picture{
	flex: 1;
	display: flex;
	align-items:  center;
	justify-content: center;
}
/*-----------------------------------------------------------------------

業界別ページ
assist

-----------------------------------------------------------------------*/

.assist_box-wrap {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 1rem;
	align-items: stretch;
	padding: 1rem;
	margin: 1rem auto;
}
@media (max-width:519px) {
	.assist_box-wrap {
		grid-template-columns: 1fr;
	}
}
.assist_box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	border-radius: 1vh;
	padding: 1.2rem;
}
.assist_box.fashion {
	background-color: var(--fashion-bg);
}
.assist_box.food {
	background-color: var(--food-bg);
}
.assist_box.chemical {
	background-color: var(--chemical-bg);
}
.assist_box p:first-of-type {
	margin-bottom: .5em;
	padding-inline-start: clamp(3rem, calc(1.4483rem + 6.6207vw), 6rem);
}
.assist_box p strong {
	position: relative;
	font-size: clamp(1rem, calc(.9483rem + .2207vw), 1.1rem);
	font-weight: 600;
}
.assist_box p strong::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: -2em;
	transform: translateY(-50%);
	color: rgb(76, 136, 191, .3);
	font-size: clamp(1.5rem, calc(.9828rem + 2.2069vw), 2.5rem);
}
@media (max-width:519px) {
}
.assist_box p {
	font-size: clamp(.9rem, calc(.8483rem + .2207vw), 1rem);
	line-height: 1.7;
}

/*-----------------------------------------------------------------------

お問い合わせ（追従）

-----------------------------------------------------------------------*/
.floating_contact {
	transition: opacity .4s ease-in-out, maxHeight .4s ease-in-out, visibility .4s ease-in-out;
	width: 100%;
	position: fixed;
	right: 0;
	bottom: 6rem;
	max-width: 240px;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: .8rem;
	z-index: 100;
	opacity: 0;
	transform: translateY(20px);
	pointer-events: none;
	transition: opacity .4s ease, transform .4s ease;
}
.floating_contact.show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.floating_contact-Box {
	background: #fff;
	padding: 1rem;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	border-radius: 1vh;
	display: block;
	text-decoration: none;
}
.floating_contact-Text {
	color: #222;
	text-align: center;
	font-weight: 700;
	font-size: 1rem;
	line-height: calc(26 / 16);
	margin-bottom: 1em;
}
.floating_contact .contact_Link {
	position: relative;
	display: block;
	background: var(--opt-yellow);
	color: var(--opt-blue);
	font-weight: 600;
	font-size: 1.2rem;
	text-align: center;
	padding: 1em;
	max-width: 185px;
	margin-top: auto;
	margin-bottom: auto;
	border-radius: 1vh;
}
.floating_contact .contact_Link::after {
	content: "\f231";
	font-family: bootstrap-icons;
	position: absolute;
	color: var(--opt-blue);
	right: .5em;
	font-size: 1.2rem;
}

@media screen and (max-width: 519px) {
   .floating_contact {
		max-width: 300px;
		gap: 0;
		padding: .3rem;
		align-items: center;
		bottom: 5px;
		right: unset;
		left: 10px;
   }
   .floating_contact-Box {
		width: 100%;
		padding: .3rem;
		margin-bottom: .1rem;
		border-radius: 1vh;
   }
	.floating_contact-Text {
		display: none;
	}
   .floating_contact .contact_Link {
		max-width: 100%;
		font-size: 1rem;
		padding: .5em;
   }
}