@charset "utf-8"; /* ---------------------------------------------------------------------------------- 最終更新：2026年7月24日 ※※※※※注意事項※※※※ sectionタグにはclassを付けない。 ※※※※※注意事項※※※※ ■CSS書き順■ * display / list-style * position / float / clear / z-index * width / height / margin / padding / border * background * color / font (font-family / font-style / font-variant / font-weight / font-size / line-height) text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text) * content * cursor ---------------------------------------------------------------------------------- */ :root{ --stack-spacing-xsm: 16px; --stack-spacing-sm: 24px; --stack-spacing-mid: 32px; --stack-spacing-append: 16px; --stack-spacing-column-gap: 8px; --spacing-section: 52px; --color-black: #222; --color-orange: #EA5520; --color-blue: #0840B6; --color-border: #666; --color-box-thin: #F9FBFC; --color-box-dark: #EBF0FA; --color-box-thin-border: #DEE5F4; --color-box-dark-border: #EBF0FA; --color-box-xdark-border: #B9C6E3; --val-border-radius: 8px; } #main.lp-style p{ margin:1em 0 0; color:var(--color-black);} /* リンクテキスト */ #main.lp-style a{ padding-right:14px; background:url("data:image/svg+xml;charset=utf8,%3Csvg width=%227%22 height=%2212%22 viewBox=%220 0 7 12%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.72168 6.66656L1.34415 12L0 10.6669L4.70546 6L0 1.33312L1.34415 0L6.72168 5.33344C6.89989 5.51024 7 5.75 7 6C7 6.25 6.89989 6.48976 6.72168 6.66656Z%22 fill=%22%23EA5520%22/%3E%0A%3C/svg%3E%0A") no-repeat right 0.35em; background-size:7px auto; color:#0075B8; text-decoration:none;} #main.lp-style a:hover{ text-decoration:underline;} #main.lp-style a:hover img{ opacity:1;} #main.lp-style a[target="_blank"]{ background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2210%22 height=%2210%22 viewBox=%220 0 10 10%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg clip-path=%22url(%23clip0_1135_684)%22%3E%0A%3Cpath d=%22M3.94965 5.68805H8.48764V1.65114H3.94965V5.68805ZM10 6.42179C10 6.8967 9.66951 7.28762 9.24589 7.33471L9.15972 7.33919H3.27756L3.1914 7.33471C2.76778 7.28762 2.43726 6.8967 2.43726 6.42179V0.917398C2.43726 0.410733 2.81347 3.69399e-09 3.27756 0H9.15972C9.62381 0 10 0.410733 10 0.917398V6.42179Z%22 fill=%22%23EA5520%22/%3E%0A%3Cpath d=%22M1.51321 2.75195V8.34772H7.47907V9.99976H1.00853C0.451757 9.99966 8.87377e-05 9.50656 0 8.8987V2.75195H1.51321Z%22 fill=%22%23EA5520%22/%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3CclipPath id=%22clip0_1135_684%22%3E%0A%3Crect width=%2210%22 height=%2210%22 fill=%22white%22/%3E%0A%3C/clipPath%3E%0A%3C/defs%3E%0A%3C/svg%3E%0A"); background-size:10px auto;} /* ------------------------------------------------------------------- コンテンツ ------------------------------------------------------------------- */ /* === 画像個別 === */ /* 線 */ #main.lp-style img.img-border{ border:1px solid var(--color-box-thin-border); box-sizing:border-box;} /* 角丸 */ #main.lp-style img.img-radius{ border-radius:var(--val-border-radius);} /* === テキスト === */ /* 中央寄せ */ #main.lp-style .text-center{ text-align:center;} /* === コンテンツフッター === */ #main.lp-style footer{ margin:0;} /* === ヘッダーナビ === */ #main.lp-style .inpagelinks-lp-navi{ position:fixed; top:0; left:0; z-index:2; width:100%; padding:36px 0 16px; background:rgba(255, 255, 255, 0.9); transition:transform 0.3s; transform:translateY(-200px);} #main.lp-style .inpagelinks-lp-navi ul{ display:flex; justify-content:center; column-gap:44px; margin:0;} #main.lp-style .inpagelinks-lp-navi ul li{ list-style:none; margin:0;} #main.lp-style .inpagelinks-lp-navi ul li a{ display:block; padding:0 0 18px; background:url(/erpnavi/common/img/lp-style/icon-arrow-bottom.png) no-repeat center bottom; background-size:12px auto; font-size:1.8rem; line-height:1; color:var(--color-black);} #main.lp-style .inpagelinks-lp-navi.on{ transform:translateY(0);} /* === キービジュ === */ #main.lp-style .parts-lp-kv{ position:relative; margin:0;} #main.lp-style .parts-lp-kv .pic{ max-width:none; margin:0 -500%;} #main.lp-style .parts-lp-kv .pic img{ display:block; margin:0 auto;} #main.lp-style .parts-lp-kv .list-notes{ position:absolute; top:576px;} #main.lp-style .parts-lp-kv .list-notes ul{ margin:0;} #main.lp-style .parts-lp-kv .list-notes ul li{ margin:0 0 0 0.95em; text-indent:-0.95em; font-size:1.1rem; color:#666; line-height:1.4;} #main.lp-style .parts-lp-kv .parts-lp-head-conversion{ position:absolute; top:656px; width:100%; margin-top:var(--stack-spacing-mid); padding-top:var(--stack-spacing-mid); border-top:1px solid #EBF0FA;} #main.lp-style .parts-lp-kv .parts-lp-head-conversion .buttons{ display:flex; justify-content:center; column-gap:12px;} #main.lp-style .parts-lp-kv .parts-lp-head-conversion .buttons p{ min-width:250px; margin:0; text-align:center;} #main.lp-style .parts-lp-kv .parts-lp-head-conversion .buttons p a{ display:block; padding:11px 32px 11px 56px; border-radius:10em; font-weight:bold; font-size:2rem; line-height:1.6; text-decoration:none;} #main.lp-style .parts-lp-kv .parts-lp-head-conversion .buttons p.download a{ background:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A %3Cdefs%3E%0A %3Cstyle%3E%0A .cls-1 %7B%0A fill: %23fff;%0A %7D%0A %3C/style%3E%0A %3C/defs%3E%0A %3Cpath class=%22cls-1%22 d=%22M20.72,7.2c-.01-.06-.03-.12-.06-.17,0-.01-.01-.03-.02-.04-.03-.05-.06-.1-.11-.15L14.74.98s-.09-.08-.15-.11c-.01,0-.02-.01-.04-.02-.1-.05-.2-.07-.3-.07H5.27c-1.11,0-2.01.91-2.01,2.03v18.39c0,1.12.9,2.03,2.01,2.03h13.45c1.11,0,2.01-.91,2.01-2.03V7.33s0-.09-.01-.14ZM19.35,21.19c0,.35-.28.63-.62.63H5.27c-.34,0-.62-.29-.62-.63V2.8c0-.35.28-.63.62-.63h8.28v5.15c0,.39.31.7.69.7h5.1v13.16Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M7.1,11.22c0,.39.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7H7.79c-.38,0-.69.31-.69.7Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M16.21,14.16H7.79c-.38,0-.69.31-.69.7s.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M16.21,17.8H7.79c-.38,0-.69.31-.69.7s.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7Z%22/%3E%0A%3C/svg%3E") no-repeat 20px center var(--color-orange); background-size:20px auto; border:1px solid var(--color-orange); color:#fff;} #main.lp-style .parts-lp-kv .parts-lp-head-conversion .buttons p.download a:hover{ background-color:#FE6C38;} #main.lp-style .parts-lp-kv .parts-lp-head-conversion .buttons p.contact a{ background:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%3Cstyle%3E.cls-1 %7Bfill: %230840b6;%7D%3C/style%3E%3C/defs%3E%0A%3Cpath class=%22cls-1%22 d=%22M20.42,5.68s0,0,0,0c-.04-.04-.08-.08-.12-.11-.53-.47-1.22-.75-1.98-.75H5.69c-1.65,0-3,1.34-3,3v8.37c0,1.65,1.34,3,3,3h12.63c1.65,0,3-1.34,3-3V7.81c0-.83-.34-1.59-.89-2.13ZM18.31,6.35c.06,0,.13.01.19.02l-6.03,5.49c-.26.24-.68.24-.94,0l-6.03-5.49c.06,0,.12-.02.19-.02h12.63ZM19.77,16.19c0,.8-.65,1.46-1.46,1.46H5.69c-.8,0-1.46-.65-1.46-1.46V7.81c0-.16.03-.31.08-.45l6.19,5.64c.43.39.97.59,1.51.59s1.08-.2,1.51-.59l6.19-5.64c.05.14.08.29.08.45v8.37Z%22/%3E%0A%3C/svg%3E") no-repeat 20px center #fff; background-size:24px auto; border:1px solid var(--color-box-xdark-border); color:var(--color-blue);} #main.lp-style .parts-lp-kv .parts-lp-head-conversion .buttons p.contact a:hover{ background-color:#EBF0FA;} #main.lp-style .parts-lp-kv .parts-lp-head-conversion .link{ margin-top:var(--stack-spacing-mid); line-height:1; text-align:center;} /* 個別対応 */ #main.lp-style .parts-lp-kv .pic{ background:url(/erpnavi/smile/smilev/img/bg-mv.png) repeat-x;} /* === smileについて === */ #main.lp-style .parts-lp-about{} #main.lp-style .parts-lp-about .title{ margin:0; font-weight:bold; color:#666; font-size:2rem; line-height:1.6; text-align:center;} #main.lp-style .parts-lp-about .column-case{ display:flex; margin-top:var(--stack-spacing-mid);} #main.lp-style .parts-lp-about .column-case:first-child{ margin-top:0;} #main.lp-style .parts-lp-about .column-case .item{ flex:1; padding:8px 20px; border-left:1px solid #dedede; text-align:center;} #main.lp-style .parts-lp-about .column-case .item:first-child{ border-left:none;} #main.lp-style .parts-lp-about .column-case .item > *:first-child{ margin-top:0;} #main.lp-style .parts-lp-about .column-case .item .case-title{ display:flex; justify-content:center; column-gap:9px; font-weight:bold; color:var(--color-blue);} #main.lp-style .parts-lp-about .column-case .item .case-title::before{ width:24px; height:24px; background:var(--color-blue); mask: url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7Bfill: %230840b6;%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Cg id=%22BOTTOM_M%22%3E%0A%3Cpath class=%22cls-1%22 d=%22M5.63,11.85c0-3.29,0-6.57,0-9.86,0-.1,0-.21,0-.31.02-.29.2-.47.5-.48.04,0,.08,0,.12,0,3.81,0,7.62,0,11.43,0,.14,0,.29-.03.42.08.14.12.2.27.2.46,0,1.52,0,3.05,0,4.57,0,5.2,0,10.39,0,15.59,0,.02,0,.04,0,.06-.02.24.04.22.23.22.31,0,.62,0,.93,0,.23,0,.34.11.34.31,0,.2-.1.3-.3.32-.07,0-.15,0-.22,0-4.82,0-9.63,0-14.45,0-.1,0-.21,0-.31,0-.19-.01-.32-.14-.32-.31,0-.16.15-.31.32-.31.26-.01.52,0,.78,0,.38,0,.32.03.32-.34,0-3.33,0-6.66,0-9.99h0ZM12.31,20.19h0c0,.6,0,1.2,0,1.8,0,.17,0,.17.17.17.48,0,.95,0,1.43,0,.19,0,.19,0,.19-.19,0-1.15,0-2.3,0-3.45,0-.25-.08-.33-.33-.34-.43,0-.85,0-1.28,0-.18,0-.19,0-.19.19,0,.6,0,1.2,0,1.8ZM11.68,20.19c0-.59,0-1.18,0-1.77,0-.21,0-.21-.22-.22-.4,0-.81,0-1.21,0-.28,0-.35.07-.36.34,0,1.14,0,2.28,0,3.42,0,.21,0,.21.2.21.46,0,.91,0,1.37,0,.23,0,.23,0,.23-.25,0-.58,0-1.16,0-1.74ZM14.49,4.19h0c0,.26,0,.52,0,.78,0,.29.05.34.35.35.5,0,1,0,1.49,0,.28,0,.33-.04.33-.32,0-.54,0-1.08,0-1.62,0-.28-.07-.35-.34-.36-.5,0-1,0-1.49,0-.26,0-.33.07-.33.33,0,.28,0,.56,0,.84ZM9.51,4.19h0c0-.29,0-.58,0-.87,0-.2-.06-.29-.25-.29-.56,0-1.12,0-1.68.01-.22,0-.26.07-.26.3,0,.56,0,1.12,0,1.68,0,.24.04.28.3.29.53,0,1.06,0,1.59,0,.26,0,.3-.04.3-.31,0-.27,0-.54,0-.81ZM16.66,14.8h0c0-.28,0-.56,0-.84,0-.23-.07-.3-.29-.31-.53,0-1.06,0-1.58,0-.21,0-.29.09-.29.3,0,.56,0,1.12,0,1.67,0,.23.08.31.32.31.51,0,1.01,0,1.52,0,.26,0,.32-.07.32-.34,0-.27,0-.54,0-.81ZM9.51,7.78c0-.27,0-.54,0-.81,0-.24-.05-.29-.28-.32-.05,0-.1,0-.15,0-.44,0-.87,0-1.31,0-.07,0-.15,0-.22.01-.17.04-.22.09-.22.28,0,.56,0,1.12,0,1.68,0,.22.08.3.29.31.53,0,1.06,0,1.59,0,.23,0,.3-.07.3-.3,0-.28,0-.56,0-.84ZM9.51,14.84h0c0-.28,0-.56,0-.84,0-.25-.04-.29-.29-.29-.38,0-.77,0-1.15,0-.16,0-.31,0-.47,0-.23.01-.27.06-.28.28,0,.1,0,.21,0,.31,0,.44,0,.89,0,1.33,0,.22.07.31.25.31.56,0,1.12,0,1.68,0,.2,0,.25-.06.26-.27,0-.28,0-.56,0-.84ZM13.05,4.2h0c0-.28,0-.56,0-.84,0-.25-.08-.34-.33-.34-.5,0-1,0-1.49,0-.24,0-.29.06-.3.29-.02.57.01,1.14-.02,1.71,0,.18.07.29.28.29.54,0,1.08,0,1.62,0,.19,0,.24-.05.24-.24,0-.29,0-.58,0-.87ZM16.66,7.74h0c0-.25,0-.5,0-.75,0-.3-.06-.37-.36-.37-.48,0-.95,0-1.43,0-.06,0-.13,0-.18.02-.12.04-.2.1-.2.24,0,.58,0,1.16,0,1.74,0,.17.06.23.23.23.56,0,1.12.01,1.68,0,.23,0,.26-.05.26-.29,0-.28,0-.56,0-.84ZM14.49,11.27c0,.26,0,.52,0,.78,0,.29.06.35.34.36.51,0,1.02,0,1.52,0,.24,0,.3-.07.31-.32,0-.53,0-1.06,0-1.58,0-.27-.07-.33-.33-.34-.51,0-1.02,0-1.52,0-.28,0-.31.05-.32.33,0,.26,0,.52,0,.78ZM9.51,11.29h0c0-.28,0-.56,0-.84,0-.22-.06-.27-.28-.28-.53,0-1.06,0-1.59,0-.25,0-.31.07-.31.32,0,.53,0,1.06,0,1.59,0,.27.06.33.33.33.51,0,1.02,0,1.52,0,.26,0,.32-.07.33-.34,0-.26,0-.52,0-.78ZM13.06,14.8h0c0-.26,0-.52,0-.78,0-.27-.05-.34-.32-.35-.5-.02-.99-.02-1.49,0-.26,0-.32.08-.32.35,0,.54,0,1.08,0,1.61,0,.25.06.31.32.31.5,0,.99,0,1.49,0,.25,0,.32-.07.32-.31,0-.28,0-.56,0-.84ZM13.06,7.77h0c0-.26,0-.52,0-.78,0-.27-.06-.34-.32-.35-.5-.01-.99-.01-1.49,0-.26,0-.32.08-.32.35,0,.52,0,1.04,0,1.55,0,.27.06.32.32.35.04,0,.08,0,.12,0,.43,0,.85,0,1.28,0,.06,0,.12,0,.18-.02.2-.05.22-.07.22-.27,0-.28,0-.56,0-.84ZM13.06,11.26h0c0-.26,0-.52,0-.78,0-.28-.02-.3-.3-.3-.49,0-.98,0-1.46,0-.25,0-.37.08-.38.36,0,.52.03,1.03-.02,1.55-.02.19.11.32.3.32.52,0,1.04,0,1.56,0,.22,0,.29-.09.3-.3,0-.28,0-.56,0-.84Z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E") no-repeat center center; content:"";} #main.lp-style .parts-lp-about .column-case .item .case-title.icon-share::before{ mask: url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7Bfill: %230840b6;%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Cg id=%22BOTTOM_M%22%3E%0A%3Cpath class=%22cls-1%22 d=%22M5.63,11.85c0-3.29,0-6.57,0-9.86,0-.1,0-.21,0-.31.02-.29.2-.47.5-.48.04,0,.08,0,.12,0,3.81,0,7.62,0,11.43,0,.14,0,.29-.03.42.08.14.12.2.27.2.46,0,1.52,0,3.05,0,4.57,0,5.2,0,10.39,0,15.59,0,.02,0,.04,0,.06-.02.24.04.22.23.22.31,0,.62,0,.93,0,.23,0,.34.11.34.31,0,.2-.1.3-.3.32-.07,0-.15,0-.22,0-4.82,0-9.63,0-14.45,0-.1,0-.21,0-.31,0-.19-.01-.32-.14-.32-.31,0-.16.15-.31.32-.31.26-.01.52,0,.78,0,.38,0,.32.03.32-.34,0-3.33,0-6.66,0-9.99h0ZM12.31,20.19h0c0,.6,0,1.2,0,1.8,0,.17,0,.17.17.17.48,0,.95,0,1.43,0,.19,0,.19,0,.19-.19,0-1.15,0-2.3,0-3.45,0-.25-.08-.33-.33-.34-.43,0-.85,0-1.28,0-.18,0-.19,0-.19.19,0,.6,0,1.2,0,1.8ZM11.68,20.19c0-.59,0-1.18,0-1.77,0-.21,0-.21-.22-.22-.4,0-.81,0-1.21,0-.28,0-.35.07-.36.34,0,1.14,0,2.28,0,3.42,0,.21,0,.21.2.21.46,0,.91,0,1.37,0,.23,0,.23,0,.23-.25,0-.58,0-1.16,0-1.74ZM14.49,4.19h0c0,.26,0,.52,0,.78,0,.29.05.34.35.35.5,0,1,0,1.49,0,.28,0,.33-.04.33-.32,0-.54,0-1.08,0-1.62,0-.28-.07-.35-.34-.36-.5,0-1,0-1.49,0-.26,0-.33.07-.33.33,0,.28,0,.56,0,.84ZM9.51,4.19h0c0-.29,0-.58,0-.87,0-.2-.06-.29-.25-.29-.56,0-1.12,0-1.68.01-.22,0-.26.07-.26.3,0,.56,0,1.12,0,1.68,0,.24.04.28.3.29.53,0,1.06,0,1.59,0,.26,0,.3-.04.3-.31,0-.27,0-.54,0-.81ZM16.66,14.8h0c0-.28,0-.56,0-.84,0-.23-.07-.3-.29-.31-.53,0-1.06,0-1.58,0-.21,0-.29.09-.29.3,0,.56,0,1.12,0,1.67,0,.23.08.31.32.31.51,0,1.01,0,1.52,0,.26,0,.32-.07.32-.34,0-.27,0-.54,0-.81ZM9.51,7.78c0-.27,0-.54,0-.81,0-.24-.05-.29-.28-.32-.05,0-.1,0-.15,0-.44,0-.87,0-1.31,0-.07,0-.15,0-.22.01-.17.04-.22.09-.22.28,0,.56,0,1.12,0,1.68,0,.22.08.3.29.31.53,0,1.06,0,1.59,0,.23,0,.3-.07.3-.3,0-.28,0-.56,0-.84ZM9.51,14.84h0c0-.28,0-.56,0-.84,0-.25-.04-.29-.29-.29-.38,0-.77,0-1.15,0-.16,0-.31,0-.47,0-.23.01-.27.06-.28.28,0,.1,0,.21,0,.31,0,.44,0,.89,0,1.33,0,.22.07.31.25.31.56,0,1.12,0,1.68,0,.2,0,.25-.06.26-.27,0-.28,0-.56,0-.84ZM13.05,4.2h0c0-.28,0-.56,0-.84,0-.25-.08-.34-.33-.34-.5,0-1,0-1.49,0-.24,0-.29.06-.3.29-.02.57.01,1.14-.02,1.71,0,.18.07.29.28.29.54,0,1.08,0,1.62,0,.19,0,.24-.05.24-.24,0-.29,0-.58,0-.87ZM16.66,7.74h0c0-.25,0-.5,0-.75,0-.3-.06-.37-.36-.37-.48,0-.95,0-1.43,0-.06,0-.13,0-.18.02-.12.04-.2.1-.2.24,0,.58,0,1.16,0,1.74,0,.17.06.23.23.23.56,0,1.12.01,1.68,0,.23,0,.26-.05.26-.29,0-.28,0-.56,0-.84ZM14.49,11.27c0,.26,0,.52,0,.78,0,.29.06.35.34.36.51,0,1.02,0,1.52,0,.24,0,.3-.07.31-.32,0-.53,0-1.06,0-1.58,0-.27-.07-.33-.33-.34-.51,0-1.02,0-1.52,0-.28,0-.31.05-.32.33,0,.26,0,.52,0,.78ZM9.51,11.29h0c0-.28,0-.56,0-.84,0-.22-.06-.27-.28-.28-.53,0-1.06,0-1.59,0-.25,0-.31.07-.31.32,0,.53,0,1.06,0,1.59,0,.27.06.33.33.33.51,0,1.02,0,1.52,0,.26,0,.32-.07.33-.34,0-.26,0-.52,0-.78ZM13.06,14.8h0c0-.26,0-.52,0-.78,0-.27-.05-.34-.32-.35-.5-.02-.99-.02-1.49,0-.26,0-.32.08-.32.35,0,.54,0,1.08,0,1.61,0,.25.06.31.32.31.5,0,.99,0,1.49,0,.25,0,.32-.07.32-.31,0-.28,0-.56,0-.84ZM13.06,7.77h0c0-.26,0-.52,0-.78,0-.27-.06-.34-.32-.35-.5-.01-.99-.01-1.49,0-.26,0-.32.08-.32.35,0,.52,0,1.04,0,1.55,0,.27.06.32.32.35.04,0,.08,0,.12,0,.43,0,.85,0,1.28,0,.06,0,.12,0,.18-.02.2-.05.22-.07.22-.27,0-.28,0-.56,0-.84ZM13.06,11.26h0c0-.26,0-.52,0-.78,0-.28-.02-.3-.3-.3-.49,0-.98,0-1.46,0-.25,0-.37.08-.38.36,0,.52.03,1.03-.02,1.55-.02.19.11.32.3.32.52,0,1.04,0,1.56,0,.22,0,.29-.09.3-.3,0-.28,0-.56,0-.84Z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E") no-repeat center center;} #main.lp-style .parts-lp-about .column-case .item .case-title.icon-system::before{ mask: url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7B%0Afill: %230840b6;%0A%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Cpath class=%22cls-1%22 d=%22M11.98,1.83c1.06,0,2.08.06,3.09.24,1.39.25,2.63.56,3.76,1.34.5.34.98.94.58,1.55-.13.19-.34.38-.66.59-1.45.94-3.42,1.25-5.18,1.4-.35.03-.88.05-1.59.05-.71,0-1.24-.01-1.59-.04-1.76-.15-3.74-.46-5.19-1.4-.31-.21-.53-.4-.66-.59-.4-.6.08-1.2.58-1.55,1.13-.78,2.36-1.09,3.76-1.34,1.01-.18,2.03-.25,3.09-.25h0Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M12,12.05c-.82,0-1.74-.06-2.74-.19-1.51-.19-3.08-.57-4.29-1.5-.43-.33-.58-.67-.57-1.26.01-1.07.02-2.16,0-3.24,0-.06.07-.1.12-.05.39.37.72.56,1.26.8,1.9.84,4.12,1.04,6.22,1.04,2.1,0,4.32-.2,6.22-1.05.54-.24.87-.43,1.26-.8.05-.04.12-.01.12.05,0,1.09,0,2.17.01,3.24,0,.59-.14.93-.57,1.26-1.21.94-2.78,1.32-4.29,1.51-1.01.13-1.92.2-2.74.2M17.74,8.46c-.25-.2-.65-.12-.89.18-.24.3-.23.7.02.9.25.2.65.12.89-.18.24-.3.23-.7-.02-.9h0Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M12,12.72c1.65,0,3.28-.19,4.89-.63.89-.25,1.94-.66,2.61-1.34.04-.04.1-.01.1.04,0,.99,0,2.1,0,3.33,0,.48-.08.77-.39,1.11-.73.81-2.17,1.25-3.24,1.47-1.3.27-2.62.4-3.97.4s-2.68-.13-3.97-.4c-1.07-.22-2.5-.66-3.24-1.46-.31-.34-.4-.63-.39-1.11,0-1.23.01-2.33,0-3.33,0-.05.06-.08.1-.04.66.68,1.71,1.09,2.61,1.34,1.61.44,3.24.63,4.89.63M17.76,13.59c-.23-.22-.63-.19-.89.09-.26.27-.28.67-.04.89.23.22.63.19.89-.09.26-.27.28-.67.04-.89h0Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M12,22.17c-1.35,0-2.68-.13-3.98-.4-1.07-.22-2.51-.66-3.24-1.47-.31-.34-.4-.63-.39-1.11.01-1.23.01-2.34,0-3.33,0-.05.06-.08.1-.04.66.68,1.71,1.09,2.61,1.34,1.61.44,3.24.63,4.89.63,1.65,0,3.28-.19,4.89-.63.9-.25,1.95-.66,2.61-1.34.04-.04.1-.01.1.04,0,.99,0,2.1,0,3.33,0,.48-.08.77-.39,1.11-.73.81-2.17,1.25-3.24,1.47-1.3.27-2.62.4-3.98.4M17.76,18.67c-.25-.22-.65-.17-.9.11-.25.28-.26.69-.01.91.25.22.65.17.9-.11.25-.28.26-.69.01-.91h0Z%22/%3E%0A%3C/svg%3E") no-repeat center center;} #main.lp-style .parts-lp-about .column-case .item .case-title.icon-template::before{ mask: url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7B%0Afill: %230840b6;%0A%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Cpath class=%22cls-1%22 d=%22M20.13,4.31H3.87c-.53,0-.96.43-.96.96v13.46c0,.53.43.96.96.96h16.26c.53,0,.96-.43.96-.96V5.27c0-.53-.43-.96-.96-.96ZM19.45,16.34H4.45c-.05,0-.09-.04-.09-.09v-.18c0-.05.04-.09.09-.09h15c.05,0,.09.04.09.09v.18c0,.05-.04.09-.09.09ZM19.46,17.27v.58c0,.13-.11.24-.24.24h-3.86c-.13,0-.24-.11-.24-.24v-.58c0-.13.11-.24.24-.24h3.86c.13,0,.24.11.24.24ZM13.98,17.27v.58c0,.13-.1.23-.23.23h-3.75c-.13,0-.23-.1-.23-.23v-.58c0-.13.1-.23.23-.23h3.75c.13,0,.23.1.23.23ZM13.15,12.84c0-.17.14-.31.31-.31h4.35c.17,0,.31.14.31.31v.08c0,.17-.14.31-.31.31h-4.35c-.17,0-.31-.14-.31-.31v-.08ZM19.24,7.48H4.64c-.13,0-.24-.11-.24-.24v-1.31c0-.13.11-.24.24-.24h14.61c.13,0,.24.11.24.24v1.31c0,.13-.11.24-.24.24ZM4.67,8.61h6.94c.16,0,.3.13.3.3v5.97c0,.16-.13.3-.3.3h-6.94c-.16,0-.3-.13-.3-.3v-5.97c0-.16.13-.3.3-.3ZM4.36,17.26c0-.13.1-.23.23-.23h3.64c.13,0,.23.1.23.23v.59c0,.13-.1.23-.23.23h-3.64c-.13,0-.23-.1-.23-.23v-.59ZM19.19,11.71h-5.69c-.19,0-.35-.16-.35-.35s.16-.35.35-.35h5.69c.19,0,.35.16.35.35s-.16.35-.35.35ZM19.19,10.13h-5.69c-.19,0-.35-.16-.35-.35s.16-.35.35-.35h5.69c.19,0,.35.16.35.35s-.16.35-.35.35Z%22/%3E%0A%3C/svg%3E") no-repeat center center;} #main.lp-style .parts-lp-about .column-case .item .case-title.icon-support::before{ mask: url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7B%0Afill: %230840b6;%0A%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Crect class=%22cls-1%22 x=%222.43%22 y=%2213.71%22 width=%222.27%22 height=%226.98%22 rx=%22.45%22 ry=%22.45%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M5.61,14.75v4.55c0,.21.14.39.34.44,1.97.49,3.94.98,5.91,1.48.85.21,1.75.05,2.47-.44,2.21-1.51,4.42-3.02,6.63-4.54.71-.49.83-1.49.25-2.13,0,0-.01-.01-.02-.02-.49-.54-1.3-.62-1.89-.19-1.35.98-2.7,1.96-4.04,2.95-.14.1-.3.15-.47.15h-3.92c-.23,0-.42-.18-.43-.42h0c0-.24.19-.44.43-.44h3.53c.6,0,1.08-.48,1.08-1.08h0c0-.58-.46-1.06-1.04-1.08l-6.01-.22c-.24,0-.47.02-.7.1-.25.08-.52.16-.79.24-.34.09-.66.17-.97.23-.21.04-.36.23-.36.44Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M18.04,4.89c-.2-.63-.79-1.55-1.79-1.93-1.11-.43-2.45-.11-3.56.79-.12.1-.29.1-.4,0-.97-.88-2.19-1.25-3.23-.92-1.09.34-1.69,1.35-1.89,1.94-.72,2.09,1.37,5.18,5.14,7.77.1.07.25.07.35,0,3.88-2.5,6.05-5.56,5.38-7.64Z%22/%3E%0A%3C/svg%3E") no-repeat center center;} #main.lp-style .parts-lp-about .column-case .item .detail{ margin-top:calc(var(--stack-spacing-xsm) - 4px); font-weight:bold; line-height:1;} #main.lp-style .parts-lp-about .column-case .item .detail .emphasis{ font-size:3rem; margin-right:7px;} #main.lp-style .parts-lp-about .column-case .item .supplement{ margin-top:calc(var(--stack-spacing-xsm) - 8px); color:#666; font-size:1.1rem; line-height:1.4;} /* === 背景設定 === */ #main.lp-style .parts-full-bg{ position:relative; z-index:0; margin-top:var(--spacing-section); padding:calc(var(--spacing-section) - 8px) 0 var(--spacing-section);} #main.lp-style .parts-full-bg + .parts-full-bg, #main.lp-style .parts-full-bg:first-child{ margin-top:0;} #main.lp-style .parts-full-bg::before{ content:""; position:absolute; z-index:-2; top:0; left:50%; width:100vw; min-width:960px; height:100%; transform:translateX(-50%);} #main.lp-style .parts-full-bg.bg-blue::before{ background:#F3F7FC;} #main.lp-style .parts-full-bg.bg-img::before{ background-image: url(/erpnavi/common/img/lp-style/bg-white-top.png), url(/erpnavi/common/img/lp-style/bg-white-bottom.png); background-repeat: no-repeat, no-repeat; background-position: left top, right bottom;} #main.lp-style .parts-full-bg > section > h2{ margin-top:0;} /* === h2 === */ #main.lp-style h2{ background:none; border:none; color:#112A60; font-size:3.2rem; line-height:1.3; text-align:center; box-shadow:none;} #main.lp-style h2 .sub{ display:block; margin-bottom:calc(var(--stack-spacing-mid) - 6px); font-weight:normal; color:var(--color-black); font-size:1.6rem; line-height:1;} /* === h3 === */ #main.lp-style section:has(h2) > section{ padding-top:16px;} #main.lp-style h3{ display:flex; justify-content:center; align-items:center; column-gap:var(--stack-spacing-xsm); margin:calc(var(--stack-spacing-mid) + 16px) 0 0; padding:0; border:none; font-weight:normal; font-size:2.4rem; color:var(--color-black); text-align:center;} #main.lp-style h3::before, #main.lp-style h3::after{ width:50px; height:1px; background:var(--color-border); content:"";} /* === リード === */ #main.lp-style .lead{ margin-top:calc(var(--stack-spacing-mid) - 20px); font-weight:bold; color:#666; line-height:1.7; text-align:center;} #main.lp-style h3 + .lead{ font-weight:normal; font-size:1.4rem;} /* === ボックスカラム === */ #main.lp-style .lists-box-column{ margin-top:calc(var(--stack-spacing-mid) + 12px);} #main.lp-style .lists-box-column ul{ display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); column-gap:var(--stack-spacing-column-gap); margin:0;} #main.lp-style .lists-box-column ul li{ display:grid; grid-template-rows:subgrid; grid-row:span 8; list-style:none; margin:0; padding:24px 20px; border:1px solid var(--color-box-dark-border); border-radius:var(--val-border-radius);} #main.lp-style .bg-img .lists-box-column ul li{ background:var(--color-box-thin);} #main.lp-style .bg-blue .lists-box-column ul li{ background:#fff;} #main.lp-style .lists-box-column ul li .title-assignment{ margin:0; font-weight:bold; color:var(--color-blue); text-align:center;} #main.lp-style .lists-box-column ul li .title-assignment::before{ display:block; width:48px; height:48px; margin:0 auto var(--stack-spacing-xsm); background:var(--color-blue); mask:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2242%22 height=%2242%22 viewBox=%220 0 42 42%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath d=%22M6.75 4.902C4.8 5.094 3.488 5.528 2.508 6.508C0.75 8.264 0.75 11.094 0.75 16.75V24.75C0.75 30.406 0.75 33.236 2.508 34.992C3.488 35.972 4.8 36.406 6.75 36.598M34.75 4.902C36.7 5.094 38.012 5.528 38.992 6.508C40.75 8.264 40.75 11.094 40.75 16.75V24.75C40.75 30.406 40.75 33.236 38.992 34.992C38.012 35.972 36.7 36.406 34.75 36.598M6.75 12.75C6.75 7.094 6.75 4.264 8.508 2.508C10.264 0.75 13.094 0.75 18.75 0.75H22.75C28.406 0.75 31.236 0.75 32.992 2.508C34.75 4.264 34.75 7.094 34.75 12.75V28.75C34.75 34.406 34.75 37.236 32.992 38.992C31.236 40.75 28.406 40.75 22.75 40.75H18.75C13.094 40.75 10.264 40.75 8.508 38.992C6.75 37.236 6.75 34.406 6.75 28.75V12.75Z%22 stroke=%22%230840B6%22 stroke-width=%221.5%22/%3E%0A%3Cpath d=%22M14.75 22.75H26.75M14.75 14.75H26.75M14.75 30.75H20.75%22 stroke=%22%230840B6%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/%3E%0A%3C/svg%3E%0A") no-repeat center center; content:"";} #main.lp-style .lists-box-column ul li .title-assignment.icon-01::before{ mask:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7B%0Afill: %230840b6;%0A%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Cg%3E%0A%3Cpath class=%22cls-1%22 d=%22M43.62,39.59H15.03c-.47,0-.85-.38-.85-.85V.85c0-.47.38-.85.85-.85h20.18c.47,0,.85.38.85.85v7.56h7.56c.47,0,.85.38.85.85v29.49c0,.47-.38.85-.85.85ZM15.88,37.9h26.9V10.1h-7.56c-.47,0-.85-.38-.85-.85V1.69H15.88v36.2Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M43.62,10.1h-8.41c-.47,0-.85-.38-.85-.85V.85c0-.34.21-.65.52-.78.32-.13.68-.06.92.18l8.41,8.41c.24.24.32.61.18.92s-.44.52-.78.52ZM36.06,8.41h5.51l-5.51-5.51v5.51Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M38.29,21.76h-17.96c-.47,0-.85-.38-.85-.85s.38-.85.85-.85h17.96c.47,0,.85.38.85.85s-.38.85-.85.85Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M38.29,16.58h-17.96c-.47,0-.85-.38-.85-.85s.38-.85.85-.85h17.96c.47,0,.85.38.85.85s-.38.85-.85.85Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M38.29,26.95h-17.96c-.47,0-.85-.38-.85-.85s.38-.85.85-.85h17.96c.47,0,.85.38.85.85s-.38.85-.85.85Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M38.29,32.13h-17.96c-.47,0-.85-.38-.85-.85s.38-.85.85-.85h17.96c.47,0,.85.38.85.85s-.38.85-.85.85Z%22/%3E%0A%3C/g%3E%0A%3Cpath class=%22cls-1%22 d=%22M38.29,43.8H9.7c-.47,0-.85-.38-.85-.85V5.05c0-.47.38-.85.85-.85h5.32c.47,0,.85.38.85.85v32.85h22.42c.47,0,.85.38.85.85v4.2c0,.47-.38.85-.85.85ZM10.55,42.1h26.9v-2.51H15.03c-.47,0-.85-.38-.85-.85V5.9h-3.63v36.2Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M32.97,48H4.38c-.47,0-.85-.38-.85-.85V9.25c0-.47.38-.85.85-.85h5.32c.47,0,.85.38.85.85v32.85h22.42c.47,0,.85.38.85.85v4.2c0,.47-.38.85-.85.85ZM5.23,46.31h26.9v-2.51H9.71c-.47,0-.85-.38-.85-.85V10.1h-3.63v36.2Z%22/%3E%0A%3C/svg%3E") no-repeat center center;} #main.lp-style .lists-box-column ul li .title-assignment.icon-02::before{ mask:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7B%0Afill: %230840b6;%0A%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Cg%3E%0A%3Cpath class=%22cls-1%22 d=%22M47.18,38.65l-4.22-4.22c.57-1.17.88-2.45.88-3.79,0-2.31-.9-4.49-2.54-6.13-1.27-1.27-2.87-2.09-4.6-2.4.52,0,.95-.43.95-.96v-7.4c0-.53-.43-.96-.96-.96s-.96.43-.96.96v7.4c0,.5.38.89.87.94-.47-.08-.94-.12-1.42-.12-1.68,0-3.28.48-4.66,1.36v-5.17c0-.55-.45-1-1-1s-1,.45-1,1v6.94c-2.83,3.4-2.66,8.47.53,11.66,1.69,1.69,3.91,2.53,6.13,2.53,1.3,0,2.6-.3,3.79-.88l4.22,4.22c.55.55,1.27.83,2,.83s1.45-.28,2-.83c1.1-1.1,1.1-2.89,0-3.99ZM35.17,37.38c-1.8,0-3.5-.7-4.77-1.98s-1.98-2.97-1.98-4.77.7-3.5,1.98-4.77c1.27-1.27,2.97-1.98,4.77-1.98s3.5.7,4.77,1.98c1.27,1.27,1.98,2.97,1.98,4.77s-.7,3.5-1.98,4.77-2.97,1.98-4.77,1.98ZM45.82,41.28c-.35.35-.93.35-1.28,0l-3.91-3.91c.23-.19.46-.39.67-.61.22-.21.42-.44.6-.67l3.91,3.91c.35.35.35.93,0,1.28Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M7.75,22.01c1.44,0,2.61-1.17,2.61-2.61,0-.29-.06-.56-.14-.81l3.23-2.65c.44.33.97.53,1.56.53.97,0,1.8-.53,2.25-1.32l2.43,1.34c.19,1.25,1.26,2.22,2.57,2.22s2.39-.97,2.57-2.23l2.81-.94c.47.49,1.14.8,1.87.8,1.44,0,2.61-1.17,2.61-2.61,0-.14-.02-.28-.04-.42l3.72-3.72c.26.09.54.15.84.15,1.44,0,2.61-1.17,2.61-2.61s-1.17-2.61-2.61-2.61-2.61,1.17-2.61,2.61c0,.44.12.84.31,1.21l-3.29,3.29c-.43-.32-.96-.51-1.53-.51-1.44,0-2.61,1.17-2.61,2.61,0,.01,0,.02,0,.03l-2.52.84c-.47-.67-1.25-1.11-2.13-1.11s-1.62.42-2.09,1.07l-2.68-1.48c-.33-1.06-1.31-1.83-2.48-1.83-1.44,0-2.61,1.17-2.61,2.61,0,.14.02.28.04.42l-3.45,2.84c-.37-.2-.78-.32-1.23-.32-1.44,0-2.61,1.17-2.61,2.61s1.17,2.61,2.61,2.61ZM36.63,6.45c.38,0,.69.31.69.69s-.31.69-.69.69c-.1,0-.19-.02-.27-.06-.02-.02-.02-.04-.04-.06-.06-.06-.14-.1-.21-.14-.1-.12-.16-.27-.16-.43,0-.38.31-.69.69-.69ZM29.51,13.05c.38,0,.69.31.69.69s-.31.69-.69.69-.69-.31-.69-.69.31-.69.69-.69ZM22.26,15.42c.38,0,.69.31.69.69s-.31.69-.69.69-.69-.31-.69-.69.31-.69.69-.69ZM15,13.18c.38,0,.69.31.69.69s-.31.69-.69.69-.69-.31-.69-.69.31-.69.69-.69ZM7.75,18.72c.38,0,.69.31.69.69s-.31.69-.69.69-.69-.31-.69-.69.31-.69.69-.69Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M27.6,36.62h-4.43v-15.74c0-.53-.43-.96-.96-.96s-.96.43-.96.96v15.74h-5.32v-17.64c0-.53-.43-.96-.96-.96s-.96.43-.96.96v17.64h-5.32v-12.73c0-.53-.43-.96-.96-.96s-.96.43-.96.96v12.73H1.92V7.12c0-.53-.43-.96-.96-.96S0,6.59,0,7.12v30.46c0,.53.43.96.96.96h26.64c.53,0,.96-.43.96-.96s-.43-.96-.96-.96Z%22/%3E%0A%3C/g%3E%0A%3Cpath class=%22cls-1%22 d=%22M32.03,26.7c.86-.77,1.83-1.17,3.01-1.18,2.13-.03,3.26,1.37,3.28,2.77.02,1.19-.67,1.82-1.26,2.37-.95.87-1,1.08-.99,1.95l-1.88.03c-.02-1.26.06-1.84,1.05-2.69,1.02-.89,1.2-1.04,1.19-1.55,0-.67-.58-1.14-1.48-1.13-.25,0-1.26.02-2.26,1.15l-.65-1.71ZM34.13,33.42l2.01-.03.03,1.94-2.01.03-.03-1.94Z%22/%3E%0A%3C/svg%3E") no-repeat center center;} #main.lp-style .lists-box-column ul li .title-assignment.icon-03::before{ mask:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7B%0Afill: %230840b6;%0A%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Cpath class=%22cls-1%22 d=%22M34.62,30.61c0-.06,0-.12-.03-.18-.01-.04-.03-.08-.05-.12-.02-.04-.03-.08-.05-.11-.02-.04-.05-.07-.08-.11-.03-.03-.05-.07-.08-.1-.03-.03-.06-.05-.09-.07-.02-.02-.04-.04-.07-.06-.02-.01-.04-.02-.05-.02-.01,0-.02-.02-.04-.03l-9.38-4.58c-.27-.13-.58-.13-.85,0l-9.7,4.82s-.02.01-.03.02c-.02,0-.03.01-.05.02-.03.02-.06.05-.09.08-.02.02-.05.03-.07.05-.05.05-.09.1-.13.15-.01.01-.02.03-.03.04-.04.07-.07.14-.1.22,0,0,0,.01,0,.02-.02.08-.04.16-.04.25l-.17,11.54c0,.37.21.72.54.88l9.38,4.58s.03,0,.04,0c.12.05.25.09.38.09s.27-.04.39-.09c.01,0,.03,0,.04,0l9.7-4.81c.32-.16.53-.49.53-.85l.17-11.54s0,0,0,0c0,0,0,0,0,0,0-.02,0-.05-.01-.07ZM29.29,31.78l-5.33,2.64-7.2-3.51,7.52-3.73,7.2,3.51-2.2,1.09ZM15.53,32.45l7.47,3.64-.13,9.41-7.47-3.64.13-9.42ZM32.69,32.24l-.13,9.38-7.76,3.85.09-6.24.05-3.14,2.87-1.43,4.89-2.43Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M24.56,20.68h.04c2.63,0,5.07-1.06,6.86-2.99,1.78-1.91,2.76-4.51,2.77-7.31,0-5.58-4.31-10.33-9.49-10.38-2.51,0-5.04,1.17-6.94,3.22,0,0,0,0,0,0-1.88,2.02-2.94,4.7-2.93,7.33.02,2.6,1.04,5.11,2.88,7.05,1.87,1.97,4.29,3.06,6.82,3.08ZM24.73,1.92v-.37h0l.06.37c4.08.04,7.52,3.91,7.52,8.45,0,2.31-.8,4.45-2.25,6-1.43,1.53-3.36,2.38-5.48,2.38-2-.01-3.92-.89-5.43-2.48-1.51-1.59-2.34-3.63-2.35-5.74-.01-2.15.87-4.35,2.41-6.01,1.54-1.66,3.55-2.6,5.53-2.6ZM24.59,20.31h0s0,0,0,0Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M38.49,26.71c-2.22-2.48-5.24-4-8.51-4.29-1.93-.17-3.88-.26-5.81-.26-2.01,0-4.1.08-6.11.26-3.28.29-6.31,1.81-8.53,4.28-2.22,2.47-3.44,5.68-3.44,9.04v4.18c0,.53.43.96.96.96s.96-.43.96-.96v-4.18c0-2.88,1.05-5.64,2.95-7.75,1.9-2.11,4.48-3.41,7.26-3.65,1.96-.17,3.95-.25,5.94-.25,1.88,0,3.78.09,5.65.25,2.78.24,5.35,1.54,7.24,3.65,1.89,2.12,2.94,4.87,2.94,7.75v4.18c0,.53.43.96.96.96s.96-.43.96-.96v-4.18c0-3.35-1.22-6.56-3.43-9.03Z%22/%3E%0A%3C/svg%3E") no-repeat center center;} #main.lp-style .lists-box-column ul li .title-assignment.icon-04::before{ mask:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 48%22%3E%0A%3Cdefs%3E%0A%3Cstyle%3E%0A.cls-1 %7B%0Afill: %230840b6;%0A%7D%0A%3C/style%3E%0A%3C/defs%3E%0A%3Cpath class=%22cls-1%22 d=%22M37.29,11.29c-1.17-.04-2.26.38-3.11,1.18-.84.79-1.33,1.87-1.36,3.03-.04,1.16.38,2.26,1.18,3.1.8.85,1.87,1.33,3.03,1.36.08,0,.15,0,.23,0,1.07-.02,2.1-.44,2.88-1.18.84-.79,1.33-1.87,1.36-3.03.07-2.39-1.82-4.4-4.21-4.47ZM37.1,12.97s.09,0,.14,0c1.47.05,2.63,1.28,2.58,2.74-.02.71-.32,1.37-.84,1.86-.52.49-1.2.74-1.91.72h0c-.71-.02-1.37-.32-1.86-.84-.49-.52-.75-1.2-.72-1.9.02-.71.32-1.37.84-1.86.49-.46,1.11-.71,1.77-.72Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M47.96,14.69l-.03-.35c-.03-.35-.28-.65-.63-.74l-.7-.18c-.23-.06-.46-.12-.69-.18-.13-.48-.3-.94-.5-1.39.1-.15.21-.3.32-.45l.52-.73c.2-.29.21-.68,0-.97l-.2-.29c-.29-.41-.59-.78-.9-1.12-.32-.35-.67-.68-1.04-.99l-.27-.23c-.27-.23-.66-.26-.96-.08l-.76.45c-.16.09-.32.19-.48.28-.43-.24-.88-.45-1.35-.62-.04-.24-.08-.48-.12-.72l-.12-.7c-.06-.35-.34-.62-.68-.68l-.35-.06c-.92-.16-1.86-.2-2.79-.12l-.35.03c-.35.03-.65.28-.74.63l-.18.69c-.05.21-.12.46-.18.7-.48.13-.94.3-1.39.51-.14-.1-.28-.2-.42-.3l-.75-.53c-.29-.2-.67-.21-.97,0l-.29.2c-.4.28-.77.58-1.12.9-.34.32-.68.67-.99,1.04l-.23.27c-.23.27-.26.66-.08.96l.39.66c.11.19.23.38.34.58-.24.43-.45.88-.62,1.35-.25.04-.5.09-.75.13l-.67.11c-.35.06-.63.33-.69.68l-.06.35c-.16.92-.2,1.86-.12,2.79l.03.35c.03.35.28.65.63.74l.74.19c.21.05.43.11.65.17.13.48.3.94.51,1.39-.12.17-.25.35-.37.53l-.46.65c-.21.29-.21.68,0,.97l.2.29c.28.4.59.78.9,1.12.31.34.66.68,1.04.99l.27.23c.27.23.66.26.96.08l.66-.39c.19-.11.38-.23.58-.34.43.24.88.45,1.35.62.03.16.06.33.08.49l.16.93c.06.35.33.62.68.69l.35.06c.69.12,1.39.17,2.08.16.24,0,.47-.02.71-.04l.35-.03c.35-.03.65-.28.74-.62l.17-.67c.06-.22.12-.47.19-.72.47-.13.94-.3,1.39-.51l1.17.83c.29.21.68.21.97,0l.29-.2c.4-.28.78-.58,1.12-.9.34-.31.67-.66.99-1.04l.23-.27c.23-.27.26-.66.08-.97l-.45-.76c-.09-.16-.19-.32-.28-.48.24-.43.45-.88.62-1.35.23-.04.46-.08.69-.12l.72-.12c.35-.06.63-.33.69-.68l.06-.35c.16-.93.2-1.87.12-2.79ZM44.88,17.2c-.3.06-.55.28-.64.57l-.04.13c-.18.58-.44,1.13-.76,1.65l-.07.11c-.16.26-.17.59-.02.86l.07.11c.14.25.3.51.47.81l.15.25c-.22.25-.45.49-.68.7-.23.22-.49.42-.76.62l-.19-.14c-.29-.21-.55-.4-.81-.57l-.11-.07c-.25-.17-.58-.19-.85-.06l-.12.06c-.49.25-1.01.44-1.53.58l-.3.07c-.3.07-.54.29-.62.59l-.04.13c-.1.37-.2.76-.29,1.1l-.02.09c-.64.03-1.27.01-1.89-.08l-.04-.21c-.06-.33-.11-.68-.18-1l-.02-.13c-.06-.3-.28-.55-.57-.64l-.12-.04c-.58-.19-1.13-.44-1.65-.76l-.11-.07c-.26-.16-.59-.17-.86-.01l-.11.06c-.3.17-.62.36-.91.53l-.15.09c-.25-.22-.49-.45-.7-.68-.21-.23-.42-.48-.62-.76l.19-.27c.18-.25.35-.5.52-.73l.07-.11c.17-.25.2-.58.06-.86l-.06-.12c-.28-.54-.49-1.12-.62-1.71l-.03-.13c-.07-.3-.29-.54-.59-.62l-.13-.04c-.33-.09-.69-.18-1.03-.27l-.17-.04c-.04-.63-.01-1.26.08-1.89h.08c.38-.08.77-.14,1.14-.21l.13-.02c.3-.06.55-.28.64-.57l.04-.12c.18-.58.44-1.13.76-1.65l.07-.11c.16-.26.17-.59.02-.86l-.06-.11c-.17-.31-.36-.62-.54-.92l-.08-.14c.22-.25.45-.49.68-.7.23-.21.48-.42.76-.62l.2.14c.27.19.54.39.81.57l.11.07s.05.02.07.04l.56.47-1.38,1.75c-.13.16-.1.39.06.52l.73.58c.07.05.15.08.24.08.01,0,.02,0,.04,0,.1-.01.19-.06.25-.14l1.88-2.39c.28-.36.23-.87-.12-1.16l-.24-.2c.14-.04.27-.09.41-.13l.3-.07c.3-.07.54-.29.62-.59l.04-.13c.09-.32.18-.68.26-.98l.06-.21c.62-.04,1.25-.01,1.89.08l.02.11c.06.36.12.75.19,1.11l.02.13c.06.3.27.55.57.64l.13.04c.58.19,1.13.44,1.64.76l.11.07c.26.16.59.17.86.02l.12-.07c.27-.15.55-.32.83-.48l.24-.14c.25.22.48.45.7.68.21.23.42.48.62.76l-.17.24c-.18.25-.36.51-.54.76l-.07.11c-.17.25-.19.58-.06.85l.06.12c.28.54.49,1.11.62,1.7l.03.13c.07.3.29.54.59.62l.13.04c.34.1.71.19,1.06.28l.13.03c.04.62.01,1.25-.08,1.89l-.14.02c-.36.06-.73.12-1.08.19l-.13.02Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M30.1,25.82c-.04-.35-.3-.64-.65-.72l-1.22-.28c-.33-.07-.66-.15-.99-.23-.23-.79-.53-1.56-.91-2.3.18-.27.36-.54.54-.81l.71-1.07c.2-.3.19-.68-.03-.97l-.3-.41c-.42-.56-.86-1.07-1.3-1.52-.46-.47-.96-.92-1.49-1.34l-.4-.31c-.28-.22-.67-.24-.97-.05l-1.05.66c-.29.18-.58.37-.87.55-.72-.4-1.48-.72-2.27-.97-.09-.41-.17-.83-.25-1.23l-.2-.99c-.07-.35-.35-.62-.7-.66l-.5-.07c-1.29-.18-2.6-.2-3.89-.05l-.5.06c-.35.04-.65.3-.72.65l-.22.99c-.1.43-.19.83-.28,1.21-.8.23-1.57.54-2.29.91-.3-.2-.61-.41-.92-.61l-.97-.65c-.3-.2-.69-.19-.97.03l-.4.3c-.55.41-1.06.85-1.53,1.3-.46.45-.91.95-1.34,1.49l-.31.4c-.22.28-.24.67-.05.97l.58.92c.21.32.42.66.63.99-.4.72-.72,1.49-.97,2.27-.41.09-.84.17-1.27.26l-.95.19c-.35.07-.61.35-.66.7l-.07.51c-.18,1.3-.2,2.61-.05,3.9l.06.51c.04.35.3.64.65.72l1.07.24c.37.08.76.17,1.14.26.23.8.53,1.56.91,2.29-.16.25-.34.51-.52.78l-.74,1.1c-.2.29-.19.68.03.97l.3.4c.41.55.85,1.06,1.3,1.53.44.46.95.91,1.5,1.34l.4.31c.28.22.67.24.97.05l.93-.59c.32-.21.66-.42.99-.62.72.4,1.48.72,2.27.97.07.34.15.7.22,1.05l.23,1.17c.07.35.35.61.7.66l.5.07c.7.1,1.42.15,2.14.15.59,0,1.18-.03,1.76-.1l.5-.06c.35-.04.64-.3.72-.65l.22-.97c.09-.4.19-.83.28-1.24.79-.23,1.56-.53,2.29-.91.28.18.56.37.89.59l.99.66c.29.2.68.19.97-.03l.41-.3c.55-.41,1.06-.85,1.52-1.3.46-.45.91-.95,1.34-1.49l.31-.4c.22-.28.24-.67.05-.97l-.68-1.07c-.2-.31-.37-.59-.53-.85.4-.72.72-1.48.97-2.27.39-.08.79-.16,1.19-.24l1.03-.2c.35-.07.62-.35.67-.71l.07-.5c.18-1.29.2-2.6.05-3.9l-.06-.5ZM26.32,30.34c-.3.07-.54.29-.62.59l-.05.18c-.25.86-.6,1.69-1.05,2.47l-.09.16c-.15.27-.15.59,0,.86l.1.16c.23.38.49.79.71,1.13l.36.57c-.36.46-.74.88-1.14,1.26-.39.38-.83.76-1.29,1.11l-.5-.33c-.35-.23-.78-.52-1.18-.78l-.15-.1s-.05-.02-.07-.03l-1.17-.82,2.34-1.02c.26-.11.44-.35.49-.63.05-.28-.05-.56-.25-.76l-2.17-2.02c-.07-.07-.16-.09-.27-.1-.1,0-.19.05-.26.12l-.64.68c-.14.15-.13.38.02.52l1.23,1.14-2.54,1.11c-.28.12-.47.38-.5.69-.03.3.11.6.36.77l1.32.92c-.37.15-.76.29-1.14.4l-.43.11c-.3.08-.53.31-.61.61l-.05.18c-.13.51-.25,1.06-.37,1.57l-.09.39c-1.1.12-2.21.11-3.3-.04l-.12-.58c-.09-.46-.19-.94-.29-1.39l-.04-.18c-.07-.3-.29-.54-.59-.62l-.18-.05c-.86-.25-1.69-.6-2.47-1.05l-.16-.09c-.27-.16-.59-.15-.86,0l-.16.1c-.42.26-.86.54-1.27.8l-.43.27c-.46-.37-.89-.75-1.26-1.14-.38-.39-.75-.82-1.1-1.29l.3-.45c.29-.44.56-.84.81-1.23l.1-.16c.17-.26.18-.59.03-.86l-.09-.17c-.43-.79-.77-1.62-.99-2.49l-.05-.18c-.08-.3-.31-.53-.61-.6l-.18-.04c-.48-.12-.99-.23-1.47-.34l-.49-.11c-.12-1.09-.11-2.2.04-3.3l.37-.07c.53-.11,1.08-.22,1.61-.33l.18-.04c.3-.07.54-.29.63-.59l.05-.18c.25-.86.6-1.69,1.05-2.47l.09-.16c.15-.27.15-.59,0-.86l-.1-.16c-.26-.42-.54-.87-.8-1.28l-.26-.42c.36-.45.74-.88,1.14-1.26.39-.38.82-.75,1.29-1.1l.54.36c.38.25.76.51,1.13.75l.06.04,1.41,1.18-.88,1.46c-.05.08-.07.19-.04.28.02.1.09.18.17.23l.8.48c.06.04.13.05.19.05.13,0,.25-.06.32-.18l1.25-2.07c.21-.35.14-.81-.18-1.08l-.96-.81c.42-.18.85-.34,1.28-.46l.43-.12c.3-.08.53-.31.6-.61l.05-.18c.12-.48.23-.99.36-1.55l.09-.41c1.09-.12,2.2-.11,3.3.04l.08.4c.1.51.21,1.05.32,1.57l.04.18c.07.3.29.54.59.63l.18.05c.87.25,1.7.6,2.47,1.05l.16.09c.27.15.59.15.85,0l.16-.1c.36-.22.74-.46,1.16-.72l.55-.35c.45.36.87.74,1.26,1.14.38.39.75.82,1.1,1.29l-.45.67c-.22.34-.45.68-.67,1.01l-.1.16c-.17.26-.18.59-.03.86l.09.16c.43.79.77,1.62.99,2.49l.05.18c.08.3.31.53.61.6l.18.04c.49.12,1.01.24,1.52.35l.44.1c.12,1.09.11,2.2-.04,3.3l-.45.09c-.51.1-1.03.21-1.52.32l-.18.04ZM22.49,34.63h0s0,0,0,0Z%22/%3E%0A%3Cpath class=%22cls-1%22 d=%22M15.13,22.24c-3.22,0-5.84,2.62-5.84,5.84s2.62,5.84,5.84,5.84,5.84-2.62,5.84-5.84-2.62-5.84-5.84-5.84ZM19.3,28.08c0,2.3-1.87,4.17-4.17,4.17s-4.17-1.87-4.17-4.17,1.87-4.17,4.17-4.17,4.17,1.87,4.17,4.17Z%22/%3E%0A%3C/svg%3E") no-repeat center center;} #main.lp-style .lists-box-column ul li .pic{ width:100%; margin-top:var(--stack-spacing-xsm);} #main.lp-style .lists-box-column ul li .pic img{ width:100%; height:auto;} #main.lp-style .lists-box-column ul li p{ margin-top:calc(var(--stack-spacing-sm) - 8px); font-size:1.4rem;; line-height:1.6;} #main.lp-style .lists-box-column ul li .title{ font-weight:bold;} #main.lp-style .lists-box-column ul li .mini{ margin-top:calc(var(--stack-spacing-xsm) - 4px); font-size:1.4rem; line-height:1.6;} #main.lp-style .lists-box-column ul li .link{ margin-top:calc(var(--stack-spacing-sm) + var(--stack-spacing-append) - 12px); text-align:center;} #main.lp-style .lists-box-column ul li > *:first-child{ margin-top:0;} /* === ボックスカラム（2カラム） === */ #main.lp-style .lists-box-column2{ margin-top:calc(var(--stack-spacing-mid) + 12px);} #main.lp-style .lists-box-column2 > ul{ display:grid; grid-template-columns:repeat(2, 1fr); column-gap:var(--stack-spacing-column-gap); margin:0;} #main.lp-style .lists-box-column2 > ul > li{ list-style:none; margin:0; padding:32px 28px; border:1px solid var(--color-box-dark-border); border-radius:var(--val-border-radius);} #main.lp-style .bg-img .lists-box-column2 > ul > li{ background:var(--color-box-thin);} #main.lp-style .bg-blue .lists-box-column2 > ul > li{ background:#fff;} #main.lp-style .lists-box-column2 > ul > li .pic{ width:100%; margin-top:var(--stack-spacing-xsm);} #main.lp-style .lists-box-column2 .list-check{ margin:calc(var(--stack-spacing-sm) - 8px) 0 0;} #main.lp-style .lists-box-column2 .list-check li{ list-style:none; margin:6px 0 0; padding:0 0 0 21px; background:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2214%22 height=%2214%22 viewBox=%220 0 14 14%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.75 13.5C7.63642 13.5 8.51417 13.3254 9.33311 12.9862C10.1521 12.647 10.8962 12.1498 11.523 11.523C12.1498 10.8962 12.647 10.1521 12.9862 9.33311C13.3254 8.51417 13.5 7.63642 13.5 6.75C13.5 5.86358 13.3254 4.98583 12.9862 4.16689C12.647 3.34794 12.1498 2.60382 11.523 1.97703C10.8962 1.35023 10.1521 0.853032 9.33311 0.513813C8.51417 0.174594 7.63642 -1.32087e-08 6.75 0C4.95979 2.66762e-08 3.2429 0.711159 1.97703 1.97703C0.711159 3.2429 0 4.95979 0 6.75C0 8.54021 0.711159 10.2571 1.97703 11.523C3.2429 12.7888 4.95979 13.5 6.75 13.5ZM6.576 9.48L10.326 4.98L9.174 4.02L5.949 7.88925L4.28025 6.21975L3.21975 7.28025L5.46975 9.53025L6.05025 10.1108L6.576 9.48Z%22 fill=%22%230846B6%22/%3E%0A%3C/svg%3E%0A") no-repeat left 0.3em; color:var(--color-black);} #main.lp-style .lists-box-column2 .list-check li:first-child{ margin-top:0;} #main.lp-style .lists-box-column2 > ul > li p{ margin-top:var(--stack-spacing-xsm); line-height:1.7;} #main.lp-style .lists-box-column2 > ul > li .link{ margin-top:30px; text-align:center;} #main.lp-style .lists-box-column2 > ul > li > *:first-child{ margin-top:0;} /* === キャッチ === */ #main.lp-style .texts-emphasis-catch{ margin-top:calc(var(--stack-spacing-mid) - 2px); font-weight:bold; font-size:2rem; line-height:1.6; color:#666; text-align:center;} /* === 1カラム === */ #main.lp-style .parts-lp-column1{ margin-top:calc(var(--stack-spacing-mid) + 16px);} /* タブ */ #main.lp-style .tab-buttons{ margin-top:var(--stack-spacing-mid);} #main.lp-style .tab-buttons ul{ display:flex; justify-content:center; column-gap:var(--stack-spacing-column-gap); margin:0;} #main.lp-style .tab-buttons ul li{ min-width:200px; list-style:none; margin:0; padding:0;} #main.lp-style .tab-buttons.short ul li, #main.lp-style .tab-buttons ul li.short{ min-width:100px;} #main.lp-style .tab-buttons ul li button{ position:relative; display:block; width:100%; padding:9px 20px; background:#fff; border:1px solid var(--color-box-xdark-border); border-radius:var(--val-border-radius); font-weight:bold; color:var(--color-blue); font-size:16px; cursor:pointer; box-sizing:border-box; box-shadow:0 4px 2px rgba(0, 0, 0, 0.04);} #main.lp-style .tab-buttons ul li button:hover{ background:var(--color-box-dark);} #main.lp-style .tab-buttons ul li button.active{ background:var(--color-blue); color:#fff; box-shadow:none;} #main.lp-style .tab-buttons ul li button.active::after{ position:absolute; bottom:-9px; left:0; right:0; background:var(--color-blue); width:11px; height:9px; margin:0 auto; clip-path:polygon(50% 0, 100% 100%, 0 100%); transform:rotate(180deg); content:"";} #main.lp-style .tab-item.hide{ display:none;} /* === 左画像 === */ #main.lp-style .box-column2-img{ display:grid; column-gap:24px; margin-top:var(--stack-spacing-mid); padding:32px 28px; border:1px solid var(--color-box-dark-border); border-radius:var(--val-border-radius);} #main.lp-style .box-column2-img.img-large{ grid-template-columns:440px 1fr; grid-template-areas:"pic text";} #main.lp-style .box-column2-img.img-large-right{ grid-template-columns:1fr 440px; grid-template-areas:"text pic";} #main.lp-style .box-column2-img.img-middle{ grid-template-columns:285px 1fr; grid-template-areas:"pic text";} #main.lp-style .box-column2-img.img-middle-right{ grid-template-columns:1fr 285px; grid-template-areas:"text pic";} #main.lp-style .box-column2-img.img-small{ grid-template-columns:208px 1fr; grid-template-areas:"pic text";} #main.lp-style .box-column2-img.img-small-right{ grid-template-columns:1fr 208px; grid-template-areas:"text pic";} #main.lp-style .box-column2-img.img-xsmall{ grid-template-columns:131px 1fr; grid-template-areas:"pic text";} #main.lp-style .box-column2-img.img-xsmall-right{ grid-template-columns:1fr 131px; grid-template-areas:"text pic";} #main.lp-style .bg-img .box-column2-img{ background:var(--color-box-thin);} #main.lp-style .box-column2-img .pic{ grid-area:pic; margin:0;} #main.lp-style .box-column2-img .text{ grid-area:text;} #main.lp-style .box-column2-img .text p{ margin-top:calc(var(--stack-spacing-sm) - 12px);} #main.lp-style .box-column2-img .text > *:first-child{ margin-top:0;} #main.lp-style .box-column2-img .text .main-title{ font-weight:bold; font-size:2.4rem; color:var(--color-blue);} #main.lp-style .box-column2-img .text .title{ font-weight:bold; color:var(--color-black);} #main.lp-style .box-column2-img .text > ul{ margin-top:calc(var(--stack-spacing-sm) - 12px);} #main.lp-style .box-column2-img .text > ul > li{ margin:0; color:#222; line-height:1.7em;} #main.lp-style .box-column2-img .text .link{ margin-top:calc(var(--stack-spacing-sm) + var(--stack-spacing-append) - 12px);} /* === 4カラム === */ #main.lp-style .links-box-column4{ margin-top:calc(var(--stack-spacing-mid) - 4px);} #main.lp-style .links-box-column4 ul{ display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--stack-spacing-column-gap); margin:0;} #main.lp-style .links-box-column4 ul li{ display:grid; grid-template-rows:subgrid; grid-row:span 3; gap:0; list-style:none; margin:0; padding:0;} #main.lp-style .links-box-column4 ul li a{ display:grid; grid-template-rows:subgrid; grid-row:span 3; padding:24px 20px; border-radius:var(--val-border-radius); box-sizing:border-box; box-shadow:0 4px 2px rgba(0, 0, 0, 0.04); text-decoration:none;} #main.lp-style .bg-blue .links-box-column4 ul li a{ background:#fff; border:1px solid var(--color-box-thin-border);} #main.lp-style .bg-img .links-box-column4 ul li a{ background:var(--color-box-thin); border:1px solid var(--color-box-thin-border);} #main.lp-style .links-box-column4 ul li a:hover{ background:var(--color-box-dark);} #main.lp-style .bg-img .links-box-column4 ul li a > *:first-child{ margin-top:0;} #main.lp-style .bg-img .links-box-column4 ul li a .title{ font-weight:bold; color:var(--color-blue); line-height:1.7; text-align:center;} #main.lp-style .bg-img .links-box-column4 ul li a .pic{ margin-top:calc(var(--stack-spacing-xsm) - 6px);} #main.lp-style .bg-img .links-box-column4 ul li a .pic img{ display:block;} #main.lp-style .bg-img .links-box-column4 ul li a .products{ margin-top:calc(var(--stack-spacing-xsm) - 2px); font-size:1.4rem; line-height:1.6; color:#666; text-align:center;} #main.lp-style .links-box-column4.more{ overflow:hidden; transition:height 0.3s;} #main.lp-style .links-more-btn { position:relative; margin:-100px 0 0; padding:70px 0 0; background:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%, #fff); text-align:center; transition:margin 0.2s, padding 0.2s;} #main.lp-style .links-more-btn.opened{ margin:48px 0 0; padding:0;} #main.lp-style .links-more-btn button { display:inline-block; padding:8px 78px 11px 58px; background:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2212%22 height=%227%22 viewBox=%220 0 12 7%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M5.33344 6.72168L0 1.34415L1.33312 0L6 4.70546L10.6669 0L12 1.34415L6.66656 6.72168C6.48976 6.89989 6.25 7 6 7C5.75 7 5.51024 6.89989 5.33344 6.72168Z%22 fill=%22%23666666%22/%3E%0A%3C/svg%3E%0A") no-repeat #fff calc(100% - 55px) center; border:1px solid var(--color-box-xdark-border); border-radius:10em; color:#0075B8; font-size:1.6rem; text-decoration:none; box-sizing:border-box; cursor:pointer;} #main.lp-style .links-more-btn.opened button { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2212%22 height=%227%22 viewBox=%220 0 12 7%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg transform=%22rotate(180 6 3.5)%22%3E%0A%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M5.33344 6.72168L0 1.34415L1.33312 0L6 4.70546L10.6669 0L12 1.34415L6.66656 6.72168C6.48976 6.89989 6.25 7 6 7C5.75 7 5.51024 6.89989 5.33344 6.72168Z%22 fill=%22%23666666%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A");} #main.lp-style .links-more-btn button:hover{ background-color:var(--color-box-dark);} /* === コンバージョンエリア === */ #main.lp-style .parts-lp-conversion{ position:relative; z-index:0; display:grid; grid-template-columns:208px 1fr; column-gap:24px; margin-top:var(--spacing-section); padding:var(--spacing-section) 0;} #main.lp-style .parts-lp-conversion:last-child{ margin-bottom:calc(var(--spacing-section) * -1);} #main.lp-style .parts-lp-conversion::before{ content:""; position:absolute; z-index:-1; top:0; left:50%; width:100vw; min-width:960px; height:100%; background:url(/erpnavi/common/img/lp-style/bg-contact.jpg) no-repeat top center #0840b6; transform:translateX(-50%); content:"";} #main.lp-style .parts-lp-conversion .pic{ margin-top:0;} #main.lp-style .parts-lp-conversion .text{} #main.lp-style .parts-lp-conversion .text > *:first-child{ margin-top:0;} #main.lp-style .parts-lp-conversion .text .message{ font-weight:bold; color:#fff; font-size:2.4rem;} #main.lp-style .parts-lp-conversion .text .list-check{ margin:12px 0 0;} #main.lp-style .parts-lp-conversion .text .list-check li{ list-style:none; margin:6px 0 0; padding:0 0 0 21px; background:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2214%22 height=%2214%22 viewBox=%220 0 14 14%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.75 13.5C7.63642 13.5 8.51417 13.3254 9.33311 12.9862C10.1521 12.647 10.8962 12.1498 11.523 11.523C12.1498 10.8962 12.647 10.1521 12.9862 9.33311C13.3254 8.51417 13.5 7.63642 13.5 6.75C13.5 5.86358 13.3254 4.98583 12.9862 4.16689C12.647 3.34794 12.1498 2.60382 11.523 1.97703C10.8962 1.35023 10.1521 0.853032 9.33311 0.513813C8.51417 0.174594 7.63642 -1.32087e-08 6.75 0C4.95979 2.66762e-08 3.2429 0.711159 1.97703 1.97703C0.711159 3.2429 0 4.95979 0 6.75C0 8.54021 0.711159 10.2571 1.97703 11.523C3.2429 12.7888 4.95979 13.5 6.75 13.5ZM6.576 9.48L10.326 4.98L9.174 4.02L5.949 7.88925L4.28025 6.21975L3.21975 7.28025L5.46975 9.53025L6.05025 10.1108L6.576 9.48Z%22 fill=%22white%22/%3E%0A%3C/svg%3E%0A") no-repeat center left; color:#fff;} #main.lp-style .parts-lp-conversion .text .list-check li:first-child{ margin-top:0;} #main.lp-style .parts-lp-conversion .text .buttons{ display:flex; column-gap:12px; margin-top:30px;} #main.lp-style .parts-lp-conversion .text .buttons p{ min-width:220px; margin:0; text-align:center;} #main.lp-style .parts-lp-conversion .text .buttons p a{ display:block; padding:8px 14px 5px 48px; border-radius:10em; font-weight:bold; font-size:1.8rem; line-height:1.6; text-decoration:none;} #main.lp-style .parts-lp-conversion .text .buttons p.download a{ background:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A %3Cdefs%3E%0A %3Cstyle%3E%0A .cls-1 %7B%0A fill: %23fff;%0A %7D%0A %3C/style%3E%0A %3C/defs%3E%0A %3Cpath class=%22cls-1%22 d=%22M20.72,7.2c-.01-.06-.03-.12-.06-.17,0-.01-.01-.03-.02-.04-.03-.05-.06-.1-.11-.15L14.74.98s-.09-.08-.15-.11c-.01,0-.02-.01-.04-.02-.1-.05-.2-.07-.3-.07H5.27c-1.11,0-2.01.91-2.01,2.03v18.39c0,1.12.9,2.03,2.01,2.03h13.45c1.11,0,2.01-.91,2.01-2.03V7.33s0-.09-.01-.14ZM19.35,21.19c0,.35-.28.63-.62.63H5.27c-.34,0-.62-.29-.62-.63V2.8c0-.35.28-.63.62-.63h8.28v5.15c0,.39.31.7.69.7h5.1v13.16Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M7.1,11.22c0,.39.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7H7.79c-.38,0-.69.31-.69.7Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M16.21,14.16H7.79c-.38,0-.69.31-.69.7s.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M16.21,17.8H7.79c-.38,0-.69.31-.69.7s.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7Z%22/%3E%0A%3C/svg%3E") no-repeat 20px center var(--color-orange); background-size:20px auto; border:1px solid var(--color-orange); color:#fff;} #main.lp-style .parts-lp-conversion .text .buttons p.download a:hover{ background-color:#FE6C38;} #main.lp-style .parts-lp-conversion .text .buttons p.contact a{ background:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%3Cstyle%3E.cls-1 %7Bfill: %230840b6;%7D%3C/style%3E%3C/defs%3E%0A%3Cpath class=%22cls-1%22 d=%22M20.42,5.68s0,0,0,0c-.04-.04-.08-.08-.12-.11-.53-.47-1.22-.75-1.98-.75H5.69c-1.65,0-3,1.34-3,3v8.37c0,1.65,1.34,3,3,3h12.63c1.65,0,3-1.34,3-3V7.81c0-.83-.34-1.59-.89-2.13ZM18.31,6.35c.06,0,.13.01.19.02l-6.03,5.49c-.26.24-.68.24-.94,0l-6.03-5.49c.06,0,.12-.02.19-.02h12.63ZM19.77,16.19c0,.8-.65,1.46-1.46,1.46H5.69c-.8,0-1.46-.65-1.46-1.46V7.81c0-.16.03-.31.08-.45l6.19,5.64c.43.39.97.59,1.51.59s1.08-.2,1.51-.59l6.19-5.64c.05.14.08.29.08.45v8.37Z%22/%3E%0A%3C/svg%3E") no-repeat 20px center #fff; background-size:24px auto; border:1px solid var(--color-blue); color:var(--color-blue);} #main.lp-style .parts-lp-conversion .text .buttons p.contact a:hover{ background-color:#EBF0FA;} /* === 事例カラム === */ #main.lp-style .parts-lp-tab-column{ display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); column-gap:var(--stack-spacing-column-gap); margin-top:calc(var(--stack-spacing-mid) + 12px);} #main.lp-style .parts-lp-tab-column .item{ display:grid; grid-template-rows:subgrid; grid-row:span 8; list-style:none; margin:0; padding:24px 20px; border:1px solid var(--color-box-dark-border); border-radius:var(--val-border-radius);} #main.lp-style .bg-img .parts-lp-tab-column .item{ background:var(--color-box-thin);} #main.lp-style .bg-blue .parts-lp-tab-column .item{ background:#fff;} #main.lp-style .parts-lp-tab-column .item > *:first-child{ margin-top:0;} #main.lp-style .parts-lp-tab-column .item .texts-head{ margin:0; font-weight:bold; font-size:1.8rem; color:var(--color-black); text-align:center;} #main.lp-style .parts-lp-tab-column .item .sub-info{ margin-top:calc(var(--stack-spacing-sm) - 12px); font-size:1.4rem; text-align:center;} #main.lp-style .parts-lp-tab-column .item .pic{ margin-top:var(--stack-spacing-xsm);} #main.lp-style .parts-lp-tab-column .item .pic img{ width:100%; height:auto;} #main.lp-style .parts-lp-tab-column .item .title{ margin-top:var(--stack-spacing-xsm); font-weight:bold; font-size:1.4rem; line-height:1.6; color:var(--color-blue);} #main.lp-style .parts-lp-tab-column .item .title + p{ margin-top:0; font-size:1.4rem; line-height:1.6;} #main.lp-style .parts-lp-tab-column .item .link{ margin-top:30px; font-size:1.4rem; text-align:center;} /* === ボタン === */ #main.lp-style .parts-lp-buttons{ display:flex; margin-top:48px;} #main.lp-style .parts-lp-buttons p{ min-width:240px; margin:0 auto; text-align:center;} #main.lp-style .parts-lp-buttons p a{ display:block; padding:9px 78px 7px 58px; background-color:#fff; background-position:calc(100% - 60px) center; border:1px solid var(--color-box-xdark-border); border-radius:10em; color:#0075B8; text-decoration:none; box-sizing:border-box;} #main.lp-style .parts-lp-buttons p a:hover{ background-color:var(--color-box-dark);} /* フローカラム */ #main.lp-style .parts-lp-column-flow{ margin-top:calc(var(--stack-spacing-mid) - 4px);} #main.lp-style .parts-lp-column-flow ol{ display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); column-gap:24px; margin:0;} #main.lp-style .parts-lp-column-flow ol li{ position:relative; display:grid; grid-template-rows:subgrid; grid-row:span 6; list-style:none; margin:0; padding:24px 20px; border:1px solid var(--color-box-dark-border); border-radius:var(--val-border-radius); text-align:center;} #main.lp-style .bg-blue .parts-lp-column-flow ol li{ background:#fff;} #main.lp-style .bg-img .parts-lp-column-flow ol li{ background:var(--color-box-thin);} #main.lp-style .parts-lp-column-flow ol li::before{ position:absolute; top:0; bottom:0; left:-20px; background:#666; width:15px; height:11px; margin:auto 0; clip-path:polygon(50% 0, 100% 100%, 0 100%); transform:rotate(90deg); content:"";} #main.lp-style .parts-lp-column-flow ol li:first-child::before{ display:none;} #main.lp-style .parts-lp-column-flow ol li .title{ margin:0 0 0 0.95em; font-weight:bold; color:var(--color-blue); line-height:1.6; text-align:left; text-indent:-0.95em; text-align:center;} #main.lp-style .parts-lp-column-flow ol li .pic{ margin:calc(var(--stack-spacing-sm) - 6px) auto 0;} #main.lp-style .parts-lp-column-flow ol li p{ margin-top:calc(var(--stack-spacing-sm) - 6px); font-size:1.4rem; line-height:1.6; text-align:left;} /* カラムパーツ */ #main.lp-style .parts-lp-column{ display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); column-gap:24px; margin-top:calc(var(--stack-spacing-mid) - 4px);} #main.lp-style .parts-lp-column .item{} #main.lp-style .parts-lp-column .item .pic{ margin:0;} #main.lp-style .parts-lp-column .item .title{ margin-top:calc(var(--stack-spacing-sm) - 4px); font-weight:bold; font-size:1.6rem; line-height:1.7; color:var(--color-blue); text-align:center;} #main.lp-style .parts-lp-column .item p{ margin-top:calc(var(--stack-spacing-sm) - 12px); font-size:1.4rem; line-height:1.6;} /* === コンバージョンボックス === */ #main.lp-style .boxes-lp-convesion{ min-height:112px; margin-top:48px; padding:20px 24px 20px 144px; background:url(/erpnavi/common/img/lp-style/cta-01.png) no-repeat #fff 24px center; background-size:96px auto; border-radius:var(--val-border-radius); border:2px solid var(--color-box-xdark-border);} #main.lp-style .boxes-lp-convesion .message{ margin:0; font-weight:bold; font-size:1.8rem; line-height:1.65;} #main.lp-style .boxes-lp-convesion .buttons{ display:flex; column-gap:12px; margin-top:var(--stack-spacing-sm);} #main.lp-style .boxes-lp-convesion .buttons p{ min-width:220px; margin:0; text-align:center;} #main.lp-style .boxes-lp-convesion .buttons p a{ display:block; padding:8px 14px 5px 40px; border-radius:10em; font-weight:bold; font-size:1.8rem; line-height:1.6; text-decoration:none;} #main.lp-style .boxes-lp-convesion .buttons p.download a{ background:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A %3Cdefs%3E%0A %3Cstyle%3E%0A .cls-1 %7B%0A fill: %23fff;%0A %7D%0A %3C/style%3E%0A %3C/defs%3E%0A %3Cpath class=%22cls-1%22 d=%22M20.72,7.2c-.01-.06-.03-.12-.06-.17,0-.01-.01-.03-.02-.04-.03-.05-.06-.1-.11-.15L14.74.98s-.09-.08-.15-.11c-.01,0-.02-.01-.04-.02-.1-.05-.2-.07-.3-.07H5.27c-1.11,0-2.01.91-2.01,2.03v18.39c0,1.12.9,2.03,2.01,2.03h13.45c1.11,0,2.01-.91,2.01-2.03V7.33s0-.09-.01-.14ZM19.35,21.19c0,.35-.28.63-.62.63H5.27c-.34,0-.62-.29-.62-.63V2.8c0-.35.28-.63.62-.63h8.28v5.15c0,.39.31.7.69.7h5.1v13.16Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M7.1,11.22c0,.39.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7H7.79c-.38,0-.69.31-.69.7Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M16.21,14.16H7.79c-.38,0-.69.31-.69.7s.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M16.21,17.8H7.79c-.38,0-.69.31-.69.7s.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7Z%22/%3E%0A%3C/svg%3E") no-repeat 20px center var(--color-orange); background-size:20px auto; border:1px solid var(--color-orange); color:#fff;} #main.lp-style .boxes-lp-convesion .buttons p.download a:hover{ background-color:#FE6C38;} #main.lp-style .boxes-lp-convesion .buttons p.contact a{ background:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%3Cstyle%3E.cls-1 %7Bfill: %230840b6;%7D%3C/style%3E%3C/defs%3E%0A%3Cpath class=%22cls-1%22 d=%22M20.42,5.68s0,0,0,0c-.04-.04-.08-.08-.12-.11-.53-.47-1.22-.75-1.98-.75H5.69c-1.65,0-3,1.34-3,3v8.37c0,1.65,1.34,3,3,3h12.63c1.65,0,3-1.34,3-3V7.81c0-.83-.34-1.59-.89-2.13ZM18.31,6.35c.06,0,.13.01.19.02l-6.03,5.49c-.26.24-.68.24-.94,0l-6.03-5.49c.06,0,.12-.02.19-.02h12.63ZM19.77,16.19c0,.8-.65,1.46-1.46,1.46H5.69c-.8,0-1.46-.65-1.46-1.46V7.81c0-.16.03-.31.08-.45l6.19,5.64c.43.39.97.59,1.51.59s1.08-.2,1.51-.59l6.19-5.64c.05.14.08.29.08.45v8.37Z%22/%3E%0A%3C/svg%3E") no-repeat 20px center #fff; background-size:24px auto; border:1px solid var(--color-box-xdark-border); color:var(--color-blue);} #main.lp-style .boxes-lp-convesion .buttons p.contact a:hover{ background-color:#EBF0FA;} /* === 事例カラム === */ #main.lp-style .links-box-oyakudachi{ margin-top:var(--stack-spacing-mid);} #main.lp-style .links-box-oyakudachi ul{ display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); column-gap:var(--stack-spacing-column-gap); margin:0;} #main.lp-style .links-box-oyakudachi ul li{ list-style:none; margin:0; padding:0;} #main.lp-style .links-box-oyakudachi ul li a{ display:block; height:100%; padding:0; border-radius:var(--val-border-radius); box-sizing:border-box; box-shadow:0 4px 2px rgba(0, 0, 0, 0.04); text-decoration:none;} #main.lp-style .bg-blue .links-box-oyakudachi ul li a{ background:#fff; border:1px solid var(--color-box-thin-border);} #main.lp-style .bg-img .links-box-oyakudachi ul li a{ background:var(--color-box-thin); border:1px solid var(--color-box-thin-border);} #main.lp-style .links-box-oyakudachi ul li a:hover{ background:var(--color-box-dark);} #main.lp-style .links-box-oyakudachi ul li a .pic{ margin:0;} #main.lp-style .links-box-oyakudachi ul li a .pic img{ border-radius:var(--val-border-radius) var(--val-border-radius) 0 0;} #main.lp-style .links-box-oyakudachi ul li a .text{ padding:0 20px 24px;} #main.lp-style .links-box-oyakudachi ul li a .text .date{ margin-top:var(--stack-spacing-xsm); font-size:1.4rem; line-height:1.6;} #main.lp-style .links-box-oyakudachi ul li a .text .title{ margin-top:calc(var(--stack-spacing-xsm) - 8px); font-weight:bold; font-size:1.6rem; line-height:1.7; color:#0075B8;} #main.lp-style .links-box-oyakudachi ul li p{ margin-top:calc(var(--stack-spacing-xsm) - 8px); font-size:1.4rem; line-height:1.6; text-align:left;} /* === セミナー情報（マージン調整のみ） === */ #main.lp-style .linklisst-seminar{ margin-top:var(--stack-spacing-mid);} /* === PC画像横並び === */ #main.lp-style .images-beside{ display:grid; column-gap:24px; margin-top:var(--stack-spacing-mid);} #main.lp-style .images-beside.img-left-large{ grid-template-columns:468px 1fr; grid-template-areas:"pic text";} #main.lp-style .images-beside.img-right-large{ grid-template-columns:1fr 468px; grid-template-areas:"text pic";} #main.lp-style .images-beside.img-left-middle{ grid-template-columns:304px 1fr; grid-template-areas:"pic text";} #main.lp-style .images-beside.img-right-middle{ grid-template-columns:1fr 304px; grid-template-areas:"text pic";} #main.lp-style .images-beside.img-left-small{ grid-template-columns:222px 1fr; grid-template-areas:"pic text";} #main.lp-style .images-beside.img-right-small{ grid-template-columns:1fr 222px; grid-template-areas:"text pic";} #main.lp-style .images-beside.img-left-xsmall{ grid-template-columns:140px 1fr; grid-template-areas:"pic text";} #main.lp-style .images-beside.img-right-xsmall{ grid-template-columns:1fr 140px; grid-template-areas:"text pic";} #main.lp-style .images-beside .pic{ grid-area:pic; margin:0;} #main.lp-style .images-beside .text{ grid-area:text;} #main.lp-style .images-beside .text p{ margin-top:calc(var(--stack-spacing-sm) - 8px);} #main.lp-style .images-beside .text > *:first-child{ margin-top:0;} #main.lp-style .images-beside .text .title{ font-weight:bold;} /* === FAQ === */ #main.lp-style .lists-faq { margin-top:25px; transition:transform 0.4s, opacity, 0.4s;} #main.lp-style .lists-faq ul { margin:0;} #main.lp-style .lists-faq ul li { list-style:none; margin:8px 0 0; padding:0;} #main.lp-style .lists-faq ul li:first-child { margin-top:25px;} /* 質問 */ #main.lp-style .lists-faq ul li .question { margin:0;} #main.lp-style .lists-faq ul li .question a { display:block; position:relative; padding:20px 40px 20px 60px; border:1px solid var(--color-box-dark-border); border-radius:var(--val-border-radius) var(--val-border-radius) 0 0; border-bottom:none; background:#fff; font-weight:bold; color:var(--color-blue); font-size:1.6rem; line-height:1.7em; text-decoration:none; transition: border-radius 0.05s; cursor:pointer;} #main.lp-style .lists-faq ul li .question:not(.opened) a { border-radius:8px; transition-delay:0.3s;} #main.lp-style .lists-faq ul li .question a::before { position:absolute; top:0; bottom:0; left:20px; width:15px; height:20px; margin:auto 0; font-weight:bold; font-size:2rem; line-height:1; content:"Q";} /* 回答 */ #main.lp-style .lists-faq ul li .answer { overflow:hidden; position:relative; margin:0; border:1px solid var(--color-box-dark-border); border-top:none; border-radius: 0 0 var(--val-border-radius) var(--val-border-radius); background:#fff;} #main.lp-style .lists-faq ul li .answer::before { position:absolute; top:0; left:20px; width:calc(100% - 40px); height:1px; background:#e9e9e9; content:"";} #main.lp-style .lists-faq ul li .answer[aria-hidden="true"] { border-bottom:none; border-radius:0;} #main.lp-style .lists-faq ul li .answer[aria-hidden] { padding: 0;} #main.lp-style .lists-faq ul li .answer .text { padding: 20px 22px 20px 60px;} #main.lp-style .lists-faq ul li .answer p:first-child { margin-top:0;} /* === フッターコンバージョン === */ #main.lp-style .area-lp-conversion{ position:relative; z-index:0; min-height:781px; margin:0 0 -120px; padding:calc(var(--spacing-section) - 8px) 0 0; box-sizing:border-box;} #main.lp-style .area-lp-conversion::before{ content:""; position:absolute; z-index:-1; top:0; left:50%; width:100vw; min-width:960px; height:100%; background:url(/erpnavi/common/img/lp-style/bg-contact.jpg) no-repeat top center #0840b6; transform:translateX(-50%); content:"";} #main.lp-style .area-lp-conversion .sub{ margin:0; font-weight:bold; color:#fff; font-size:2.4rem; text-align:center;} #main.lp-style .area-lp-conversion .title{ margin-top:calc(var(--stack-spacing-sm) - 20px); font-weight:bold; color:#fff; font-size:3.6rem; text-align:center;} #main.lp-style .area-lp-conversion .columns-footer-conversion{ display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); column-gap:var(--stack-spacing-column-gap); margin-top:var(--stack-spacing-sm);} #main.lp-style .area-lp-conversion .columns-footer-conversion .item{ display:grid; grid-template-rows:subgrid; grid-row:span 6; padding:28px; background:#fff; border-radius:var(--val-border-radius);} #main.lp-style .area-lp-conversion .columns-footer-conversion .item .pic{ margin:0; text-align:center;} #main.lp-style .area-lp-conversion .columns-footer-conversion .item .catch{ margin-top:calc(var(--stack-spacing-sm) - 4px); font-weight:bold; font-size:2.2rem; line-height:1.5; text-align:center;} #main.lp-style .area-lp-conversion .columns-footer-conversion .item p{ margin-top:calc(var(--stack-spacing-sm) - 12px); line-height:1.7;} #main.lp-style .area-lp-conversion .columns-footer-conversion .item .button{ margin-top:var(--stack-spacing-sm);} #main.lp-style .area-lp-conversion .columns-footer-conversion .item .button a{ display:block; padding:12px 14px 10px 30px; background:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A %3Cdefs%3E%0A %3Cstyle%3E%0A .cls-1 %7B%0A fill: %23fff;%0A %7D%0A %3C/style%3E%0A %3C/defs%3E%0A %3Cpath class=%22cls-1%22 d=%22M20.72,7.2c-.01-.06-.03-.12-.06-.17,0-.01-.01-.03-.02-.04-.03-.05-.06-.1-.11-.15L14.74.98s-.09-.08-.15-.11c-.01,0-.02-.01-.04-.02-.1-.05-.2-.07-.3-.07H5.27c-1.11,0-2.01.91-2.01,2.03v18.39c0,1.12.9,2.03,2.01,2.03h13.45c1.11,0,2.01-.91,2.01-2.03V7.33s0-.09-.01-.14ZM19.35,21.19c0,.35-.28.63-.62.63H5.27c-.34,0-.62-.29-.62-.63V2.8c0-.35.28-.63.62-.63h8.28v5.15c0,.39.31.7.69.7h5.1v13.16Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M7.1,11.22c0,.39.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7H7.79c-.38,0-.69.31-.69.7Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M16.21,14.16H7.79c-.38,0-.69.31-.69.7s.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7Z%22/%3E%0A %3Cpath class=%22cls-1%22 d=%22M16.21,17.8H7.79c-.38,0-.69.31-.69.7s.31.7.69.7h8.42c.38,0,.69-.31.69-.7s-.31-.7-.69-.7Z%22/%3E%0A%3C/svg%3E") no-repeat 25px center var(--color-orange); background-size:20px auto; border:1px solid var(--color-orange); border-radius:10em; font-weight:bold; color:#fff; font-size:2rem; line-height:1.6; text-align:center; text-decoration:none;} #main.lp-style .area-lp-conversion .columns-footer-conversion .item .button.icon-mail a{ background:url("data:image/svg+xml;charset=utf8,%3C?xml version=%221.0%22 encoding=%22UTF-8%22?%3E%0A%3Csvg id=%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22 data-name=%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC 1%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%0A%3Cdefs%3E%3Cstyle%3E.cls-1 %7Bfill: %23ffffff;%7D%3C/style%3E%3C/defs%3E%0A%3Cpath class=%22cls-1%22 d=%22M20.42,5.68s0,0,0,0c-.04-.04-.08-.08-.12-.11-.53-.47-1.22-.75-1.98-.75H5.69c-1.65,0-3,1.34-3,3v8.37c0,1.65,1.34,3,3,3h12.63c1.65,0,3-1.34,3-3V7.81c0-.83-.34-1.59-.89-2.13ZM18.31,6.35c.06,0,.13.01.19.02l-6.03,5.49c-.26.24-.68.24-.94,0l-6.03-5.49c.06,0,.12-.02.19-.02h12.63ZM19.77,16.19c0,.8-.65,1.46-1.46,1.46H5.69c-.8,0-1.46-.65-1.46-1.46V7.81c0-.16.03-.31.08-.45l6.19,5.64c.43.39.97.59,1.51.59s1.08-.2,1.51-.59l6.19-5.64c.05.14.08.29.08.45v8.37Z%22/%3E%0A%3C/svg%3E") no-repeat 23px center var(--color-orange); background-size:24px auto;} #main.lp-style .area-lp-conversion .columns-footer-conversion .item .button a:hover{ background-color:#FE6C38;} #main.lp-style .area-lp-conversion .conversion{ display:flex; justify-content:center; align-items:center; column-gap:67px;} #main.lp-style .area-lp-conversion .conversion .conversion-tel{ margin-top:var(--stack-spacing-mid); padding-left:54px; background:url("data:image/svg+xml;charset=utf8,%3Csvg width=%2240%22 height=%2239%22 viewBox=%220 0 40 39%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath d=%22M7.99417 16.8783C11.1742 23.01 16.2975 28.015 22.5471 31.1567L27.4054 26.39C28.0017 25.805 28.885 25.61 29.6579 25.87C32.1312 26.6717 34.8033 27.105 37.5417 27.105C38.7562 27.105 39.75 28.08 39.75 29.2717V36.8333C39.75 38.025 38.7562 39 37.5417 39C16.8054 39 0 22.5117 0 2.16667C0 0.975 0.99375 0 2.20833 0H9.9375C11.1521 0 12.1458 0.975 12.1458 2.16667C12.1458 4.875 12.5875 7.475 13.4046 9.90167C13.6475 10.66 13.4708 11.505 12.8525 12.1117L7.99417 16.8783Z%22 fill=%22white%22/%3E%0A%3C/svg%3E") no-repeat left 0.4em;} #main.lp-style .area-lp-conversion .conversion .conversion-tel .contact-tel-number{ margin:0; font-weight:bold; font-size:3.2rem; line-height:1; color:#fff;} #main.lp-style .area-lp-conversion .conversion .conversion-tel .conversion-info{ margin:4px 0 0; font-size:1.4rem; line-height:1.6; color:#fff;} #main.lp-style .area-lp-conversion .conversion .conversion-mail p a{ padding-right:18px; font-weight:bold; color:#fff; font-size:1.8rem; background:url("data:image/svg+xml;charset=utf8,%3Csvg width=%227%22 height=%2212%22 viewBox=%220 0 7 12%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.72168 6.66656L1.34415 12L0 10.6669L4.70546 6L0 1.33312L1.34415 0L6.72168 5.33344C6.89989 5.51024 7 5.75 7 6C7 6.25 6.89989 6.48976 6.72168 6.66656Z%22 fill=%22%23FFF%22/%3E%0A%3C/svg%3E%0A") no-repeat right 0.35em; background-size:8px auto;}