@charset "utf-8";

/* CSS Document */

/* ======================================================
	[original]
	@import"../css/test_line.css";
	------------------------------------------------------
	○px以上 + 印刷モード	@media print, screen and (min-width : ○px) {}
	○px以上				@media (min-width : ○px) {}
	○px以下				@media (max-width : ○px) {}
	------------------------------------------------------
	 [sp]		     ～  479	
	([tablet]	 480 ～     )
	 [pc]		1025 ～
====================================================== */
/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
/*.ModeSP */*
{
}
}

/* [print] */
@media print {
}


:root
{
	--w					: 255 255 255;
	--bk				: 0 0 0;
	--r					: 230 0 18;
	--gr				: 0 126 65;
	--bl				: 24 68 154;
	--bl2				: 0 66 154;
	--lbl				: 0 160 233;

	--gap				: 3em;
}

/* ------------------------------------------------------------------------------------------------------------
	<web font>
	transform: rotate(0.03deg);
*/
/* ------------------------------------------------------
	和欧混植 font-sizeの微調整
	https://qiita.com/xrxoxcxox/items/e5c11e41a6e6b8b63482
------------------------------------------------------ */
@font-face
{
	font-family: 'Barlow Condensed';
	src: url("../download/BarlowCondensed-Medium.ttf");
	font-weight: 400;
	size-adjust: 135%;
}

.GconMedium,
h2>em,
.ColorBtn,
.pagetitle .title .title_sub,
.ProcessingMachine .Ct .body .point ol li::before
{
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
}

@font-face
{
	font-family: 'Barlow Condensed';
	src: url("../download/BarlowCondensed-Black.ttf");
	font-weight: 900;
	size-adjust: 135%;
}

.GconBlack
{
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 900;
	font-style: normal;
}

/*
@font-face
{
	font-family: 'Barlow Condensed';
	src: url("../download/BarlowCondensed-Thin.ttf");
	font-weight: 100;
	size-adjust: 135%;
}

.GconThin
{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 100;
	letter-spacing: normal;
}


@font-face
{
	font-family: 'Barlow Condensed';
	src: url("../download/BarlowCondensed-ExtraBold.ttf");
	font-weight: 800;
	size-adjust: 135%;
}

.GconHv,
.ColorBtn
{
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 800;
	letter-spacing: normal;
}
*/


@font-face
{
	font-family: 'M PLUS 1p';
	src: url("../download/MPLUS1p-Medium.ttf");
	font-weight: う00;
	size-adjust: 106%;
}

.GMedium,
h2 .before,
h3>b,
h4>b
{
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 400;
	font-style: normal;
	transform: rotate(0.03deg);
}

@font-face
{
	font-family: 'M PLUS 1p';
	src: url("../download/MPLUS1p-Black.ttf");
	font-weight: 900;
	size-adjust: 106%;
}

.GBlack,
h2>b,
.Logo .title_set,
.Header .GlobalMenu>.Wrap>ul>li>.Wrap>a>*[class*="title"] .name,
.footer_contact .title .name
{
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 900;
	font-style: normal;
	transform: rotate(0.03deg);
}


/*
@font-face {
	font-family: 'Custom Avenir';
	src: local('Avenir Heavy');
	font-weight: 700;
	size-adjust: 106%;
}

body {
	font-family: 'M PLUS 1p', 'Hiragino Sans', sans-serif;
}
	font-family: Yu Gothic, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/


/* ------------------------------------------------------------------------------------------------------------
	<color>
*/
/* <color> k */
select,
input:not([type="button"]), textarea, button, label
{
	border-color: rgba(0,0,0,0.2);
}
/*
*/
input, button
{
	background-color: rgba(255,255,255,1.0);
}

.Footer
{
	background-color: rgba(0,0,0,0.15);
}

th,
td,
.BorderBK
{
	border-color: rgba(0,0,0,1.0);
}

.Required>*::after
{
	background-color: rgba(0,0,0,1.0);
	color: rgba(255,255,255,1.0);
}

/* <color> bl */
.ClassContact .ColorBtn
{
	background-color: rgba(0,69,156,1.0);
	color: rgba(255,255,255,1.0);
}

.Header .GlobalMenu .MenuOn a
{
	color: rgba(0,69,156,1.0);
}

.Header .GlobalMenu .Child a
{
	color: inherit;
}

.memo
{
	border-color: rgba(0,69,156,1.0);
	border-style: dotted;
}

.memo *
{
	border-color: rgba(0,69,156,1.0);
}

/* <color> r #e60012 */
h2:before,
.ClassResource .ColorBtn,
.Kenkokeiei .great_corporation .system .chart .new_line:not(:last-of-type):after,
.Kenkokeiei .great_corporation .system .chart .line2 .Item:not(:last-of-type):after
{
	background-color: rgba(230,0,18,1.0);
	color: rgba(255,255,255,1.0);
}


.Alert,
.ColorR,
h2>em,
.pagetitle .title_sub,
h2 .before
{
	color: rgba(230,0,18,1.0);
}

.ColorBtn:after
{
	border-color: rgba(230,0,18,1.0);
}


/* <color> カテゴリのgr #007e41 */
.Header .GlobalMenu .Child a
{
	background-color: rgba(0,126,65,0.2);
}

.Service .Top .body .lead
{
	background-color: rgba(0,63,33,0.8);
}
/*
	background-color: rgba(0,63,33,0.4);
*/

.Service h2:before,
.Service h3:before,
.Service h3>b:before,
.ProcessingMachine .Ct .body .point ol li::before
{
	background-image: linear-gradient(
		90deg,
		rgba(0,155,94,1.0),
		rgba(133,192,35,1.0)
	);
	background-color: rgba(0,155,94,1.0);
	color: rgba(255,255,255,1.0);
}

.Service *
{
	border-color: rgba(0,155,94,0.5);
}

.id_service .pagetitle .title .title_sub,
.Service h2>em
{
	color: rgba(0,126,65,1.0);
}

.sideArea .ClassMynavi a
{
	background-color: rgba(0,126,65,1.0);
	color: rgba(255,255,255,1.0);
}

/* <color> カテゴリのgr・半分黒 #003f21 */
.Index .service .main .txt .title
{
	color: rgba(0,63,33,1.0);
}


/* <color> 「金属プレス加工」カテゴリのbl #03558d */
.Header .GlobalMenu .ClassChildPlessProcessing a,
.PlessProcessing .Top .body .lead
{
	background-color: rgba(3,85,161,0.2);
}


.PlessProcessing h2:before,
.PlessProcessing h3:before,
.PlessProcessing h3>b:before,
.gradation.ColorBL::before
{
	background-image: linear-gradient(
		90deg,
		rgba(0,66,154,1.0),
		rgba(0,160,233,1.0)
	);
	background-color: rgba(0,66,154,1.0);
	color: rgba(255,255,255,1.0);
}

.PlessProcessing *
{
	border-color: rgba(0,66,154,0.5);
}

.pagetitle.ClassPlessProcessing .title .title_sub,
.PlessProcessing h2>em
{
	color: rgba(3,85,161,1.0);
}
/*
	color: rgba(0,160,233,1.0);
*/

.gradation.ColorBL
{
	background: transparent;
	color: inherit;
	padding: 0.5em;
}
.gradation.ColorBL::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: 100%;

	opacity: 0.2;
}


/* <color> 「金属プレス加工」カテゴリのbl・半分黒 #022b47 */
.Index .service .Item_pless_processing .main .txt .title
{
	color: rgba(2,43,71,1.0);
}


/* <color> 「パイプ加工」カテゴリのr #821a1f */
.Header .GlobalMenu .ClassChildPipeProcessing a,
.PipeProcessing .Top .body .lead
{
	background-color: rgba(130,26,31,0.2);
}

.PipeProcessing h2:before,
.PipeProcessing h3:before,
.PipeProcessing h3>b:before,
.PipeProcessing .Top .Icon .Item:before
{
	background-image: linear-gradient(
		90deg,
		rgba(230,0,41,1.0),
		rgba(243,154,0,1.0)
	);
	background-color: rgba(230,0,41,1.0);
	color: rgba(255,255,255,1.0);
}

.PipeProcessing *
{
	border-color: rgba(230,0,41,0.5);
}

.pagetitle.ClassPipeProcessing .title .title_sub,
.PipeProcessing h2>em
{
	color: rgba(130,26,31,1.0);
}

/* <color> 「パイプ加工」カテゴリのr・半分黒 #410d10 */
.Index .service .Item_pipe_processing .main .txt .title
{
	color: rgba(65,13,16,1.0);
}

/*
	<color> 「加工機販売」
	[250722-0925/250723-0919]修正　加工機販売　テーマカラーをオレンジへ
*/
.Header .GlobalMenu .ClassChildProcessingMachine a,
.ProcessingMachine .Top .body .lead
{
	background-color: rgb(247 129 44 / 0.2);
}
.pagetitle.ClassProcessingMachine .title .title_sub,
.ProcessingMachine h2>em,
.Index .service .Item_processing_machine .main .txt .title
{
	color: rgb(247 129 44);
}
.Index .service .Item_processing_machine .main .txt .title
{
}
/*
	color: rgb(175 73 0);
*/
.ProcessingMachine h2:before,
.ProcessingMachine h3:before,
.ProcessingMachine h3>b:before,
.ProcessingMachine .Top .Icon .Item:before,
.ProcessingMachine .Ct .body .point ol li::before
{
	background-image: linear-gradient(
		90deg,
		rgb(247 129 44),
		rgb(243 154 0)
	);
	background-color: rgb(243 154 0);
	color: rgb(255 255 255);
}
.ProcessingMachine *
{
	border-color: rgb(247 129 44 / 0.5);
}



/* <color> gradation */
.gradation,
h3>b:before,
.Aboutus .point .title .num:before,
.one_stop_solution .Gallery .Caption,
.AboutusMap .List .title:before,
.Kenkokeiei .great_corporation .torikumi .list .num>*:before,
.Kenkokeiei .great_corporation .system .chart .new_line .Item:not([class*="connect"])
{
	background-image: linear-gradient(
		90deg,
		rgba(24,68,154,1.0),
		rgba(230,0,18,1.0)
	);
	background-color: rgba(255,255,255,0);
	color: rgba(255,255,255,1.0);
}


/* ------------------------------------------------------------------------------------------------------------
	<文字>
*/
/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.larger
{
	font-size: 1em;
}
}

/* [print] */
@media print {
}


.pagetitle
{
	margin-top: 3em;
	background-color: transparent;
	color: inherit;
}

.pagetitle:before
{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 50vw;
	height: 500%;
	transform: translateY(-50%);
	background-image: url(../img/triangle.svg);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.05;
}


.pagetitle>.Wrap
{
	justify-content: flex-start;
	align-items: flex-start;
}

.pagetitle .title
{
	align-items: flex-start;
	gap: 2em;
}

.pagetitle .title .name
{
	font-size: 4em;
	letter-spacing: 0.25em;
}

.pagetitle .title .title_sub
{
	font-size: 1.5em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.pagetitle
{
	font-size: 0.3em;
	text-align: left;
	margin-top: 0em;
	margin-bottom: 3em;
	letter-spacing: normal;
}

#Contents .pagetitle>.Wrap
{
	height: initial;
}

.pagetitle .title
{
	gap: 1.5em;
}

.pagetitle .title>*
{
}

.pagetitle .title .title_sub
{
	font-size: 1.3em;
}

.pagetitle .title .name
{
	font-size: 2.3em;
	letter-spacing: inherit;
}

}

/* [print] */
@media print {
}


h2
{
	display: flex;
	flex-direction: column;
	gap: 3em;
	margin-top: 0;
	margin-bottom: 5em;
}
/*
	margin-top: 2.5em;
*/

/*.Main section:first-child h2,*/
.Main .section:first-child h2
{
	margin-top: 2.5em;
}

h2:before
{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: calc(100% + 0em);
	transform: translateX(-50%);
	width: 2px;
	height: 5em;
	margin-left: auto;
	margin-right: auto;
}

h2>b
{
	font-size: 2.5em;
	letter-spacing: 0.3em;
	line-height: 1.5;
	margin-top: 0.5em;
}

h2>em
{
	font-size: 6em;
	text-align: center;
	line-height: 1;
	opacity: 0.15;
	margin-top: calc(0em - ((3em / 7) + 0.5em));
	margin-bottom: 0em;
}
/*
	position: absolute;
	top: calc(100% - 0.5em);
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
*/

h2 sub
{
}

h2 .before
{
	font-size: 0.5em;
	display: block;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
	opacity: 0.5;
}


.Index .contents h2
{
}

.Index .contents h2:before
{
	position: relative;
	bottom: initial;
	left: initial;
	transform: none;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	h2
	{
		font-size: 0.6em;
	}
	/*
		font-size: 0.5em;
	*/

	.News .List h2.title
	{
		font-size: 0.8em;
	}

	h2>b
	{
		letter-spacing: inherit;
	}
	h2>em
	{
		font-size: 4em;
		letter-spacing: normal;
	}

	h2 .WrapM
	{
		padding: 0;
	}
}

/* [print] */
@media print {
}


h3
{
	margin-bottom: 5em;
}

h3>b
{
	font-size: 2.25em;
}

h3>b:before
{
	content: "";
	display: block;
	position: absolute;
	top: calc(100% + 0.5em);
	left: 50%;
	width: 3em;
	height: 0.15em;
	transform: translateX(-50%);
	opacity: 0.5;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
h3,
.News .List .list_head .title
{
	font-size: 0.8em;
}

h3>b
{
	font-size: 1.75em;
}
}

/* [print] */
@media print {
}


h4
{
}

h4>b
{
	font-size: 1.5em;
}



/* ------------------------------------------------------------------------------------------------------------
	<block>
*/
body
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
body
{
}
/*
	overflow: hidden;
*/

#Document
{
}
/*
	overflow: hidden;
*/

#Contents,
#content
{
	overflow: visible;
}
/*
	overflow-x: hidden;
	overflow-y: hidden;
*/
.Main
{
}
/*
	overflow: hidden;
*/
}

/* [print] */
@media print {
}


section:nth-of-type(odd),
section:nth-of-type(even),
.section:nth-of-type(odd),
.section:nth-of-type(even)
{
	background-color: transparent;
}

.Main section,
.Main .section,
.Main:is(.NewsList, .Sitemap) .section:first-child
{
	padding-top: 10em;
	padding-bottom: 10em;
}

.Main .section:first-child,
.Main.NewsDetail .section:first-child
{
	padding-top: 0;
}

.Main .section
{
}

.Main .section:before
{
	content: "";
	position: absolute;
	top: calc(0em - (10em / 2));;
	bottom: calc(0em - (10em * 2));
	left: 0;
	width: 100%;
	clip-path: polygon(
		0 0,
		100% calc(10em + (10em * 1.5)),
		100% calc(100% - (10em + (10em * 1.5))),
		0% 100%
	);
}
/*
	height: calc(100% + (10em / 2));
*/

.Main .section:nth-of-type(even):before,
.Index .section:nth-of-type(odd):before
{
	background-color: rgba(0,0,0,0.05);
}


.Index .section:nth-of-type(odd)
{
}

.Index .section:nth-of-type(even)
{
}

.Index .section:nth-of-type(even):before
{
	background-color: transparent;
}

.Index .section.Top
{
	margin: 0;
	padding-bottom: 0;
}

/*
.Index .section.Top
{
	margin: 0;
}
	margin: 0;
	padding-bottom: 0;
	padding-bottom: 15em;

.Index .section.Top:before
{
	height: calc(100% + (10em * 1.5));
}

.Index .section.Top+*
{
	padding-top: 0;
}
*/
/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Main section,
.Main .section
{
	padding-top: calc(10em * 0.6);
	padding-bottom: calc(10em * 0.6);
}

.Main .section:before
{
	font-size: 0.6em;
}

.Main .section:first-child,
.Main.NewsList .section:first-child,
.Main.NewsDetail .section:first-child,
.Kenkokeiei .great_corporation
.Main.Sitemap .section:first-child
{
	padding-top: calc(10em * 0.3);
}

.Main.Privacy .section:first-child,
.Main.Sitemap .section:first-child
{
	padding-top: 0;
	padding-bottom: 0;
}

}

/* [print] */
@media print {
}


.ColorBtn
{
	border-color: rgba(0,0,0,1.0);
	min-width: 18em;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	background-color: rgba(255,255,255,0.5);
}

.ColorBtn:after
{
	clip-path: none;
	width: 2.5em;
	height: 0;
	border-top-width: 1px;
	right: 0;
}

.ColorBtn:hover:after,
a:hover .ColorBtn:after
{
	width: calc(2.5em * 2);
}

.ColorBtn.Back:after
{
	left: 0;
}

:where(.Header, .Fixed, .footer_contact, .Footer) .ColorBtn
{
	min-width: initial;
	border-width: 0;
	font-family: inherit;
	font-weight: inherit;
	padding-top: 1em;
	padding-bottom: 1em;
}

:where(.Header, .Fixed, .footer_contact, .Footer) .ColorBtn:after
{
	content: none;
}

.ColorBtn.mini
{
	border-color: rgba(0,0,0,1.0);
	min-width: initial;
	padding: 0.5em 1em;
	font-size: 0.9em;
}

.ColorBtn.mini:after
{
	content: none;
}

a .ColorBtn
{
	text-decoration: none;
}

a[target="_blank"].ColorBtn>*
{
	padding-left: 4em;
	padding-right: 4em;
}


.PDF>*:before
{
	display: none;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.ColorBtn
{
	font-size: 0.8em;
}

.ColorBtn.mini
{
	font-size: 0.7em;
}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	<table>
*/
table,
th, td
{
	background-color: transparent;
}

table
{
	border-top-width: 0;
}

th
{
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
}

td
{
	padding-right: 0;
}

tbody th, td
{
	padding-top: 2em;
	padding-bottom: 2em;
}

/*
tbody
{
	display: flex;
	flex-direction: column;
	gap: 2em;
}

tr
{
	display: flex;
	gap: 3em;
}

th
{
	background-color: transparent;
	border-right-width: 1px;
	border-right-style: solid;
}

td
{
	flex-grow: 4;
}
*/

.MailForm th,
.MailForm td
{
	border-width: 0;
}

/* 「必須」 */
.Required>*::after
{
	content: "必須";
	padding: 0.25em;
}
/*
	position: relative;
	width: auto;
	letter-spacing: normal;
	top: initial;
	margin: 0;
	left: initial;
*/

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
/*.ModeSP */tbody th,
/*.ModeSP */tbody td
{
	padding-top: 1em;
	padding-bottom: 1em;
}

/*.ModeSP */tbody th
{
	padding-bottom: 0;
}

/*.ModeSP */tbody td
{
	padding-top: 0;
	padding-left: 0;
}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	<logo>
*/
.Logo
{
	letter-spacing: normal;
	text-align: left;
}

.Logo .Img
{
	width: 2.5em;
}

.Logo .Img img
{
	min-height: 2.5em;
	max-height: 2.5em;
}
/*
	min-height: initial;
	max-height: initial;
*/

.Logo .title_set
{
	font-size: 1.2em;
}

.Header .Logo
{
}

.Header .Logo .Img img
{
}

.Footer .Logo
{
	text-align: left;
}

.Footer .Logo a,
.Footer .Logo a *
{
	text-align: inherit;
}

.Footer .Logo .Img img
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Header .Logo
{
	padding: 0.75em 1em;
	font-size: 0.8em;
}

.Header .Logo .Name
{
}

.Footer .Logo
{
	text-align: center;
}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	<SNS>
*/
.Header .SNS .Icon .Img
{
	font-size: 1.25em;
}

.Footer .SNS
{
	align-items: flex-start;
}

.Footer .SNS .Icon .Img
{
	font-size: 1.5em;
}

.Drawer .SNS .Icon .Img
{
	font-size: 1.5em;
	filter: invert(1);
}


/* ------------------------------------------------------------------------------------------------------------
	[250114]新規『リクルート専用サイト』
	<外部>
*/
:is(.sideArea, .Footer) .ClassRecruit a
{
	background-color: rgb(var(--gr));
	color: rgb(var(--w));
	text-decoration: none;
}

:is(.sideArea, .Footer) .ClassRecruit a::before
{
	content: none;
}

.Footer .ClassRecruit.Icon .Img
{
	font-size: 1.2em;
}


/* ------------------------------------------------------------------------------------------------------------
	[250106]新規『マイナビ転職』
	<外部>
*/
.ClassMynavi .Img img
{
	height: 1.5rem;
	width: auto;
}


.Header .ClassMynavi
{
}

.Header .ClassMynavi a::before
{
	content: none;
}

.Footer .ClassMynavi
{
	display: none;
}

.Footer .ClassMynavi a::before
{
	content: none;
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.Footer .ClassMynavi
	{
		display: inherit;
		justify-content: center;
	}
}

.Sitemap .body .SNS .outside :where(a, .a)
{
	flex-direction: column;
}

.Sitemap .Banner.outside .Img img
{
	width: 10em;
	height: auto;
}


.Drawer .Ex
{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: 1em;
}

.Drawer .Ex .Banner a::before
{
	content: none;
}

.Drawer .Ex .ClassMynavi.Banner
{
	background-color: rgb(255 255 255);
	padding: 0.5em 1em;
}

.Drawer .Ex .ClassToyohashiKenkosengenJigyosyo.Banner
{
	background-color: rgb(255 255 255);
	padding-top: 0.5em;
}
.Drawer .Ex .ClassToyohashiKenkosengenJigyosyo.Banner img
{
	width: 7em;
}


/* ------------------------------------------------------------------------------------------------------------
	<header>
*/
.Header
{
	padding-bottom: 2em;
	background-color: transparent;
}
/*
	mask-image: linear-gradient(to bottom, transparent 0%, black 0%, black calc(100% - 2em), transparent 100%);
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 0%, black calc(100% - 2em), transparent 100%);
*/

.scroll .Header
{
	background-color: transparent;
}

.Header:before
{
	height: 0;
	background-color: rgba(255,255,255,0);
	background-image: linear-gradient(
		180deg,
		rgba(255,255,255,1.0) 20%,
		rgba(255,255,255,0.5)
	);
}

.scroll .Header:before
{
	height: calc(100% + 0em);
	opacity: 1.0;
}


.Header>.Wrap
{
}

.Header .Navi>.Wrap
{
	margin-top: -1em;
	gap: 3em;
}

.Header .Navi.contact_button
{
	margin-top: 0;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
#Header
{
	padding: 0;
	height: auto;
}

.Header .Navi.contact_button
{
	display: none;
}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	<Drawer>
*/
.Drawer
{
}

.Drawer .List .ChildOn .Btn
{
	height: calc(4em - (0.5em * 2));
}

.Drawer .List>.Wrap ul li:not(:last-of-type)
{
	border-color: rgba(255,255,255,0.2);
}

.Drawer .List .Menu :where(a, .a)
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.Drawer .List .Menu .Child ul
{
	gap: 0;
}

.Drawer .List>.Wrap .Child li:not(:last-of-type)
{
	border-width: 0;
}

.Drawer .List .Menu .name>span
{
	display: inline;
}

.Drawer .MenuOn
{
	background-color: rgba(255,255,255,0.2);
}


/* ------------------------------------------------------------------------------------------------------------
	<GlobalMenu>
*/
.GlobalMenu
{
}

.GlobalMenu ul
{
	gap: 3em;
}

.GlobalMenu a
{
	padding: 0;
}

.Header .GlobalMenu
{
	letter-spacing: normal;
}

.Header .GlobalMenu .ChildOn
{
}

.Header .GlobalMenu .ChildOn>.Wrap
{
}
/*
	position: static;
*/

.Header .GlobalMenu .ChildOn a
{
}

.Header .GlobalMenu .ChildOn [class*="title"]
{
	order: 1;
}

.Header .GlobalMenu .ChildOn a:before
{
	order: 2;
	font-size: 1em;
	content: "";
	display: inherit;
	width: 1em;
	height: 1em;
	font-weight: normal;
	line-height: 1;
	background-color: rgba(0,0,0,1.0);
	clip-path: polygon(
		0 calc(50% - (1px / 2)),
		0 calc(50% + (1px / 2)),
		calc(50% - (1px / 2)) calc(50% + (1px / 2)),
		calc(50% - (1px / 2)) 100%,
		calc(50% + (1px / 2)) 100%,
		calc(50% + (1px / 2)) calc(50% + (1px / 2)),
		100% calc(50% + (1px / 2)),
		100% calc(50% - (1px / 2)),
		calc(50% + (1px / 2)) calc(50% - (1px / 2)),
		calc(50% + (1px / 2)) 0,
		calc(50% - (1px / 2)) 0,
		calc(50% - (1px / 2)) calc(50% - (1px / 2))
	);
}
/*
	display: inherit;
	position: absolute;
	left: 100%;
*/

.Header .GlobalMenu .ChildOn:hover a:before
{
	clip-path: polygon(
		0 calc(50% - (1px / 2)),
		100% calc(50% - (1px / 2)),
		100% calc(50% + (1px / 2)),
		0 calc(50% + (1px / 2))
	);
	transform: rotate(180deg);
}

.Header .GlobalMenu .Child
{
}
/*
	width: auto;
	width: 100%;
	width: 50vw;
	top: calc(100% + 1em);
	overflow: visible;
*/

.Header .GlobalMenu .ChildOn:hover .Child
{
	padding-top: 1em;
}


.Header .GlobalMenu .Child ul
{
	gap: 1px;
}
/*
	background-color: rgba(255,255,255,0.9);
*/

.Header .GlobalMenu .Child ul>li
{
}

.Header .GlobalMenu .Child a
{
}

.Header .GlobalMenu .Child a:before
{
	order: 1;
	width: 0.5em;
}

.Header .GlobalMenu .Child [class*="title"]
{
	margin: 0;
	order: 2;
}

.Header .GlobalMenu .PullDown:hover .Child ul
{
	background-color: rgba(255,255,255,0.9);
}

.Header .GlobalMenu .MenuOn
{
}

.Header .GlobalMenu .MenuOn:after
{
	content: "";
	display: block;
	position: absolute;
	top: calc(100% + 0.25em);
	left: 50%;
	width: 1.25em;
	height: 1.25em;
	transform: translateX(-50%);
	background-image: url(../img/arrow_down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


.Footer .GlobalMenu
{
	text-align: left;
}

.Footer .GlobalMenu>.Wrap
{
	display: flex;
	justify-content: flex-end;
	gap: 3em;
}

.Footer .GlobalMenu ul
{
	flex-direction: column;
	justify-content: flex-start;
	gap: 1em;
}

.Footer .GlobalMenu ul>li
{
}

.Footer .GlobalMenu a
{
	display: flex;
	justify-content: flex-start;
	gap: 0.5em;
}


/* ------------------------------------------------------------------------------------------------------------
	<main>
*/
#Contents
{
}

.PageNavi
{
	padding-top: 0;
	padding-bottom: 2em;
	border-bottom-width: 1px;
	opacity : 0.7;
}

.PageNavi .main
{
	font-size: 0.7em;
}

.Main
{
}



/* ------------------------------------------------------------------------------------------------------------
	<sideArea>
*/
.sideArea
{
	gap: 0;
	color: rgb(var(--w));
}

.sideArea>*
{
}
/*
	margin-left: auto;
	margin-right: 0;
*/

.sideArea>*>.Wrap
{
	display: flex;
}

.sideArea div a
{
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
/*
	justify-content: center;
*/

.sideArea a>*
{
}

.sideArea .ColorBtn
{
}

.sideArea a.ColorBtn>*
{
	padding: 0;
}

.sideArea a .title
{
	font-weight: inherit;
	font-size: 1.2em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
/*
	margin-left: auto;
	margin-right: auto;
*/

.sideArea a .title .name
{
	flex-direction: row;
}

.sideArea .Img
{
	font-size: 1.5em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.sideArea
{
	flex-direction: row;
	align-items: stretch;
	gap: 0.25em;
	top: 0.5em;
	right: 4.5em;
}

.sideArea>*
{
}

.sideArea>*>.Wrap
{
	height: 100%;
}

.sideArea .title_set
{
}
/*
	display: none;
*/

.sideArea .Icon a
{
	gap: 0;
	width: 4em;
	padding: 0.5em 0;
}

.sideArea a .title
{
	-ms-writing-mode: initial;
	writing-mode: initial;
	text-orientation: initial;
}

.sideArea a .title .name
{
}

.sideArea a .title .name>span
{
	display: none;
}

}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	<footer>
*/
.footer_contact
{
}

.footer_contact .main
{
	align-items: stretch;
	gap: 0;
}

.footer_contact .main>*
{
	padding: 3em;
}

.footer_contact .main>*:not(:last-of-type):after
{
	content: "";
	display: block;
	position: absolute;
	left: calc(100% - (2px / 2));
	top: 50%;
	width: auto;
	height: 40%;
	transform: translateY(-50%);
	border-left-width: 2px;
}

.footer_contact a
{
	display: flex;
	flex-direction: column;
}
/*
	flex-wrap: wrap;
	justify-content: center;
*/

.footer_contact a>*
{
	width: 100%;
}

.footer_contact .title
{
	font-size: 2em;
	line-height: 1;
}

.footer_contact .lead
{
	font-size: 0.8em;
	margin-top: 2em;
	margin-bottom: 2em;
}

.footer_contact .Free
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 1.5em;
}

.footer_contact .Free>*
{
}

.footer_contact .Free>.Wrap
{
	font-size: 0.8em;
}

.footer_contact .Free>.Wrap>*
{
}
/*
	width: 100%;
*/

.footer_contact .Free .data
{
	display: inline-flex;
	flex-direction: column;
	gap: 1em;
}
/*
	flex-wrap: wrap;
	justify-content: center;
*/

.footer_contact .Free .data>*
{
}
/*
	width: 100%;
*/

.footer_contact .Free .number
{
	font-size: inherit;
}

.footer_contact .Free .number .title
{
	font-size: inherit;
}

.footer_contact .Free .number .Num
{
	align-items: baseline;
}

.footer_contact .Free .number .Num b
{
	font-weight: inherit;
}

.footer_contact .Free .phone
{
	font-size: calc((1em / 0.8) * 1.5);
}

.footer_contact .Free .phone .Num
{
}

.footer_contact .Free .phone .Num>b
{
	letter-spacing: normal;
}

.footer_contact .Free .phone .Num .after
{
}
/*
	font-size: 0.6em;
*/

.footer_contact .Free .form
{
	font-size: 1.5em;
}

.footer_contact .Free .form .ColorBtn
{
	gap: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	white-space: nowrap;
	word-break: break-all;
}

.footer_contact .Free .form .Img
{
	font-size: 1.2em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.footer_contact
{
}

.footer_contact .main
{
	flex-direction: column;
}

.footer_contact .main>*
{
}
/*
	padding: 1em;
*/

.footer_contact .main>*:after
{
}

.footer_contact .main>*:not(:last-of-type):after
{
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	height: 0;
	width: 40%;
	border-top-width: 2px;
	border-left-width: 0;
}

.footer_contact .title
{
	font-size: 1.2em;
}

.footer_contact .lead
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.footer_contact .Free
{
	flex-direction: column;
}
}

/* [print] */
@media print {
}




.Footer
{
}

/*
.Footer>.Wrap>*:nth-of-type(1),
.Footer>.Wrap>*:nth-of-type(2),
.Footer>.Wrap>*:nth-of-type(3),
.Footer>.Wrap>*:nth-of-type(4),
.Footer>.Wrap>*:nth-of-type(5),
.Footer>.Wrap>*:nth-of-type(6)
{
	background-color: inherit;
}
*/

.Footer>.Wrap>*
{
	border-width: 0;
}

#Footer .Menu
{
	background-color: transparent;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	#Footer .Menu .GlobalMenu
	{
		display: none;
	}
	#Footer .Menu
	{
		flex-direction: column;
		gap: 1em;
	}
}

/* [print] */
@media print {
}


.Footer .Info
{
}

.Footer .Info>.Wrap
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.Footer .Copy
{
	background-color: transparent;
	color: inherit;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.Footer .Info
	{
		padding-bottom: 0;
	}
	.Footer .Copy
	{
		margin-top: 1em;
	}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	お問い合わせ
*/
.Num:where(.Tel, .Fax) .after
{
	font-size: 0.6em;
}

.Header .ClassContact
{
	font-size: 0.8em;
}

.Header .ClassContact .Img
{
	font-size: 1.5em;
}


/* ------------------------------------------------------------------------------------------------------------
	資料ダウンロード
*/
.Resource
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Resource .MailForm .head .lead
{
	margin-top: 0;
}

.Resource .MailForm form .resource_title
{
}

.Resource .MailForm form .resource_title .Flex>*
{
	flex-direction: column;
	gap: 0;
}
}

/* [print] */
@media print {
}

/* ------------------------------------------------------------------------------------------------------------
	index
*/
.Index
{
}


.Index .Top
{
}

.Index .Top .Gallery.Slider
{
}

.Index .Top .Gallery.Slider .slider
{
}

.Index .Top .Gallery.Slider .slider:after
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.1);
}

.Index .Top .body
{
	font-size: 0.7vw;
	position: absolute;
	top: calc(50% - 3em);
	left: 50%;
	width: 100%;
	transform: translateX(-50%) translateY(-50%);
	color: rgba(255,255,255,1.0);
	line-height: 1.5;
}

.Index .Top .body>.Wrap
{
	display: flex;
	flex-direction: column;
	gap: 3em;
}

.Index .Top .body .head
{
	font-size: 8em;
}

.Index .Top .body .main
{
	font-size: 3em;
	display: flex;
	flex-direction: column;
}

.Index .Top .body .main .Name
{
}

.Index .Top .body .main .NameE
{
}

.Index .Top .body .lead
{
	font-size: 3em;
	margin-bottom: 0;
}



.Index .Ct
{
}

.Index .Ct h3
{
}

.Index .Ct h3>b:before
{
	content: none;
}

.Index .Ct a
{
	display: block;
}


.Index .service
{
}

.Index .service a
{
	color: inherit;
	overflow: hidden;
}
/*
*/

.Index .service .bg
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + (10px * 2));
	transform: translateX(-50%) translateY(-50%);
	-webkit-filter: blur(10px);
	filter: blur(10px);
	opacity: 0.2;
}

.Index .service .main
{
	width: 100%;
}

.Index .service .main>*
{
	display: flex;
	flex-direction: row;
}

.Index .service .main .photo
{
	width: calc(60% - (5em / 2));
	background-color: rgba(0,0,0,1.0);
}

.Index .service .main .photo img
{
	opacity: 0.8;
}

.Index .service .main .txt
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	line-height: 1.5;
}
/*
	font-size: 0.9em;
	width: 60%;
	padding-left: 3em;
	padding-right: 3em;
*/

.Index .service .main .txt>*
{
	display: flex;
	flex-direction: column;
	gap: 3em;
	width: 50%;
}

.Index .service .main .txt>*>*
{
}

.Index .service .main .txt>*>*
{
}


.Index .service .main .txt .title
{
	display: flex;
	flex-direction: column;
	margin: auto;
	gap: 0.5em;
}

.Index .service .main .txt .title>b
{
	font-size: 2.25em;
	gap: 0.5em;
}

.Index .service .main .txt .title>em
{
	font-size: 1.3em;
}

.Index .service .main .txt .title .icon
{
	width: 1.2em;
	display: inherit;
}

.Index .service .main .txt .lead
{
	margin: auto;
}

/* [index]	事業紹介・左右 */
.Index .service .ID
{
}

.Index .service .ID:nth-of-type(odd) .main
{
}

.Index .service .ID:nth-of-type(odd) .main .photo
{
	clip-path: polygon(
		0% 0%,
		calc(100% - 5em) 0%,
		100% 50%,
		calc(100% - 5em) 100%,
		0% 100%
	);
}

.Index .service .ID:nth-of-type(odd) .main .txt
{
}

.Index .service .ID:nth-of-type(odd) .main .txt>*
{
	margin-left: auto;
	margin-right: 0;
}

.Index .service .ID:nth-of-type(even) .main
{
	flex-direction: row-reverse;
}

.Index .service .ID:nth-of-type(even) .main .photo
{
	clip-path: polygon(
		5em 0%,
		100% 0%,
		100% 100%,
		5em 100%,
		0% 50%
	);
	margin-left: auto;
	margin-right: 0;
}

.Index .service .ID:nth-of-type(even) .main .txt
{
}

.Index .service .ID:nth-of-type(even) .main .txt>*
{
	margin-left: 0;
	margin-right: 0;
}


/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.Index .service .main
	{
		font-size: 3.5vw;
	}

	#Index .service .main .photo
	{
		clip-path: none;
		width: 100%;
	}

	#Index .service .main .photo img
	{
		height: 100vw;
		overflow: hidden;
	}
	/*
		opacity: 0.5;
	*/

	.Index .service .main .txt
	{
		width: calc(100% - (1em * 2));
		padding: 1em;
		background-color: rgba(255,255,255,0.5);
		text-shadow:
			0 0 0.25em rgba(255,255,255,0.5),		-0 -0 0.25em rgba(255,255,255,0.5),
			-0 0 0.25em rgba(255,255,255,0.5),		0 -0 0.25em rgba(255,255,255,0.5),
			0 0 0.25em rgba(255,255,255,0.5),		0 -0 0.25em rgba(255,255,255,0.5),
			-0 0 0.25em rgba(255,255,255,0.5),		0 0 0.25em rgba(255,255,255,0.5)
		;
	}
	/*
	*/

	.Index .service .main .txt>*
	{
		gap: 1em;
		width: 100%;
	}

	.Index .service .main .txt .title
	{
		font-size: 0.8em;
		gap: 0;
	}

	.Index .service .main .txt .title>b
	{
		font-size: 1.75em;
		justify-content: center;
		gap: 0;
	}
	/*
		flex-direction: column;
	*/

	.Index .service .main .txt .title>em
	{
		letter-spacing: normal;
	}

	.Index .service .main .txt .lead
	{
		line-height: 1.5;
		font-weight: bold;
	}

	.Index .Ct .fadeIn a .ColorBtn
	{
		margin-left: auto;
		margin-right: auto;
	}

	.Index .Ct .Item_brazing_material_paste_consignment_manufacturing .title
	{
		letter-spacing: normal;
	}

}

/* [print] */
@media print {
}


/* [240827/240905]　個別・『ろう材ペースト製造』pic差し替え */
.Index .service .Item_brazing_material_paste_consignment_manufacturing .main .photo>.Wrap,
.BrazingMaterialPasteConsignmentManufacturing .Top .Img>.Wrap
{
	background-image: linear-gradient(
		170deg,
		rgb(var(--gr) / 0.2),
		rgb(var(--gr) / 0.75)
	);
	background-color: rgb(var(--gr) / 0.0);
}
/*
[240827/240905]切り抜きpicへ差し替え
	opacity: 0.7;

	-webkit-filter: blur(1em);
	filter: blur(1em);
*/

.Index .service .Item_brazing_material_paste_consignment_manufacturing .main .photo img
{
	background-size: contain;
	background-size: 32.5vw;
}

.BrazingMaterialPasteConsignmentManufacturing .Top .Img img
{
	background-position: right;
	background-size: 45vw;
}


/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	/* [240827/240905]　個別・『ろう材ペースト製造』pic差し替え */
	.Index .service .Item_brazing_material_paste_consignment_manufacturing .main .photo img
	{
		background-size: 101vw;
	}

	.BrazingMaterialPasteConsignmentManufacturing .Top .Img img
	{
		background-size: 90vw;
		background-position: center;
	}
}



.Index .contents
{
	display: flex;
	font-size: 1vw;
	gap: 1px;
}

.Index .contents>*
{
	width: 100%;
}

.Index .contents .title
{
	gap: 0;
}

.Index .contents .title>b
{
	font-size: 2em;
	letter-spacing: 0.15em;
}

.Index .contents .title>em
{
	font-size: 2em;
	color: rgba(255,255,255,1.0);
	line-height: 1.5;
	opacity: 0.3;
	margin-top: 0;
}

.Index .contents .main
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	padding-left: 1em;
	padding-right: 1em;
}

.Index .contents .main .footer
{
	position: absolute;
	left: 50%;
	bottom: 3em;
	transform: translateX(-50%);
}

.Index .contents .main .footer .ColorBtn
{
	background-color: rgba(0,0,0,0.5);
	border-color: rgba(255,255,255,0.6);
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Index .contents
{
	flex-direction: column;
	font-size: inherit;
}

.Index .contents h2
{
	font-size: 0.8em;
}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	新着情報	information
*/
/* [新着情報]　index */
.Information
{
}

.Information .List
{
}

.Information .List .catch
{
	display: inherit;
	align-items: flex-start;
}

.Information .List .catch>.Wrap
{
	display: block;
	width: 100%;
	padding: 1em;
	background-color: rgba(255,255,255,1.0);
}

.Information .List .catch img
{
}

.Information .List .lead
{
	margin: 0;
	font-size: inherit;
}

.Information .List .list_footer
{
	margin-left: auto;
	margin-right: 0;
}



/* ------------------------------------------------------------------------------------------------------------
	お知らせ	topics
*/
.News:not(.Information)
{
}

.News:not(.Information) .List
{
}

.News:not(.Information) .List ul
{
	gap: 0;
}

.News:not(.Information) .List ul>li
{
	border-bottom-width: 1px;
}

.News:not(.Information) .List a
{
	padding-top: 1em;
	padding-bottom: 1em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.News .List
{
}

.News .List h2
{
}

.News .List .NewMark
{
	bottom: calc(100% - 2.5em);
}

.News .List a
{
}
/*
	flex-direction: column;
*/

.News .List .thumbnail.tate a
{
	gap: 1em;
}

.News .List .thumbnail.tate .catch
{
	width: 25%;
}

.News .List .thumbnail.tate .catch+.list_head
{
	width: calc(100% - (25% + 1em));
}

.News .List .list_head
{
}

.News .List .list_head .title
{
	width: 100%;
}

.News:not(.Information) .List a
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.News:not(.Information) .List .list_footer
{
	position: absolute;
	top: 1em;
	right: 0;
}

.Information .List .lead
{
	font-size: 0.9em;
}

}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	会社概要
	info.php
*/
.Aboutus
{
}

.Aboutus table
{
	min-width: 50%;
}


.Aboutus .aboutus_bg
{
}

.Aboutus .aboutus_bg img
{
	background-size: 150%;
	background-position: right;
}


.Aboutus .lead
{
	margin-top: 0;
	margin-bottom: 0em;
}

.Aboutus .lead>.Wrap
{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}
/*
*/

.Aboutus .lead .main
{
	width: 33em;
	padding: 3em;
	background-color: rgba(255,255,255,0.85);
	text-align: justify;
	margin-left: auto;
	margin-right: 0;
}

.Aboutus .lead h2
{
	margin-bottom: 1em;
}

.Aboutus .lead h2:before
{
	content: none;
}

.Aboutus .lead h2>b
{
	font-size: 1.5em;
}

.Aboutus .lead h2 .a
{
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

.Aboutus .lead h2 .title_set .Free
{
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	text-align: left;
}

.Aboutus .lead h2 .Img
{
	width: 2.5em;
}

.Aboutus .lead h2 .Img>*
{
}

.Aboutus .lead h2 .Img img
{
	width: 100%;
	height: initial;
}

.Aboutus .lead h2 .title_set
{
	max-width: calc(100% - (2.5em + 0.5em));
}

.Aboutus .lead h2 .title_set .jp
{
}

.Aboutus .lead h2 .title_set .eu
{
	font-size: 0.7em;
	letter-spacing: normal;
	opacity: 0.4;
}

.Aboutus .lead .main .txt
{
	font-size: 0.9em;
}

.Aboutus .lead .main .txt p
{
	margin-top: 1em;
}

.Aboutus .lead .main .txt p b
{
}

.Aboutus .lead .main .txt p b>b
{
	font-size: smaller;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Aboutus .lead
{
}

.Aboutus .lead>.Wrap
{
	position: relative;
	top: inherit;
	transform: none;
}

.Aboutus .lead .main
{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.Aboutus .lead h2
{
	font-size: 0.8em;
	text-align: center;
	white-space: nowrap;
	word-break: break-all;
}

}

/* [print] */
@media print {
}

/* [会社概要]　3つの強み */
.Aboutus .point
{
}

.Aboutus .point .body
{
	margin-top: 5em;
}

.Aboutus .point .body>*
{
	display: flex;
	flex-wrap: wrap;
	gap: 10em;
}

.Aboutus .point .body>*>*
{
	width: 100%;
}

.Aboutus .point .title
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	margin-top: 0;
	margin-bottom: 2em;
}
/*
	position: absolute;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	z-index: 5;
*/

.Aboutus .point .title>*
{
}

.Aboutus .point .title>*:before
{
	content: none;
}

.Aboutus .point .title .num
{
	font-size: 1.25em;
	display: flex;
	flex-direction: column;
	line-height: 1.25;
	letter-spacing: normal;
	color: rgba(255,255,255,1.0);
}

.Aboutus .point .title .num:before
{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% + 0.5em);
	left: 50%;
	width: 8em;
	height: 6em;
	transform: translateX(-50%) translateY(-50%);
	clip-path: polygon(
		0 0,
		50% 100%,
		100% 0
	);
}

.Aboutus .point .title .num span
{
}

.Aboutus .point .title .num b
{
	font-size: 2em;
	font-weight: inherit;
}

.Aboutus .point .title>b
{
}


.Aboutus .point .Img
{
	position: absolute;
	width: 40%;
	top: 0;
}

.Aboutus .point .Img img
{
	background-position: right;
}

.Aboutus .point .txt
{
	width: calc(100% - (40% - 5em));
	text-align: justify;
	margin-left: auto;
	margin-right: 0;
}
/*
	top: 10em;
	right: 0;
	margin: 0 0 0 -5em;
	width: calc(100% + 5em);
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
*/

.Aboutus .point .txt>*
{
	padding: 3em;
	background-color: rgba(255,255,255,0.8);
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Aboutus .point .body>*
{
	gap: 5em;
}

.Aboutus .point .title
{
	height: 60vw;
	padding-left: 1em;
	padding-right: 1em;
}

.Aboutus .point .title>b
{
	line-height: 1.5;
}

.Aboutus .point .Img
{
	width: 100%;
}

.Aboutus .point .txt
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.Aboutus .point .txt>*
{
	padding: 1em;
	font-size: 0.9em;
}
}

/* [print] */
@media print {
}


/* [会社概要]　ワンストップソリューション */
.section.one_stop_solution
{
	padding-bottom: 0;
}

.one_stop_solution .Gallery
{
}

.one_stop_solution .Gallery>ul
{
	align-items: flex-start;
}

.one_stop_solution .Gallery .Caption
{
	font-size: 1.2em;
	position: absolute;
	top: 0em;
	left: 0em;
	right: -1em;
	padding: 1em;
	line-height: 1;
	font-weight: bold;
	clip-path: polygon(
		0% 0%,
		calc(100% - 1em) 0%,
		100% 50%,
		calc(100% - 1em) 100%,
		0% 100%
	);
}

.one_stop_solution .Gallery .Item:nth-of-type(1)
{
}

.one_stop_solution .Gallery .Item:nth-of-type(2)
{
	margin-top: 10em;
}

.one_stop_solution .Gallery .Item:nth-of-type(3)
{
	margin-top: calc(10em * 2);
}

.one_stop_solution .Gallery .Item:nth-of-type(4)
{
	margin-top: -5em;
}

.one_stop_solution .Gallery .Item:nth-of-type(5)
{
	margin-top: calc((10em * 1) - 5em);
}

.one_stop_solution .Gallery .Item:nth-of-type(6)
{
	margin-top: calc((10em * 2) - 5em);
}

.one_stop_solution .Gallery .Item:last-of-type
{
}

.one_stop_solution .Gallery .Item:last-of-type .Caption
{
	clip-path: none;
	right: 0em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.one_stop_solution .Gallery>ul
{
	gap: 2em;
}

.one_stop_solution .Gallery>ul>li
{
	width: calc((100% - (2em * 1)) / 2);
}

.one_stop_solution .Gallery .Caption
{
	font-size: 0.9em;
	display: flex;
	justify-content: center;
	align-items: center;
	top: initial;
	bottom: calc(100% - (3em / 2));
	height: 3em;
	padding: 0 1em;
}

.one_stop_solution .Gallery .Item:nth-of-type(1)
{
}

.one_stop_solution .Gallery .Item:nth-of-type(2)
{
	margin-top: 3em;
}

.one_stop_solution .Gallery .Item:nth-of-type(3)
{
	margin-top: 0;
}

.one_stop_solution .Gallery .Item:nth-of-type(4)
{
	margin-top: 3em;
}

.one_stop_solution .Gallery .Item:nth-of-type(5)
{
	margin-top: 0;
}

.one_stop_solution .Gallery .Item:nth-of-type(6)
{
	margin-top: 3em;
}
}

/* [print] */
@media print {
}


/* [会社概要]　地図 */
.AboutusMap
{
}

.AboutusMap .body
{
}

.AboutusMap .body>*
{
	flex-direction: row-reverse;
}

.AboutusMap .List
{
	text-align: justify;
	padding-right: 3em;
}

.AboutusMap .List .title
{
	margin-top: 0;
	margin-bottom: 0.5em;
}

.AboutusMap .List .title:before
{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 1em);
	height: calc(100% + 0em);
	transform: translateX(-50%) translateY(-50%);
	opacity: 0.15;
}

.AboutusMap .List .title>b
{
	font-size: 1.2em;
}

.AboutusMap .List .title>b:before
{
	content: none;
}

.AboutusMap .List .txt
{
	margin-left: 1em;
}

.AboutusMap .List .txt .OfficesTxt
{
	font-weight: bold;
	margin-bottom: 0em;
}

.AboutusMap .List .txt .data
{
	display: inline-block;
}

.AboutusMap .List .txt .data .info_address
{
}

.AboutusMap .List .txt .data .info_address>*
{
}

.AboutusMap .List .txt .data .info_address>*>*
{
}
/*
	display: inline-flex;
	flex-direction: column;
*/

#MapShow
{
	width: 100%;
	height: 70em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.AboutusMap
{
}

.AboutusMap .body
{
}

.AboutusMap .body>*
{
	flex-direction: column-reverse;
}

.AboutusMap .body>*>*
{
	width: 100%;
}

.AboutusMap .List
{
	padding-left: 4vw;
	padding-right: 4vw;
}

.MapShow
{
}

.MapShow #MapShow
{
	height: 100vw;
}
/*
	margin-top: calc(0em - ((70em - 100vw) / 2));
*/
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	事業紹介
	service.php
*/
.Service
{
}

.Service h3
{
}

.Service h3:before
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + 1em);
	height: 100%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0.2;
}
/*
	opacity: 0.5;
*/

.Service h3>b
{
	font-size: 1.5em;
}

.Service h3>b:before
{
	content: none;
}


.Service .Top
{
	color: rgba(255,255,255,1.0);
	text-align: justify;
	text-shadow: rgba(0,0,0,1.0) 0px 0 1.0em;
	padding-bottom: 0;
}

.Service .Top .bg
{
	background-color: rgba(0,0,0,1.0);
	overflow: hidden;
}

.Service .Top .bg img
{
	width: 100%;
	opacity: 0.8;
}
/*
	-webkit-backdrop-filter: blur(1em);
	backdrop-filter: blur(1em);
*/

.Service .Top .body
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translateX(-50%) translateY(-50%);
}

.Service .Top .body h2
{
	margin-top: 0;
	margin-bottom: 3em;
}

.Service .Top .body h2:before
{
	content: none;
}

.Service .Top .body h2>b
{
	margin: 0;
	font-size: 2em;
	line-height: inherit;
	letter-spacing: inherit;
}

.Service .Top .body .lead
{
	font-size: 1em;
	width: 40%;
	padding: 1.5em 2em;
	margin-top: 0;
	margin-bottom: 0;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Main.Service .Top
{
	padding-top: 0;
	line-height: 1.75;
}

.Service .Top .bg,
.Service .Top .bg img
{
	height: 150vw;
}
/*
	position: absolute;
	top: calc((10em * 0.3) / 2);
	left: 0;
	right: 0;
	width: 100%;
	height: 150vw;
*/

.Service .Top .body
{
}
/*
	top: 1em;
	transform: translateX(-50%);
	position: relative;
	left: initial;
	top: initial;
	min-height: calc(150vw - 2em);
	transform: none;
	margin-top: calc(0em - (150vw - 2em));
	position: relative;
	left: initial;
	top: initial;
	width: 100%;
	transform: none;
*/

.Service .Top .body h2>b
{
	font-size: 1.75em;
}

.Service .Top .body .lead
{
	font-size: 0.8em;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
}
/*
	letter-spacing: normal;
	margin-left: -4vw;
	margin-right: -4vw;
	width: calc(100% + (4vw * 2));
*/

.BrazingMaterialPasteConsignmentManufacturing .Top .bg,
.BrazingMaterialPasteConsignmentManufacturing .Top .bg img
{
	height: 100vw;
}

:is(.JigEquipmentDesignAndProduction, .MachinedPartsMoldedResinProducts, .AssyProcessing) .Top .bg,
:is(.JigEquipmentDesignAndProduction, .MachinedPartsMoldedResinProducts, .AssyProcessing) .Top .bg img
{
	height: calc((100vw * (9 / 16)) * 1.2);
}
/*
	aspect-ratio: 16 / 9;
	height: initial;
*/

:is(.JigEquipmentDesignAndProduction, .MachinedPartsMoldedResinProducts, .AssyProcessing) .Top .body
{
}
/*
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	min-height: initial;
	transform: translateX(-50%) translateY(-50%);
	margin-top: calc((10em * 0.3) / 2);
*/

:is(.JigEquipmentDesignAndProduction, .MachinedPartsMoldedResinProducts, .AssyProcessing) .Top .body h2
{
	margin-bottom: 0;
}

}

/* [print] */
@media print {
}


.Service .Gallery .Caption
{
	font-size: 0.9em;
}

.Service .Gallery .Caption>*
{
	display: inline-block;
	text-align: justify;
}


.Service .Ct
{
}

.Service .Ct .body
{
	display: inline-flex;
	gap: 5em;
}

.Service .Ct:nth-of-type(odd) .body
{
}

.Service .Ct:nth-of-type(even) .body
{
	flex-direction: row-reverse;
}

.Service .Ct .body>*
{
	flex: 1;
}

.Service .Ct .body .Gallery
{
	flex-grow: 1;
	margin-top: 0;
	margin-bottom: 0;
}

.Service .Ct .body :where(.main, .txt)
{
	flex-grow: 1.3;
	text-align: justify;
}

.Service .Ct .body .txt
{
	font-size: larger;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Service .Ct .body,
.Service .Ct:nth-of-type(odd) .body,
.Service .Ct:nth-of-type(even) .body
{
	flex-direction: column;
	gap: 1em;
}

.Service .Ct .body .txt
{
	font-size: inherit;
}

.PlessProcessing .case .body ul
{
}

.PlessProcessing .case .body ul>*
{
	width: 100%;
}

.PlessProcessing .case .body .Item
{
}

.PlessProcessing .case .body .Item>.Wrap
{
	gap: 1rem;
}

.PlessProcessing .case .body .Item .Img
{
	width: 35%;
}

.PlessProcessing .case .body .Item .txt
{
	gap: 0.5em;
	width: calc(100% - (35% + 1em));
}

}

/* [print] */
@media print {
}



/* [事業紹介]	<table> 保有台数 */
.Service .facilities
{
}

.Service .facilities table
{
}

.Service .facilities table.Stripe :where(th, td)
{
	padding-left: 1em;
	padding-right: 1em;
}

.Service .facilities table.Stripe tbody:nth-of-type(even)
{
}

.Service .facilities table.Stripe tbody:nth-of-type(even) :where(th, td)
{
	background-color: rgba(255,255,255,1.0);
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Service .facilities table
{
	font-size: 0.8em;
}

.Service .facilities table.Stripe tr
{
}

.Service .facilities table.Stripe th
{
	width: initial;
	padding: 0.5em;
}

.Service .facilities table.Stripe td
{
	padding: 0.5em;
}

.Service .facilities table.Stripe thead th
{
	white-space: nowrap;
	word-break: break-all;
}

.Service .facilities table.Stripe tbody th
{
	border-bottom-width: 1px;
}

.Service .facilities table .head>b
{
	display: block;
	width: 1em;
	line-height: 1;
	writing-mode: vertical-rl;
}

.Service .facilities table .title
{
}

.Service .facilities table .txt
{
}

.Service .facilities table .num
{
	white-space: nowrap;
	word-break: break-all;
}

}

/* [print] */
@media print {
}


.Service .footer_gallery
{
	margin-top: 0;
	padding-bottom: 10em;
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=pless_processing)]	金属プレス加工
*/
.PlessProcessing
{
}


/* [事業紹介(service.php?anchor_id=pless_processing)]	金属プレス加工 / 製品事例 */
.PlessProcessing .case
{
}

.PlessProcessing .case .body
{
}

.PlessProcessing .case .body ul
{
	margin-top: 0;
	margin-bottom: 0;
}

.PlessProcessing .case .body ul>li
{
	margin-top: 0;
	margin-bottom: 0;
}

.PlessProcessing .case .body>ul>li>.Wrap
{
	display: flex;
	gap: 2em;
}

.PlessProcessing .case .body>ul>li>.Wrap>*
{
	width: 100%;
}

.PlessProcessing .case .body .txt
{
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.PlessProcessing .case .body .title
{
	margin: 0;
	display: flex;
	align-items: baseline;
}

.PlessProcessing .case .body .title .title_sub
{
	font-weight: bold;
}

.PlessProcessing .case .body .material
{
	display: flex;
	gap: 0.5em;
}

.PlessProcessing .case .body .material .title
{
}

.PlessProcessing .case .body .material .title>b
{
	font-size: 1em;
	font-weight: normal;
	display: inherit;
}

.PlessProcessing .case .body .material .title>b:before
{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 1em);
	height: calc(100% + 0em);
	transform: translateX(-50%) translateY(-50%);
	opacity: 0.3;
}

.PlessProcessing .case .body .material .list
{
	font-weight: bold;
}

.PlessProcessing .case .body .material .list ul
{
	margin: 0;
	list-style: none;
}

.PlessProcessing .case .body .material .list ul>li
{
	margin: 0;
}

.PlessProcessing .case .body hr:where(.solid, .dotted, .dashed)
{
	margin-top: 0;
	margin-bottom: 0;
	opacity: 1.0;
}

.PlessProcessing .case .body .data
{
}

/* [事業紹介(service.php?anchor_id=pless_processing)]	金属プレス加工 / 対応能力加工工程 */
.PlessProcessing .spec
{
}

.PlessProcessing .spec .body
{
}

.PlessProcessing .spec .body>.Wrap
{
	display: inline-flex;
	flex-direction: column;
	gap: 3em;
}

.PlessProcessing .spec .body .Item .title
{
	margin-top: 0;
	margin-bottom: 1em;
	display: flex;
	text-align: left;
}

.PlessProcessing .spec .body .Item .txt
{
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=pipe_processing)]	パイプ加工
*/
.PipeProcessing
{
}


/* [事業紹介(service.php?anchor_id=pipe_processing)]	パイプ加工 / top */
.PipeProcessing .Top
{
}

.PipeProcessing .Top .Icon
{
	display: flex;
	align-items: center;
	gap: 2em;
	position: absolute;
	left: 50%;
	bottom: calc(100% - 1.5em);
	transform: translateX(-50%);
	text-align: center;
	text-shadow: none;
	margin-bottom: 1em;
}
/*
	justify-content: space-around;
*/

.PipeProcessing .Top .Icon h3
{
	margin: 0;
}

.PipeProcessing .Top .Icon h3:before
{
	content: none;
}

.PipeProcessing .Top .Icon h3>*
{
	font-size: inherit;
}

.PipeProcessing .Top .Icon .Item
{
	font-size: 1em;
	line-height: 1.25;
	letter-spacing: normal;
}
/*
*/

.PipeProcessing .Top .Icon .Item:before
{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4em;
	height: 4em;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 100em;
	opacity: 0.8;
}

.PipeProcessing .Top .Icon .Item>*
{
	width: 3.5em;
}


/* [事業紹介(service.php?anchor_id=pipe_processing)]	パイプ加工 / あらゆるニーズに柔軟に対応 */
.PipeProcessing .needs
{
}


/* [事業紹介(service.php?anchor_id=pipe_processing)]	パイプ加工 / パイプ対応サービス */
.PipeProcessing .processing
{
}

.PipeProcessing .processing .body
{
}

.PipeProcessing .processing .body:nth-of-type(even)
{
	flex-direction: row;
}

.PipeProcessing .processing .body+.body
{
	margin-top: 5em;
}

.PipeProcessing .processing .main
{
}

.PipeProcessing .processing .main>.Wrap
{
	display: flex;
	flex-direction: column;
	gap: 5em;
}

.PipeProcessing .processing .main .title
{
	margin-top: 0;
	margin-bottom: 0;
}

.PipeProcessing .processing .main .Item
{
}

.PipeProcessing .processing .main .Item>.Wrap
{
	display: flex;
	flex-direction: column;
	gap: 1em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.PipeProcessing .Top .Icon
{
	gap: 1em;
	margin-bottom: calc(1em + ((4em - 1em) / 2));
}

.PipeProcessing .Top .body .lead
{
	margin-top: 4em;
}

.PipeProcessing .processing .body:nth-of-type(even)
{
	flex-direction: column;
}

.PipeProcessing .processing .main>.Wrap
{
	gap: 1em;
}

}

/* [print] */
@media print {
}


/* [事業紹介(service.php?anchor_id=pipe_processing)]	パイプ加工 / 加工例 */
.PipeProcessing .example
{
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.PipeProcessing .example .Gallery>*>*
{
	width: 100%;
}

.PipeProcessing .example .Gallery .Item
{
}

.PipeProcessing .example .Gallery .Item>*
{
	flex-direction: row;
	gap: 1em;
}

.PipeProcessing .example .Gallery .Item>*>*
{
	width: 100%;
}

.PipeProcessing .example .Gallery .Item .Img
{
	width: 35%;
}

.PipeProcessing .example .Gallery .Item .Caption
{
	text-align: justify;
	width: calc(100% - (35% + 1em));
}

}

/* [print] */
@media print {
}



/* [事業紹介(service.php?anchor_id=pipe_processing)]	パイプ加工 / 保有設備機械 */
.PipeProcessing .facilities
{
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=brazing_material_paste_consignment_manufacturing)]	ろう材ペースト製造
【受託撹拌】
*/
.BrazingMaterialPasteConsignmentManufacturing
{
}

.BrazingMaterialPasteConsignmentManufacturing .Top
{
}

.BrazingMaterialPasteConsignmentManufacturing .Top .Img
{
}

.BrazingMaterialPasteConsignmentManufacturing .Top .body
{
}

.BrazingMaterialPasteConsignmentManufacturing .Top h2
{
}

.BrazingMaterialPasteConsignmentManufacturing .Top h2>b
{
	text-shadow:
		rgba(0,0,0,1.0) 0px 0 1.0em
	;
}

.BrazingMaterialPasteConsignmentManufacturing .Top .body .lead
{
	width: auto;
}

.BrazingMaterialPasteConsignmentManufacturing .Top .body .lead ul
{
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.BrazingMaterialPasteConsignmentManufacturing .Top .body .lead ul li
{
	margin: 0;
	display: flex;
	gap: 0.5em;
}

.BrazingMaterialPasteConsignmentManufacturing .Top .body .lead ul li:before
{
	content: "";
	display: inherit;
	width: 1em;
	height: 1em;
	margin-top: 0.5em;
	border-width: 1px;
	border-color: rgba(255,255,255,0.5);
}
/*
	background-color: rgba(0,126,65,1.0);
	background-color: rgba(255,255,255,1.0);
*/

.BrazingMaterialPasteConsignmentManufacturing .Top .body .lead ul li:after
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: calc(0em - ((1.25em - 1em) / 2));
	width: 1.25em;
	height: 1.25em;
	background-color: rgba(0,126,65,1.0);
	background-color: rgba(133,192,35,1.0);
	clip-path: polygon(
		0 50%,
		50% 70%,
		100% 0,
		60% 100%
	);
}



.BrazingMaterialPasteConsignmentManufacturing .DETAIL
{
	padding-top: 0;
	padding-bottom: 0;
}

.BrazingMaterialPasteConsignmentManufacturing .DETAIL .Ct
{
	padding-bottom: 0;
}

.BrazingMaterialPasteConsignmentManufacturing .DETAIL .Ct h2
{
	margin-bottom: 3em;
}

.BrazingMaterialPasteConsignmentManufacturing .DETAIL .Ct .body
{
	gap: 3em;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.BrazingMaterialPasteConsignmentManufacturing .DETAIL>*
{
	width: 100%;
}

.BrazingMaterialPasteConsignmentManufacturing .DETAIL>*>*,
.BrazingMaterialPasteConsignmentManufacturing .DETAIL>*>*:not([class*="Width"])
{
	width: 100%;
}

.BrazingMaterialPasteConsignmentManufacturing .DETAIL>.Wrap .WrapM
{
	padding: 0;
}

.BrazingMaterialPasteConsignmentManufacturing .DETAIL .Ct .body
{
	flex-direction: row;
	justify-content: center;
	gap: 1em;
}
/*
	width: 100%;
*/

.BrazingMaterialPasteConsignmentManufacturing .DETAIL .Ct .body>*
{
	width: 100%;
	flex-grow: 1;
}

}

/* [print] */
@media print {
}

/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=brazing_material_paste_consignment_manufacturing)]	ろう材ペースト製造 / 使用用途
*/
.BrazingMaterialPasteConsignmentManufacturing .use
{
}

.BrazingMaterialPasteConsignmentManufacturing .use h2
{
	margin-top: 0;
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=brazing_material_paste_consignment_manufacturing)]	ろう材ペースト製造 / 生産能力
*/
.BrazingMaterialPasteConsignmentManufacturing .capacity
{
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=brazing_material_paste_consignment_manufacturing)]	ろう材ペースト製造 / ろう材の種類
*/
.BrazingMaterialPasteConsignmentManufacturing .paste_type
{
}


.BrazingMaterialPasteConsignmentManufacturing .paste_type .Item
{
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .Item>*
{
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .title
{
	margin-top: 0;
	margin-bottom: 0;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .main
{
	display: table;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .main>*
{
	display: table-row;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .main>*>*
{
	display: table-cell;
	padding-top: 1em;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .main .th
{
	padding-right: 1em;
	white-space: nowrap;
	word-break: break-all;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .main .th>*
{
	border-width: 1px;
	padding: 0.25em 0.75em;
	display: block;
	font-size: 0.9em;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .main .data
{
	text-align: justify;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.BrazingMaterialPasteConsignmentManufacturing .paste_type .main
{
	display: flex;
	flex-direction: column;
	gap: 1em;
	padding: 0;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .main>*,
.BrazingMaterialPasteConsignmentManufacturing .paste_type .main>*>*
{
	display: block;
	padding: 0;
}

.BrazingMaterialPasteConsignmentManufacturing .paste_type .main .th
{
	padding: 0;
}
}

/* [print] */
@media print {
}

/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=brazing_material_paste_consignment_manufacturing)]	ろう材ペースト製造 / 保有設備機械
*/
.BrazingMaterialPasteConsignmentManufacturing .facilities
{
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=jig_equipment_design_and_production)]	治工具の設計製作
*/
.JigEquipmentDesignAndProduction
{
}

.JigEquipmentDesignAndProduction .cage
{
}

.JigEquipmentDesignAndProduction .cage .body .Gallery
{
	flex-grow: 1.5;
}

.JigEquipmentDesignAndProduction .cage .body .txt
{
	flex-grow: 1;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.JigEquipmentDesignAndProduction .Ct:nth-of-type(even).cage .body
{
	flex-direction: column-reverse;
	align-items: center;
}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=jig_equipment_design_and_production)]	治工具の設計製作 / top
*/
.JigEquipmentDesignAndProduction .Top
{
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=machined_parts_molded_resin_products)]	機械加工部品/樹脂成形品
*/
.MachinedPartsMoldedResinProducts
{
}

.MachinedPartsMoldedResinProducts .Top
{
}

.MachinedPartsMoldedResinProducts .Top .Img.lead
{
	width: 60%;
}


.MachinedPartsMoldedResinProducts .Ct
{
}

.MachinedPartsMoldedResinProducts .Ct .body
{
}

.MachinedPartsMoldedResinProducts .Ct.machine_parts .body
{
	display: grid;
	grid-template-areas:
		"gallery txt"
	;
}

.MachinedPartsMoldedResinProducts .Ct.machine_parts .body .Gallery
{
	grid-area: gallery;
}

.MachinedPartsMoldedResinProducts .Ct.machine_parts .body .txt
{
	grid-area: txt;
}
/*
.MachinedPartsMoldedResinProducts .Ct.machine_parts .body .Gallery
{
	flex-grow: 1.5;
}

.MachinedPartsMoldedResinProducts .Ct.machine_parts .body .txt
{
	flex-grow: 1;
}
*/

.MachinedPartsMoldedResinProducts .Ct.machine_parts .body .Gallery>ul
{
	display: grid;
	grid-template-columns: 60% 40%;
	gap: 3em;
}


.MachinedPartsMoldedResinProducts .network
{
	padding-top: 5em;
}

.MachinedPartsMoldedResinProducts .network .Img
{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.MachinedPartsMoldedResinProducts .network .Img
	{
		width: 100%;
	}

	.MachinedPartsMoldedResinProducts .Ct.machine_parts .body
	{
		display: grid;
		grid-template-areas:
			"txt"
			"gallery"
		;
		justify-content: center;
		align-items: center;

	}
/*
	.MachinedPartsMoldedResinProducts .Ct.machine_parts .body
	{
		flex-direction: column-reverse;
		align-items: center;
	}

	.MachinedPartsMoldedResinProducts .Ct.machine_parts .body .txt
	{
	}
*/

	.MachinedPartsMoldedResinProducts .Ct.machine_parts .body .Gallery>ul
	{
		grid-template-columns: calc(60% - (3em / 2)) calc(40% - (3em / 2));
	}

	.MachinedPartsMoldedResinProducts .Ct.machine_parts .body .txt
	{
		margin-left: auto;
		margin-right: auto;
	}

}

/* [print] */
@media print {
}


/* ------------------------------------------------------
	[事業紹介(service.php?anchor_id=assy_processing)]	各種ASSY加工
*/
.AssyProcessing
{
}

.AssyProcessing .Ct
{
}

.AssyProcessing .Ct h3
{
	margin-top: 0;
	margin-bottom: 0;
}

.AssyProcessing .Ct .body
{
}

.AssyProcessing .Ct .body .main
{
	display: flex;
	flex-direction: column;
	gap: 3em;
}

.AssyProcessing .Ct .body .main .Item
{
}

.AssyProcessing .Ct .body .main .Item>.Wrap
{
	display: flex;
	flex-direction: column;
	gap: 1em;
}


/* ------------------------------------------------------
	[250404]新規
	[事業紹介(service.php?anchor_id=processing_machine)]	加工機販売
*/
.ProcessingMachine
{
}

.ProcessingMachine .Ct
{
}

.ProcessingMachine .Ct h2
{
	margin-bottom: 0;
}


.ProcessingMachine .Ct .body
{
	display: grid;
	grid-template-areas:
		"Img speck"
		"point speck"
	;
	grid-template-columns: 55% 1fr;
	align-items: start;
	gap: 0 5em;
}
.ProcessingMachine .Ct .body>.Img
{
	grid-area: Img;
}
.ProcessingMachine .Ct .body>.point
{
	grid-area: point;
}
.ProcessingMachine .Ct .body>.speck
{
	grid-area: speck;
}


.ProcessingMachine .Ct .body .Img
{
}

.ProcessingMachine .Ct .body .Img img
{
}



.ProcessingMachine .Ct .body .point
{
}

.ProcessingMachine .Ct .body .point ol
{
	list-style: none;
	margin: 0;

	counter-reset: point;
	
	display: grid;
	gap: 1em;
}
.ProcessingMachine .Ct .body .point ol li
{
	margin: 0;

	display: grid;
	grid-template-columns: 7em 1fr;
	align-items: center;
	gap: 1em;
}
.ProcessingMachine .Ct .body .point ol li::before
{
	aspect-ratio: 1;

	display: grid;
	justify-content: center;
	align-items: center;
	
	counter-increment: point;
	content: "POINT" counter(point);

	padding: 0.5em 1em;
}


.ProcessingMachine .Ct .body .speck
{
}

.ProcessingMachine .Ct .body .speck :is(th, td)
{
	padding-top: 1em;
	padding-bottom: 1em;
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.ProcessingMachine .Top .bg,
	.ProcessingMachine .Top .bg img
	{
		aspect-ratio: 1;
		width: 100%;
		height: auto;
	}

	.ProcessingMachine .Ct .body
	{
		grid-template-areas:
			"Img"
			"point"
			"speck"
		;
		grid-template-columns: 1fr;
	}

	.ProcessingMachine .Ct .body .point ol li
	{
		display: grid;
		grid-template-columns: 1fr;
	}
	.ProcessingMachine .Ct .body .point ol li::before
	{
		aspect-ratio: initial;
	}

	.ProcessingMachine .Ct .body .speck
	{
		font-size: 0.9em;
	}

	.ProcessingMachine .Ct .body .speck th
	{
		max-width: initial;
		min-width: initial;
		width: auto;
		border-bottom-width: 1px;
	}
}



/* ------------------------------------------------------------------------------------------------------------
	ISO/品質体制
	iso.php
*/
.Iso
{
}

/* [ISO/品質体制]	自己適合宣言 */
.Iso .sengen
{
}

.Iso .sengen .main
{
	display: flex;
	gap: 5em;
}

.Iso .sengen .main>*
{
	flex: 1;
}

.Iso .sengen .main .Img
{
	flex-grow: 1;
}

.Iso .sengen .main .txt
{
	flex-grow: 1.25;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Iso .sengen .main
{
	flex-direction: column;
	gap: 1em;
}

.Iso .sengen .main .txt
{
	font-size: 1em;
}

}

/* [print] */
@media print {
}



/* ------------------------------------------------------------------------------------------------------------
	SDGs宣言
	sdgs.php
*/
.Sdgs
{
}

.Sdgs h2
{
}

.Sdgs h2 sub
{
	font-weight: inherit;
}

.SDGs_icon
{
	display: inline-flex;
	justify-content: center;
	gap: 1em;
}

.SDGs_icon>*
{
	width: 4em;
}

/* [SDGs宣言]	CO2フリーメニュー電力需給契約証明書 */
.CO2free
{
}

.CO2free .body
{
}

.CO2free .body>*
{
	flex-wrap: nowrap;
}

.CO2free .body>*>*
{
	flex: 1;
	width: initial;
}

.CO2free .photo
{
	flex-grow: 1;
}

.CO2free .photo a
{
	text-decoration: none;
}

.CO2free .photo a:before
{
	content: none;
}

.CO2free .main
{
	flex-grow: 1.75;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.CO2free .body>*
{
	flex-direction: column;
}
}

/* [print] */
@media print {
}



/*
	[250204]新規　Greenでんき購入契約証明書　『天伯工場』『大岩工場』
	[SDGs宣言]	CO2フリーメニュー電力需給契約証明書
*/
.CO2free .Green_denki_kounyu_keiyaku_syomeisyo
{
}

.CO2free .Green_denki_kounyu_keiyaku_syomeisyo .List
{
	display: flex;
	justify-content: center;
	justify-content: space-around;
	gap: 3em;
}
.CO2free .Green_denki_kounyu_keiyaku_syomeisyo .List>*
{
	width: calc(100% / 3);
}

.CO2free .Green_denki_kounyu_keiyaku_syomeisyo .List a
{
	display: grid;
	justify-items: center;
	gap: 1em;

	text-decoration: none;
}

.CO2free .Green_denki_kounyu_keiyaku_syomeisyo .List a::before
{
	content: none;
}

.CO2free .Green_denki_kounyu_keiyaku_syomeisyo .List a .title
{
	margin: 0;

	display: grid;
	width: 100%;
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.CO2free .Green_denki_kounyu_keiyaku_syomeisyo .List
	{
		display: grid;
	}
	.CO2free .Green_denki_kounyu_keiyaku_syomeisyo .List>*
	{
		width: 100%;
	}

	.CO2free .Green_denki_kounyu_keiyaku_syomeisyo .List a .title
	{
		font-size: 0.8em;
	}
}

/* [print] */
@media print {
}


/* ------------------------------------------------------------------------------------------------------------
	健康経営優良法人制度
	kenkokeiei.php
*/
/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.Kenkokeiei article:first-child
{
	padding-top: 0em;
}

}

/* [print] */
@media print {
}


.Kenkokeiei
{
}

.Kenkokeiei article
{
	padding-top: 5em;
	padding-bottom: 5em;
}

.Kenkokeiei article>h2
{
}

.Kenkokeiei article>h2:before
{
	content: none;
}

.Kenkokeiei article>.section
{
}

.Kenkokeiei article>.section:first-child
{
}

.Kenkokeiei article>:is(section, .section):last-child
{
	padding-bottom: 0;
}


/* [健康経営優良法人制度]	.Top(バナー) */
.Kenkokeiei article h2.Top
{
	margin-bottom: 0;
}

.Kenkokeiei article h2.Top:before
{
}

.Kenkokeiei article .Top
{
	flex-direction: row;
	justify-content: space-between;
	gap: 0;
	padding: 1em;
}
/*
*/

.Kenkokeiei article .Top>*
{
	display: flex;
	align-items: center;
	gap: 1em;
	margin: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}

.Kenkokeiei article .Top>b
{
	font-size: 1em;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 25em);

	padding: 1em;
}

.Kenkokeiei article .Top .title
{
	font-size: 2.5em;
}

.Kenkokeiei article .Top .txt
{
	font-size: 1.5em;
}

.Kenkokeiei article .Top .Img
{
	width: 25em;

	padding: 0;
	background-color: rgba(255,255,255,1.0);
}
/*
[250321/250325]2025年度　ロゴ差し替え
.Kenkokeiei article .Top .Img
{
	background-color: rgba(255,255,255,1.0);
	padding: 2em;
	width: 25em;
}
*/


/* [健康経営優良法人制度]	健康経営優良法人 / 認定 */
.Kenkokeiei .great_corporation
{
}

.Kenkokeiei .great_corporation .Top
{
	margin-bottom: 0;
	background-color: rgba(0,172,160,1.0);
	background-image: linear-gradient(
		90deg,
		rgba(0,172,160,1.0),
		rgba(203,227,174,0.5)
	);
	color: rgba(255,255,255,1.0);
}


/* [健康経営優良法人制度]	健康経営優良法人 / 健康宣言とは？ */
.Kenkokeiei .declaration
{
}
/*
	padding-bottom: 5em;
*/

.Kenkokeiei .declaration .main
{
	display: flex;
	gap: 5em;
}

.Kenkokeiei .declaration .main>*
{
	flex: 1;
}

.Kenkokeiei .declaration .Img
{
	flex-grow: 1;
}

.Kenkokeiei .declaration .txt
{
	flex-grow: 1.25;
}


/* [健康経営優良法人制度]	健康経営優良法人 / 具体的な取り組みについて */
.Kenkokeiei .great_corporation .torikumi
{
}

.Kenkokeiei .great_corporation .torikumi .list
{
}

.Kenkokeiei .great_corporation .torikumi .list ol
{
	text-align: center;
}

.Kenkokeiei .great_corporation .torikumi .list .Item
{
	padding: 1px;
	color: inherit;
	width: 85%;
}

.Kenkokeiei .great_corporation .torikumi .list .Item:nth-of-type(odd)
{
}

.Kenkokeiei .great_corporation .torikumi .list .Item:nth-of-type(even)
{
	margin-left: auto;
	margin-right: 0;
}

.Kenkokeiei .great_corporation .torikumi .list .Item>*
{
	background-color: rgba(255,255,255,1.0);
	display: flex;
	align-items: center;
	gap: 3em;
	padding: 1em 2em;
}

.Kenkokeiei .great_corporation .torikumi .list .Item>*
{
}

.Kenkokeiei .great_corporation .torikumi .list .num
{
	font-size: 3em;
	text-align: center;
	color: rgba(255,255,255,1.0);
	width: 1.5em;
}

.Kenkokeiei .great_corporation .torikumi .list .num>*
{
}

.Kenkokeiei .great_corporation .torikumi .list .num>*:before
{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.5em;
	height: 1.5em;
	transform: translateX(-50%) translateY(-50%);
}

.Kenkokeiei .great_corporation .torikumi .list .main
{
	width: calc(100% - (3em * 1.5));
	height: auto;
}

.Kenkokeiei .great_corporation .torikumi .list .title
{
	font-size: 1.2em;
	font-weight: bold;
	text-align: justify;
}

.Kenkokeiei .great_corporation .torikumi .list .txt
{
	text-align: justify;
}

.Kenkokeiei .great_corporation .torikumi .list .txt ul
{
	margin-top: 0;
	margin-bottom: 0;
}

.Kenkokeiei .great_corporation .torikumi .list .txt ul>li
{
	margin-top: 0;
	margin-bottom: 0;
}

.Kenkokeiei .great_corporation .torikumi .sub
{
	margin-top: 5em;
}

.Kenkokeiei .great_corporation .torikumi .sub h3
{
	margin-top: 0em;
}


/* [健康経営優良法人制度]	健康経営優良法人 / 株式会社ＣＩプラントの健康宣言 */
.Kenkokeiei .great_corporation .sengen
{
}

.Kenkokeiei .great_corporation .sengen .main
{
	display: flex;
	gap: 3em;
}

.Kenkokeiei .great_corporation .sengen .main>*
{
	flex: 1;
}

.Kenkokeiei .great_corporation .sengen .main .Img
{
	flex-grow: 1;
	border-width: 1px;
}

.Kenkokeiei .great_corporation .sengen .main .txt
{
	flex-grow: 1;
}

.Kenkokeiei .great_corporation .sengen ol
{
	font-weight: bold;
}

.Kenkokeiei .great_corporation .sengen ol>li
{
}

.Kenkokeiei .great_corporation .sengen ol>li>div
{
	font-weight: normal;
}

/* [健康経営優良法人制度]	健康経営優良法人 / 推進体制 */
.Kenkokeiei .great_corporation .system
{
}

.Kenkokeiei .great_corporation .system .main
{
	display: flex;
	flex-direction: column;
	gap: 3em;
}

.Kenkokeiei .great_corporation .system .main>*
{
}

.Kenkokeiei .great_corporation .system .main .Img
{
}

.Kenkokeiei .great_corporation .system .main .txt
{
}

.Kenkokeiei .great_corporation .system .main .txt h3
{
	margin-top: 0;
}


.Kenkokeiei .great_corporation .system .chart
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0em;
	font-weight: bold;
}
/*
	gap: 6em 8em;
*/

.Kenkokeiei .great_corporation .system .chart>*
{
	width: 100%;
}

.Kenkokeiei .great_corporation .system .chart .new_line
{
}

.Kenkokeiei .great_corporation .system .chart .new_line>.Wrap
{
	display: flex;
	justify-content: center;
	gap: 0em;
}
/*
	gap: 6em 8em;
*/

.Kenkokeiei .great_corporation .system .chart .new_line.line2>.Wrap
{
	justify-content: space-between;
}

.Kenkokeiei .great_corporation .system .chart .new_line .Item
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 6em;
}

.Kenkokeiei .great_corporation .system .chart .line .Item:not([class*="connect"]) .title
{
	font-size: 1.2em;
}

.Kenkokeiei .great_corporation .system .chart .new_line .Item:not([class*="connect"])
{
	width: calc((100% - (8em * 2)) / 3);
	padding: 0 1em;
}
/*
	border-width: 5px;
	border-color: rgba(255,255,255,1.0);
*/

.Kenkokeiei .great_corporation .system .chart .ID_connect
{
	width: 6em;
}

.Kenkokeiei .great_corporation .system .chart .ID_connect .title
{
	filter:
		drop-shadow(1px 1px 0.1px rgba(0, 0, 0, 0.8))
		drop-shadow(1px -1px 0.1px rgba(0, 0, 0, 0.8))
		drop-shadow(-1px 1px 0.1px rgba(0, 0, 0, 0.8))
		drop-shadow(-1px -1px 0.1px rgba(0, 0, 0, 0.8))
	;
}
/*
	box-shadow: inset 0 0 10px 3px rgb(0, 0, 0);
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, .8));
*/

.Kenkokeiei .great_corporation .system .chart .ID_connect .title>*
{
	display: block;
	width: 5em;
	height: 3em;
	clip-path: polygon(
		1.5em 0,
		0 50%,
		1.5em 100%,
		1.5em calc(100% - 1em),
		calc(100% - 1.5em) calc(100% - 1em),
		calc(100% - 1.5em) 100%,
		100% 50%,
		calc(100% - 1.5em) 0,
		calc(100% - 1.5em) 1em,
		1.5em 1em
	);
	background-color: rgba(255,255,255,1.0);
}

.Kenkokeiei .great_corporation .system .chart .ID_connect .title>*>*
{
	display: none;
}

.Kenkokeiei .great_corporation .system .chart .connect .title
{
	transform: rotate(90deg);
}

.Kenkokeiei .great_corporation .system .chart .ID_connect .txt
{
	position: absolute;
	white-space: nowrap;
	word-break: break-all;
}

.Kenkokeiei .great_corporation .system .chart .connect .ID_connect .txt
{
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}

.Kenkokeiei .great_corporation .system .chart .line .ID_connect
{
}

.Kenkokeiei .great_corporation .system .chart .line .ID_connect .txt
{
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
}

/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.Kenkokeiei .great_corporation .Top
	{
		flex-direction: column;
	}

	.Kenkokeiei article .Top .Img
	{
		width: 100%;
	}

	.Kenkokeiei article .Top>b
	{
		width: 100%;
	}

	.Kenkokeiei .great_corporation .sengen .main,
	.Kenkokeiei .declaration .main
	{
		flex-direction: column;
		gap: 3em;
	}

	.Kenkokeiei .great_corporation .torikumi .list .Item
	{
		width: 100%;
	}

	.Kenkokeiei .great_corporation .torikumi .list .Item>*
	{
		align-items: stretch;
		gap: 1em;
		padding: 1em;
	}

	.Kenkokeiei .great_corporation .torikumi .list .num
	{
		font-size: 2em;
	}

	.Kenkokeiei .great_corporation .torikumi .list .main
	{
		width: calc(100% - ((2em * 1.5) + 1em));
	}

	.Kenkokeiei .great_corporation .torikumi .list .title
	{
		font-size: 1em;
	}

	.Kenkokeiei .great_corporation .torikumi .sub
	{
	}

	.Kenkokeiei .great_corporation .torikumi .sub>*
	{
		flex-direction: column;
	}

	.Kenkokeiei .great_corporation .torikumi .sub>*>*
	{
		width: 100%;
	}

	.Kenkokeiei .great_corporation .system .main
	{
		font-size: 0.7em;
		line-height: 1.2;
		letter-spacing: normal;
	}

	.Kenkokeiei .great_corporation .system .chart .Item:not(.ID_connect)
	{
		min-width: calc((100% - ((0.5em * 4) + (4em * 2))) / 3);
		min-height: 6em;
	}

	.Kenkokeiei .great_corporation .system .chart .Item.ID_connect
	{
		width: 4em;
		height: 4em;
	}

	.Kenkokeiei .great_corporation .system .chart .ID_connect .title
	{
		font-size: 0.6em;
	}

	.Kenkokeiei .great_corporation .system .chart .new_line>.Wrap
	{
		gap: 0.5em;
	}

	.Kenkokeiei .great_corporation .system .chart .new_line .Item:not([class*="connect"])
	{
		padding: 0.5em 0.5em;
		height: 100%;
	}
	/*
		width: 100%;
		align-items: center;
	*/

	.Kenkokeiei .great_corporation .system .chart .line .Item:not([class*="connect"]) .title
	{
		margin: auto;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	/*
		height: 100%;
	*/

	.Kenkokeiei .great_corporation .system .chart .line1 .Item:not([class*="connect"]),
	.Kenkokeiei .great_corporation .system .chart .line3 .Item:not([class*="connect"])
	{
		width: auto;
	}

	.Kenkokeiei .great_corporation .system .chart .line2 .Item:not([class*="connect"])
	{
		width: 100%;
	}

	.Kenkokeiei .great_corporation .system .chart .line2 .Item:not([class*="connect"]) .title
	{
	}
	/*
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	*/

	.Kenkokeiei .great_corporation .system .chart .line2 .Item.ID_3
	{
	}

	.Kenkokeiei .great_corporation .system .chart .line2 .Item.ID_3 .title>*>*
	{
	}

	.Kenkokeiei .great_corporation .system .chart .line .Item:not([class*="connect"]) .title>*>*
	{
	}
	/*
	*/

	.Kenkokeiei .great_corporation .system .chart .new_line.line2>.Wrap
	{
		align-items: center;
	}
	/*
	*/

	.Kenkokeiei .great_corporation .system .chart .line2 .ID_connect .txt
	{
		width: 3em;
		white-space: normal;
		letter-spacing: normal;
		margin-bottom: 0.5em;
	}
}

/* [print] */
@media print {
}


/*
[241003]追加　『健康経営関連指標』
[健康経営優良法人制度]	健康経営優良法人 / 健康経営関連指標 */
.Kenkokeiei .indicator
{
}

.Kenkokeiei .indicator .body
{
	display: grid;
	grid-template-areas:
		"main Gallery"
	;
	grid-template-columns: 1fr 35%;
	gap: calc(var(--gap) * 1.5);
}
.Kenkokeiei .indicator .body .main
{
	grid-area: main;
}
.Kenkokeiei .indicator .body .Gallery
{
	grid-area: Gallery;
}

.Kenkokeiei .indicator .body .main
{
	display: grid;
	grid-template-areas:
		"tabenai"
		"result"
	;
	gap: calc(var(--gap) * 1.5);
}
.Kenkokeiei .indicator .body .main .tabenai
{
	grid-area: tabenai;
}
.Kenkokeiei .indicator .body .main .result
{
	grid-area: result;
}

.Kenkokeiei .indicator .body .main>*
{
	display: grid;
	gap: calc(var(--gap) / 2);
}

.Kenkokeiei .indicator .body .main h4
{
	margin: 0;
}

.Kenkokeiei .indicator .body .main h5
{
	margin: 0;
	margin-bottom: 1em;
}

.Kenkokeiei .indicator .body .main h5>b
{
	display: inline-block;

	padding: 0.5em 1em;
	background-color: rgb(var(--gr) / 0.1);
	font-weight: bold;
}

.Kenkokeiei .indicator .body .Gallery
{
	margin-top: 0;
}

.Kenkokeiei .indicator .Gallery>ul
{
	display: grid;
	gap: var(--gap);
}

.Kenkokeiei .indicator .Gallery.footer>ul
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gap);
}


/* [健康経営優良法人制度]	健康経営優良法人 / 健康経営関連指標　食べない率 */
.Kenkokeiei .indicator .tabenai
{
	--top					: 30%;
	--tabenai_arrow_angle	: 5em;

	padding: 3em;
	padding-top: 0;
}

.Kenkokeiei .indicator .tabenai::before
{
	content: "";
	display: block;

	position: absolute;
	top: var(--top);
	left: 0;
	right: 0;

	height: calc((100% - var(--top)) + var(--gap));

	background-color: rgb(var(--bk) / 0.1);
	clip-path: polygon(
		0% 0%,
		100% 0,
		100% calc(100% - var(--tabenai_arrow_angle)),
		50% 100%,
		0 calc(100% - var(--tabenai_arrow_angle))
	);

	--gradation_angle				: 180deg;
	--gradation_color_start			: var(--lbl);
	--gradation_color_start_alpha	: 0.0;
	--gradation_color_end			: var(--lbl);
	--gradation_color_end_alpha		: 0.2;
	
	background-image: linear-gradient(
		var(--gradation_angle),
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);
	background-color: rgb(var(--w) / 0);
}

.Kenkokeiei .indicator .tabenai .graph
{
	display: grid;
	gap: 1em;

	background-color: rgb(var(--w));
	padding: 2em;
}

.Kenkokeiei .indicator .tabenai .graph .Item
{
	display: grid;
	grid-template-areas:
		"yy tabenai"
	;
	grid-template-columns: 5em 1fr;
	gap: 1em;
}
.Kenkokeiei .indicator .tabenai .graph .yy
{
	grid-area: yy;
}
.Kenkokeiei .indicator .tabenai .graph .data
{
	grid-area: tabenai;
}


.Kenkokeiei .indicator .tabenai .graph .yy
{
	text-align: right;
}

.Kenkokeiei .indicator .tabenai .graph .data
{
	display: flex;

	--gradation_angle				: -90deg;
	--gradation_color_start			: var(--bk);
	--gradation_color_start_alpha	: 0.0;
	--gradation_color_end			: var(--bk);
	--gradation_color_end_alpha		: 0.2;
	
	background-image: linear-gradient(
		var(--gradation_angle),
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);
	background-color: rgb(var(--w) / 0);
}

.Kenkokeiei .indicator .tabenai .graph .data .bar
{
	display: flex;

	background-color: rgb(var(--w));
	height: 100%;
}
.Kenkokeiei .indicator .tabenai .graph .data .bar::before
{
	content: "";
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(var(--r) / 0.2);
}

.Kenkokeiei .indicator .tabenai .graph .data .num
{
	position: absolute;
	top: 50%;
	left: calc(100% + 0.5em);
	transform: translateY(-50%);
}

/* [健康経営優良法人制度]	健康経営優良法人 / 健康経営関連指標　食べない率　-最小値(いちばん結果が良かった年) */
.Kenkokeiei .indicator .tabenai .graph .Item.min .bar::before
{
	background-color: rgb(33 150 243 / 0.5);
}

.Kenkokeiei .indicator .tabenai .graph .Item.min .num
{
	color: rgb(var(--bl));
	font-weight: bold;
}


/* [健康経営優良法人制度]	健康経営優良法人 / 健康経営関連指標　結果 */
.Kenkokeiei .indicator .result
{
}

.Kenkokeiei .indicator .result>.Wrap
{
	display: grid;
	gap: 3em;
}
/*
	grid-template-columns: repeat(2, 1fr);
*/
.Kenkokeiei .indicator .result .Item
{
	display: grid;
	grid-template-areas:
		"head"
		"data"
	;
	align-items: center;
}
/*
	grid-template-columns: repeat(2, 1fr);
*/
.Kenkokeiei .indicator .result .Item .head
{
	grid-area: head;
}
.Kenkokeiei .indicator .result .Item .data
{
	grid-area: data;
}

.Kenkokeiei .indicator .result .Item .head .txt
{
	font-weight: bold;
}

.Kenkokeiei .indicator .result .data
{
	display: flex;
	gap: 1px;
}

.Kenkokeiei .indicator .result .data>*
{
	width: 100%;
}

.Kenkokeiei .indicator .result .data .d_item
{
	display: grid;
	grid-template-rows: 4em auto;
	align-items: center;
	gap: 0;
}

.Kenkokeiei .indicator .result .data .d_item>*
{
}
/*
	padding: 0.5em 0;
*/

.Kenkokeiei .indicator .result .data .d_item
{
	display: grid;
	align-items: center;
	height: 100%;

	background-color: rgb(var(--bl2) / 0.15);
	padding: 3px;
	line-height: 1.5;
}
/*
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;

*/

.Kenkokeiei .indicator .result .data .d_item .td
{
	background-color: rgb(var(--w) / 0.9);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	
	color: rgb(var(--r) / 0.8);
}

.Kenkokeiei .indicator .result .d_item.day_min .td
{
	font-weight: bold;
	color: rgb(var(--bl));
}
.Kenkokeiei .indicator .result .d_item.day_max .td
{
	font-weight: bold;
	color: rgb(var(--r));
}

.Kenkokeiei .indicator .result .d_item.point_min .td
{
}
.Kenkokeiei .indicator .result .d_item.point_max .td
{
}

.Kenkokeiei .indicator .result .ID_point .d_item .td
{
	color: inherit;
}


.Kenkokeiei .indicator .result .data .d_item.d_ID_all
{
	background-color: rgb(var(--gr) / 0.15);
}
.Kenkokeiei .indicator .result .data .d_item.d_ID_all .td
{
	color: inherit;
}


.Kenkokeiei .indicator .Gallery.footer
{
	margin-top: calc(var(--gap) * 2);
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.Kenkokeiei .indicator .body
	{
		grid-template-areas:
			"main"
			"Gallery"
		;
		grid-template-columns: none;
	}

	.Kenkokeiei .indicator .body .main .tabenai
	{
		padding-top: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}

	.Kenkokeiei .indicator .tabenai .graph
	{
		padding: 1em;
	}

	.Kenkokeiei .indicator .Gallery>ul,
	.Kenkokeiei .indicator .Gallery.footer>ul
	{
		grid-template-columns: repeat(2, 1fr);
		gap: calc(var(--gap) / 2);
	}

	.Kenkokeiei .indicator .Gallery.footer
	{
		margin-top: calc(var(--gap) / 2);
	}
}

/* ------------------------------------------------------
	[健康経営優良法人制度]	とよはし健康宣言事業所 */
.Kenkokeiei .toyohashi_kenkosengen_jigyosyo
{
}

/* [健康経営優良法人制度]	とよはし健康宣言事業所 / Top */
.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .Top
{
}

.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .Top .Img
{
	width: 22em;
	padding-bottom: 1em;
}

/* [健康経営優良法人制度]	とよはし健康宣言事業所 / 健康経営とは */
.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .about
{
}

.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .about .main
{
	display: flex;
	gap: 5em;
}

.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .about .main>*
{
	flex: 1;
}

.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .about .main .Img
{
	flex-grow: 1;
}

.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .about .main .txt
{
	flex-grow: 1.25;
	display: flex;
	flex-direction: column;
	gap: 3em;
}


/* [健康経営優良法人制度]	とよはし健康宣言事業所 / 健康経営のメリット */
.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .merit
{
}


/* [健康経営優良法人制度]	とよはし健康宣言事業所 / 認定事業所一覧(外部リンク) */
.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .Anchor
{
}



/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {
}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
	.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .Top
	{
		flex-direction: column;
	}

	.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .Top .Img
	{
		width: 100%;
	}

	.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .about .main
	{
		flex-direction: column;
	}

	.Kenkokeiei .toyohashi_kenkosengen_jigyosyo .Anchor
	{
		margin: auto;
	}
}

/* [print] */
@media print {
}