@charset "utf-8";

/* CSS Document */

/* ======================================================
	[240221]
	[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 {
}



/* ============================================================================================================
	<color>
------------------------------------------------------------------------------------------------------------ */
/* <color> ロゴの青　#042772 */
.GroupP2sy .color_bl,
.Index .service .Item_group_p2sy .main .txt .title,
.Index .service .Item_group_p2sy .catch,
.GroupP2sy .Top .body .main .art_work+.Caption,
.GroupP2sy .automobile_parts_prototype_manufacturer .main h3,
.GroupP2sy .automobile_parts_prototype_manufacturer .saitan72
{
	color: rgb(4 39 114);
}

.GroupP2sy .bg_bl,
.Index .service .Item_group_p2sy .photo
{
	background-color: rgb(4 39 114);
	color: rgb(var(--w));
}

.GroupP2sy .section:nth-of-type(even):before
{
	background-color: rgb(4 39 114 / 0.05);
}

.GroupP2sy .border_color_bl,
.GroupP2sy div,
.GroupP2sy .Top .body .main .art_work+.Caption:before
{
	border-color: rgb(4 39 114);
}


/* <color> y　#d3de26 */
.GroupP2sy .bg_y,
.Index .Item_group_p2sy .saitan72>b:before,
.GroupP2sy .Top .body .main .art_work:before,
.GroupP2sy .quick_delivery_and_low_cost .body .type.connect:before
{
	background-color: rgb(211 222 38);
}

.GroupP2sy .color_y
{
	color: rgb(211 222 38);
}



.GroupP2sy h2
{
}

.GroupP2sy h2>b
{
}

.GroupP2sy h3
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

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

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



/* 「最短72時間」 */
.saitan72
{
	font-size: 1.5em;
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	line-height: 0;
}

.saitan72>b
{
	font-size: 2em;
	letter-spacing: normal;
}

.saitan72>b:before
{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.75em;
	height: 1.75em;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 100em;
	background-color: rgb(var(--w) / 0.8);
}


/* ============================================================================================================
	<index>
------------------------------------------------------------------------------------------------------------ */

.Index .service .Item_group_p2sy .catch
{
	margin-top: 0.5em;
}



/* ============================================================================================================
	<detail>
	group_p2sy.php
------------------------------------------------------------------------------------------------------------ */
#GroupP2sy
{
}

#GroupP2sy .pagetitle :where(a, .a)
{
	flex-direction: row;
	align-items: flex-end;
}

#GroupP2sy .pagetitle .Img
{
	width: 4em;
}

#GroupP2sy .pagetitle .Img img
{
	width: 100%;
	height: auto;
}

#GroupP2sy .pagetitle .title .title_sub
{
	margin-left: calc(0em - (4rem + 0.5rem));
}

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

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
#GroupP2sy .pagetitle .title .title_sub
{
	margin-left: 0;
}
}

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

.GroupP2sy
{
}


/* ------------------------------------------------------------------------------------------------------------
	<(有)ピーツー>(group_p2sy.php)　top
*/
.GroupP2sy .Top
{
	color: rgb(var(--w));
	padding-bottom: 0;
}

.GroupP2sy .Top h2
{
	gap: 1em;
	margin-bottom: 0em;
}

.GroupP2sy .Top h3
{
	margin-bottom: 0;
	margin-top: 0;
}

.GroupP2sy .Top h2>b,
.GroupP2sy .Top h3>b
{
	font-size: 2em;
	line-height: 1.5;
}

.GroupP2sy .Top h2:before
{
	content: none;
}

.GroupP2sy .Top .bg
{
	width: 100%;
	background-color: rgb(var(--bk));
}

.GroupP2sy .Top .bg img
{
	width: 100%;
	aspect-ratio: 1280 / 853;
	opacity: 0.8;
}

.GroupP2sy .Top .body
{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}

.GroupP2sy .Top .body .lead
{
	margin-top: 0;
	margin-bottom: 0;
}


.GroupP2sy .Top .body>.Wrap
{
	text-align: left;
}

.GroupP2sy .Top .body>.Wrap>*
{
	text-align: center;
	display: inline-block;
	font-size: 1.2vw;
}


.GroupP2sy .Top .body .head,
.GroupP2sy .Top .body .main .txt
{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 2em;
}


.GroupP2sy .Top .body .head
{
	margin-bottom: 1em;
}

.GroupP2sy .Top .body .head .lead
{
	display: inline-block;
	text-align: left;
}


.GroupP2sy .Top .body .main
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5em;
}

.GroupP2sy .Top .body .main .txt
{
}

.GroupP2sy .Top .body .main .art_work
{
	width: 15em;
}

.GroupP2sy .Top .body .main .art_work:before
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 14em;
	height: 14em;
	border-radius: 100em;
}

.GroupP2sy .Top .body .main .art_work img
{
	border-radius: 0 0 0 calc(14em / 2);
}

.GroupP2sy .Top .body .main .art_work+.Caption
{
	position: absolute;
	top: 2em;
	left: 0;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: normal;
}

.GroupP2sy .Top .body .main .art_work+.Caption:before
{
	font-size: 7em;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1em;
	height: 1em;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 100em;
	background-color: rgb(var(--w));
	border-width: 1px;
}

.GroupP2sy .Top .body .main .txt .lead
{
}

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

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.GroupP2sy .Top .body>.Wrap>*
{
	font-size: 0.75em;
}

.GroupP2sy .Top .bg img
{
	aspect-ratio: auto;
	height: 120vw;
}

.GroupP2sy .Top .body .head,
.GroupP2sy .Top .body .main .txt
{
	gap: 1em;
}

.GroupP2sy .Top h2,
.GroupP2sy .Top h3
{
	font-size: 0.8em;
}

.GroupP2sy .Top h2>b,
.GroupP2sy .Top h3>b
{
	font-size: 1.5em;
}

.GroupP2sy .Top .body .head .lead
{
	font-size: 0.9em;
}

.GroupP2sy .Top .body .main
{
	gap: 1em;
}

.GroupP2sy .Top .body .main .art_work
{
	font-size: 0.6em;
}

.GroupP2sy .Top .body .main .art_work+.Caption
{
	top: 0;
	font-size: 0.7em;
}

}

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


/* ------------------------------------------------------------------------------------------------------------
	<(有)ピーツー>(group_p2sy.php)　確かな品質と実績を重ね、～
*/
.GroupP2sy .trust
{
}

.GroupP2sy .trust .Img
{
	width: 80%;
}

.GroupP2sy .trust .body
{
}

.GroupP2sy .trust .body>.Wrap
{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	text-align: right;
}

.GroupP2sy .trust .body .main
{
	font-size: 1.75em;
	display: inline-block;
	background-color: rgb(var(--w) / 0.7);
	padding: 1em;
	text-align: center;
}

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

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.GroupP2sy .trust .body>.Wrap
{
	top: 75%;
	transform: none;
}

.GroupP2sy .trust .body .main
{
	font-size: 0.9em;
}
}

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


/* ------------------------------------------------------------------------------------------------------------
	<(有)ピーツー>(group_p2sy.php)　～自動車部品の試作メーカー
*/
.GroupP2sy .automobile_parts_prototype_manufacturer
{
}

.GroupP2sy .automobile_parts_prototype_manufacturer .main
{
	text-align: justify;
}

.GroupP2sy .automobile_parts_prototype_manufacturer .main h3
{
}

.GroupP2sy .automobile_parts_prototype_manufacturer .saitan72
{
	font-size: inherit;
}

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

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

.GroupP2sy .automobile_parts_prototype_manufacturer .main>*
{
	flex-direction: column;
}

.GroupP2sy .automobile_parts_prototype_manufacturer .main>*>*
{
	width: 100%;
}
}

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


/* ------------------------------------------------------------------------------------------------------------
	<(有)ピーツー>(group_p2sy.php)　短納期＆低コストを実現
*/
.GroupP2sy .quick_delivery_and_low_cost
{
}


.GroupP2sy .quick_delivery_and_low_cost .body
{
	display: flex;
	flex-direction: column;
	gap: 3em;
}

.GroupP2sy .quick_delivery_and_low_cost .body h3
{
	margin-top: 0;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type:not(.connect)
{
	border-width: 1px;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type1
{
	border-style: dashed;
	padding: 3em;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type1 h3
{
}

.GroupP2sy .quick_delivery_and_low_cost .body .type1 h3>b
{
	font-size: 1.2em;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type2
{
	background-color: rgb(var(--w));
}

.GroupP2sy .quick_delivery_and_low_cost .body .type2 h3
{
}

.GroupP2sy .quick_delivery_and_low_cost .body .type2 h3>b
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type2 .lead
{
	margin-top: 0;
	margin-bottom: 0;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type2 .lead>b
{
	padding: 0.25em 1em;
	display: inline-block;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type2 .Img
{
	padding: 0 3em 3em;
}


.GroupP2sy .quick_delivery_and_low_cost .body .type.connect
{
	font-size: 1.5em;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type.connect:before
{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% + 0.25em);
	left: 50%;
	width: 6em;
	height: 3em;
	transform: translateX(-50%) translateY(-50%);
	clip-path: polygon(
		0 1%,
		50% 100%,
		100% 0
	);
}

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

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

.GroupP2sy .quick_delivery_and_low_cost .body .type1
{
	padding: 1em;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type2 .Img
{
	padding: 0 1em 1em 1em;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type2 .lead
{
	margin-bottom: 1em;
}

.GroupP2sy .quick_delivery_and_low_cost .body .type.connect
{
	font-size: 1em;
}
}

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


/* ------------------------------------------------------------------------------------------------------------
	<(有)ピーツー>(group_p2sy.php)　コージェネレーション分野へも
*/
.GroupP2sy .cogeneration
{
}

.GroupP2sy .cogeneration .Img
{
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	opacity: 0.7;
}

.GroupP2sy .cogeneration .txt
{
	font-size: 1.5em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}

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

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {
.GroupP2sy .cogeneration .Img
{
	width: initial;
}

.GroupP2sy .cogeneration .txt
{
	font-size: initial;
}
}

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


/* ------------------------------------------------------------------------------------------------------------
	<(有)ピーツー>(group_p2sy.php)　企業情報
*/
.GroupP2sy .company_information
{
}

.GroupP2sy .company_information table
{
}

.GroupP2sy .company_information :is(th, td)
{
	padding-bottom: 1em;
}

.GroupP2sy .company_information th
{
	padding-right: 1em;
	white-space: nowrap;
	word-break: break-all;
}

.GroupP2sy .company_information td
{
}

.GroupP2sy .company_information .main .info_address :where(.tel, .fax, .mail)
{
	gap: 0;
}

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

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

.GroupP2sy .company_information .main>*>*
{
	width: 100%;
}

.GroupP2sy .company_information .main .info_address
{
}

.GroupP2sy .company_information .main .info_address :where(.tel, .fax, .mail)
{
	flex-direction: row;
}

.GroupP2sy .company_information .main .info_address .mail
{
	letter-spacing: normal;
}
}

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