/* common
-------------------------------------------------------------*/
.page-id-66 { background-color:#fff; }
.tit-br { display:none; }
.lp-section { padding:48px 0px 64px; background: #fff; }
.lp-heading { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto;
	color:var(--blue-color-primary); text-align:center; position:relative;
	font-weight: 800; font-style: normal; font-size:240%; margin-bottom:32px; letter-spacing:1.6px;  }
.lp-heading:before { font-family: "Barlow Condensed", sans-serif;
  font-weight: 800; position:absolute; top:-120px; left:50%; transform:translatex(-50%);
  font-style: italic; line-height: 1.2; text-transform: capitalize; font-size:480%; color:rgba(var(--red-color-primary-rgb),.08); }

.lp-heading2 { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto;
	color:var(--blue-color-primary); 
	font-weight: 800; font-style: normal; font-size:180%; letter-spacing:1px;  }

.lp-heading2-left { border-left:4px solid var(--blue-color-primary); padding:2px 0px 2px 16px;  }

.lp-heading3 { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto;
	color:var(--blue-color-primary); 
	font-weight: 800; font-style: normal; font-size:132%; }

@media (max-width: 991px){
	.lp-section { padding:40px 0 56px; }
}
@media (max-width: 767px){
	.lp-heading:before { top:-120px; left:50%; transform:translatex(-50%);  font-size:400%; }}

@media (max-width: 599px){
	.tit-br { display:block; }
	.page-id-66 .page-title {  font-size: 132%; }}


/* intro-sec
-------------------------------------------------------------*/
.lptop-section { margin-top:40px; padding-bottom:120px;}
.intro-text1 { font-family: "Noto Sans JP", sans-serif; font-weight: 800; font-style: normal; 
	font-optical-sizing: auto; font-size:140%; line-height:2.2; }
.row-reverse { flex-direction: row-reverse; }
.column2 { align-items: center; justify-content: space-between; }
.column2:not(:first-child) { margin-top:40px; }
.column2 .image-wrap { width:48%; }
.image-wrap img { height:auto; }

.column2 .text-wrap { width:50%; }
.column2 .text-wrap p { margin-top:24px; }

.lp-heading-can { margin-top:120px; }

.features-2x2{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px 40px;
	margin:0 auto;
	margin-top:48px;
}
.feature{ text-align:center; position:relative; }
/* アイコン円背景 */
.feature__icon{
	width:120px; height:120px;
	margin:0 auto 14px;
	border-radius:999px;
	background-color:rgba(var(--blue-color-primary-rgb),.04); 
	display:flex; align-items:center; justify-content:center;
}
.feature__icon svg{　width:56px; height:56px; fill:none; stroke-width:2}
.feature__num{
	position:absolute; left:50%; top:0;
	transform:translate(-50%,-50%);
	display:inline-block;
	color:var(--blue-color-primary);
	letter-spacing:.08em;
	font-size:40px;
	font-family: "Barlow Condensed", sans-serif; font-weight: 800; font-style: italic;
}
.feature__title{
	margin:6px 0 8px; color:var(--red-color-primary);
	font-size:20px; font-weight:800; line-height:1.4;
}
.feature__text{
	margin:0; font-size:14px; line-height:1.8;
}

.video-wrap { margin:64px auto 0; width: 100%;
  max-width: 800px;
  position: relative;
  aspect-ratio: 16 / 9;
}

.video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

@media (max-width:920px){
.lp-heading-can { margin-top:80px; }
	.features-2x2{ grid-template-columns:repeat(2,1fr); gap:48px 24px; }}
.feature__title{ font-size:120%; }


@media (max-width:767px){
	.column2 .image-wrap { width:100%; }
	.column2 .text-wrap { width:100%; margin-top:16px; }
}

@media (max-width:520px){
	.features-2x2{grid-template-columns:1fr}
}
@media (max-width:480px){
	.intro-text1 { font-size:140%; line-height:1.8; }}


/* func-sec
-------------------------------------------------------------*/
.func-sec { 
	overflow-x:clip;
	background-image: linear-gradient(224deg, transparent 0%, transparent 30%,rgba(249, 249, 249,0.02) 30%, rgba(249, 249, 249,0.02) 36%,transparent 36%, transparent 100%),linear-gradient(345deg, transparent 0%, transparent 53%,rgba(204,0,1, 0.06) 53%, rgba(204,0,1, 0.06) 63%,transparent 63%, transparent 100%),linear-gradient(284deg, transparent 0%, transparent 28%,rgba(0,0,152, 0.06) 28%, rgba(0,0,152, 0.06) 38%,transparent 38%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255)); }

.func-sec .lp-heading:before {  content:"function"; }

.column3 li { width:31%; }
.column3 li:nth-child(3n-1) {  margin:0 3.5%; }

.func-item { background-color:#fff; }
.func-text { padding:24px; }
.func-text p { font-size:90%; margin-top:16px; }

.lp-heading2-bulk,.lp-heading2-cylinder { margin-top:80px; }

.report-table { margin-top:48px; width: 100%; border-collapse: collapse; }
.report-table th, .report-table td { border: 1px solid #d5dbe3; padding: 8px 12px; vertical-align: top; }
.report-table thead th { background-color: var(--blue-color-primary); color: #fff; text-align: left; }
.report-table tbody tr { background-color:#fff; font-size:90%; }
.report-table tbody tr:nth-child(even) { background-color: var(--blue-color-second); }


@media (max-width:767px){
	.column3 li { width:100%; }
	.column3 li:nth-child(3n-1) {  margin:0; }
	.column3 li:not(:first-child) { margin-top:40px;}
	.func-text { padding:12px 0 0; }
}


/* price-sec
-------------------------------------------------------------*/
.price-case-sec { position: relative; background-image: repeating-linear-gradient(90deg, hsla(196,0%,79%,0.06) 0px, hsla(196,0%,79%,0.06) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(196,0%,79%,0.06) 0px, hsla(196,0%,79%,0.06) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(196,0%,79%,0.09) 0px, hsla(196,0%,79%,0.09) 1px,transparent 1px, transparent 12px),repeating-linear-gradient(90deg, hsla(196,0%,79%,0.09) 0px, hsla(196,0%,79%,0.09) 1px,transparent 1px, transparent 12px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255)); padding:120px 0; }
.lp-heading-plan:before { content:"price"; }


.plans__grid { margin-top:40px; }
.plans{margin:32px auto; padding:8px}
  .plans__title{font-size:clamp(18px,2vw,22px); margin:0 0 16px; color:var(--c-text)}
 .plans{margin:32px auto; padding:8px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans JP",sans-serif; color:#0f172a}
  .plans__title{font-size:22px; margin:0 0 16px}

  /* グリッド */
  .plans__grid{display:grid; gap:16px; grid-template-columns:1fr}
  @media (min-width:720px){.plans__grid{grid-template-columns:repeat(3,1fr)}}

  /* カード */
  .plan{background:#ffffff; border:1px solid #e2e8f0; border-radius:16px; box-shadow:0 8px 24px rgba(15,23,42,.08); overflow:hidden}
  .plan__head{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:16px 18px; border-bottom:1px solid #e2e8f0; background:linear-gradient(180deg,#f8fafc,#ffffff)}
  .plan__name{margin:0; font-size:20px; font-weight:800; color:#0f172a}
  .plan__badge{font-size:12px; font-weight:700; color:#1f2937; background:#f59e0b; padding:4px 8px; border-radius:999px}
  .plan--accent{border-color:#93c5fd}
  .plan--accent .plan__head{background:linear-gradient(180deg,#eff6ff,#ffffff)}

  .plan__body{padding:14px 18px}
  .plan__list{margin:0; padding:0}
  .plan__row{display:grid; grid-template-columns:120px 1fr; gap:10px; padding:10px 0; border-bottom:1px dashed #e2e8f0}
  .plan__row:last-child{border-bottom:none}
  .plan__row dt{color:#475569; font-weight:700; font-size:14px}
  .plan__row dd{margin:0; color:#0f172a; line-height:1.7; font-size:14px}


.lp-heading-case {  margin-top:160px; }
.lp-heading-case:before { content:"case"; }

.case-sec .inner1 { position:relative; z-index:2; }

.case-list { margin-top:56px; position: relative; z-index: 2;}
.case-item { width:30%; }
.case-item:nth-child(3n-1) { margin:0 5%; }
.case-link { overflow:hidden; display: block; background-color:#fff; box-shadow: rgba(var(--blue-color-primary-rgb), 0.1) 0px 7px 29px 0px; color:#111; }
.case-text { padding:24px; }
.case-image { overflow:hidden; }
.case-link img { height: auto; }
.case-link h3 { color:#111; font-size:120%; }
.case-link p { font-size:90%; margin-top:12px; }
.case-link img { transition:transform var(--base-duration) var(--base-easing); }
.case-link:hover img { transform: scale(1.06,1.06); }

.button-wrap-case { margin-top:40px; }
.button-wrap-case .button-primary { margin: auto; }
.green-bg { position: absolute; bottom:0; width:100%; z-index: 1;
  height:480px; background: linear-gradient(90deg, var(--blue-color-primary), var(--blue-color-primary)); }

@media (max-width:991px){
	.case-section { padding-top:40px; }
	.case-list { margin-top:56px; width:80%; margin:48px 10% 0; }
	.case-item:nth-child(3n-1) { margin:0; }
	.case-list .case-item { width:100%; margin-bottom:6.4%; }

	.button-primary { width: 88%; }
}
@media (max-width:480px){
	.heading-case { margin-top: 12px; }
	.case-list { margin-top:56px; width:100%; margin:48px 0 0; }}



/* faq
-------------------------------------------------------------*/
.lp-heading-faq:before { content:"faq"; }
details { margin-bottom:24px; }
details summary { color:var(--blue-color-primary); font-size:120%; font-weight:900;
  background-color:var(--blue-color-second); padding:16px 12px; border-radius:4px; line-height: 1.4; }
details summary:hover { cursor : pointer; color:#fff; background-color:var(--blue-color-primary);}
.ansewr-box { padding: 16px; }

@media (max-width: 599px) {
.flow-item { width:100%; margin:0 0 2.4%; }}