@charset "UTF-8";
/** base */
/*! ress.css • v1.2.2 MIT License github.com/filipelinhares/ress */
html { box-sizing: border-box; overflow-y: scroll; -webkit-text-size-adjust: 100%; }

*, :after, :before { background-repeat: no-repeat; box-sizing: inherit; }

:after, :before { text-decoration: inherit; vertical-align: inherit; }

* { padding: 0; margin: 0; }

audio:not([controls]) { display: none; height: 0; }

hr { overflow: visible; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

summary { display: list-item; }

small { font-size: 80%; }

[hidden], template { display: none; }

abbr[title] { border-bottom: 1px dotted; text-decoration: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

code, kbd, pre, samp { font-family: monospace,monospace; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

input { border-radius: 0; }

[role=button], [type=button], [type=reset], [type=submit], button { cursor: pointer; }

[disabled] { cursor: default; }

[type=number] { width: auto; }

[type=search] { -webkit-appearance: textfield; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: vertical; }

button, input, optgroup, select, textarea { font: inherit; }

optgroup { font-weight: 700; }

button { overflow: visible; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: 0; padding: 0; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring { outline: 1px dotted ButtonText; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

button, select { text-transform: none; }

button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

legend { border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

img { border-style: none; }

progress { vertical-align: baseline; }

svg:not(:root) { overflow: hidden; }

audio, canvas, progress, video { display: inline-block; }

@media screen { [hidden~=screen] { display: inherit; } [hidden~=screen]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }

[aria-busy=true] { cursor: progress; }

[aria-controls] { cursor: pointer; }

[aria-disabled] { cursor: default; }

::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; }

::selection { background-color: #b3d4fc; color: #000; text-shadow: none; }

/** grid. */
/** color. */
/** width. */
/** border. */
/** modal. */
/** notify. */
/** Transition. */
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://example.com/MaterialIcons-Regular.woff2) format("woff2"), url(https://example.com/MaterialIcons-Regular.woff) format("woff"), url(https://example.com/MaterialIcons-Regular.ttf) format("truetype"); }

@font-face { font-family: 'futara'; font-style: normal; font-weight: 400; src: url("./../../webfonts/futura.ttf") format("truetype"); }

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; }

/** font-family. */
/** font-size. */
/** letter-spacing. */
/** line-height. */
/** mixin. */
@media screen and (max-width: 768px) { .u-sp-none { display: none; } }

.u-pc-none { display: none; }

@media screen and (max-width: 768px) { .u-pc-none { display: block; } }

.u-is-fixed { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

html { font-size: 62.5%; height: 100%; }

body { font-family: -apple-system, helvetica, "Hiragino Kaku Gothic Pro", meiryo, sans-serif; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; text-rendering: optimizeLegibility; letter-spacing: 0.05em; word-wrap: break-word; overflow-wrap: break-word; overflow: auto; color: #000000; }

@media screen and (max-width: 768px) { body { min-width: auto; font-size: 1.2rem; } }

h1, h2, h3, h4, h5, h6 { margin: 0; }

p { margin: 0; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

span { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

ul, ol, dl, dd { margin: 0; padding: 0; }

li { list-style: none; }

a { text-decoration: none; }

strong { font-weight: normal; }

img { max-width: 100%; vertical-align: middle; }

button { padding: 0; border: none; outline: none; }

input { border: 0; padding: 0; outline: none; }

textarea { outline: none; }

th { font-weight: normal; }

.common-container { padding-top: 80px; width: 100%; min-width: 1200px; overflow-x: hidden; }

@media screen and (max-width: 768px) { .common-container { padding-top: 50px; min-width: 100%; } }

@media screen and (min-width: 768px) { .common-container { min-height: calc(100vh - 168px); } }

.containerInternal { display: flex; flex-direction: row; font-family: "Hiragino Sans"; }

.contentInternal { flex-grow: 1; background: #F9F2EE; min-width: 1200px; padding-right: 80px; padding-bottom: 80px; }

.sidebarInternal { flex-grow: 1; min-width: 300px; margin-top: 80px; background: #F9F2EE; padding-bottom: 80px; }

.grecaptcha-badge { bottom: 14px !important; left: 14px !important; right: auto !important; }

.g-title-primary { font-size: 4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 5.6rem; }

.g-title-secondary { font-size: 3.2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 4rem; }

.g-title-tertiary { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; }

.g-title-quaternary { font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.g-title-quinary { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.g-title-quinary-colorName { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; color: #FFFFFF; }

html.internal { scroll-padding-top: 100px; }

.formInput .vs--searchable .vs__dropdown-toggle { border-radius: 6px; width: 400px; background: #F3F3F4; padding: 6px 12px; margin-bottom: 4px; border: none; }

.formInput .vs--searchable .vs__dropdown-toggle .vs__selected-options input { padding: 0 4px; opacity: 0.7; }

.formInput .vs--searchable .vs__dropdown-toggle .vs__selected-options .vs__selected { font: inherit; letter-spacing: 0; color: #000; margin: 0; height: 20px; padding-top: 10px; }

.formInput .vs--searchable .vs__dropdown-toggle .vs__actions .vs__clear { height: 20px; margin-top: -4px; }

.formInput--small .vs--searchable .vs__dropdown-toggle { width: 190px; }

/** vendor */
/*! Font Awesome Free 5.11.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */
.fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }

.fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; }

.fa-xs { font-size: .75em; }

.fa-sm { font-size: .875em; }

.fa-1x { font-size: 1em; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-6x { font-size: 6em; }

.fa-7x { font-size: 7em; }

.fa-8x { font-size: 8em; }

.fa-9x { font-size: 9em; }

.fa-10x { font-size: 10em; }

.fa-fw { text-align: center; width: 1.25em; }

.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; }

.fa-ul > li { position: relative; }

.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; }

.fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite; }

.fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite; }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1); }

:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none; }

.fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; }

.fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

.fa-500px:before { content: "\f26e"; }

.fa-accessible-icon:before { content: "\f368"; }

.fa-accusoft:before { content: "\f369"; }

.fa-acquisitions-incorporated:before { content: "\f6af"; }

.fa-ad:before { content: "\f641"; }

.fa-address-book:before { content: "\f2b9"; }

.fa-address-card:before { content: "\f2bb"; }

.fa-adjust:before { content: "\f042"; }

.fa-adn:before { content: "\f170"; }

.fa-adobe:before { content: "\f778"; }

.fa-adversal:before { content: "\f36a"; }

.fa-affiliatetheme:before { content: "\f36b"; }

.fa-air-freshener:before { content: "\f5d0"; }

.fa-airbnb:before { content: "\f834"; }

.fa-algolia:before { content: "\f36c"; }

.fa-align-center:before { content: "\f037"; }

.fa-align-justify:before { content: "\f039"; }

.fa-align-left:before { content: "\f036"; }

.fa-align-right:before { content: "\f038"; }

.fa-alipay:before { content: "\f642"; }

.fa-allergies:before { content: "\f461"; }

.fa-amazon:before { content: "\f270"; }

.fa-amazon-pay:before { content: "\f42c"; }

.fa-ambulance:before { content: "\f0f9"; }

.fa-american-sign-language-interpreting:before { content: "\f2a3"; }

.fa-amilia:before { content: "\f36d"; }

.fa-anchor:before { content: "\f13d"; }

.fa-android:before { content: "\f17b"; }

.fa-angellist:before { content: "\f209"; }

.fa-angle-double-down:before { content: "\f103"; }

.fa-angle-double-left:before { content: "\f100"; }

.fa-angle-double-right:before { content: "\f101"; }

.fa-angle-double-up:before { content: "\f102"; }

.fa-angle-down:before { content: "\f107"; }

.fa-angle-left:before { content: "\f104"; }

.fa-angle-right:before { content: "\f105"; }

.fa-angle-up:before { content: "\f106"; }

.fa-angry:before { content: "\f556"; }

.fa-angrycreative:before { content: "\f36e"; }

.fa-angular:before { content: "\f420"; }

.fa-ankh:before { content: "\f644"; }

.fa-app-store:before { content: "\f36f"; }

.fa-app-store-ios:before { content: "\f370"; }

.fa-apper:before { content: "\f371"; }

.fa-apple:before { content: "\f179"; }

.fa-apple-alt:before { content: "\f5d1"; }

.fa-apple-pay:before { content: "\f415"; }

.fa-archive:before { content: "\f187"; }

.fa-archway:before { content: "\f557"; }

.fa-arrow-alt-circle-down:before { content: "\f358"; }

.fa-arrow-alt-circle-left:before { content: "\f359"; }

.fa-arrow-alt-circle-right:before { content: "\f35a"; }

.fa-arrow-alt-circle-up:before { content: "\f35b"; }

.fa-arrow-circle-down:before { content: "\f0ab"; }

.fa-arrow-circle-left:before { content: "\f0a8"; }

.fa-arrow-circle-right:before { content: "\f0a9"; }

.fa-arrow-circle-up:before { content: "\f0aa"; }

.fa-arrow-down:before { content: "\f063"; }

.fa-arrow-left:before { content: "\f060"; }

.fa-arrow-right:before { content: "\f061"; }

.fa-arrow-up:before { content: "\f062"; }

.fa-arrows-alt:before { content: "\f0b2"; }

.fa-arrows-alt-h:before { content: "\f337"; }

.fa-arrows-alt-v:before { content: "\f338"; }

.fa-artstation:before { content: "\f77a"; }

.fa-assistive-listening-systems:before { content: "\f2a2"; }

.fa-asterisk:before { content: "\f069"; }

.fa-asymmetrik:before { content: "\f372"; }

.fa-at:before { content: "\f1fa"; }

.fa-atlas:before { content: "\f558"; }

.fa-atlassian:before { content: "\f77b"; }

.fa-atom:before { content: "\f5d2"; }

.fa-audible:before { content: "\f373"; }

.fa-audio-description:before { content: "\f29e"; }

.fa-autoprefixer:before { content: "\f41c"; }

.fa-avianex:before { content: "\f374"; }

.fa-aviato:before { content: "\f421"; }

.fa-award:before { content: "\f559"; }

.fa-aws:before { content: "\f375"; }

.fa-baby:before { content: "\f77c"; }

.fa-baby-carriage:before { content: "\f77d"; }

.fa-backspace:before { content: "\f55a"; }

.fa-backward:before { content: "\f04a"; }

.fa-bacon:before { content: "\f7e5"; }

.fa-balance-scale:before { content: "\f24e"; }

.fa-balance-scale-left:before { content: "\f515"; }

.fa-balance-scale-right:before { content: "\f516"; }

.fa-ban:before { content: "\f05e"; }

.fa-band-aid:before { content: "\f462"; }

.fa-bandcamp:before { content: "\f2d5"; }

.fa-barcode:before { content: "\f02a"; }

.fa-bars:before { content: "\f0c9"; }

.fa-baseball-ball:before { content: "\f433"; }

.fa-basketball-ball:before { content: "\f434"; }

.fa-bath:before { content: "\f2cd"; }

.fa-battery-empty:before { content: "\f244"; }

.fa-battery-full:before { content: "\f240"; }

.fa-battery-half:before { content: "\f242"; }

.fa-battery-quarter:before { content: "\f243"; }

.fa-battery-three-quarters:before { content: "\f241"; }

.fa-battle-net:before { content: "\f835"; }

.fa-bed:before { content: "\f236"; }

.fa-beer:before { content: "\f0fc"; }

.fa-behance:before { content: "\f1b4"; }

.fa-behance-square:before { content: "\f1b5"; }

.fa-bell:before { content: "\f0f3"; }

.fa-bell-slash:before { content: "\f1f6"; }

.fa-bezier-curve:before { content: "\f55b"; }

.fa-bible:before { content: "\f647"; }

.fa-bicycle:before { content: "\f206"; }

.fa-biking:before { content: "\f84a"; }

.fa-bimobject:before { content: "\f378"; }

.fa-binoculars:before { content: "\f1e5"; }

.fa-biohazard:before { content: "\f780"; }

.fa-birthday-cake:before { content: "\f1fd"; }

.fa-bitbucket:before { content: "\f171"; }

.fa-bitcoin:before { content: "\f379"; }

.fa-bity:before { content: "\f37a"; }

.fa-black-tie:before { content: "\f27e"; }

.fa-blackberry:before { content: "\f37b"; }

.fa-blender:before { content: "\f517"; }

.fa-blender-phone:before { content: "\f6b6"; }

.fa-blind:before { content: "\f29d"; }

.fa-blog:before { content: "\f781"; }

.fa-blogger:before { content: "\f37c"; }

.fa-blogger-b:before { content: "\f37d"; }

.fa-bluetooth:before { content: "\f293"; }

.fa-bluetooth-b:before { content: "\f294"; }

.fa-bold:before { content: "\f032"; }

.fa-bolt:before { content: "\f0e7"; }

.fa-bomb:before { content: "\f1e2"; }

.fa-bone:before { content: "\f5d7"; }

.fa-bong:before { content: "\f55c"; }

.fa-book:before { content: "\f02d"; }

.fa-book-dead:before { content: "\f6b7"; }

.fa-book-medical:before { content: "\f7e6"; }

.fa-book-open:before { content: "\f518"; }

.fa-book-reader:before { content: "\f5da"; }

.fa-bookmark:before { content: "\f02e"; }

.fa-bootstrap:before { content: "\f836"; }

.fa-border-all:before { content: "\f84c"; }

.fa-border-none:before { content: "\f850"; }

.fa-border-style:before { content: "\f853"; }

.fa-bowling-ball:before { content: "\f436"; }

.fa-box:before { content: "\f466"; }

.fa-box-open:before { content: "\f49e"; }

.fa-boxes:before { content: "\f468"; }

.fa-braille:before { content: "\f2a1"; }

.fa-brain:before { content: "\f5dc"; }

.fa-bread-slice:before { content: "\f7ec"; }

.fa-briefcase:before { content: "\f0b1"; }

.fa-briefcase-medical:before { content: "\f469"; }

.fa-broadcast-tower:before { content: "\f519"; }

.fa-broom:before { content: "\f51a"; }

.fa-brush:before { content: "\f55d"; }

.fa-btc:before { content: "\f15a"; }

.fa-buffer:before { content: "\f837"; }

.fa-bug:before { content: "\f188"; }

.fa-building:before { content: "\f1ad"; }

.fa-bullhorn:before { content: "\f0a1"; }

.fa-bullseye:before { content: "\f140"; }

.fa-burn:before { content: "\f46a"; }

.fa-buromobelexperte:before { content: "\f37f"; }

.fa-bus:before { content: "\f207"; }

.fa-bus-alt:before { content: "\f55e"; }

.fa-business-time:before { content: "\f64a"; }

.fa-buy-n-large:before { content: "\f8a6"; }

.fa-buysellads:before { content: "\f20d"; }

.fa-calculator:before { content: "\f1ec"; }

.fa-calendar:before { content: "\f133"; }

.fa-calendar-alt:before { content: "\f073"; }

.fa-calendar-check:before { content: "\f274"; }

.fa-calendar-day:before { content: "\f783"; }

.fa-calendar-minus:before { content: "\f272"; }

.fa-calendar-plus:before { content: "\f271"; }

.fa-calendar-times:before { content: "\f273"; }

.fa-calendar-week:before { content: "\f784"; }

.fa-camera:before { content: "\f030"; }

.fa-camera-retro:before { content: "\f083"; }

.fa-campground:before { content: "\f6bb"; }

.fa-canadian-maple-leaf:before { content: "\f785"; }

.fa-candy-cane:before { content: "\f786"; }

.fa-cannabis:before { content: "\f55f"; }

.fa-capsules:before { content: "\f46b"; }

.fa-car:before { content: "\f1b9"; }

.fa-car-alt:before { content: "\f5de"; }

.fa-car-battery:before { content: "\f5df"; }

.fa-car-crash:before { content: "\f5e1"; }

.fa-car-side:before { content: "\f5e4"; }

.fa-caret-down:before { content: "\f0d7"; }

.fa-caret-left:before { content: "\f0d9"; }

.fa-caret-right:before { content: "\f0da"; }

.fa-caret-square-down:before { content: "\f150"; }

.fa-caret-square-left:before { content: "\f191"; }

.fa-caret-square-right:before { content: "\f152"; }

.fa-caret-square-up:before { content: "\f151"; }

.fa-caret-up:before { content: "\f0d8"; }

.fa-carrot:before { content: "\f787"; }

.fa-cart-arrow-down:before { content: "\f218"; }

.fa-cart-plus:before { content: "\f217"; }

.fa-cash-register:before { content: "\f788"; }

.fa-cat:before { content: "\f6be"; }

.fa-cc-amazon-pay:before { content: "\f42d"; }

.fa-cc-amex:before { content: "\f1f3"; }

.fa-cc-apple-pay:before { content: "\f416"; }

.fa-cc-diners-club:before { content: "\f24c"; }

.fa-cc-discover:before { content: "\f1f2"; }

.fa-cc-jcb:before { content: "\f24b"; }

.fa-cc-mastercard:before { content: "\f1f1"; }

.fa-cc-paypal:before { content: "\f1f4"; }

.fa-cc-stripe:before { content: "\f1f5"; }

.fa-cc-visa:before { content: "\f1f0"; }

.fa-centercode:before { content: "\f380"; }

.fa-centos:before { content: "\f789"; }

.fa-certificate:before { content: "\f0a3"; }

.fa-chair:before { content: "\f6c0"; }

.fa-chalkboard:before { content: "\f51b"; }

.fa-chalkboard-teacher:before { content: "\f51c"; }

.fa-charging-station:before { content: "\f5e7"; }

.fa-chart-area:before { content: "\f1fe"; }

.fa-chart-bar:before { content: "\f080"; }

.fa-chart-line:before { content: "\f201"; }

.fa-chart-pie:before { content: "\f200"; }

.fa-check:before { content: "\f00c"; }

.fa-check-circle:before { content: "\f058"; }

.fa-check-double:before { content: "\f560"; }

.fa-check-square:before { content: "\f14a"; }

.fa-cheese:before { content: "\f7ef"; }

.fa-chess:before { content: "\f439"; }

.fa-chess-bishop:before { content: "\f43a"; }

.fa-chess-board:before { content: "\f43c"; }

.fa-chess-king:before { content: "\f43f"; }

.fa-chess-knight:before { content: "\f441"; }

.fa-chess-pawn:before { content: "\f443"; }

.fa-chess-queen:before { content: "\f445"; }

.fa-chess-rook:before { content: "\f447"; }

.fa-chevron-circle-down:before { content: "\f13a"; }

.fa-chevron-circle-left:before { content: "\f137"; }

.fa-chevron-circle-right:before { content: "\f138"; }

.fa-chevron-circle-up:before { content: "\f139"; }

.fa-chevron-down:before { content: "\f078"; }

.fa-chevron-left:before { content: "\f053"; }

.fa-chevron-right:before { content: "\f054"; }

.fa-chevron-up:before { content: "\f077"; }

.fa-child:before { content: "\f1ae"; }

.fa-chrome:before { content: "\f268"; }

.fa-chromecast:before { content: "\f838"; }

.fa-church:before { content: "\f51d"; }

.fa-circle:before { content: "\f111"; }

.fa-circle-notch:before { content: "\f1ce"; }

.fa-city:before { content: "\f64f"; }

.fa-clinic-medical:before { content: "\f7f2"; }

.fa-clipboard:before { content: "\f328"; }

.fa-clipboard-check:before { content: "\f46c"; }

.fa-clipboard-list:before { content: "\f46d"; }

.fa-clock:before { content: "\f017"; }

.fa-clone:before { content: "\f24d"; }

.fa-closed-captioning:before { content: "\f20a"; }

.fa-cloud:before { content: "\f0c2"; }

.fa-cloud-download-alt:before { content: "\f381"; }

.fa-cloud-meatball:before { content: "\f73b"; }

.fa-cloud-moon:before { content: "\f6c3"; }

.fa-cloud-moon-rain:before { content: "\f73c"; }

.fa-cloud-rain:before { content: "\f73d"; }

.fa-cloud-showers-heavy:before { content: "\f740"; }

.fa-cloud-sun:before { content: "\f6c4"; }

.fa-cloud-sun-rain:before { content: "\f743"; }

.fa-cloud-upload-alt:before { content: "\f382"; }

.fa-cloudscale:before { content: "\f383"; }

.fa-cloudsmith:before { content: "\f384"; }

.fa-cloudversify:before { content: "\f385"; }

.fa-cocktail:before { content: "\f561"; }

.fa-code:before { content: "\f121"; }

.fa-code-branch:before { content: "\f126"; }

.fa-codepen:before { content: "\f1cb"; }

.fa-codiepie:before { content: "\f284"; }

.fa-coffee:before { content: "\f0f4"; }

.fa-cog:before { content: "\f013"; }

.fa-cogs:before { content: "\f085"; }

.fa-coins:before { content: "\f51e"; }

.fa-columns:before { content: "\f0db"; }

.fa-comment:before { content: "\f075"; }

.fa-comment-alt:before { content: "\f27a"; }

.fa-comment-dollar:before { content: "\f651"; }

.fa-comment-dots:before { content: "\f4ad"; }

.fa-comment-medical:before { content: "\f7f5"; }

.fa-comment-slash:before { content: "\f4b3"; }

.fa-comments:before { content: "\f086"; }

.fa-comments-dollar:before { content: "\f653"; }

.fa-compact-disc:before { content: "\f51f"; }

.fa-compass:before { content: "\f14e"; }

.fa-compress:before { content: "\f066"; }

.fa-compress-arrows-alt:before { content: "\f78c"; }

.fa-concierge-bell:before { content: "\f562"; }

.fa-confluence:before { content: "\f78d"; }

.fa-connectdevelop:before { content: "\f20e"; }

.fa-contao:before { content: "\f26d"; }

.fa-cookie:before { content: "\f563"; }

.fa-cookie-bite:before { content: "\f564"; }

.fa-copy:before { content: "\f0c5"; }

.fa-copyright:before { content: "\f1f9"; }

.fa-cotton-bureau:before { content: "\f89e"; }

.fa-couch:before { content: "\f4b8"; }

.fa-cpanel:before { content: "\f388"; }

.fa-creative-commons:before { content: "\f25e"; }

.fa-creative-commons-by:before { content: "\f4e7"; }

.fa-creative-commons-nc:before { content: "\f4e8"; }

.fa-creative-commons-nc-eu:before { content: "\f4e9"; }

.fa-creative-commons-nc-jp:before { content: "\f4ea"; }

.fa-creative-commons-nd:before { content: "\f4eb"; }

.fa-creative-commons-pd:before { content: "\f4ec"; }

.fa-creative-commons-pd-alt:before { content: "\f4ed"; }

.fa-creative-commons-remix:before { content: "\f4ee"; }

.fa-creative-commons-sa:before { content: "\f4ef"; }

.fa-creative-commons-sampling:before { content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before { content: "\f4f1"; }

.fa-creative-commons-share:before { content: "\f4f2"; }

.fa-creative-commons-zero:before { content: "\f4f3"; }

.fa-credit-card:before { content: "\f09d"; }

.fa-critical-role:before { content: "\f6c9"; }

.fa-crop:before { content: "\f125"; }

.fa-crop-alt:before { content: "\f565"; }

.fa-cross:before { content: "\f654"; }

.fa-crosshairs:before { content: "\f05b"; }

.fa-crow:before { content: "\f520"; }

.fa-crown:before { content: "\f521"; }

.fa-crutch:before { content: "\f7f7"; }

.fa-css3:before { content: "\f13c"; }

.fa-css3-alt:before { content: "\f38b"; }

.fa-cube:before { content: "\f1b2"; }

.fa-cubes:before { content: "\f1b3"; }

.fa-cut:before { content: "\f0c4"; }

.fa-cuttlefish:before { content: "\f38c"; }

.fa-d-and-d:before { content: "\f38d"; }

.fa-d-and-d-beyond:before { content: "\f6ca"; }

.fa-dashcube:before { content: "\f210"; }

.fa-database:before { content: "\f1c0"; }

.fa-deaf:before { content: "\f2a4"; }

.fa-delicious:before { content: "\f1a5"; }

.fa-democrat:before { content: "\f747"; }

.fa-deploydog:before { content: "\f38e"; }

.fa-deskpro:before { content: "\f38f"; }

.fa-desktop:before { content: "\f108"; }

.fa-dev:before { content: "\f6cc"; }

.fa-deviantart:before { content: "\f1bd"; }

.fa-dharmachakra:before { content: "\f655"; }

.fa-dhl:before { content: "\f790"; }

.fa-diagnoses:before { content: "\f470"; }

.fa-diaspora:before { content: "\f791"; }

.fa-dice:before { content: "\f522"; }

.fa-dice-d20:before { content: "\f6cf"; }

.fa-dice-d6:before { content: "\f6d1"; }

.fa-dice-five:before { content: "\f523"; }

.fa-dice-four:before { content: "\f524"; }

.fa-dice-one:before { content: "\f525"; }

.fa-dice-six:before { content: "\f526"; }

.fa-dice-three:before { content: "\f527"; }

.fa-dice-two:before { content: "\f528"; }

.fa-digg:before { content: "\f1a6"; }

.fa-digital-ocean:before { content: "\f391"; }

.fa-digital-tachograph:before { content: "\f566"; }

.fa-directions:before { content: "\f5eb"; }

.fa-discord:before { content: "\f392"; }

.fa-discourse:before { content: "\f393"; }

.fa-divide:before { content: "\f529"; }

.fa-dizzy:before { content: "\f567"; }

.fa-dna:before { content: "\f471"; }

.fa-dochub:before { content: "\f394"; }

.fa-docker:before { content: "\f395"; }

.fa-dog:before { content: "\f6d3"; }

.fa-dollar-sign:before { content: "\f155"; }

.fa-dolly:before { content: "\f472"; }

.fa-dolly-flatbed:before { content: "\f474"; }

.fa-donate:before { content: "\f4b9"; }

.fa-door-closed:before { content: "\f52a"; }

.fa-door-open:before { content: "\f52b"; }

.fa-dot-circle:before { content: "\f192"; }

.fa-dove:before { content: "\f4ba"; }

.fa-download:before { content: "\f019"; }

.fa-draft2digital:before { content: "\f396"; }

.fa-drafting-compass:before { content: "\f568"; }

.fa-dragon:before { content: "\f6d5"; }

.fa-draw-polygon:before { content: "\f5ee"; }

.fa-dribbble:before { content: "\f17d"; }

.fa-dribbble-square:before { content: "\f397"; }

.fa-dropbox:before { content: "\f16b"; }

.fa-drum:before { content: "\f569"; }

.fa-drum-steelpan:before { content: "\f56a"; }

.fa-drumstick-bite:before { content: "\f6d7"; }

.fa-drupal:before { content: "\f1a9"; }

.fa-dumbbell:before { content: "\f44b"; }

.fa-dumpster:before { content: "\f793"; }

.fa-dumpster-fire:before { content: "\f794"; }

.fa-dungeon:before { content: "\f6d9"; }

.fa-dyalog:before { content: "\f399"; }

.fa-earlybirds:before { content: "\f39a"; }

.fa-ebay:before { content: "\f4f4"; }

.fa-edge:before { content: "\f282"; }

.fa-edit:before { content: "\f044"; }

.fa-egg:before { content: "\f7fb"; }

.fa-eject:before { content: "\f052"; }

.fa-elementor:before { content: "\f430"; }

.fa-ellipsis-h:before { content: "\f141"; }

.fa-ellipsis-v:before { content: "\f142"; }

.fa-ello:before { content: "\f5f1"; }

.fa-ember:before { content: "\f423"; }

.fa-empire:before { content: "\f1d1"; }

.fa-envelope:before { content: "\f0e0"; }

.fa-envelope-open:before { content: "\f2b6"; }

.fa-envelope-open-text:before { content: "\f658"; }

.fa-envelope-square:before { content: "\f199"; }

.fa-envira:before { content: "\f299"; }

.fa-equals:before { content: "\f52c"; }

.fa-eraser:before { content: "\f12d"; }

.fa-erlang:before { content: "\f39d"; }

.fa-ethereum:before { content: "\f42e"; }

.fa-ethernet:before { content: "\f796"; }

.fa-etsy:before { content: "\f2d7"; }

.fa-euro-sign:before { content: "\f153"; }

.fa-evernote:before { content: "\f839"; }

.fa-exchange-alt:before { content: "\f362"; }

.fa-exclamation:before { content: "\f12a"; }

.fa-exclamation-circle:before { content: "\f06a"; }

.fa-exclamation-triangle:before { content: "\f071"; }

.fa-expand:before { content: "\f065"; }

.fa-expand-arrows-alt:before { content: "\f31e"; }

.fa-expeditedssl:before { content: "\f23e"; }

.fa-external-link-alt:before { content: "\f35d"; }

.fa-external-link-square-alt:before { content: "\f360"; }

.fa-eye:before { content: "\f06e"; }

.fa-eye-dropper:before { content: "\f1fb"; }

.fa-eye-slash:before { content: "\f070"; }

.fa-facebook:before { content: "\f09a"; }

.fa-facebook-f:before { content: "\f39e"; }

.fa-facebook-messenger:before { content: "\f39f"; }

.fa-facebook-square:before { content: "\f082"; }

.fa-fan:before { content: "\f863"; }

.fa-fantasy-flight-games:before { content: "\f6dc"; }

.fa-fast-backward:before { content: "\f049"; }

.fa-fast-forward:before { content: "\f050"; }

.fa-fax:before { content: "\f1ac"; }

.fa-feather:before { content: "\f52d"; }

.fa-feather-alt:before { content: "\f56b"; }

.fa-fedex:before { content: "\f797"; }

.fa-fedora:before { content: "\f798"; }

.fa-female:before { content: "\f182"; }

.fa-fighter-jet:before { content: "\f0fb"; }

.fa-figma:before { content: "\f799"; }

.fa-file:before { content: "\f15b"; }

.fa-file-alt:before { content: "\f15c"; }

.fa-file-archive:before { content: "\f1c6"; }

.fa-file-audio:before { content: "\f1c7"; }

.fa-file-code:before { content: "\f1c9"; }

.fa-file-contract:before { content: "\f56c"; }

.fa-file-csv:before { content: "\f6dd"; }

.fa-file-download:before { content: "\f56d"; }

.fa-file-excel:before { content: "\f1c3"; }

.fa-file-export:before { content: "\f56e"; }

.fa-file-image:before { content: "\f1c5"; }

.fa-file-import:before { content: "\f56f"; }

.fa-file-invoice:before { content: "\f570"; }

.fa-file-invoice-dollar:before { content: "\f571"; }

.fa-file-medical:before { content: "\f477"; }

.fa-file-medical-alt:before { content: "\f478"; }

.fa-file-pdf:before { content: "\f1c1"; }

.fa-file-powerpoint:before { content: "\f1c4"; }

.fa-file-prescription:before { content: "\f572"; }

.fa-file-signature:before { content: "\f573"; }

.fa-file-upload:before { content: "\f574"; }

.fa-file-video:before { content: "\f1c8"; }

.fa-file-word:before { content: "\f1c2"; }

.fa-fill:before { content: "\f575"; }

.fa-fill-drip:before { content: "\f576"; }

.fa-film:before { content: "\f008"; }

.fa-filter:before { content: "\f0b0"; }

.fa-fingerprint:before { content: "\f577"; }

.fa-fire:before { content: "\f06d"; }

.fa-fire-alt:before { content: "\f7e4"; }

.fa-fire-extinguisher:before { content: "\f134"; }

.fa-firefox:before { content: "\f269"; }

.fa-first-aid:before { content: "\f479"; }

.fa-first-order:before { content: "\f2b0"; }

.fa-first-order-alt:before { content: "\f50a"; }

.fa-firstdraft:before { content: "\f3a1"; }

.fa-fish:before { content: "\f578"; }

.fa-fist-raised:before { content: "\f6de"; }

.fa-flag:before { content: "\f024"; }

.fa-flag-checkered:before { content: "\f11e"; }

.fa-flag-usa:before { content: "\f74d"; }

.fa-flask:before { content: "\f0c3"; }

.fa-flickr:before { content: "\f16e"; }

.fa-flipboard:before { content: "\f44d"; }

.fa-flushed:before { content: "\f579"; }

.fa-fly:before { content: "\f417"; }

.fa-folder:before { content: "\f07b"; }

.fa-folder-minus:before { content: "\f65d"; }

.fa-folder-open:before { content: "\f07c"; }

.fa-folder-plus:before { content: "\f65e"; }

.fa-font:before { content: "\f031"; }

.fa-font-awesome:before { content: "\f2b4"; }

.fa-font-awesome-alt:before { content: "\f35c"; }

.fa-font-awesome-flag:before { content: "\f425"; }

.fa-font-awesome-logo-full:before { content: "\f4e6"; }

.fa-fonticons:before { content: "\f280"; }

.fa-fonticons-fi:before { content: "\f3a2"; }

.fa-football-ball:before { content: "\f44e"; }

.fa-fort-awesome:before { content: "\f286"; }

.fa-fort-awesome-alt:before { content: "\f3a3"; }

.fa-forumbee:before { content: "\f211"; }

.fa-forward:before { content: "\f04e"; }

.fa-foursquare:before { content: "\f180"; }

.fa-free-code-camp:before { content: "\f2c5"; }

.fa-freebsd:before { content: "\f3a4"; }

.fa-frog:before { content: "\f52e"; }

.fa-frown:before { content: "\f119"; }

.fa-frown-open:before { content: "\f57a"; }

.fa-fulcrum:before { content: "\f50b"; }

.fa-funnel-dollar:before { content: "\f662"; }

.fa-futbol:before { content: "\f1e3"; }

.fa-galactic-republic:before { content: "\f50c"; }

.fa-galactic-senate:before { content: "\f50d"; }

.fa-gamepad:before { content: "\f11b"; }

.fa-gas-pump:before { content: "\f52f"; }

.fa-gavel:before { content: "\f0e3"; }

.fa-gem:before { content: "\f3a5"; }

.fa-genderless:before { content: "\f22d"; }

.fa-get-pocket:before { content: "\f265"; }

.fa-gg:before { content: "\f260"; }

.fa-gg-circle:before { content: "\f261"; }

.fa-ghost:before { content: "\f6e2"; }

.fa-gift:before { content: "\f06b"; }

.fa-gifts:before { content: "\f79c"; }

.fa-git:before { content: "\f1d3"; }

.fa-git-alt:before { content: "\f841"; }

.fa-git-square:before { content: "\f1d2"; }

.fa-github:before { content: "\f09b"; }

.fa-github-alt:before { content: "\f113"; }

.fa-github-square:before { content: "\f092"; }

.fa-gitkraken:before { content: "\f3a6"; }

.fa-gitlab:before { content: "\f296"; }

.fa-gitter:before { content: "\f426"; }

.fa-glass-cheers:before { content: "\f79f"; }

.fa-glass-martini:before { content: "\f000"; }

.fa-glass-martini-alt:before { content: "\f57b"; }

.fa-glass-whiskey:before { content: "\f7a0"; }

.fa-glasses:before { content: "\f530"; }

.fa-glide:before { content: "\f2a5"; }

.fa-glide-g:before { content: "\f2a6"; }

.fa-globe:before { content: "\f0ac"; }

.fa-globe-africa:before { content: "\f57c"; }

.fa-globe-americas:before { content: "\f57d"; }

.fa-globe-asia:before { content: "\f57e"; }

.fa-globe-europe:before { content: "\f7a2"; }

.fa-gofore:before { content: "\f3a7"; }

.fa-golf-ball:before { content: "\f450"; }

.fa-goodreads:before { content: "\f3a8"; }

.fa-goodreads-g:before { content: "\f3a9"; }

.fa-google:before { content: "\f1a0"; }

.fa-google-drive:before { content: "\f3aa"; }

.fa-google-play:before { content: "\f3ab"; }

.fa-google-plus:before { content: "\f2b3"; }

.fa-google-plus-g:before { content: "\f0d5"; }

.fa-google-plus-square:before { content: "\f0d4"; }

.fa-google-wallet:before { content: "\f1ee"; }

.fa-gopuram:before { content: "\f664"; }

.fa-graduation-cap:before { content: "\f19d"; }

.fa-gratipay:before { content: "\f184"; }

.fa-grav:before { content: "\f2d6"; }

.fa-greater-than:before { content: "\f531"; }

.fa-greater-than-equal:before { content: "\f532"; }

.fa-grimace:before { content: "\f57f"; }

.fa-grin:before { content: "\f580"; }

.fa-grin-alt:before { content: "\f581"; }

.fa-grin-beam:before { content: "\f582"; }

.fa-grin-beam-sweat:before { content: "\f583"; }

.fa-grin-hearts:before { content: "\f584"; }

.fa-grin-squint:before { content: "\f585"; }

.fa-grin-squint-tears:before { content: "\f586"; }

.fa-grin-stars:before { content: "\f587"; }

.fa-grin-tears:before { content: "\f588"; }

.fa-grin-tongue:before { content: "\f589"; }

.fa-grin-tongue-squint:before { content: "\f58a"; }

.fa-grin-tongue-wink:before { content: "\f58b"; }

.fa-grin-wink:before { content: "\f58c"; }

.fa-grip-horizontal:before { content: "\f58d"; }

.fa-grip-lines:before { content: "\f7a4"; }

.fa-grip-lines-vertical:before { content: "\f7a5"; }

.fa-grip-vertical:before { content: "\f58e"; }

.fa-gripfire:before { content: "\f3ac"; }

.fa-grunt:before { content: "\f3ad"; }

.fa-guitar:before { content: "\f7a6"; }

.fa-gulp:before { content: "\f3ae"; }

.fa-h-square:before { content: "\f0fd"; }

.fa-hacker-news:before { content: "\f1d4"; }

.fa-hacker-news-square:before { content: "\f3af"; }

.fa-hackerrank:before { content: "\f5f7"; }

.fa-hamburger:before { content: "\f805"; }

.fa-hammer:before { content: "\f6e3"; }

.fa-hamsa:before { content: "\f665"; }

.fa-hand-holding:before { content: "\f4bd"; }

.fa-hand-holding-heart:before { content: "\f4be"; }

.fa-hand-holding-usd:before { content: "\f4c0"; }

.fa-hand-lizard:before { content: "\f258"; }

.fa-hand-middle-finger:before { content: "\f806"; }

.fa-hand-paper:before { content: "\f256"; }

.fa-hand-peace:before { content: "\f25b"; }

.fa-hand-point-down:before { content: "\f0a7"; }

.fa-hand-point-left:before { content: "\f0a5"; }

.fa-hand-point-right:before { content: "\f0a4"; }

.fa-hand-point-up:before { content: "\f0a6"; }

.fa-hand-pointer:before { content: "\f25a"; }

.fa-hand-rock:before { content: "\f255"; }

.fa-hand-scissors:before { content: "\f257"; }

.fa-hand-spock:before { content: "\f259"; }

.fa-hands:before { content: "\f4c2"; }

.fa-hands-helping:before { content: "\f4c4"; }

.fa-handshake:before { content: "\f2b5"; }

.fa-hanukiah:before { content: "\f6e6"; }

.fa-hard-hat:before { content: "\f807"; }

.fa-hashtag:before { content: "\f292"; }

.fa-hat-cowboy:before { content: "\f8c0"; }

.fa-hat-cowboy-side:before { content: "\f8c1"; }

.fa-hat-wizard:before { content: "\f6e8"; }

.fa-haykal:before { content: "\f666"; }

.fa-hdd:before { content: "\f0a0"; }

.fa-heading:before { content: "\f1dc"; }

.fa-headphones:before { content: "\f025"; }

.fa-headphones-alt:before { content: "\f58f"; }

.fa-headset:before { content: "\f590"; }

.fa-heart:before { content: "\f004"; }

.fa-heart-broken:before { content: "\f7a9"; }

.fa-heartbeat:before { content: "\f21e"; }

.fa-helicopter:before { content: "\f533"; }

.fa-highlighter:before { content: "\f591"; }

.fa-hiking:before { content: "\f6ec"; }

.fa-hippo:before { content: "\f6ed"; }

.fa-hips:before { content: "\f452"; }

.fa-hire-a-helper:before { content: "\f3b0"; }

.fa-history:before { content: "\f1da"; }

.fa-hockey-puck:before { content: "\f453"; }

.fa-holly-berry:before { content: "\f7aa"; }

.fa-home:before { content: "\f015"; }

.fa-hooli:before { content: "\f427"; }

.fa-hornbill:before { content: "\f592"; }

.fa-horse:before { content: "\f6f0"; }

.fa-horse-head:before { content: "\f7ab"; }

.fa-hospital:before { content: "\f0f8"; }

.fa-hospital-alt:before { content: "\f47d"; }

.fa-hospital-symbol:before { content: "\f47e"; }

.fa-hot-tub:before { content: "\f593"; }

.fa-hotdog:before { content: "\f80f"; }

.fa-hotel:before { content: "\f594"; }

.fa-hotjar:before { content: "\f3b1"; }

.fa-hourglass:before { content: "\f254"; }

.fa-hourglass-end:before { content: "\f253"; }

.fa-hourglass-half:before { content: "\f252"; }

.fa-hourglass-start:before { content: "\f251"; }

.fa-house-damage:before { content: "\f6f1"; }

.fa-houzz:before { content: "\f27c"; }

.fa-hryvnia:before { content: "\f6f2"; }

.fa-html5:before { content: "\f13b"; }

.fa-hubspot:before { content: "\f3b2"; }

.fa-i-cursor:before { content: "\f246"; }

.fa-ice-cream:before { content: "\f810"; }

.fa-icicles:before { content: "\f7ad"; }

.fa-icons:before { content: "\f86d"; }

.fa-id-badge:before { content: "\f2c1"; }

.fa-id-card:before { content: "\f2c2"; }

.fa-id-card-alt:before { content: "\f47f"; }

.fa-igloo:before { content: "\f7ae"; }

.fa-image:before { content: "\f03e"; }

.fa-images:before { content: "\f302"; }

.fa-imdb:before { content: "\f2d8"; }

.fa-inbox:before { content: "\f01c"; }

.fa-indent:before { content: "\f03c"; }

.fa-industry:before { content: "\f275"; }

.fa-infinity:before { content: "\f534"; }

.fa-info:before { content: "\f129"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-instagram:before { content: "\f16d"; }

.fa-intercom:before { content: "\f7af"; }

.fa-internet-explorer:before { content: "\f26b"; }

.fa-invision:before { content: "\f7b0"; }

.fa-ioxhost:before { content: "\f208"; }

.fa-italic:before { content: "\f033"; }

.fa-itch-io:before { content: "\f83a"; }

.fa-itunes:before { content: "\f3b4"; }

.fa-itunes-note:before { content: "\f3b5"; }

.fa-java:before { content: "\f4e4"; }

.fa-jedi:before { content: "\f669"; }

.fa-jedi-order:before { content: "\f50e"; }

.fa-jenkins:before { content: "\f3b6"; }

.fa-jira:before { content: "\f7b1"; }

.fa-joget:before { content: "\f3b7"; }

.fa-joint:before { content: "\f595"; }

.fa-joomla:before { content: "\f1aa"; }

.fa-journal-whills:before { content: "\f66a"; }

.fa-js:before { content: "\f3b8"; }

.fa-js-square:before { content: "\f3b9"; }

.fa-jsfiddle:before { content: "\f1cc"; }

.fa-kaaba:before { content: "\f66b"; }

.fa-kaggle:before { content: "\f5fa"; }

.fa-key:before { content: "\f084"; }

.fa-keybase:before { content: "\f4f5"; }

.fa-keyboard:before { content: "\f11c"; }

.fa-keycdn:before { content: "\f3ba"; }

.fa-khanda:before { content: "\f66d"; }

.fa-kickstarter:before { content: "\f3bb"; }

.fa-kickstarter-k:before { content: "\f3bc"; }

.fa-kiss:before { content: "\f596"; }

.fa-kiss-beam:before { content: "\f597"; }

.fa-kiss-wink-heart:before { content: "\f598"; }

.fa-kiwi-bird:before { content: "\f535"; }

.fa-korvue:before { content: "\f42f"; }

.fa-landmark:before { content: "\f66f"; }

.fa-language:before { content: "\f1ab"; }

.fa-laptop:before { content: "\f109"; }

.fa-laptop-code:before { content: "\f5fc"; }

.fa-laptop-medical:before { content: "\f812"; }

.fa-laravel:before { content: "\f3bd"; }

.fa-lastfm:before { content: "\f202"; }

.fa-lastfm-square:before { content: "\f203"; }

.fa-laugh:before { content: "\f599"; }

.fa-laugh-beam:before { content: "\f59a"; }

.fa-laugh-squint:before { content: "\f59b"; }

.fa-laugh-wink:before { content: "\f59c"; }

.fa-layer-group:before { content: "\f5fd"; }

.fa-leaf:before { content: "\f06c"; }

.fa-leanpub:before { content: "\f212"; }

.fa-lemon:before { content: "\f094"; }

.fa-less:before { content: "\f41d"; }

.fa-less-than:before { content: "\f536"; }

.fa-less-than-equal:before { content: "\f537"; }

.fa-level-down-alt:before { content: "\f3be"; }

.fa-level-up-alt:before { content: "\f3bf"; }

.fa-life-ring:before { content: "\f1cd"; }

.fa-lightbulb:before { content: "\f0eb"; }

.fa-line:before { content: "\f3c0"; }

.fa-link:before { content: "\f0c1"; }

.fa-linkedin:before { content: "\f08c"; }

.fa-linkedin-in:before { content: "\f0e1"; }

.fa-linode:before { content: "\f2b8"; }

.fa-linux:before { content: "\f17c"; }

.fa-lira-sign:before { content: "\f195"; }

.fa-list:before { content: "\f03a"; }

.fa-list-alt:before { content: "\f022"; }

.fa-list-ol:before { content: "\f0cb"; }

.fa-list-ul:before { content: "\f0ca"; }

.fa-location-arrow:before { content: "\f124"; }

.fa-lock:before { content: "\f023"; }

.fa-lock-open:before { content: "\f3c1"; }

.fa-long-arrow-alt-down:before { content: "\f309"; }

.fa-long-arrow-alt-left:before { content: "\f30a"; }

.fa-long-arrow-alt-right:before { content: "\f30b"; }

.fa-long-arrow-alt-up:before { content: "\f30c"; }

.fa-low-vision:before { content: "\f2a8"; }

.fa-luggage-cart:before { content: "\f59d"; }

.fa-lyft:before { content: "\f3c3"; }

.fa-magento:before { content: "\f3c4"; }

.fa-magic:before { content: "\f0d0"; }

.fa-magnet:before { content: "\f076"; }

.fa-mail-bulk:before { content: "\f674"; }

.fa-mailchimp:before { content: "\f59e"; }

.fa-male:before { content: "\f183"; }

.fa-mandalorian:before { content: "\f50f"; }

.fa-map:before { content: "\f279"; }

.fa-map-marked:before { content: "\f59f"; }

.fa-map-marked-alt:before { content: "\f5a0"; }

.fa-map-marker:before { content: "\f041"; }

.fa-map-marker-alt:before { content: "\f3c5"; }

.fa-map-pin:before { content: "\f276"; }

.fa-map-signs:before { content: "\f277"; }

.fa-markdown:before { content: "\f60f"; }

.fa-marker:before { content: "\f5a1"; }

.fa-mars:before { content: "\f222"; }

.fa-mars-double:before { content: "\f227"; }

.fa-mars-stroke:before { content: "\f229"; }

.fa-mars-stroke-h:before { content: "\f22b"; }

.fa-mars-stroke-v:before { content: "\f22a"; }

.fa-mask:before { content: "\f6fa"; }

.fa-mastodon:before { content: "\f4f6"; }

.fa-maxcdn:before { content: "\f136"; }

.fa-mdb:before { content: "\f8ca"; }

.fa-medal:before { content: "\f5a2"; }

.fa-medapps:before { content: "\f3c6"; }

.fa-medium:before { content: "\f23a"; }

.fa-medium-m:before { content: "\f3c7"; }

.fa-medkit:before { content: "\f0fa"; }

.fa-medrt:before { content: "\f3c8"; }

.fa-meetup:before { content: "\f2e0"; }

.fa-megaport:before { content: "\f5a3"; }

.fa-meh:before { content: "\f11a"; }

.fa-meh-blank:before { content: "\f5a4"; }

.fa-meh-rolling-eyes:before { content: "\f5a5"; }

.fa-memory:before { content: "\f538"; }

.fa-mendeley:before { content: "\f7b3"; }

.fa-menorah:before { content: "\f676"; }

.fa-mercury:before { content: "\f223"; }

.fa-meteor:before { content: "\f753"; }

.fa-microchip:before { content: "\f2db"; }

.fa-microphone:before { content: "\f130"; }

.fa-microphone-alt:before { content: "\f3c9"; }

.fa-microphone-alt-slash:before { content: "\f539"; }

.fa-microphone-slash:before { content: "\f131"; }

.fa-microscope:before { content: "\f610"; }

.fa-microsoft:before { content: "\f3ca"; }

.fa-minus:before { content: "\f068"; }

.fa-minus-circle:before { content: "\f056"; }

.fa-minus-square:before { content: "\f146"; }

.fa-mitten:before { content: "\f7b5"; }

.fa-mix:before { content: "\f3cb"; }

.fa-mixcloud:before { content: "\f289"; }

.fa-mizuni:before { content: "\f3cc"; }

.fa-mobile:before { content: "\f10b"; }

.fa-mobile-alt:before { content: "\f3cd"; }

.fa-modx:before { content: "\f285"; }

.fa-monero:before { content: "\f3d0"; }

.fa-money-bill:before { content: "\f0d6"; }

.fa-money-bill-alt:before { content: "\f3d1"; }

.fa-money-bill-wave:before { content: "\f53a"; }

.fa-money-bill-wave-alt:before { content: "\f53b"; }

.fa-money-check:before { content: "\f53c"; }

.fa-money-check-alt:before { content: "\f53d"; }

.fa-monument:before { content: "\f5a6"; }

.fa-moon:before { content: "\f186"; }

.fa-mortar-pestle:before { content: "\f5a7"; }

.fa-mosque:before { content: "\f678"; }

.fa-motorcycle:before { content: "\f21c"; }

.fa-mountain:before { content: "\f6fc"; }

.fa-mouse:before { content: "\f8cc"; }

.fa-mouse-pointer:before { content: "\f245"; }

.fa-mug-hot:before { content: "\f7b6"; }

.fa-music:before { content: "\f001"; }

.fa-napster:before { content: "\f3d2"; }

.fa-neos:before { content: "\f612"; }

.fa-network-wired:before { content: "\f6ff"; }

.fa-neuter:before { content: "\f22c"; }

.fa-newspaper:before { content: "\f1ea"; }

.fa-nimblr:before { content: "\f5a8"; }

.fa-node:before { content: "\f419"; }

.fa-node-js:before { content: "\f3d3"; }

.fa-not-equal:before { content: "\f53e"; }

.fa-notes-medical:before { content: "\f481"; }

.fa-npm:before { content: "\f3d4"; }

.fa-ns8:before { content: "\f3d5"; }

.fa-nutritionix:before { content: "\f3d6"; }

.fa-object-group:before { content: "\f247"; }

.fa-object-ungroup:before { content: "\f248"; }

.fa-odnoklassniki:before { content: "\f263"; }

.fa-odnoklassniki-square:before { content: "\f264"; }

.fa-oil-can:before { content: "\f613"; }

.fa-old-republic:before { content: "\f510"; }

.fa-om:before { content: "\f679"; }

.fa-opencart:before { content: "\f23d"; }

.fa-openid:before { content: "\f19b"; }

.fa-opera:before { content: "\f26a"; }

.fa-optin-monster:before { content: "\f23c"; }

.fa-orcid:before { content: "\f8d2"; }

.fa-osi:before { content: "\f41a"; }

.fa-otter:before { content: "\f700"; }

.fa-outdent:before { content: "\f03b"; }

.fa-page4:before { content: "\f3d7"; }

.fa-pagelines:before { content: "\f18c"; }

.fa-pager:before { content: "\f815"; }

.fa-paint-brush:before { content: "\f1fc"; }

.fa-paint-roller:before { content: "\f5aa"; }

.fa-palette:before { content: "\f53f"; }

.fa-palfed:before { content: "\f3d8"; }

.fa-pallet:before { content: "\f482"; }

.fa-paper-plane:before { content: "\f1d8"; }

.fa-paperclip:before { content: "\f0c6"; }

.fa-parachute-box:before { content: "\f4cd"; }

.fa-paragraph:before { content: "\f1dd"; }

.fa-parking:before { content: "\f540"; }

.fa-passport:before { content: "\f5ab"; }

.fa-pastafarianism:before { content: "\f67b"; }

.fa-paste:before { content: "\f0ea"; }

.fa-patreon:before { content: "\f3d9"; }

.fa-pause:before { content: "\f04c"; }

.fa-pause-circle:before { content: "\f28b"; }

.fa-paw:before { content: "\f1b0"; }

.fa-paypal:before { content: "\f1ed"; }

.fa-peace:before { content: "\f67c"; }

.fa-pen:before { content: "\f304"; }

.fa-pen-alt:before { content: "\f305"; }

.fa-pen-fancy:before { content: "\f5ac"; }

.fa-pen-nib:before { content: "\f5ad"; }

.fa-pen-square:before { content: "\f14b"; }

.fa-pencil-alt:before { content: "\f303"; }

.fa-pencil-ruler:before { content: "\f5ae"; }

.fa-penny-arcade:before { content: "\f704"; }

.fa-people-carry:before { content: "\f4ce"; }

.fa-pepper-hot:before { content: "\f816"; }

.fa-percent:before { content: "\f295"; }

.fa-percentage:before { content: "\f541"; }

.fa-periscope:before { content: "\f3da"; }

.fa-person-booth:before { content: "\f756"; }

.fa-phabricator:before { content: "\f3db"; }

.fa-phoenix-framework:before { content: "\f3dc"; }

.fa-phoenix-squadron:before { content: "\f511"; }

.fa-phone:before { content: "\f095"; }

.fa-phone-alt:before { content: "\f879"; }

.fa-phone-slash:before { content: "\f3dd"; }

.fa-phone-square:before { content: "\f098"; }

.fa-phone-square-alt:before { content: "\f87b"; }

.fa-phone-volume:before { content: "\f2a0"; }

.fa-photo-video:before { content: "\f87c"; }

.fa-php:before { content: "\f457"; }

.fa-pied-piper:before { content: "\f2ae"; }

.fa-pied-piper-alt:before { content: "\f1a8"; }

.fa-pied-piper-hat:before { content: "\f4e5"; }

.fa-pied-piper-pp:before { content: "\f1a7"; }

.fa-piggy-bank:before { content: "\f4d3"; }

.fa-pills:before { content: "\f484"; }

.fa-pinterest:before { content: "\f0d2"; }

.fa-pinterest-p:before { content: "\f231"; }

.fa-pinterest-square:before { content: "\f0d3"; }

.fa-pizza-slice:before { content: "\f818"; }

.fa-place-of-worship:before { content: "\f67f"; }

.fa-plane:before { content: "\f072"; }

.fa-plane-arrival:before { content: "\f5af"; }

.fa-plane-departure:before { content: "\f5b0"; }

.fa-play:before { content: "\f04b"; }

.fa-play-circle:before { content: "\f144"; }

.fa-playstation:before { content: "\f3df"; }

.fa-plug:before { content: "\f1e6"; }

.fa-plus:before { content: "\f067"; }

.fa-plus-circle:before { content: "\f055"; }

.fa-plus-square:before { content: "\f0fe"; }

.fa-podcast:before { content: "\f2ce"; }

.fa-poll:before { content: "\f681"; }

.fa-poll-h:before { content: "\f682"; }

.fa-poo:before { content: "\f2fe"; }

.fa-poo-storm:before { content: "\f75a"; }

.fa-poop:before { content: "\f619"; }

.fa-portrait:before { content: "\f3e0"; }

.fa-pound-sign:before { content: "\f154"; }

.fa-power-off:before { content: "\f011"; }

.fa-pray:before { content: "\f683"; }

.fa-praying-hands:before { content: "\f684"; }

.fa-prescription:before { content: "\f5b1"; }

.fa-prescription-bottle:before { content: "\f485"; }

.fa-prescription-bottle-alt:before { content: "\f486"; }

.fa-print:before { content: "\f02f"; }

.fa-procedures:before { content: "\f487"; }

.fa-product-hunt:before { content: "\f288"; }

.fa-project-diagram:before { content: "\f542"; }

.fa-pushed:before { content: "\f3e1"; }

.fa-puzzle-piece:before { content: "\f12e"; }

.fa-python:before { content: "\f3e2"; }

.fa-qq:before { content: "\f1d6"; }

.fa-qrcode:before { content: "\f029"; }

.fa-question:before { content: "\f128"; }

.fa-question-circle:before { content: "\f059"; }

.fa-quidditch:before { content: "\f458"; }

.fa-quinscape:before { content: "\f459"; }

.fa-quora:before { content: "\f2c4"; }

.fa-quote-left:before { content: "\f10d"; }

.fa-quote-right:before { content: "\f10e"; }

.fa-quran:before { content: "\f687"; }

.fa-r-project:before { content: "\f4f7"; }

.fa-radiation:before { content: "\f7b9"; }

.fa-radiation-alt:before { content: "\f7ba"; }

.fa-rainbow:before { content: "\f75b"; }

.fa-random:before { content: "\f074"; }

.fa-raspberry-pi:before { content: "\f7bb"; }

.fa-ravelry:before { content: "\f2d9"; }

.fa-react:before { content: "\f41b"; }

.fa-reacteurope:before { content: "\f75d"; }

.fa-readme:before { content: "\f4d5"; }

.fa-rebel:before { content: "\f1d0"; }

.fa-receipt:before { content: "\f543"; }

.fa-record-vinyl:before { content: "\f8d9"; }

.fa-recycle:before { content: "\f1b8"; }

.fa-red-river:before { content: "\f3e3"; }

.fa-reddit:before { content: "\f1a1"; }

.fa-reddit-alien:before { content: "\f281"; }

.fa-reddit-square:before { content: "\f1a2"; }

.fa-redhat:before { content: "\f7bc"; }

.fa-redo:before { content: "\f01e"; }

.fa-redo-alt:before { content: "\f2f9"; }

.fa-registered:before { content: "\f25d"; }

.fa-remove-format:before { content: "\f87d"; }

.fa-renren:before { content: "\f18b"; }

.fa-reply:before { content: "\f3e5"; }

.fa-reply-all:before { content: "\f122"; }

.fa-replyd:before { content: "\f3e6"; }

.fa-republican:before { content: "\f75e"; }

.fa-researchgate:before { content: "\f4f8"; }

.fa-resolving:before { content: "\f3e7"; }

.fa-restroom:before { content: "\f7bd"; }

.fa-retweet:before { content: "\f079"; }

.fa-rev:before { content: "\f5b2"; }

.fa-ribbon:before { content: "\f4d6"; }

.fa-ring:before { content: "\f70b"; }

.fa-road:before { content: "\f018"; }

.fa-robot:before { content: "\f544"; }

.fa-rocket:before { content: "\f135"; }

.fa-rocketchat:before { content: "\f3e8"; }

.fa-rockrms:before { content: "\f3e9"; }

.fa-route:before { content: "\f4d7"; }

.fa-rss:before { content: "\f09e"; }

.fa-rss-square:before { content: "\f143"; }

.fa-ruble-sign:before { content: "\f158"; }

.fa-ruler:before { content: "\f545"; }

.fa-ruler-combined:before { content: "\f546"; }

.fa-ruler-horizontal:before { content: "\f547"; }

.fa-ruler-vertical:before { content: "\f548"; }

.fa-running:before { content: "\f70c"; }

.fa-rupee-sign:before { content: "\f156"; }

.fa-sad-cry:before { content: "\f5b3"; }

.fa-sad-tear:before { content: "\f5b4"; }

.fa-safari:before { content: "\f267"; }

.fa-salesforce:before { content: "\f83b"; }

.fa-sass:before { content: "\f41e"; }

.fa-satellite:before { content: "\f7bf"; }

.fa-satellite-dish:before { content: "\f7c0"; }

.fa-save:before { content: "\f0c7"; }

.fa-schlix:before { content: "\f3ea"; }

.fa-school:before { content: "\f549"; }

.fa-screwdriver:before { content: "\f54a"; }

.fa-scribd:before { content: "\f28a"; }

.fa-scroll:before { content: "\f70e"; }

.fa-sd-card:before { content: "\f7c2"; }

.fa-search:before { content: "\f002"; }

.fa-search-dollar:before { content: "\f688"; }

.fa-search-location:before { content: "\f689"; }

.fa-search-minus:before { content: "\f010"; }

.fa-search-plus:before { content: "\f00e"; }

.fa-searchengin:before { content: "\f3eb"; }

.fa-seedling:before { content: "\f4d8"; }

.fa-sellcast:before { content: "\f2da"; }

.fa-sellsy:before { content: "\f213"; }

.fa-server:before { content: "\f233"; }

.fa-servicestack:before { content: "\f3ec"; }

.fa-shapes:before { content: "\f61f"; }

.fa-share:before { content: "\f064"; }

.fa-share-alt:before { content: "\f1e0"; }

.fa-share-alt-square:before { content: "\f1e1"; }

.fa-share-square:before { content: "\f14d"; }

.fa-shekel-sign:before { content: "\f20b"; }

.fa-shield-alt:before { content: "\f3ed"; }

.fa-ship:before { content: "\f21a"; }

.fa-shipping-fast:before { content: "\f48b"; }

.fa-shirtsinbulk:before { content: "\f214"; }

.fa-shoe-prints:before { content: "\f54b"; }

.fa-shopping-bag:before { content: "\f290"; }

.fa-shopping-basket:before { content: "\f291"; }

.fa-shopping-cart:before { content: "\f07a"; }

.fa-shopware:before { content: "\f5b5"; }

.fa-shower:before { content: "\f2cc"; }

.fa-shuttle-van:before { content: "\f5b6"; }

.fa-sign:before { content: "\f4d9"; }

.fa-sign-in-alt:before { content: "\f2f6"; }

.fa-sign-language:before { content: "\f2a7"; }

.fa-sign-out-alt:before { content: "\f2f5"; }

.fa-signal:before { content: "\f012"; }

.fa-signature:before { content: "\f5b7"; }

.fa-sim-card:before { content: "\f7c4"; }

.fa-simplybuilt:before { content: "\f215"; }

.fa-sistrix:before { content: "\f3ee"; }

.fa-sitemap:before { content: "\f0e8"; }

.fa-sith:before { content: "\f512"; }

.fa-skating:before { content: "\f7c5"; }

.fa-sketch:before { content: "\f7c6"; }

.fa-skiing:before { content: "\f7c9"; }

.fa-skiing-nordic:before { content: "\f7ca"; }

.fa-skull:before { content: "\f54c"; }

.fa-skull-crossbones:before { content: "\f714"; }

.fa-skyatlas:before { content: "\f216"; }

.fa-skype:before { content: "\f17e"; }

.fa-slack:before { content: "\f198"; }

.fa-slack-hash:before { content: "\f3ef"; }

.fa-slash:before { content: "\f715"; }

.fa-sleigh:before { content: "\f7cc"; }

.fa-sliders-h:before { content: "\f1de"; }

.fa-slideshare:before { content: "\f1e7"; }

.fa-smile:before { content: "\f118"; }

.fa-smile-beam:before { content: "\f5b8"; }

.fa-smile-wink:before { content: "\f4da"; }

.fa-smog:before { content: "\f75f"; }

.fa-smoking:before { content: "\f48d"; }

.fa-smoking-ban:before { content: "\f54d"; }

.fa-sms:before { content: "\f7cd"; }

.fa-snapchat:before { content: "\f2ab"; }

.fa-snapchat-ghost:before { content: "\f2ac"; }

.fa-snapchat-square:before { content: "\f2ad"; }

.fa-snowboarding:before { content: "\f7ce"; }

.fa-snowflake:before { content: "\f2dc"; }

.fa-snowman:before { content: "\f7d0"; }

.fa-snowplow:before { content: "\f7d2"; }

.fa-socks:before { content: "\f696"; }

.fa-solar-panel:before { content: "\f5ba"; }

.fa-sort:before { content: "\f0dc"; }

.fa-sort-alpha-down:before { content: "\f15d"; }

.fa-sort-alpha-down-alt:before { content: "\f881"; }

.fa-sort-alpha-up:before { content: "\f15e"; }

.fa-sort-alpha-up-alt:before { content: "\f882"; }

.fa-sort-amount-down:before { content: "\f160"; }

.fa-sort-amount-down-alt:before { content: "\f884"; }

.fa-sort-amount-up:before { content: "\f161"; }

.fa-sort-amount-up-alt:before { content: "\f885"; }

.fa-sort-down:before { content: "\f0dd"; }

.fa-sort-numeric-down:before { content: "\f162"; }

.fa-sort-numeric-down-alt:before { content: "\f886"; }

.fa-sort-numeric-up:before { content: "\f163"; }

.fa-sort-numeric-up-alt:before { content: "\f887"; }

.fa-sort-up:before { content: "\f0de"; }

.fa-soundcloud:before { content: "\f1be"; }

.fa-sourcetree:before { content: "\f7d3"; }

.fa-spa:before { content: "\f5bb"; }

.fa-space-shuttle:before { content: "\f197"; }

.fa-speakap:before { content: "\f3f3"; }

.fa-speaker-deck:before { content: "\f83c"; }

.fa-spell-check:before { content: "\f891"; }

.fa-spider:before { content: "\f717"; }

.fa-spinner:before { content: "\f110"; }

.fa-splotch:before { content: "\f5bc"; }

.fa-spotify:before { content: "\f1bc"; }

.fa-spray-can:before { content: "\f5bd"; }

.fa-square:before { content: "\f0c8"; }

.fa-square-full:before { content: "\f45c"; }

.fa-square-root-alt:before { content: "\f698"; }

.fa-squarespace:before { content: "\f5be"; }

.fa-stack-exchange:before { content: "\f18d"; }

.fa-stack-overflow:before { content: "\f16c"; }

.fa-stackpath:before { content: "\f842"; }

.fa-stamp:before { content: "\f5bf"; }

.fa-star:before { content: "\f005"; }

.fa-star-and-crescent:before { content: "\f699"; }

.fa-star-half:before { content: "\f089"; }

.fa-star-half-alt:before { content: "\f5c0"; }

.fa-star-of-david:before { content: "\f69a"; }

.fa-star-of-life:before { content: "\f621"; }

.fa-staylinked:before { content: "\f3f5"; }

.fa-steam:before { content: "\f1b6"; }

.fa-steam-square:before { content: "\f1b7"; }

.fa-steam-symbol:before { content: "\f3f6"; }

.fa-step-backward:before { content: "\f048"; }

.fa-step-forward:before { content: "\f051"; }

.fa-stethoscope:before { content: "\f0f1"; }

.fa-sticker-mule:before { content: "\f3f7"; }

.fa-sticky-note:before { content: "\f249"; }

.fa-stop:before { content: "\f04d"; }

.fa-stop-circle:before { content: "\f28d"; }

.fa-stopwatch:before { content: "\f2f2"; }

.fa-store:before { content: "\f54e"; }

.fa-store-alt:before { content: "\f54f"; }

.fa-strava:before { content: "\f428"; }

.fa-stream:before { content: "\f550"; }

.fa-street-view:before { content: "\f21d"; }

.fa-strikethrough:before { content: "\f0cc"; }

.fa-stripe:before { content: "\f429"; }

.fa-stripe-s:before { content: "\f42a"; }

.fa-stroopwafel:before { content: "\f551"; }

.fa-studiovinari:before { content: "\f3f8"; }

.fa-stumbleupon:before { content: "\f1a4"; }

.fa-stumbleupon-circle:before { content: "\f1a3"; }

.fa-subscript:before { content: "\f12c"; }

.fa-subway:before { content: "\f239"; }

.fa-suitcase:before { content: "\f0f2"; }

.fa-suitcase-rolling:before { content: "\f5c1"; }

.fa-sun:before { content: "\f185"; }

.fa-superpowers:before { content: "\f2dd"; }

.fa-superscript:before { content: "\f12b"; }

.fa-supple:before { content: "\f3f9"; }

.fa-surprise:before { content: "\f5c2"; }

.fa-suse:before { content: "\f7d6"; }

.fa-swatchbook:before { content: "\f5c3"; }

.fa-swift:before { content: "\f8e1"; }

.fa-swimmer:before { content: "\f5c4"; }

.fa-swimming-pool:before { content: "\f5c5"; }

.fa-symfony:before { content: "\f83d"; }

.fa-synagogue:before { content: "\f69b"; }

.fa-sync:before { content: "\f021"; }

.fa-sync-alt:before { content: "\f2f1"; }

.fa-syringe:before { content: "\f48e"; }

.fa-table:before { content: "\f0ce"; }

.fa-table-tennis:before { content: "\f45d"; }

.fa-tablet:before { content: "\f10a"; }

.fa-tablet-alt:before { content: "\f3fa"; }

.fa-tablets:before { content: "\f490"; }

.fa-tachometer-alt:before { content: "\f3fd"; }

.fa-tag:before { content: "\f02b"; }

.fa-tags:before { content: "\f02c"; }

.fa-tape:before { content: "\f4db"; }

.fa-tasks:before { content: "\f0ae"; }

.fa-taxi:before { content: "\f1ba"; }

.fa-teamspeak:before { content: "\f4f9"; }

.fa-teeth:before { content: "\f62e"; }

.fa-teeth-open:before { content: "\f62f"; }

.fa-telegram:before { content: "\f2c6"; }

.fa-telegram-plane:before { content: "\f3fe"; }

.fa-temperature-high:before { content: "\f769"; }

.fa-temperature-low:before { content: "\f76b"; }

.fa-tencent-weibo:before { content: "\f1d5"; }

.fa-tenge:before { content: "\f7d7"; }

.fa-terminal:before { content: "\f120"; }

.fa-text-height:before { content: "\f034"; }

.fa-text-width:before { content: "\f035"; }

.fa-th:before { content: "\f00a"; }

.fa-th-large:before { content: "\f009"; }

.fa-th-list:before { content: "\f00b"; }

.fa-the-red-yeti:before { content: "\f69d"; }

.fa-theater-masks:before { content: "\f630"; }

.fa-themeco:before { content: "\f5c6"; }

.fa-themeisle:before { content: "\f2b2"; }

.fa-thermometer:before { content: "\f491"; }

.fa-thermometer-empty:before { content: "\f2cb"; }

.fa-thermometer-full:before { content: "\f2c7"; }

.fa-thermometer-half:before { content: "\f2c9"; }

.fa-thermometer-quarter:before { content: "\f2ca"; }

.fa-thermometer-three-quarters:before { content: "\f2c8"; }

.fa-think-peaks:before { content: "\f731"; }

.fa-thumbs-down:before { content: "\f165"; }

.fa-thumbs-up:before { content: "\f164"; }

.fa-thumbtack:before { content: "\f08d"; }

.fa-ticket-alt:before { content: "\f3ff"; }

.fa-times:before { content: "\f00d"; }

.fa-times-circle:before { content: "\f057"; }

.fa-tint:before { content: "\f043"; }

.fa-tint-slash:before { content: "\f5c7"; }

.fa-tired:before { content: "\f5c8"; }

.fa-toggle-off:before { content: "\f204"; }

.fa-toggle-on:before { content: "\f205"; }

.fa-toilet:before { content: "\f7d8"; }

.fa-toilet-paper:before { content: "\f71e"; }

.fa-toolbox:before { content: "\f552"; }

.fa-tools:before { content: "\f7d9"; }

.fa-tooth:before { content: "\f5c9"; }

.fa-torah:before { content: "\f6a0"; }

.fa-torii-gate:before { content: "\f6a1"; }

.fa-tractor:before { content: "\f722"; }

.fa-trade-federation:before { content: "\f513"; }

.fa-trademark:before { content: "\f25c"; }

.fa-traffic-light:before { content: "\f637"; }

.fa-train:before { content: "\f238"; }

.fa-tram:before { content: "\f7da"; }

.fa-transgender:before { content: "\f224"; }

.fa-transgender-alt:before { content: "\f225"; }

.fa-trash:before { content: "\f1f8"; }

.fa-trash-alt:before { content: "\f2ed"; }

.fa-trash-restore:before { content: "\f829"; }

.fa-trash-restore-alt:before { content: "\f82a"; }

.fa-tree:before { content: "\f1bb"; }

.fa-trello:before { content: "\f181"; }

.fa-tripadvisor:before { content: "\f262"; }

.fa-trophy:before { content: "\f091"; }

.fa-truck:before { content: "\f0d1"; }

.fa-truck-loading:before { content: "\f4de"; }

.fa-truck-monster:before { content: "\f63b"; }

.fa-truck-moving:before { content: "\f4df"; }

.fa-truck-pickup:before { content: "\f63c"; }

.fa-tshirt:before { content: "\f553"; }

.fa-tty:before { content: "\f1e4"; }

.fa-tumblr:before { content: "\f173"; }

.fa-tumblr-square:before { content: "\f174"; }

.fa-tv:before { content: "\f26c"; }

.fa-twitch:before { content: "\f1e8"; }

.fa-twitter:before { content: "\f099"; }

.fa-twitter-square:before { content: "\f081"; }

.fa-typo3:before { content: "\f42b"; }

.fa-uber:before { content: "\f402"; }

.fa-ubuntu:before { content: "\f7df"; }

.fa-uikit:before { content: "\f403"; }

.fa-umbraco:before { content: "\f8e8"; }

.fa-umbrella:before { content: "\f0e9"; }

.fa-umbrella-beach:before { content: "\f5ca"; }

.fa-underline:before { content: "\f0cd"; }

.fa-undo:before { content: "\f0e2"; }

.fa-undo-alt:before { content: "\f2ea"; }

.fa-uniregistry:before { content: "\f404"; }

.fa-universal-access:before { content: "\f29a"; }

.fa-university:before { content: "\f19c"; }

.fa-unlink:before { content: "\f127"; }

.fa-unlock:before { content: "\f09c"; }

.fa-unlock-alt:before { content: "\f13e"; }

.fa-untappd:before { content: "\f405"; }

.fa-upload:before { content: "\f093"; }

.fa-ups:before { content: "\f7e0"; }

.fa-usb:before { content: "\f287"; }

.fa-user:before { content: "\f007"; }

.fa-user-alt:before { content: "\f406"; }

.fa-user-alt-slash:before { content: "\f4fa"; }

.fa-user-astronaut:before { content: "\f4fb"; }

.fa-user-check:before { content: "\f4fc"; }

.fa-user-circle:before { content: "\f2bd"; }

.fa-user-clock:before { content: "\f4fd"; }

.fa-user-cog:before { content: "\f4fe"; }

.fa-user-edit:before { content: "\f4ff"; }

.fa-user-friends:before { content: "\f500"; }

.fa-user-graduate:before { content: "\f501"; }

.fa-user-injured:before { content: "\f728"; }

.fa-user-lock:before { content: "\f502"; }

.fa-user-md:before { content: "\f0f0"; }

.fa-user-minus:before { content: "\f503"; }

.fa-user-ninja:before { content: "\f504"; }

.fa-user-nurse:before { content: "\f82f"; }

.fa-user-plus:before { content: "\f234"; }

.fa-user-secret:before { content: "\f21b"; }

.fa-user-shield:before { content: "\f505"; }

.fa-user-slash:before { content: "\f506"; }

.fa-user-tag:before { content: "\f507"; }

.fa-user-tie:before { content: "\f508"; }

.fa-user-times:before { content: "\f235"; }

.fa-users:before { content: "\f0c0"; }

.fa-users-cog:before { content: "\f509"; }

.fa-usps:before { content: "\f7e1"; }

.fa-ussunnah:before { content: "\f407"; }

.fa-utensil-spoon:before { content: "\f2e5"; }

.fa-utensils:before { content: "\f2e7"; }

.fa-vaadin:before { content: "\f408"; }

.fa-vector-square:before { content: "\f5cb"; }

.fa-venus:before { content: "\f221"; }

.fa-venus-double:before { content: "\f226"; }

.fa-venus-mars:before { content: "\f228"; }

.fa-viacoin:before { content: "\f237"; }

.fa-viadeo:before { content: "\f2a9"; }

.fa-viadeo-square:before { content: "\f2aa"; }

.fa-vial:before { content: "\f492"; }

.fa-vials:before { content: "\f493"; }

.fa-viber:before { content: "\f409"; }

.fa-video:before { content: "\f03d"; }

.fa-video-slash:before { content: "\f4e2"; }

.fa-vihara:before { content: "\f6a7"; }

.fa-vimeo:before { content: "\f40a"; }

.fa-vimeo-square:before { content: "\f194"; }

.fa-vimeo-v:before { content: "\f27d"; }

.fa-vine:before { content: "\f1ca"; }

.fa-vk:before { content: "\f189"; }

.fa-vnv:before { content: "\f40b"; }

.fa-voicemail:before { content: "\f897"; }

.fa-volleyball-ball:before { content: "\f45f"; }

.fa-volume-down:before { content: "\f027"; }

.fa-volume-mute:before { content: "\f6a9"; }

.fa-volume-off:before { content: "\f026"; }

.fa-volume-up:before { content: "\f028"; }

.fa-vote-yea:before { content: "\f772"; }

.fa-vr-cardboard:before { content: "\f729"; }

.fa-vuejs:before { content: "\f41f"; }

.fa-walking:before { content: "\f554"; }

.fa-wallet:before { content: "\f555"; }

.fa-warehouse:before { content: "\f494"; }

.fa-water:before { content: "\f773"; }

.fa-wave-square:before { content: "\f83e"; }

.fa-waze:before { content: "\f83f"; }

.fa-weebly:before { content: "\f5cc"; }

.fa-weibo:before { content: "\f18a"; }

.fa-weight:before { content: "\f496"; }

.fa-weight-hanging:before { content: "\f5cd"; }

.fa-weixin:before { content: "\f1d7"; }

.fa-whatsapp:before { content: "\f232"; }

.fa-whatsapp-square:before { content: "\f40c"; }

.fa-wheelchair:before { content: "\f193"; }

.fa-whmcs:before { content: "\f40d"; }

.fa-wifi:before { content: "\f1eb"; }

.fa-wikipedia-w:before { content: "\f266"; }

.fa-wind:before { content: "\f72e"; }

.fa-window-close:before { content: "\f410"; }

.fa-window-maximize:before { content: "\f2d0"; }

.fa-window-minimize:before { content: "\f2d1"; }

.fa-window-restore:before { content: "\f2d2"; }

.fa-windows:before { content: "\f17a"; }

.fa-wine-bottle:before { content: "\f72f"; }

.fa-wine-glass:before { content: "\f4e3"; }

.fa-wine-glass-alt:before { content: "\f5ce"; }

.fa-wix:before { content: "\f5cf"; }

.fa-wizards-of-the-coast:before { content: "\f730"; }

.fa-wolf-pack-battalion:before { content: "\f514"; }

.fa-won-sign:before { content: "\f159"; }

.fa-wordpress:before { content: "\f19a"; }

.fa-wordpress-simple:before { content: "\f411"; }

.fa-wpbeginner:before { content: "\f297"; }

.fa-wpexplorer:before { content: "\f2de"; }

.fa-wpforms:before { content: "\f298"; }

.fa-wpressr:before { content: "\f3e4"; }

.fa-wrench:before { content: "\f0ad"; }

.fa-x-ray:before { content: "\f497"; }

.fa-xbox:before { content: "\f412"; }

.fa-xing:before { content: "\f168"; }

.fa-xing-square:before { content: "\f169"; }

.fa-y-combinator:before { content: "\f23b"; }

.fa-yahoo:before { content: "\f19e"; }

.fa-yammer:before { content: "\f840"; }

.fa-yandex:before { content: "\f413"; }

.fa-yandex-international:before { content: "\f414"; }

.fa-yarn:before { content: "\f7e3"; }

.fa-yelp:before { content: "\f1e9"; }

.fa-yen-sign:before { content: "\f157"; }

.fa-yin-yang:before { content: "\f6ad"; }

.fa-yoast:before { content: "\f2b1"; }

.fa-youtube:before { content: "\f167"; }

.fa-youtube-square:before { content: "\f431"; }

.fa-zhihu:before { content: "\f63f"; }

.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

@font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; font-display: auto; src: url(../webfonts/fa-brands-400.eot); src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.woff) format("woff"), url(../webfonts/fa-brands-400.ttf) format("truetype"), url(../webfonts/fa-brands-400.svg#fontawesome) format("svg"); }

.fab { font-family: "Font Awesome 5 Brands"; }

@font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: auto; src: url(../webfonts/fa-regular-400.eot); src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-regular-400.woff2) format("woff2"), url(../webfonts/fa-regular-400.woff) format("woff"), url(../webfonts/fa-regular-400.ttf) format("truetype"), url(../webfonts/fa-regular-400.svg#fontawesome) format("svg"); }

.far { font-weight: 400; }

@font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: auto; src: url(../webfonts/fa-solid-900.eot); src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-solid-900.woff2) format("woff2"), url(../webfonts/fa-solid-900.woff) format("woff"), url(../webfonts/fa-solid-900.ttf) format("truetype"), url(../webfonts/fa-solid-900.svg#fontawesome) format("svg"); }

.fa, .far, .fas { font-family: "Font Awesome 5 Free"; }

.fa, .fas { font-weight: 900; }

/** components */
.loader { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center; }

.loader.hidden { animation: fadeOut 0.5s; animation-fill-mode: forwards; }

@keyframes fadeOut { 100% { opacity: 0;
    visibility: hidden; } }

.c-logo { width: 97px; height: 30px; fill: #000000; }

.c-logo--small { width: 80px; height: 42px; top: 6px; position: relative; }

.logo-mark { width: 50px; height: 50px; }

.c-btn { /************************** mixins */ /************************** style */ /************** サイズ */ /************** 色 */ }

@keyframes loading { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.c-btn { display: inline-flex; justify-content: center; align-items: center; height: 48px; min-width: 180px; padding: 0 22px; border: 0.5px solid #205EFB; border-radius: 4px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; color: #205EFB; transition: background-color 0.2s, color 0.2s, opacity 0.2s; }

.c-btn:hover { background-color: rgba(32, 94, 251, 0.08); }

.c-btn--dark { border: 0.5px solid #FFFFFF; color: #FFFFFF; }

.c-btn--dark:hover { background-color: #FFFFFF; color: #4C6072; }

.c-btn.is-disabled { cursor: default; pointer-events: none; color: #A0A0AA; border: 0.5px solid #DADBDD; }

.c-btn.is-disabled:hover { opacity: 1; color: #A0A0AA; border: #DADBDD; }

.c-btn.is-loading { font-size: 0; cursor: default; pointer-events: none; }

.c-btn.is-loading::after { content: ""; border-radius: 50%; width: 19.5px; height: 19.5px; border-top: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid #205EFB; border-left: 1px solid #205EFB; animation: loading 0.9s infinite linear; }

.c-btn--sm { height: 36px; }

.c-btn--lg { height: 56px; }

.c-btn--primary { border: none; background-color: #205EFB; color: #FFFFFF; }

.c-btn--primary:hover { background-color: #214FC5; }

.c-btn--primary-dark { border: none; background-color: #FFFFFF; color: #4C6072; }

.c-btn--primary-dark:hover { background-color: #FFFFFF; opacity: 0.72; }

.c-btn--primary.is-disabled { cursor: default; pointer-events: none; color: #A0A0AA; border: 0.5px solid #DADBDD; background-color: #DADBDD; }

.c-btn--primary.is-disabled:hover { opacity: 1; color: #A0A0AA; border: #DADBDD; }

.c-btn--primary.is-disabled:hover { background-color: #DADBDD; }

.c-btn--primary.is-loading { font-size: 0; cursor: default; pointer-events: none; font-size: 0; }

.c-btn--primary.is-loading::after { content: ""; border-radius: 50%; width: 19.5px; height: 19.5px; border-top: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid #205EFB; border-left: 1px solid #205EFB; animation: loading 0.9s infinite linear; }

.c-btn--primary.is-loading::after { margin-left: 1rem; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }

.c-btn--red { border: none; background-color: #DF5475; color: #FFFFFF; }

.c-btn--red:hover { background-color: #C0506B; color: #FFFFFF; }

.c-btn--red.is-disabled { cursor: default; pointer-events: none; color: #A0A0AA; border: 0.5px solid #DADBDD; background-color: #DADBDD; }

.c-btn--red.is-disabled:hover { opacity: 1; color: #A0A0AA; border: #DADBDD; }

.c-btn--red.is-disabled:hover { background-color: #DADBDD; }

.c-btn--red.is-loading { font-size: 0; cursor: default; pointer-events: none; font-size: 0; }

.c-btn--red.is-loading::after { content: ""; border-radius: 50%; width: 19.5px; height: 19.5px; border-top: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid #205EFB; border-left: 1px solid #205EFB; animation: loading 0.9s infinite linear; }

.c-btn--red.is-loading::after { margin-left: 1rem; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }

.c-btn--red.ghost { border: 1px solid #DF5475; background: #FFFFFF; color: #DF5475; }

.c-btn--red.ghost:hover { background-color: #C0506B; color: #FFFFFF; }

.c-btn--green { border: none; background-color: #5DD193; color: #FFFFFF; }

.c-btn--green:hover { background-color: #5DD193; }

.c-btn--green.is-disabled { cursor: default; pointer-events: none; color: #A0A0AA; border: 0.5px solid #DADBDD; background-color: #DADBDD; }

.c-btn--green.is-disabled:hover { opacity: 1; color: #A0A0AA; border: #DADBDD; }

.c-btn--green.is-disabled:hover { background-color: #DADBDD; }

.c-btn--green.is-loading { font-size: 0; cursor: default; pointer-events: none; font-size: 0; }

.c-btn--green.is-loading::after { content: ""; border-radius: 50%; width: 19.5px; height: 19.5px; border-top: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid #205EFB; border-left: 1px solid #205EFB; animation: loading 0.9s infinite linear; }

.c-btn--green.is-loading::after { margin-left: 1rem; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }

.c-btn--green.ghost { border: 1px solid #5DD193; background: #FFFFFF; color: #5DD193; }

.c-btn--green.ghost:hover { background-color: #5DD193; color: #FFFFFF; }

.c-btn--black { border: none; background-color: #000000; color: #FFFFFF; }

.c-btn--black:hover { background-color: #000000; }

.c-btn--black.is-disabled { cursor: default; pointer-events: none; color: #A0A0AA; border: 0.5px solid #DADBDD; background-color: #DADBDD; }

.c-btn--black.is-disabled:hover { opacity: 1; color: #A0A0AA; border: #DADBDD; }

.c-btn--black.is-disabled:hover { background-color: #DADBDD; }

.c-btn--black.is-loading { font-size: 0; cursor: default; pointer-events: none; font-size: 0; }

.c-btn--black.is-loading::after { content: ""; border-radius: 50%; width: 19.5px; height: 19.5px; border-top: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid #205EFB; border-left: 1px solid #205EFB; animation: loading 0.9s infinite linear; }

.c-btn--black.is-loading::after { margin-left: 1rem; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }

.c-btn--black.ghost { border: 1px solid #DADBDD; background: #FFFFFF; color: #000000; }

.c-btn--black.ghost:hover { background-color: #000000; color: #FFFFFF; }

.c-message { /************************** style */ /************** サイズ */ /************** 色 */ }

.c-message { display: inline-flex; justify-content: center; align-items: center; height: 48px; min-width: 180px; padding: 0 22px; border: 0.5px solid #205EFB; border-radius: 4px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; color: #205EFB; transition: background-color 0.2s, color 0.2s, opacity 0.2s; }

.c-message--dark { border: 0.5px solid #FFFFFF; color: #FFFFFF; }

.c-message--sm { height: 36px; }

.c-message--lg { height: 56px; }

.c-message--success { border: none; background-color: #205EFB; color: #FFFFFF; }

.c-message--success-dark { border: none; background-color: #FFFFFF; color: #4C6072; }

.c-message--error { border: none; background-color: #DF5475; color: #FFFFFF; }

.c-message--error.ghost { border: 1px solid #DF5475; background: #FFFFFF; color: #DF5475; }

.c-message--info { border: none; background-color: #5DD193; color: #FFFFFF; }

.c-message--info.ghost { border: 1px solid #5DD193; background: #FFFFFF; color: #5DD193; }

.c-message--debug { border: none; background-color: #000000; color: #FFFFFF; }

.c-message--debug.ghost { border: 1px solid #DADBDD; background: #FFFFFF; color: #000000; }

.c-fixed-messages { position: fixed; z-index: 2; width: 90%; margin-right: 5%; margin-left: 5%; top: 20px; }

.c-fixed-message { /************************** style */ height: 48px; padding: 0 22px; margin: 10px 0; border: 0.5px solid #205EFB; border-radius: 4px; color: #205EFB; /************** 色 */ }

.c-fixed-message p { display: inline-block; height: 48px; line-height: 48px; text-align: center; font-weight: bold; }

.c-fixed-message button { position: absolute; display: inline-block; right: 20px; height: 48px; }

.c-fixed-message button span { font-size: 20px; }

.c-fixed-message--dark { border: 0.5px solid #FFFFFF; color: #FFFFFF; }

.c-fixed-message--success { border: none; background-color: #205EFB; color: #FFFFFF; }

.c-fixed-message--success-dark { border: none; background-color: #FFFFFF; color: #4C6072; }

.c-fixed-message--error { border: none; background-color: #DF5475; color: #FFFFFF; }

.c-fixed-message--error.ghost { border: 1px solid #DF5475; background: #FFFFFF; color: #DF5475; }

.c-fixed-message--info { border: none; background-color: #5DD193; color: #FFFFFF; }

.c-fixed-message--info.ghost { border: 1px solid #5DD193; background: #FFFFFF; color: #5DD193; }

.c-fixed-message--debug { border: none; background-color: #000000; color: #FFFFFF; }

.c-fixed-message--debug.ghost { border: 1px solid #DADBDD; background: #FFFFFF; color: #000000; }

.c-textLink { border-bottom: 1px solid rgba(0, 0, 0, 0); display: inline-flex; color: #205EFB; font-weight: bold; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; transition: border-bottom 0.2s; }

.c-textLink:hover { border-bottom: 1px solid #205EFB; }

.c-textLink.is-loading { justify-content: center; align-items: center; position: relative; cursor: default; pointer-events: none; color: rgba(0, 0, 0, 0); }

.c-textLink.is-loading::after { content: ''; border-radius: 50%; position: absolute; width: 19.5px; height: 19.5px; margin: 0 auto; border-top: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid #205EFB; border-left: 1px solid #205EFB; animation: loading .9s infinite linear; }

.c-textLink--dark { color: #FFFFFF; }

.c-textLink--dark:hover { border-bottom: 1px solid #FFFFFF; }

.c-textLink--negative { color: #A0A0AA; }

.c-textLink--negative:hover { border-bottom: 1px solid #A0A0AA; }

.c-textLink--negative.is-loading::after { border-bottom: 1px solid #A0A0AA; border-left: 1px solid #A0A0AA; }

.c-textLink--black { color: #000000; }

.c-textLink--black:hover { border-bottom: 1px solid #000000; }

.c-textLink--more-black { color: #000000; }

.c-textLink--more-black:hover { border-bottom: 1px solid #000000; }

.c-form { /************************** variables, mixin */ /************************** style */ }

.c-form-title { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; }

.c-form-title + .c-form-input { margin-top: 12px; }

.c-form-title + .c-form-checkbox { margin-top: 12px; }

.c-form-title + .c-form-select { margin-top: 12px; }

.c-form-col { display: flex; align-items: flex-start; }

.c-form-col > .c-form-validator { display: inline-flex; flex: 1; flex-direction: column; }

.c-form-col > .c-form-validator .c-form-item { width: 100%; }

.c-form-col .c-form-item { flex: 1; }

.c-form-col--half { width: 50%; padding-right: 7.5px; }

@media screen and (max-width: 768px) { .c-form-col--half { width: 100%; } }

.c-form-col--quarter { width: 25%; padding-right: 15px; }

@media screen and (max-width: 768px) { .c-form-col--quarter { width: 50%; } }

.c-form-col .c-form-validator + .c-form-validator { margin-left: 15px; }

.c-form-col .c-form-item + .c-form-item { margin-left: 15px; }

.c-form-col + .c-form-col { margin-top: 16px; }

.c-form-col + .c-form-col--bottom { margin-top: 36px; }

.c-form-item { position: relative; }

.c-form-item.is-error + .c-form-error { display: block; font-size: 10px; }

.c-form-item.is-error > .c-form-error { display: block; font-size: 10px; }

.c-form-comment { margin-top: 7px; color: #A0A0AA; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.c-form-error { display: none; margin-top: 14px; color: #DF5475; }

.c-form-label { position: absolute; top: 50%; transform: translateY(-50%); left: 16px; display: block; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; transition: 0.2s; pointer-events: none; }

.c-form-input { width: 100%; height: 56px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.c-form-input:focus, .c-form-input:not([v-value="0"]) { padding: 22px 16px 9px; }

.c-form-input:focus + .c-form-label, .c-form-input:not([v-value="0"]) + .c-form-label { top: 8px; transform: translateY(0); font-size: .8rem; line-height: 2.2rem; letter-spacing: 0.08rem; color: #205EFB; }

.c-form-input:placeholder-shown { color: #A0A0AA; }

.c-form-input::-webkit-input-placeholder { color: #A0A0AA; }

.c-form-input:-moz-placeholder { opacity: 1; color: #A0A0AA; }

.c-form-input::-moz-placeholder { opacity: 1; color: #A0A0AA; }

.c-form-input:-ms-input-placeholder { color: #A0A0AA; }

.c-form-input:focus { border: 1px solid #205EFB; }

.c-form-select { width: 100%; position: relative; display: inline-block; border-radius: 8px; }

.c-form-selectInput { width: 100%; height: 56px; padding: 10px 16px; border-radius: 8px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; background: #FBFBFC; outline: none; }

.c-form-selectInput:focus { border: 1px solid #205EFB; }

.c-form-selectInput--hasLabel:focus, .c-form-selectInput--hasLabel:not([v-value="0"]) { padding: 22px 16px 9px; }

.c-form-selectInput--hasLabel:focus + .c-form-label, .c-form-selectInput--hasLabel:not([v-value="0"]) + .c-form-label { top: 8px; transform: translateY(0); font-size: .8rem; line-height: 2.2rem; letter-spacing: 0.08rem; color: #205EFB; }

.c-form-selectIcon { position: absolute; right: 10px; top: 50%; width: 8px; height: 6px; fill: #205EFB; pointer-events: none; transform: translateY(-50%); }

.c-form-checkbox { display: flex; align-items: flex-start; color: #000000; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; line-height: 2.2rem; cursor: pointer; }

.c-form-checkbox a { color: #000000; text-decoration: underline; }

.c-form-checkboxInput { display: none; }

.c-form-checkboxMark { position: relative; display: flex; flex: none; justify-content: center; align-items: center; width: 24px; height: 24px; margin-right: 12px; border: 1px solid #DADBDD; border-radius: 4px; transition: 0.2s; }

.c-form-checkboxMark i { opacity: 0; font-size: 17px; color: #FFFFFF; }

.c-form-checkboxInput:checked + .c-form-checkboxMark { background: #205EFB; }

.c-form-checkboxInput:checked + .c-form-checkboxMark i { opacity: 1; }

.c-form-radioGroup { display: flex; }

.c-form-radio { display: flex; padding: 6px 18px; align-items: center; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; cursor: pointer; }

.c-form-radio + .c-form-radio { margin-left: 8px; }

.c-form-radioInput { display: none; }

.c-form-radioInput:checked + .c-form-radioMark::after { background: #4C6072; }

.c-form-radioMark { position: relative; display: block; flex-shrink: 0; width: 16px; height: 16px; margin-right: 15px; }

.c-form-radioMark::before, .c-form-radioMark::after { content: ''; display: block; margin-right: 13px; border-radius: 50%; transition: 0.2s; }

.c-form-radioMark::before { width: 100%; height: 100%; border: 1px solid #4C6072; }

.c-form-radioMark::after { position: absolute; width: 12px; height: 12px; top: 2px; left: 2px; }

.c-modal { /************************** style */ }

.c-modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.64); z-index: 1000; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.c-modal--white { background: rgba(244, 244, 244, 0.72); }

.c-modal-content { width: 486px; margin: 100px auto; padding: 48px; border-radius: 8px; background: #FFFFFF; }

.c-modal-content--lg { width: 548px; padding: 0 0 48px; text-align: center; }

.c-modal-close { position: absolute; top: -16px; right: 44px; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; color: #FFFFFF; transform: translate(100%, -100%); }

.c-modal-closeIcon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-left: 16px; border-radius: 50%; border: 1px solid #FFFFFF; transition: 0.2s; }

.c-modal-closeIcon svg { width: 12px; height: 12px; fill: #FFFFFF; }

.c-modal-image { height: 320px; border-radius: 8px 8px 0 0; background: #F1F1F2; }

.c-modal-content--lg .c-modal-title { margin-top: 33px; padding: 0 48px; }

.c-modal-title + .c-modal-body { margin-top: 18px; }

.c-modal-content--lg .c-modal-body { padding: 0 48px; }

.c-modal-btns { display: flex; align-items: center; justify-content: flex-end; margin-top: 26px; }

.c-modal-content--lg .c-modal-btns { justify-content: center; margin-top: 24px; padding: 0 48px; }

.c-modal-btns a + a { margin-left: 24px; }

@media screen and (max-width: 768px) { .c-header-wide { display: none; } }

.c-header-sm { display: none; }

@media screen and (max-width: 768px) { .c-header-sm { display: block; } }

.c-header-sm-Left { position: absolute; height: 40px; top: 5px; z-index: 31; }

.c-header-sm-Right { position: absolute; height: 34px; top: 8px; right: 20px; border: 1px solid #000000; border-radius: 100px; z-index: 31; font-weight: bold; color: #000; padding: 2px 12px; }

.c-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #FFFFFF; border-bottom: 1px solid #DDDDDD; }

@media screen and (max-width: 768px) { .c-header { height: 50px; } }

.c-header .c-headerOpenButton { display: none; position: absolute; top: 15px; left: 10px; z-index: 31; }

@media screen and (max-width: 768px) { .c-header .c-headerOpenButton { display: block; } }

.c-header .c-headerOpenButton-icon { width: 20px; height: 20px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

.c-header .c-headerOpenButton-icon span { display: block; position: absolute; height: 3px; width: 100%; background: #205EFB; border-radius: 9px; opacity: 1; left: 0; top: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.c-header .c-headerOpenButton-icon span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.c-header .c-headerOpenButton-icon span:nth-child(2) { top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.c-header .c-headerOpenButton-icon span:nth-child(3) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.c-header .c-headerOpenButton-icon.is-active span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.c-header .c-headerOpenButton-icon.is-active span:nth-child(2) { width: 0%; opacity: 0; }

.c-header .c-headerOpenButton-icon.is-active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; }

.c-header .c-headerCenter { position: absolute; height: 40px; left: calc(50% - 48.5px); top: calc(50% - 20px); z-index: 31; }

@media screen and (max-width: 768px) { .c-header .c-headerCenter { top: 5px; } }

@media screen and (max-width: 768px) { .c-header .c-headerLogo { height: 40px; } }

.c-header .c-headerLogo > a { display: block; height: 40px; }

@media screen and (max-width: 768px) { .c-header .c-headerLogo > a { padding-top: 4px; } }

.c-header .c-headerLogo svg { height: 40px; }

@media screen and (max-width: 768px) { .c-header .c-headerLogo svg { text-align: center; height: 32px; } }

.c-header .c-headerContents { position: relative; display: flex; justify-content: space-between; align-items: center; height: 80px; z-index: 3; margin-right: 100px; }

@media screen and (max-width: 768px) { .c-header .c-headerContents { display: none; border: none; height: unset; flex-direction: column; margin-top: 50px !important; margin-right: 0; background: #FFFFFF; } }

.c-header .c-headerLeft { display: flex; height: 100%; flex: 1; }

@media screen and (max-width: 768px) { .c-header .c-headerLeft { height: unset; width: 100%; flex-direction: column; } }

.c-header .c-headerRight { display: flex; height: 100%; align-items: center; justify-content: flex-end; flex: 1; }

@media screen and (max-width: 768px) { .c-header .c-headerRight { height: unset; width: 100%; flex-direction: column; } }

.c-header .c-headerRight .c-headerLink + .c-headerLink { margin-left: 24px; }

@media screen and (max-width: 768px) { .c-header .c-headerRight .c-headerLink + .c-headerLink { margin-left: 0; } }

@media screen and (max-width: 768px) { .c-header .c-headerRight .c-headerLink-button { width: 90%; border: 1px solid #DADBDD; border-radius: 5px; margin: 10px 0; } }

.c-header .c-headerLinks { display: flex; height: 100%; align-items: center; margin-left: 24px; position: relative; }

@media screen and (max-width: 768px) { .c-header .c-headerLinks { width: 100%; flex-direction: column; align-items: flex-start; margin-left: 0; } }

.c-header .c-headerLinks > li { height: 100%; }

@media screen and (max-width: 768px) { .c-header .c-headerLinks > li { width: 100%; } }

.c-header .c-headerLinks > li + li { margin-left: 20px; }

@media screen and (max-width: 768px) { .c-header .c-headerLinks > li + li { margin-left: 0px; } }

.c-header .c-headerLinks .notice-badge { position: relative; }

.c-header .c-headerLinks .notice-badge[data-badge="0"]::before { display: none; }

.c-header .c-headerLinks .notice-badge::before { content: attr(data-badge); position: absolute; display: flex; justify-content: center; align-items: center; top: 20px; left: 80px; font-size: .3em; background: #205EFB; color: white; width: 10px; height: 10px; text-align: center; line-height: 10px; border-radius: 50%; box-shadow: 0 0 1px #333; }

.c-header .c-headerLink { display: flex; position: relative; align-items: center; height: 100%; color: #000000; font-weight: bold; border-bottom: 2px solid rgba(32, 94, 251, 0); transition: border 0.2s; }

@media screen and (max-width: 768px) { .c-header .c-headerLink { width: 100%; height: 50px; border-bottom: none; } }

@media screen and (max-width: 768px) { .c-header .c-headerLink--pc { display: none; } }

.c-header .c-headerLink--sp { display: none; }

@media screen and (max-width: 768px) { .c-header .c-headerLink--sp { display: flex; } }

.c-header .c-headerLink::after { position: absolute; content: ""; left: 0; bottom: -3px; width: 100%; height: 1px; }

.c-header .c-headerLink:hover, .c-header .c-headerLink.is-active { color: #000000; border-bottom: 2px solid #205EFB; }

@media screen and (max-width: 768px) { .c-header .c-headerLink:hover, .c-header .c-headerLink.is-active { border-bottom: none; } }

.c-header .c-headerLink svg { width: 18px; height: 18px; margin-right: 5px; }

.c-header .c-headerLink-dropdownIcon { margin-left: 5px; }

@media screen and (max-width: 768px) { .c-header .c-headerLink-dropdownIcon { display: none; } }

.c-header .c-headerLink-dropdownIconSp { display: none; position: absolute; right: 10px; top: 18px; height: 14px !important; }

@media screen and (max-width: 768px) { .c-header .c-headerLink-dropdownIconSp { display: block; } }

.c-header .c-headerLink-dropdownIconSp--link { height: 10px !important; }

.c-header .c-headerUser { font-weight: bold; }

.c-header .c-headerUser + .c-headerUser { margin-left: 51px; }

.c-header .c-headerCart { position: absolute; right: 0; top: 20px; z-index: 31; }

@media screen and (max-width: 768px) { .c-header .c-headerCart { top: 10px; } }

.c-header .c-headerCart > a { position: relative; display: flex; flex-direction: column; align-items: center; margin-left: 45px; margin-right: 45px; }

@media screen and (max-width: 768px) { .c-header .c-headerCart > a { margin-right: 15px; } }

.c-header .c-headerCart-notify { position: absolute; display: flex; justify-content: center; align-items: center; top: -9px; right: -5px; width: 20px; height: 20px; border-radius: 50%; background: #EC903B; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; color: #FFFFFF; }

@media screen and (max-width: 768px) { .c-header .c-headerCart-notify { top: -5px; width: 16px; height: 16px; } }

.c-header .c-headerCart-icon { width: 26px; height: 26px; }

.c-header .c-headerCart-caption { position: relative; left: 3px; margin-top: 4px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; color: #000000; font-weight: bold; }

@media screen and (max-width: 768px) { .c-header .c-headerCart-caption { display: none; } }

.c-header .c-headerMenuOverlay { position: fixed; left: 0; top: 80px; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.64); z-index: 2; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media screen and (max-width: 768px) { .c-header .c-headerMenuOverlay { position: static; width: 100%; height: unset; } }

.c-header .c-headerMenu { display: flex; justify-content: center; background: #FFFFFF; z-index: 3; }

.c-header .c-headerMenu-wrapper { display: flex; flex: 1; padding: 37px 0 48px 145px; }

.c-header .c-headerMenuList { margin-top: 16px; }

.c-header .c-headerMenuList + .c-headerMenuList { margin-left: 43px; }

.c-header .c-headerMenuList-header { padding-bottom: 17px; border-bottom: 1px solid #F7F7F8; }

.c-header .c-headerMenuList-header h3 { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; }

.c-header .c-headerMenuList--large { width: 704px; }

.c-header .c-headerMenuLinks { margin-top: 4px; }

.c-header .c-headerMenuList--large .c-headerMenuLinks { display: flex; flex-wrap: wrap; }

.c-header .c-headerMenuList--large .c-headerMenuLinks li:nth-child(even) { margin-left: 32px; }

.c-header .c-headerMenuLink, .c-header .c-headerMenuLink-catalog { display: flex; align-items: center; width: 320px; height: 56px; margin-top: 8px; }

@media screen and (max-width: 768px) { .c-header .c-headerMenuLink, .c-header .c-headerMenuLink-catalog { width: 100%; height: 50px; margin: 0; } }

.c-header .c-headerMenuLink-thumb, .c-header .c-headerMenuLink-catalog-thumb { width: 30px; height: 30px; margin-right: 20px; background: center no-repeat; background-size: contain; }

@media screen and (max-width: 768px) { .c-header .c-headerMenuLink-thumb, .c-header .c-headerMenuLink-catalog-thumb { width: 20px; height: 20px; margin-right: 3px; background-size: contain; } }

.c-header .c-headerMenuLink .c-textLink, .c-header .c-headerMenuLink-catalog .c-textLink { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: normal; }

@media screen and (max-width: 768px) { .c-header .c-headerMenuLink .c-textLink, .c-header .c-headerMenuLink-catalog .c-textLink { font-size: 12px; font-weight: bold; } }

.c-header .c-headerMenuLink .c-textLink-notice, .c-header .c-headerMenuLink-catalog .c-textLink-notice { font-size: 12px; font-weight: bold; margin-right: 15%; }

.c-header .c-headerMenuLink > a, .c-header .c-headerMenuLink-catalog > a { display: flex; position: relative; align-items: center; padding: 0 7px; width: 100%; height: 100%; }

.c-header .c-headerMenuLink > a svg, .c-header .c-headerMenuLink-catalog > a svg { width: 18px; margin-right: 10px; }

.c-header .c-headerMenuLink-badge, .c-header .c-headerMenuLink-catalog-badge { position: absolute; display: flex; right: -15%; font-size: .3em; background: #205EFB; color: white; width: 10px; height: 10px; text-align: center; line-height: 10px; border-radius: 50%; box-shadow: 0 0 1px #333; }

@media screen and (max-width: 768px) { .c-header .c-headerMenuLink-badge, .c-header .c-headerMenuLink-catalog-badge { left: 90%; } }

.c-header .c-textLinkDetail { margin: 0 0 0 70%; padding: 10px; white-space: nowrap; }

.c-header .c-headerAccount { position: absolute; top: 80px; min-width: 260px; right: 0; background: #FFFFFF; box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.18); border-radius: 8px; }

.c-header .c-headerAccountInfo { padding: 16px 16px 15px; border-bottom: 1px solid #F1F1F2; }

.c-header .c-headerAccountInfo-title { padding-bottom: -5px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; color: #000000; }

.c-header .c-headerAccountInfo-body { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; color: #A0A0AA; }

.c-header .c-headerAccountNav { padding: 12px 16px; }

.c-header .c-headerAccountNav-item { display: flex; align-items: center; height: 40px; }

.c-header .c-headerAccountNav-item .c-textLink { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: normal; }

.c-header .c-headerNotice { position: absolute; top: 80px; min-width: 400px; left: -40px; background: #FFFFFF; box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.18); border-radius: 8px; overflow: hidden; }

.c-header .c-headerNotice-icon { width: 18px; height: 18px; margin-right: 5px; }

.c-header-modal .promptModal { display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000; }

.c-header-modal .promptModalBg { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.c-header-modal .promptModalContent { width: 480px; padding: 40px 60px; position: absolute; top: 50%; left: 50%; background: white; transform: translate(-50%, -50%); border-radius: 8px; }

.c-header-modal .promptModalMessage { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #dadbdd; }

.c-header-modal .promptModalMessage strong { font-weight: bold; }

.c-header-modal .promptModalButtonContainer { display: flex; justify-content: flex-end; }

.c-header-modal .promptModalButton { line-height: 40px; font-weight: bold; margin: 0 20px; width: 80px; border-radius: 8px; display: inline-block; }

.c-header-modal #modalCancel { color: #999999; line-height: 40px; font-weight: bold; margin: 0 20px; width: 80px; border-radius: 8px; display: inline-block; }

.c-header-modal #modalOK { color: white; background: #4c7c7e; line-height: 40px; font-weight: bold; margin: 0 20px; width: 80px; border-radius: 8px; display: inline-block; }

.c-headerInternal { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; }

.c-headerInternal .c-headerContents { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 80px; padding: 0 40px; z-index: 3; background: #F9F2EE; }

@media screen and (max-width: 768px) { .c-headerInternal .c-headerContents { border: none; } }

.c-headerInternal .c-headerTitle { font-size: 20px; font-family: "faricy New"; margin-left: 8px; }

.c-headerInternal .c-headerLeft { display: flex; height: 100%; }

.c-headerInternal .c-headerLogo { display: flex; align-items: center; }

.c-headerInternal .c-logoContainer { padding-top: 8px; }

.c-headerInternal .c-headerLogout { margin-right: 40px; margin-left: auto; }

.c-headerInternal .c-headerLogout a { line-height: 80px; color: inherit; font-weight: bold; }

.c-footer { background-color: #08181A; min-width: 1200px; min-width: auto; padding: 60px 100px; display: flex; justify-content: space-between; align-items: center; flex-direction: column; }

@media screen and (max-width: 768px) { .c-footer { min-width: 0; align-items: start; flex-direction: column; padding: 30px 20px; } }

.c-footer .c-footerLeft { display: flex; justify-content: left; align-items: center; }

@media screen and (max-width: 768px) { .c-footer .c-footerLeft { flex-direction: column; } }

.c-footer .c-footerNavigation { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .c-footer .c-footerNavigation { flex-direction: column; } }

.c-footer .c-footerMiniLogo { width: 40px; margin-right: 30px; }

@media screen and (max-width: 768px) { .c-footer .c-footerMiniLogo { position: absolute; right: 0; } }

.c-footer .c-footerSNSLogo { display: flex; }

@media screen and (max-width: 768px) { .c-footer .c-footerSNSLogo { margin-left: auto; margin-right: auto; } }

.c-footer .c-footerSNSLogo .c-footerSNSLogoItem { width: 20px; margin: 5px; }

.c-footer .c-footerNavigationList { position: relative; margin: 10px 20px; display: inline-table; padding-top: 2rem; padding-left: 10px; }

@media screen and (max-width: 768px) { .c-footer .c-footerNavigationList { margin: 0; padding-top: 0; } }

.c-footer .c-footerNavigationList h4 { top: -1rem; left: 0; position: absolute; color: #fff; }

@media screen and (max-width: 768px) { .c-footer .c-footerNavigationList h4 { position: unset; } }

.c-footer .c-footerNavigationItem, .c-footer .c-footerNavigationItem-catalog { margin-right: 15px; }

.c-footer .c-footerNavigationItem a, .c-footer .c-footerNavigationItem-catalog a { line-height: 1; color: #DADBDD; font-size: 12px; }

.c-footer .c-footerRight { width: 100%; text-align: center; margin-top: 10px; }

.c-footer .c-footerCopyright { margin-bottom: 10px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; line-height: 1; color: #999999; }

.c-footer-modal .promptModal { display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10; }

.c-footer-modal .promptModalBg { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.c-footer-modal .promptModalContent { width: 480px; padding: 40px 60px; position: absolute; top: 50%; left: 50%; background: white; transform: translate(-50%, -50%); border-radius: 8px; }

.c-footer-modal .promptModalMessage { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #dadbdd; }

.c-footer-modal .promptModalMessage strong { font-weight: bold; }

.c-footer-modal .promptModalButtonContainer { display: flex; justify-content: flex-end; }

.c-footer-modal .promptModalButton { line-height: 40px; font-weight: bold; margin: 0 20px; width: 80px; border-radius: 8px; display: inline-block; }

.c-footer-modal #modalCancel { color: #999999; line-height: 40px; font-weight: bold; margin: 0 20px; width: 80px; border-radius: 8px; display: inline-block; }

.c-footer-modal #modalOK { color: white; background: #4c7c7e; line-height: 40px; font-weight: bold; margin: 0 20px; width: 80px; border-radius: 8px; display: inline-block; }

.c-colorListModal-content { position: relative; width: 73%; min-width: 700px; margin: 65px auto; padding: 58px 55px 104px; background: #FFFFFF; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); border-radius: 12px; }

.c-colorListModal .c-colorListModalClose { position: absolute; display: flex; align-items: center; top: 32px; right: 56px; color: #205EFB; }

.c-colorListModal .c-colorListModalClose-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-left: 16px; border: 1px solid #205EFB; border-radius: 50%; }

.c-colorListModal .c-colorListModalClose-icon > svg { width: 12px; height: 12px; fill: #205EFB; }

.c-colorListModal .c-colorListModalHeader { padding-bottom: 20px; }

.c-colorListModal .c-colorListModalHeader h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; color: #000000; }

.c-colorListModal .c-colorListModalHeader p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: bold; color: #000000; margin-top: 6px; }

.c-colorListModal .c-colorListModalMain { padding-top: 40px; border-top: 1px solid #DADBDD; }

.c-colorListModal .c-colorListModalRow + .c-colorListModalRow { padding-top: 48px; }

.c-colorListModal .c-colorListModalRow-title { display: flex; align-items: center; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; color: black; }

.c-colorListModal .c-colorListModalRow-thumb { flex: none; width: 32px; height: 32px; margin-right: 16px; background: #FBFBFC center no-repeat; background-size: contain; }

.c-colorListModal .c-colorListModalListWrapper { margin-top: 24px; overflow: hidden; }

.c-colorListModal .c-colorListModalList { display: flex; flex-wrap: wrap; margin-left: -19px; }

.c-colorListModal .c-colorListModalList-item { margin-left: 19px; margin-bottom: 24px; background: #fff center no-repeat; background-size: contain; width: 143px; height: 86px; }

.c-sidebarInternal .c-sidebarContents { padding: 8px 48px 8px 32px; width: 100%; }

.c-sidebarInternal .c-sidebarSection { width: 100%; margin-bottom: 16px; }

.c-sidebarInternal .c-sidebarSectionTitle { padding: 8px; font-size: 8px; font-family: "Helvetica"; font-weight: bold; }

.c-sidebarInternal .c-sidebarSectionContents { width: 100%; }

.c-sidebarInternal .c-sidebarSectionItem { font-weight: bold; font-size: 12px; border-bottom: 1px solid #DADBDD; color: #000000; }

.c-sidebarInternal .c-sidebarSectionItem.is-active { border-bottom: 2px solid #548689; }

.breadcrumbsInternal { margin-bottom: 16px; }

.breadcrumbsInternal .breadcrumbsItem { font-size: 12px; color: #999999; display: inline-block; }

.breadcrumbsInternal .breadcrumbsArrow { font-size: 12px; display: inline-block; padding: 0 4px; }

.backButton { margin-bottom: 32px; }

.backButton .backButtonArrow { font-size: 16px; color: #548689; }

.backButton .backButtonText { font-size: 16px; font-weight: bold; color: black; }

/** pages */
.p-404-main { margin: 80px auto; text-align: center; }

.p-404-main img { width: 500px; }

@media screen and (max-width: 768px) { .p-404-main img { width: 90%; } }

.p-404 .p-homeMain-buttons { text-align: center; }

@media screen and (max-width: 768px) { .p-404 .p-homeMain-buttons { margin-bottom: 30px; } }

@media screen and (max-width: 768px) { .p-404 .p-homeMain-buttons button { margin: 10px 0; width: 190px; } }

.p-home { min-width: 1200px; }

@media screen and (max-width: 768px) { .p-home { min-width: auto; } }

.p-home button, .p-home a.c-btn { border-radius: 10px; width: 240px; height: 80px; box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.12); }

.p-home button:hover, .p-home a.c-btn:hover { box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.04); position: relative; top: -8px; transition: all 0.24s ease 0s; top: 0; }

@media screen and (max-width: 768px) { .p-home button, .p-home a.c-btn { border-radius: 100px; width: 272px; height: 64px; } }

.p-home button svg, .p-home a.c-btn svg { width: 16px; height: 16px; position: relative; right: -96px; }

@media screen and (max-width: 768px) { .p-home button svg, .p-home a.c-btn svg { right: -64px; } }

.p-home button svg path, .p-home a.c-btn svg path { fill: white; }

.p-home .p-homeMain { text-align: center; height: 568px; position: relative; }

@media screen and (max-width: 768px) { .p-home .p-homeMain { padding-bottom: 56px; height: auto; } }

.p-home .p-homeMain-body { text-align: center; padding-top: 112px; max-width: 724px; margin-right: auto; margin-left: auto; position: relative; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-body { padding: 24px 24px 0px 24px; } }

.p-home .p-homeMain-message h2 { font-size: 44px; color: #000; letter-spacing: 6px; padding-top: 32px; padding-bottom: 20px; line-height: 1.5; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-message h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; padding-top: 20px; padding-bottom: 12px; align-items: start; line-height: 4.0rem; } }

.p-home .p-homeMain-message p { padding-bottom: 20px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-size: 14px; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-message p { font-size: 1.2rem; } }

.p-home .p-homeMain-message-header { display: inline-block; border-radius: 8px; background-color: #FBDFB6; }

.p-home .p-homeMain-message-header p { font-size: 12px; letter-spacing: 1px; color: #000; padding: 5px 14px; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-message-header p { padding: 4px 14px; font-size: 11px; } }

.p-home .p-homeMain-message-tags { display: flex; justify-content: space-between; flex-direction: row; margin-bottom: 16px; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-message-tags { opacity: 0.56; flex-wrap: wrap; margin: 0 -12px; margin-bottom: 16px; } }

.p-home .p-homeMain-message-tags-tag { margin: 1rem 10px; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-message-tags-tag { margin: 0px 0  2px; flex-basis: 50%; } }

.p-home .p-homeMain-message-tags-tag img { display: block; height: 32px; width: 32px; margin: 0 auto; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-message-tags-tag img { width: 24px; height: 24px; display: inline; } }

.p-home .p-homeMain-message-tags-tag p { display: inline; color: #000; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-message-tags-tag p br { display: none; } }

.p-home .p-homeMain-smText { display: none; font-size: 14px; font-weight: bold; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-smText { display: inline-block; } }

.p-home .p-homeMain-buttons { display: flex; justify-content: center; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-buttons { flex-direction: column; } }

.p-home .p-homeMain-buttons a { margin: 10px; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-buttons-package { display: none; } }

@media screen and (min-width: 768px) { .p-home .p-homeMain-buttons-mobile { display: none; } }

.p-home .p-homeMain-consult { text-align: center; padding-bottom: 16px; }

.p-home .p-homeMain-cta { width: 384px; height: 80px; font-size: 16px; border-radius: 100px; box-shadow: 1px 2px 8px 2px rgba(0, 0, 0, 0.12); }

@media screen and (max-width: 768px) { .p-home .p-homeMain-cta { width: 92%; margin-top: 4px; height: 64px; } }

.p-home .p-homeMain-smimg { display: none; margin-bottom: -100px; margin-top: -50px; width: 100%; }

.p-home .p-homeMain-smimg img { width: 100%; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-smimg { display: block; } }

.p-home .p-homeMain-left { text-align: left; position: absolute; top: 0; left: 0; height: 100%; padding: 0 0 32px; z-index: -1; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-left { display: none; } }

.p-home .p-homeMain-left img { height: 112%; }

.p-home .p-homeMain-right { position: absolute; top: 0; right: 0; height: 100%; text-align: right; padding: 0 0 32px; z-index: -1; }

@media screen and (max-width: 768px) { .p-home .p-homeMain-right { display: none; } }

.p-home .p-homeMain-right img { height: 112%; }

.p-home .p-homePartners { position: relative; width: 100%; margin: 48px 0; padding: 0; overflow: hidden; }

@media screen and (max-width: 768px) { .p-home .p-homePartners { margin: 48px 0; width: 100%; } }

.p-home .p-homePartners-rows { display: grid; gap: 24px; }

@media screen and (max-width: 768px) { .p-home .p-homePartners-rows { gap: 16px; } }

.p-home .p-homePartners-row { overflow: hidden; }

.p-home .p-homePartners-track { display: flex; width: max-content; animation: p-homePartners-marquee 45s linear infinite; }

@media screen and (max-width: 768px) { .p-home .p-homePartners-track { animation-duration: 40s; } }

@media (prefers-reduced-motion: reduce) { .p-home .p-homePartners-track { animation: none; } }

.p-home .p-homePartners-track--reverse { animation-direction: reverse; }

.p-home .p-homePartners-list { display: flex; align-items: center; padding: 0; margin: 0 32px 0 0; list-style: none; gap: 32px; }

@media screen and (max-width: 768px) { .p-home .p-homePartners-list { margin: 0 10px 0 0; gap: 10px; } }

.p-home .p-homePartners-partner { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }

.p-home .p-homePartners-partner img { width: 100%; height: auto; }

@keyframes p-homePartners-marquee { 0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } }

.p-home .p-homeAnnounce { margin: 0 0 80px; }

@media screen and (max-width: 768px) { .p-home .p-homeAnnounce { width: 100%; margin: 0 auto 56px; } }

.p-home .p-homeAnnounce-Banner { width: 80%; max-width: 986px; margin: 0 auto; border-radius: 20px; background-color: #F7F5F3; position: relative; top: 0px; display: flex; justify-content: space-between; flex-wrap: nowrap; }

@media screen and (max-width: 768px) { .p-home .p-homeAnnounce-Banner { width: 312px; padding: 0 0 32px; margin: auto; flex-wrap: wrap; } }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text { margin: 60px 0px 60px 64px; width: 64%; color: black; }

@media screen and (max-width: 768px) { .p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text { width: 100%; margin: 40px 0 0; text-align: center; } }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text span { display: block; margin: 0 0 12px; font-size: 12px; font-weight: bold; color: #205EFB; }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text h3 { font-size: 20px; font-weight: bold; line-height: 1.64; margin: 0 0 8px; }

@media screen and (max-width: 768px) { .p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text h3 { font-size: 14px; } }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text p { display: flex; justify-content: flex-start; font-size: 12px; }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text p svg { top: 7px; position: relative; margin-left: 8px; }

@media screen and (max-width: 768px) { .p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text p { justify-content: center; } }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text p img { width: 10px; height: 10px; }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text p i { line-height: inherit; }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Text-annotation { color: #999999; margin-top: 20px; }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Img { width: 564px; height: auto; margin: 0 32px; }

@media screen and (max-width: 768px) { .p-home .p-homeAnnounce-Banner .p-homeAnnounce-Img { width: 100%; height: auto; margin: 0; } }

.p-home .p-homeAnnounce-Banner .p-homeAnnounce-Img img { width: 100%; height: auto; }

.p-home .p-homePackages-md { padding: 0 47px; max-height: 910px; }

@media screen and (max-width: 768px) { .p-home .p-homePackages-md { display: none; } }

.p-home .p-homePackages-md-message { float: right; text-align: right; }

.p-home .p-homePackages-md-message h2 { font-size: 44px; letter-spacing: 6px; text-align: right; line-height: 1.1; margin-top: 110px; margin-bottom: 32px; }

.p-home .p-homePackages-md ul { margin-left: -30px; }

.p-home .p-homePackages-md ul li { position: relative; display: inline-block; width: 200px; margin-left: 30px; margin-bottom: 30px; }

.p-home .p-homePackages-md ul li a { display: inline-block; width: 200px; height: 200px; border: 1px solid #DDDDDD; }

.p-home .p-homePackages-md ul li a:hover { border: 2px solid #205EFB; }

.p-home .p-homePackages-md ul li a img { width: 100%; }

.p-home .p-homePackages-md ul li a span { position: absolute; font-size: 12px; color: #FFF; background-color: #205EFB; bottom: 0; left: 0; width: 200px; height: 41px; padding: 10px; }

.p-home .p-homePackages-md ul li a span i { float: right; vertical-align: sub; }

@media screen and (max-width: 1396px) { .p-home .p-homePackages-md ul li:nth-child(3) { margin-left: 145px; } .p-home .p-homePackages-md ul li:nth-child(4) { margin-right: -115px; } .p-home .p-homePackages-md ul li:nth-child(9) { margin-right: -115px; } .p-home .p-homePackages-md ul li:nth-child(10) { margin-left: 145px; } }

@media screen and (min-width: 1397px) and (max-width: 1626px) { .p-home .p-homePackages-md ul li:nth-child(4) { margin-left: 145px; } .p-home .p-homePackages-md ul li:nth-child(6) { margin-right: -115px; } .p-home .p-homePackages-md ul li:nth-child(12) { margin-right: -115px; } .p-home .p-homePackages-md ul li:nth-child(13) { margin-left: 145px; } }

@media screen and (min-width: 1627px) and (max-width: 1856px) { .p-home .p-homePackages-md ul li:nth-child(5) { margin-left: 145px; } .p-home .p-homePackages-md ul li:nth-child(8) { margin-right: -115px; } .p-home .p-homePackages-md ul li:nth-child(15) { margin-right: -115px; } .p-home .p-homePackages-md ul li:nth-child(16) { margin-left: 145px; } }

@media screen and (min-width: 1857px) and (max-width: 1920px) { .p-home .p-homePackages-md ul li:nth-child(6) { margin-left: 145px; } .p-home .p-homePackages-md ul li:nth-child(10) { margin-right: -115px; } .p-home .p-homePackages-md ul li:nth-child(18) { margin-right: -115px; } .p-home .p-homePackages-md ul li:nth-child(19) { margin-left: 145px; } }

.p-home .p-homePackages-sm-wrap { margin: 0 -100px; }

.p-home .p-homePackages-sm { display: none; padding: 0; width: calc(94px * 4 + 11px * 5); margin: 0 auto; }

@media screen and (max-width: 768px) { .p-home .p-homePackages-sm { display: block; } }

.p-home .p-homePackages-sm-message { text-align: center; }

.p-home .p-homePackages-sm-message h2 { font-size: 20px; text-align: center; line-height: 1.8; margin-top: 40px; margin-bottom: 20px; }

.p-home .p-homePackages-sm-message button { margin-bottom: 34px; }

.p-home .p-homePackages-sm ul li { position: relative; display: inline-block; width: 94px; margin-left: 11px; margin-bottom: 11px; }

.p-home .p-homePackages-sm ul li a { display: inline-block; width: 94px; height: 94px; border: 1px solid #DDDDDD; }

.p-home .p-homePackages-sm ul li a:hover { border: 2px solid #205EFB; }

.p-home .p-homePackages-sm ul li a img { width: 100%; }

.p-home .p-homePackages-sm ul li a span { position: absolute; font-size: 6px; color: #FFF; background-color: #205EFB; bottom: 0; left: 0; width: 94px; height: 18px; padding: 0 4px; }

.p-home .p-homePackages-sm ul li a span i { float: right; vertical-align: sub; }

.p-home .p-homePackages-sm ul li:nth-child(5) { margin-left: 62px; }

.p-home .p-homeCategory { position: relative; background-color: #FFF; z-index: 100; }

.p-home .p-homeCategory-body { position: relative; z-index: 101; width: 88%; max-width: 986px; margin: 0 auto 80px; padding: 0; }

@media screen and (max-width: 768px) { .p-home .p-homeCategory-body { width: 100%; margin: 0 auto 16px; } }

.p-home .p-homeCategory-body .p-homeCategory-wrap { display: flex; justify-content: space-between; transition: 1s; }

@media screen and (max-width: 768px) { .p-home .p-homeCategory-body .p-homeCategory-wrap { padding: 0px 0px; } }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item { display: flex; flex-direction: column; border-radius: 10px; padding: 8px; margin: 0 10px; transition: 1s; text-align: center; }

@media screen and (max-width: 768px) { .p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item { width: 100%; margin: 0 0 48px; padding: 0; } }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a { color: black; transition: 0.24s; }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a:hover { transition: 0.24s all; }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a:hover img { transition: 0.24s all; position: relative; top: -4px; box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.024); }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a:hover h3, .p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a:hover p { color: #205EFB; }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a:hover h3 br, .p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a:hover p br { display: none; }

@media screen and (max-width: 768px) { .p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a:hover h3 br, .p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a:hover p br { display: block; } }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a img { transition: 0.24s all; width: 278px; height: 278px; position: relative; top: 0px; object-fit: cover; }

@media screen and (max-width: 768px) { .p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a img { width: 80%; height: 150px; object-fit: cover; } }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a h3 { margin-top: 20px; font-size: 15px; transition: 0.32s; }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item a p { color: #205EFB; }

.p-home .p-homeCategory-body .p-homeCategory-wrap .p-homeCategory-item button { height: 30px; width: 30px; background-color: #F5F5F2; border-radius: 100px; }

.p-home .p-homeCategory-left { position: absolute; left: -420px; top: 60px; }

@media screen and (max-width: 768px) { .p-home .p-homeCategory-left { display: none; } }

.p-home .p-homeInterview { position: relative; background-color: #FFF; z-index: 100; padding: 80px 0; }

@media screen and (max-width: 768px) { .p-home .p-homeInterview { padding: 80px 20px 36px; } }

.p-home .p-homeInterview-body { position: relative; z-index: 101; width: 88%; max-width: 1204px; margin: 0 auto 80px; padding: 0; }

@media screen and (max-width: 768px) { .p-home .p-homeInterview-body { width: 100%; margin: 0 auto 16px; } }

.p-home .p-homeInterview-body .p-homeInterview-wrap { display: flex; justify-content: space-between; transition: 1s; }

@media screen and (max-width: 768px) { .p-home .p-homeInterview-body .p-homeInterview-wrap { padding: 0px 0px; flex-direction: column; } }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item { display: flex; flex-direction: column; padding: 8px; margin: 0 10px; transition: 1s; }

@media screen and (max-width: 768px) { .p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item { width: 100%; margin: 0 0 48px; padding: 0; } }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item img { border-radius: 16px; transition: 0.24s all; width: 360px; height: 230px; position: relative; top: 0px; }

@media screen and (max-width: 768px) { .p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item img { width: 100%; height: 200px; object-fit: cover; } }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item-description { display: inline-block; }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item-rightArrow { text-align: center; float: right; color: #205EFB; background-color: #F1F1F2; width: 32px; height: 32px; border-radius: 64px; margin-top: 20px; margin-right: 30px; }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item-rightArrow i { vertical-align: middle; }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a { color: black; transition: 0.24s; }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a:hover { transition: 0.24s all; }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a:hover img { transition: 0.24s all; position: relative; top: -4px; box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.024); }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a:hover h3, .p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a:hover p { color: #205EFB; }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a:hover h3 br, .p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a:hover p br { display: none; }

@media screen and (max-width: 768px) { .p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a:hover h3 br, .p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a:hover p br { display: block; } }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a h3 { margin-top: 20px; font-size: 20px; transition: 0.32s; }

.p-home .p-homeInterview-body .p-homeInterview-wrap .p-homeInterview-item a p { color: #666666; }

.p-home .p-homeInterview-right { position: absolute; right: -270px; top: 0; }

@media screen and (max-width: 768px) { .p-home .p-homeInterview-right { display: none; } }

.p-home .p-homeHowto { background-color: #445B5A; color: #FFF; }

.p-home .p-homeHowto .p-home-content-topic { opacity: 72%; color: #FFF; }

.p-home .p-homeHowto-content { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; }

@media screen and (max-width: 768px) { .p-home .p-homeHowto-content { flex-direction: column; padding-bottom: 56px; } }

.p-home .p-homeHowto-box { color: #000000; background-color: #FFF; flex-basis: 100%; border-radius: 4px; margin: 0 0 32px; padding: 23px 33px; }

@media screen and (max-width: 768px) { .p-home .p-homeHowto-box { color: #FFF; background-color: unset; padding: 0; margin: 20px 0; } }

.p-home .p-homeHowto-box-svgWrapper { float: left; width: 120px; text-align: center; }

.p-home .p-homeHowto-box-svgWrapper svg { height: 150px; }

@media screen and (max-width: 768px) { .p-home .p-homeHowto-box-svgWrapper { display: none; } }

.p-home .p-homeHowto-box-description { display: inline-block; padding: 40px; padding-bottom: 0; }

.p-home .p-homeHowto-box-description h4 { font-size: 16px; margin-bottom: 4px; }

.p-home .p-homeHowto-box-description a { color: #205EFB; }

@media screen and (max-width: 768px) { .p-home .p-homeHowto-box-description { display: block; padding: 0; } .p-home .p-homeHowto-box-description a { color: #20b4fb; } }

.p-home .p-homeHowto-box img { float: right; width: 224px; }

@media screen and (max-width: 768px) { .p-home .p-homeHowto-box img { float: none; width: 100%; margin-bottom: 12px; } }

.p-home .p-homeHowto-annotation { color: #999999; }

.p-home .p-homeWhat { background-color: #FCFBF5; display: flex; flex-direction: column; flex-wrap: wrap; height: 560px; }

@media screen and (max-width: 768px) { .p-home .p-homeWhat { flex-wrap: nowrap; height: 684px; padding: 88px 20px; } }

.p-home .p-homeWhat .p-home-content-header { flex-basis: 0%; width: 40%; }

@media screen and (max-width: 768px) { .p-home .p-homeWhat .p-home-content-header { width: 100%; text-align: center; } }

.p-home .p-homeWhat-img { flex-basis: 0%; width: 66%; order: 1; text-align: center; }

@media screen and (max-width: 768px) { .p-home .p-homeWhat-img { order: 0; width: 100%; margin: 20px 0; } }

.p-home .p-homeWhat-img img { width: 80%; }

@media screen and (max-width: 768px) { .p-home .p-homeWhat-img img { width: 100%; } }

.p-home .p-homeWhat-message { flex-basis: 40%; width: 40%; }

@media screen and (max-width: 768px) { .p-home .p-homeWhat-message { width: 100%; } }

.p-home .p-homeProduct-content > p { font-weight: bold; font-size: 20px; margin-top: 40px; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-content > p { font-size: 16px; margin-top: 56px; } }

.p-home .p-homeProduct-smalllot { display: flex; justify-content: center; flex-direction: row; margin: 32px 0; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-smalllot { flex-wrap: wrap; padding-bottom: 0px; margin-bottom: -20px; margin-top: 20px; } }

.p-home .p-homeProduct-smalllot-box { border: solid 3px #F4F4F0; border-radius: 12px; width: 23.4%; margin: 0 32px; background-color: white; transition: all 0.24s ease 0s; top: 0; }

.p-home .p-homeProduct-smalllot-box:hover { box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.04); position: relative; top: -8px; transition: all 0.24s ease 0s; }

.p-home .p-homeProduct-smalllot-box:hover h4 { color: #205EFB; }

.p-home .p-homeProduct-smalllot-box-img { background-color: #F4F4F0; }

.p-home .p-homeProduct-smalllot-box-img img { border-radius: 12px 12px 0 0; display: block; }

.p-home .p-homeProduct-smalllot-box-text { padding: 20px 32px; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-smalllot-box-text { padding: 16px; } }

.p-home .p-homeProduct-smalllot-box-text h4 { font-size: 16px; margin: 0 0 8px; color: #000; }

.p-home .p-homeProduct-smalllot-box-text p { font-size: 10px; line-height: 2rem; }

.p-home .p-homeProduct-smalllot-box-text-price { margin-bottom: 12px; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-smalllot-box-text-price { margin-bottom: 8px; } }

.p-home .p-homeProduct-smalllot-box-text-price .number { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 10px 2px 0 0; }

.p-home .p-homeProduct-smalllot-box-text-price .unit { font-size: 12px; color: #666666; margin: 0 8px 0 0; }

.p-home .p-homeProduct-smalllot-box-text-price .sub { font-size: 10px; color: #666666; }

.p-home .p-homeProduct-smalllot-box-text-detail { display: flex; justify-content: flex-start; margin: 0 0 2px; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-smalllot-box-text-detail { margin: 0; } }

.p-home .p-homeProduct-smalllot-box-text-detail p { font-size: 12px; line-height: 2; margin-right: 24px; display: flex; justify-content: flex-start; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-smalllot-box-text-detail p { font-size: 8px; letter-spacing: 0px; margin-right: 12px; } }

.p-home .p-homeProduct-smalllot-box-text-detail p .item { width: 56px; display: block; font-size: 12px; font-weight: bold; color: #A0AAA8; margin: 0 12px 0 0; }

.p-home .p-homeProduct-smalllot-box-text-detail p .info { font-size: 13px; color: #666666; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-smalllot-box-text-detail p .info { font-size: 11px; } }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-smalllot-box { flex-basis: calc(51.5% - 10px); margin: 0 4px 10px 0; } }

.p-home .p-homeProduct-example { display: flex; justify-content: space-between; flex-direction: row; margin: 32px 0; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-example { flex-wrap: wrap; padding-bottom: 0px; margin-bottom: -20px; margin-top: 20px; } }

.p-home .p-homeProduct-example-box { border: solid 3px #F4F4F0; border-radius: 12px; width: 23.4%; }

.p-home .p-homeProduct-example-box-img { background-color: #F4F4F0; }

.p-home .p-homeProduct-example-box-img img { border-radius: 12px 12px 0 0; display: block; }

.p-home .p-homeProduct-example-box-text { padding: 32px; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-example-box-text { padding: 16px; } }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-example-box-text h4 { font-size: 14px; margin-bottom: -8px; } }

.p-home .p-homeProduct-example-box-text p { font-size: 10px; line-height: 2rem; }

.p-home .p-homeProduct-example-box-text-price p { font-size: 14px; font-weight: bold; margin: 10px 0; }

.p-home .p-homeProduct-example-box-text-detail { display: flex; justify-content: flex-start; }

.p-home .p-homeProduct-example-box-text-detail p { font-size: 12px; line-height: 2; margin-right: 24px; }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-example-box-text-detail p { font-size: 8px; letter-spacing: 0px; margin-right: 12px; } }

@media screen and (max-width: 768px) { .p-home .p-homeProduct-example-box { margin: 10px 0; flex-basis: calc(50% - 6px); } }

.p-home .p-homeProduct hr { height: 1px; border: none; background-color: #DADBDD; margin: 30px 0; }

.p-home .p-ProductListWrapper { padding: 80px 148px; overflow: hidden; }

@media screen and (max-width: 768px) { .p-home .p-ProductListWrapper { padding: 80px 20px 36px; } }

.p-home .p-ProductListWrapper .p-ProductList { display: flex; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .p-home .p-ProductListWrapper .p-ProductList { align-items: center; justify-content: center; margin-left: 0; } }

.p-home .p-ProductListWrapper .p-ProductList .p-Product { width: 264px; min-height: 320px; border: 1px solid #F3F3F3; border-radius: 4px; }

@media screen and (max-width: 768px) { .p-home .p-ProductListWrapper .p-ProductList .p-Product { flex-basis: calc(51.5% - 10px); margin: 0 0 16px; } }

.p-home .p-ProductListWrapper .p-ProductList .p-ProductTitle { line-height: 1.64; }

.p-home .p-ProductDescriptionWrapper { padding: 20px 24px; }

.p-home .p-ProductTitle { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-size: 16px; color: #000000; }

.p-home .p-ProductBody { margin-top: 4px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; }

.p-home .p-ProductSupplement { color: #A0A0AA; margin-left: 6px; }

.p-home .p-ProductTagsWrapper { overflow: hidden; }

.p-home .p-ProductTags { display: flex; flex-wrap: wrap; margin-top: 4px; margin-left: -10px; margin-bottom: 12px; }

.p-home .p-ProductTags li { margin-top: 5px; margin-left: 10px; padding: 5px 7px 3px; background: #F1F1F2; border-radius: 4px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; color: #000000; font-weight: bold; }

.p-home .p-ProductPhotosWrapper { overflow: hidden; }

.p-home .p-ProductPhotos { display: flex; flex-wrap: wrap; margin-top: 10px; margin-left: -6px; }

.p-home .p-ProductPhotos li { display: block; width: 24px; height: 24px; margin-top: 6px; margin-left: 6px; border-radius: 2px; background: #F6F6F4; background-size: cover; background-position: center; cursor: pointer; }

.p-home .p-ProductPhotos li.is-current { border: 1px solid #000000; border-radius: 4px; }

.p-home .p-homeFeature { background-color: #FCFBF5; }

@media screen and (max-width: 768px) { .p-home .p-homeFeature-content { padding-bottom: 56px; } }

.p-home .p-homeFeature-box { display: flex; align-items: center; background-color: #FFFFFF; padding: 24px 32px; margin: 20px 100px; border-radius: 10px; }

@media screen and (max-width: 768px) { .p-home .p-homeFeature-box { flex-direction: column; align-items: flex-start; margin: 20px 0px; text-align: left; } }

.p-home .p-homeFeature-box img { width: 80px; margin-right: 30px; }

@media screen and (max-width: 768px) { .p-home .p-homeFeature-box img { width: 60px; margin-left: -6px; } }

.p-home .p-homeFeature-box h4 { font-size: 16px; margin: 8px 0; }

.p-home .p-homeGuide-content { display: flex; justify-content: center; flex-direction: row; }

@media screen and (max-width: 768px) { .p-home .p-homeGuide-content { flex-direction: column; padding-bottom: 56px; } }

.p-home .p-homeGuide-item { display: flex; flex-direction: column; background-color: #FBFBFC; border-radius: 20px; padding: 72px 10px 48px; text-align: center; margin: 0 20px; width: 42%; }

@media screen and (max-width: 768px) { .p-home .p-homeGuide-item { align-items: center; justify-content: space-between; margin: 10px; margin-left: auto; margin-right: auto; padding: 56px 10px 40px; width: 100%; } }

.p-home .p-homeGuide-item img { width: 112px; margin-left: auto; margin-right: auto; }

.p-home .p-homeGuide-item h3 { margin: 10px 0; font-size: 1.17em; }

.p-home .p-homeGuide-item button, .p-home .p-homeGuide-item > .c-btn { border-radius: 100px; margin: 20px 0; margin-left: auto; margin-right: auto; height: 56px; }

.p-home .p-homeGuide-item button:hover, .p-home .p-homeGuide-item > .c-btn:hover { background-color: #205EFB; color: white; }

.p-home .p-homeBottom { text-align: center; height: 480px; position: relative; padding: 0; overflow: hidden; }

@media screen and (max-width: 768px) { .p-home .p-homeBottom { padding-bottom: 56px; height: auto; } }

.p-home .p-homeBottom-body { text-align: center; padding-top: 100px; max-width: 724px; margin-right: auto; margin-left: auto; position: relative; z-index: 100; }

@media screen and (max-width: 768px) { .p-home .p-homeBottom-body { padding: 112px 24px 0px 24px; } }

.p-home .p-homeBottom-consult { text-align: center; padding-bottom: 16px; }

.p-home .p-homeBottom-cta { width: 384px; height: 80px; font-size: 16px; border-radius: 100px; box-shadow: 1px 2px 8px 2px rgba(0, 0, 0, 0.12); }

@media screen and (max-width: 768px) { .p-home .p-homeBottom-cta { width: 92%; margin-top: 4px; height: 64px; } }

.p-home .p-homeBottom-smimg { display: none; margin-bottom: -100px; margin-top: -50px; width: 100%; }

.p-home .p-homeBottom-smimg img { width: 100%; }

@media screen and (max-width: 768px) { .p-home .p-homeBottom-smimg { display: block; } }

.p-home .p-homeBottom-left { position: absolute; top: -130px; left: 0; height: 110%; }

@media screen and (max-width: 768px) { .p-home .p-homeBottom-left { display: none; } }

.p-home .p-homeBottom-left img { height: 110%; }

.p-home .p-homeBottom-right { position: absolute; top: -130px; right: 0; height: 110%; }

@media screen and (max-width: 768px) { .p-home .p-homeBottom-right { display: none; } }

.p-home .p-homeBottom-right img { height: 110%; }

.p-home-content { padding: 80px 148px; }

@media screen and (max-width: 768px) { .p-home-content { padding: 80px 20px 36px; } }

.p-home-content-header { text-align: center; margin: 0 0 40px; }

@media screen and (max-width: 768px) { .p-home-content-header { margin: 0 0 24px; } }

.p-home-content-header h3 { font-size: 28px; margin-bottom: 32px; line-height: 1.48; letter-spacing: 4px; }

.p-home-content-header h3 .hrempty { display: none; }

@media screen and (max-width: 768px) { .p-home-content-header h3 { font-size: 20px; } .p-home-content-header h3 .hrempty { display: block; } }

.p-home-content-header h4 { font-size: 28px; line-height: 1.64; font-weight: bold; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-home-content-header h4 { font-size: 24px; margin-bottom: 4px; } }

.p-home-content-header p { font-size: 12px; font-weight: bold; padding-bottom: 8px; letter-spacing: 2px; }

.p-home-content-header span { margin: -16px 0 0px; display: block; font-size: 14px; letter-spacing: 1px; line-height: 1.6; }

.p-home-content-header-left { text-align: left; }

.p-home-content-topic { font-weight: bold; color: #205EFB; }

.p-home-content.colored { background-color: #F7F5F3; }

.p-homeHeader { position: fixed; width: 100%; display: flex; justify-content: space-between; padding: 20px 40px; z-index: 100; }

.p-homeHeader .ci { font-size: 16px; }

.p-homeHeader a { color: #000000; font-size: 12px; }

@media screen and (max-width: 768px) { .p-homeHeader { padding: 20px 20px; } }

.p-homeHeader small { width: 120px; }

@media screen and (max-width: 768px) { .p-homeHeader small { display: none; } }

.p-homeHeader small:hover a { opacity: 0.8; }

.p-homeHeader .header-logo { margin-right: 20px; font-size: 24px; }

.p-homeHeader button { border: solid 1px #000000; border-radius: 50px; padding: 4px 15px; font-size: 12px; margin-top: 2px; transition: all 0.24s ease; }

.p-homeHeader button:hover { background-color: #000000; }

.p-homeHeader button:hover a { color: #fff; }

.p-homeFooter { background-color: #000000; min-width: 1200px; min-width: auto; padding: 60px 160px; }

@media screen and (max-width: 768px) { .p-homeFooter { padding: 48px 20px; } }

.p-homeFooter-container { display: flex; justify-content: space-between; align-items: center; }

@media screen and (max-width: 768px) { .p-homeFooter-container { align-items: start; flex-direction: column; } }

.p-homeFooter-nav { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-homeFooter-nav { align-items: start; flex-direction: column; margin-bottom: 20px; } }

.p-homeFooter-nav li { margin: 10px 20px; }

@media screen and (max-width: 768px) { .p-homeFooter-nav li { margin: 0.5rem 0; } }

.p-homeFooter-nav a { color: #DADBDD; }

.p-homeFooter-nav .footer-logo { color: #FFFFFF; font-family: "futura"; font-size: 32px; }

@media screen and (max-width: 768px) { .p-homeFooter-nav .footer-logo { margin-bottom: 2rem; } }

.p-homeFooter-copyright { color: #DADBDD; }

.p-billing { margin-top: -80px; }

.p-billing--complete { margin: 50px 96px 0; }

@media screen and (max-width: 768px) { .p-billing--complete { margin: 48px 0; } }

.p-billing .p-billingForm { display: flex; width: 100%; }

@media screen and (max-width: 768px) { .p-billing .p-billingForm { flex-direction: column; } }

.p-billing .p-billingForm-body { flex: 1; padding: 0 97px 50px; }

@media screen and (max-width: 768px) { .p-billing .p-billingForm-body { padding: 0 0 88px; } }

.p-billing .p-billingForm-body .payjp-error--global { margin-top: 15px; text-align: center; color: red; font-weight: bold; }

.p-billing .p-billingForm-cart { width: 40%; min-height: 100vh; padding: 71px 74px 50px; background: #FBFBFC; color: #000000; }

@media screen and (max-width: 768px) { .p-billing .p-billingForm-cart { width: 100%; padding: 32px 24px 50px; } }

.p-billing .p-billingHeader { display: flex; align-items: center; justify-content: space-between; padding: 24px 0; }

@media screen and (max-width: 768px) { .p-billing .p-billingHeader { padding: 20px 24px; } }

@media screen and (max-width: 768px) { .p-billing .p-billingHeader h1 { line-height: 1; } }

.p-billing .p-billingHeader a { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; font-weight: normal; }

.p-billing .p-billingFlow { display: flex; }

@media screen and (max-width: 768px) { .p-billing .p-billingFlow { padding: 0 24px; } }

.p-billing .p-billingFlow-item { flex: 1; border-top: 3px solid rgba(196, 196, 196, 0.48); padding-top: 12px; color: #A0A0AA; text-align: center; }

.p-billing .p-billingFlow-item.is-done { border-top: 3px solid #205EFB; }

.p-billing .p-billingFlow-item.is-active { border-top: 3px solid #205EFB; font-weight: bold; color: #000000; }

.p-billing .p-billingNavigation { display: none; justify-content: space-between; align-items: center; margin-top: 32px; padding: 16px 24px; background: #FBFBFC; }

@media screen and (max-width: 768px) { .p-billing .p-billingNavigation { display: flex; } }

.p-billing .p-billingNavigation h3 { display: flex; align-items: center; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: bold; }

.p-billing .p-billingNavigation h3 a { color: #000000; }

.p-billing .p-billingNavigation h3 svg { width: 8px; height: 6px; fill: #205EFB; margin-left: 8px; }

.p-billing .p-billingNavigation p { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; font-weight: bold; }

.p-billing .p-billingNavigation p span { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; margin-left: 4px; }

.p-billing .p-billingContent { margin-top: 54px; padding-bottom: 40px; border-bottom: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent { margin: 54px 24px 0; padding-bottom: 40px; } }

.p-billing .p-billingContent.is-billing { padding-bottom: 0; }

.p-billing .p-billingContent-title { line-height: 1; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent-title { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; } }

.p-billing .p-billingContent-description { display: flex; align-items: start; margin: 35px 0 32px; color: #000000; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-billing .p-billingContent-description span { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-billing .p-billingContent-externalService { border: 1px solid #DADBDD; border-radius: 8px; margin: 35px 0; padding: 20px; }

.p-billing .p-billingContent-externalService-header { display: table; margin-top: -3em; margin-left: auto; margin-right: auto; background-color: white; padding: 0 10px; font-size: 11px; }

.p-billing .p-billingContent-externalService-buttons { display: flex; justify-content: space-evenly; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent-externalService-buttons { flex-direction: column; } }

.p-billing .p-billingContent-externalService-button { border-radius: 5px; height: 48px; width: 280px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; padding: 0 20px; margin: 10px; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent-externalService-button { margin-right: auto; margin-left: auto; width: 230px; } }

.p-billing .p-billingContent-externalService-button img { margin-right: 10px; height: 18px; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent-externalService-button img { height: 16px; } }

.p-billing .p-billingContent-externalService-button p { font-size: 1.2rem; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent-externalService-button p { font-size: 1rem; } }

.p-billing .p-billingContent-externalService-button--colorme { background-color: #3787E1; }

.p-billing .p-billingContent-externalService-button--base { background-color: #56BBAE; }

.p-billing .p-billingContent-externalService-button--base img { height: 26px !important; }

.p-billing .p-billingContent-externalService-button--disabled { opacity: 0.32; cursor: not-allowed; pointer-events: none; background-color: #808080; }

.p-billing .p-billingContent-divider { font-size: 11px; margin: 15px 0; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; }

.p-billing .p-billingContent-divider:before, .p-billing .p-billingContent-divider:after { content: ''; border-top: 1px solid #DADBDD; margin: 0 20px 0 0; flex: 1 0 20px; }

.p-billing .p-billingContent-divider:after { margin: 0 0 0 20px; }

.p-billing .p-billingContent-top-btn { margin-top: -8px; width: 280px; height: 48px; }

.p-billing .p-billingContent-icon--pin { display: inline-block; margin-top: 2px; margin-right: 8px; fill: rgba(0, 0, 0, 0.54); width: 24px; height: 24px; }

.p-billing .p-billingContent-icon--pay { display: inline-block; margin-top: 3px; margin-right: 10px; fill: rgba(0, 0, 0, 0.54); width: 24px; height: 24px; }

.p-billing .p-billingContent hr { border: 1px solid #F1F1F2; }

.p-billing .p-billingContent-paymentMethod { box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.12); border-radius: 8px; padding: 20px; margin-bottom: 30px; }

.p-billing .p-billingContent-paymentMethod-choice { margin: 20px 0; }

.p-billing .p-billingContent-paymentMethod-choice-content { margin-top: -28px; margin-left: 30px; cursor: pointer; }

.p-billing .p-billingContent-paymentMethod-choice-content p { font-size: 12px; }

.p-billing .p-billingContent-paymentMethod-choice-tag { font-size: 10px !important; font-weight: bold; background: #F1F1F2; border-radius: 4px; display: inline-block; padding: 0 10px; }

.p-billing .p-billingContent-paymentMethod-choice-header { display: flex; align-items: center; }

.p-billing .p-billingContent-paymentMethod-choice-header h3 { font-size: 16px; }

.p-billing .p-billingContent-paymentMethod-choice-cardLogo { width: 30px; margin: 0 4px; display: inline-block; }

.p-billing .p-billingContent-paymentMethod-choice img { margin-top: 5px; margin-bottom: 5px; }

.p-billing .p-billingContent .credit-info { margin: 10px 0; font-size: 14px; font-weight: bold; color: #333; }

.p-billing .p-billingContent .credit-info.warning { color: red; font-weight: bold; margin: 20px 0; }

.p-billing .p-billingContent .credit-info.loading { color: red; font-weight: bold; margin: 20px 0; }

.p-billing .p-billingContent .loading-spinner { text-align: center; margin: 20px 0; }

.p-billing .p-billingContent .payjp-outer { height: 56px; border-radius: 8px; border: 1px solid rgba(32, 94, 251, 0); margin: 5px 0; background-color: #FBFBFC; padding: 0 10px; }

.p-billing .p-billingContent #expiry-form1 { width: 50%; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent #expiry-form1 { width: 100%; } }

.p-billing .p-billingContent #cvc-form1 { width: 50%; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent #cvc-form1 { width: 100%; } }

.p-billing .p-billingContent #expiry-form2 { width: 50%; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent #expiry-form2 { width: 100%; } }

.p-billing .p-billingContent #cvc-form2 { width: 50%; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent #cvc-form2 { width: 100%; } }

.p-billing .p-billingContent #name-form1 { width: 100%; font-family: sans-serif; margin: 0; width: 100%; font-size: 1.2em; line-height: 1.2em; letter-spacing: 0.08rem; color: #205EFB; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent #name-form1 { width: 100%; } }

.p-billing .p-billingContent #name-form2 { width: 100%; font-family: sans-serif; margin: 0; width: 100%; font-size: 1.2em; line-height: 1.2em; letter-spacing: 0.08rem; color: #205EFB; }

@media screen and (max-width: 768px) { .p-billing .p-billingContent #name-form2 { width: 100%; } }

.p-billing .p-billingContent .payjp-outer > iframe { border-radius: 8px; border: 1px solid rgba(32, 94, 251, 0); }

.p-billing .c-form-col + .p-billingAddress { margin-top: 29px; }

.p-billing .p-billingAddress { width: 90%; padding: 10px 0 20px; }

@media screen and (max-width: 768px) { .p-billing .p-billingAddress { padding: 10px 0 18px; } }

.p-billing .p-billingAddress-header { display: flex; justify-content: space-between; align-items: center; }

.p-billing .p-billingAddress-header h3 { display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; }

.p-billing .p-billingAddress-header svg { width: 23px; height: 20px; margin-right: 9.5px; fill: rgba(0, 0, 0, 0.54); }

.p-billing .p-billingAddress-header-links { display: flex; gap: 12px; }

.p-billing .p-billingAddress-header .c-textLink { display: flex; align-items: center; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; }

.p-billing .p-billingAddress-content { margin-top: 15px; padding-left: 33px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-billing .p-billingAddress-selectedDetails { margin-top: 12px; padding: 12px 16px; background-color: #FBFBFC; border-radius: 6px; border-left: 4px solid #205EFB; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; display: none; }

.p-billing .p-billingAddress-selectedDetails.is-visible { display: block; animation: fadeIn 0.3s ease-in; }

.p-billing .p-billingAddress-selectedDetails-name { font-weight: bold; color: #000000; margin-bottom: 4px; }

.p-billing .p-billingAddress-selectedDetails-info { color: #A0A0AA; line-height: 1.4; }

.p-billing .p-billingAddress-selectedDetails-info div + div { margin-top: 2px; }

.p-billing .custom-select { width: 100%; padding: 0.5rem; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 14px; line-height: 1.4; padding-right: 40px; position: relative; cursor: pointer; transition: all 0.2s ease; border: 1px solid #ddd; padding: 12px 40px 12px 12px; background-image: none; background-image: linear-gradient(45deg, transparent 50%, #A0A0AA 50%), linear-gradient(135deg, #A0A0AA 50%, transparent 50%); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }

.p-billing .custom-select:hover { border-color: #205EFB; box-shadow: 0 0 0 2px rgba(32, 94, 251, 0.1); background-image: linear-gradient(45deg, transparent 50%, #205EFB 50%), linear-gradient(135deg, #205EFB 50%, transparent 50%); }

.p-billing .custom-select:focus { outline: none; border-color: #205EFB; box-shadow: 0 0 0 3px rgba(32, 94, 251, 0.2); background-image: linear-gradient(45deg, transparent 50%, #205EFB 50%), linear-gradient(135deg, #205EFB 50%, transparent 50%); }

.p-billing .custom-select option:first-child { color: #A0A0AA; }

.p-billing .p-billingAddress-details { margin-top: 12px; padding: 12px; background-color: #FBFBFC; border-radius: 6px; border-left: 4px solid #205EFB; margin-left: 33px; animation: fadeIn 0.3s ease-in; }

.p-billing .p-billingAddress-details-name { font-weight: bold; color: #000000; margin-bottom: 4px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-billing .p-billingAddress-details-info { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; color: #A0A0AA; line-height: 1.4; }

.p-billing .p-billingAddress-details-info div + div { margin-top: 2px; }

@keyframes fadeIn { from { opacity: 0;
    transform: translateY(-5px); }
  to { opacity: 1;
    transform: translateY(0); } }

@media screen and (max-width: 768px) { .p-billing .p-billingAddress-selectHint { padding-left: 0; } .p-billing .p-billingAddress-selectWrapper { padding-left: 0; } .p-billing .p-billingAddress-selectedDetails { margin-left: 0; } .p-billing .custom-select { padding: 10px 36px 10px 10px; background-position: calc(100% - 18px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px); } }

.p-billing .p-billingAddress + .p-billingPayment { padding: 38px 0 20px; border-top: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-billing .p-billingAddress + .p-billingPayment { padding: 22px 0 20px; } }

.p-billing .p-billingPayment { width: 100%; padding: 10px 0 20px; }

@media screen and (max-width: 768px) { .p-billing .p-billingPayment { padding: 10px 0 18px; } }

.p-billing .p-billingPayment-header { display: flex; justify-content: space-between; width: 100%; }

.p-billing .p-billingPayment-header h3 { display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; }

.p-billing .p-billingPayment-header svg { width: 23px; height: 20px; margin-right: 9.5px; fill: rgba(0, 0, 0, 0.54); }

.p-billing .p-billingPayment-header .c-textLink { align-items: center; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; }

.p-billing .p-billingPayment-content { width: 100%; margin-top: 6px; padding-left: 33px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-billing .p-billingPayment-content h4 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-billing .p-billingFooter { display: flex; margin-top: 28px; justify-content: flex-end; align-items: center; }

@media screen and (max-width: 768px) { .p-billing .p-billingFooter { margin: 24px 24px 0; align-items: normal; flex-direction: column; } }

.p-billing .p-billingFooter-right { display: flex; align-items: center; }

.p-billing .p-billingFooter-right img { width: 20px; margin-right: 10px; }

.p-billing .p-billingFooter .c-textLink, .p-billing .p-billingFooter p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; margin: 10px; }

.p-billing .p-billingFooter .c-btn { width: 280px; }

@media screen and (max-width: 768px) { .p-billing .p-billingFooter .c-btn { margin-top: 24px; width: 100%; } }

.p-billing .p-billingFooter .c-btn .is-disabled { pointer-events: none; opacity: 0.5; }

.p-billing .p-CartHeader { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: bold; }

.p-billing .p-CartList { display: flex; flex-direction: column; width: 100%; margin: 26px 0 35px; }

@media screen and (max-width: 768px) { .p-billing .p-CartList { margin: 26px 0 32px; } }

.p-billing .p-CartItem { display: flex; align-items: center; width: 100%; background: #FFFFFF; }

@media screen and (max-width: 768px) { .p-billing .p-CartItem { align-items: start; } }

.p-billing .p-CartItem + .p-CartItem { margin-top: 15px; }

.p-billing .p-CartItemThumb { width: 88px; height: 88px; margin: 16px 12px; background: #DADBDD; background-size: cover; }

@media screen and (max-width: 768px) { .p-billing .p-CartItemThumb { width: 64px; height: 64px; } }

.p-billing .p-CartItemBody { flex: 1; margin: 11px 28px 15px 0; }

@media screen and (max-width: 768px) { .p-billing .p-CartItemBody { margin: 15px 12px 18px 0; } }

.p-billing .p-CartItemBody-header { display: flex; justify-content: space-between; }

.p-billing .p-CartItemBody-header h4 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; }

.p-billing .p-CartItemBody-header h4 a { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; color: #205EFB; }

.p-billing .p-CartItemBody-header p span { margin-left: 3px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

@media screen and (max-width: 768px) { .p-billing .p-CartItemBody-header p span { margin-left: 4px; } }

.p-billing .p-CartItemBody-content { margin-top: 6px; }

@media screen and (max-width: 768px) { .p-billing .p-CartItemBody-content { margin-top: 4px; } }

.p-billing .p-CartItemBody-detail { display: flex; }

.p-billing .p-CartItemBody-detail + .p-CartItemBody-detail { margin-top: 4px; }

@media screen and (max-width: 768px) { .p-billing .p-CartItemBody-detail + .p-CartItemBody-detail { margin-top: 5px; } }

.p-billing .p-CartItemBody-detail h5 { min-width: 54px; color: #999999; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

@media screen and (max-width: 768px) { .p-billing .p-CartItemBody-detail h5 { min-width: 42px; } }

.p-billing .p-CartItemBody-detail p { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.p-billing .p-CartPriceDetail { padding: 25px 0; border-top: 0.5px solid #DDDDDD; }

.p-billing .p-CartPriceDetail-col { display: flex; justify-content: space-between; }

.p-billing .p-CartPriceDetail-col + .p-CartPriceDetail-col { margin-top: 6px; }

.p-billing .p-CartPriceDetail-title { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: bold; }

.p-billing .p-CartPriceDetail-body { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-billing .p-CartPriceDetail-body span { margin-left: 3px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; font-weight: normal; }

@media screen and (max-width: 768px) { .p-billing .p-CartPriceDetail-body span { margin-left: 2px; } }

.p-billing .p-CartPriceTotal { display: flex; justify-content: space-between; padding-bottom: 28px; }

.p-billing .p-CartPriceTotal-title { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-billing .p-CartPriceTotal-body { font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-billing .p-CartPriceTotal-body span { margin-left: 3px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; font-weight: normal; }

.p-billing .p-billingMessage { display: flex; justify-content: space-between; align-items: center; padding: 89px 0px; border-bottom: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage { flex-direction: column; padding-bottom: 56px; margin: 0 24px; } }

.p-billing .p-billingMessage-top { display: flex; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-top { flex-direction: column; } }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-top h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; text-align: center; } }

.p-billing .p-billingMessage-body { width: 100%; }

.p-billing .p-billingMessage-body p { margin-top: 22px; margin-left: 51px; color: #000000; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-body p { margin: 27px 0 0; } }

.p-billing .p-billingMessage-body small { display: block; margin-top: 8px; color: #A0A0AA; }

.p-billing .p-billingMessage-red { color: red !important; }

.p-billing .p-billingMessage-checkIcon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-right: 13px; border-radius: 50%; background: #5DD193; color: #FFFFFF; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-checkIcon { margin-right: auto; margin-left: auto; margin-bottom: 20px; width: 50px; height: 50px; } }

.p-billing .p-billingMessage-checkIcon i { font-size: 2.1rem; font-weight: bold; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-checkIcon i { font-size: 3.1rem; } }

.p-billing .p-billingMessage-cta { width: 280px; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-cta { width: 100%; margin-top: 24px; } }

.p-billing .p-billingMessage-buttons { display: flex; margin-left: 51px; margin-top: 20px; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-buttons { justify-content: space-between; margin-left: 0; } }

.p-billing .p-billingMessage-buttons a { margin: 0 10px; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-buttons a { margin: 0; width: 47%; font-size: 1.2rem; min-width: 120px; padding: 0; } }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-flow { margin-top: 50px; } }

.p-billing .p-billingMessage-flow h3 { text-align: center; font-size: 1.6rem; }

.p-billing .p-billingMessage-flow-graph { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-flow-graph { flex-direction: column; align-items: baseline; } }

.p-billing .p-billingMessage-flow-graph-item { display: flex; text-align: center; flex-direction: column; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-flow-graph-item { flex-direction: row; align-items: center; } }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-flow-graph-item img { width: 100px; } }

.p-billing .p-billingMessage-flow-graph-item p { font-size: 1.2rem; font-weight: bold; line-height: 1.5rem; margin: 0 5px; }

.p-billing .p-billingMessage-flow-graph-item--arrow { margin: 0 10px; }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-flow-graph-item--arrow { margin-left: 32px; } }

@media screen and (max-width: 768px) { .p-billing .p-billingMessage-flow-graph-item--arrow img { width: 30px; transform: rotate(90deg); } }

.p-billing .p-CartPriceDetail + .p-CartPriceTotal { padding-top: 20px; padding-bottom: 0; border-top: 0.5px solid #DDDDDD; }

.p-billing .p-CartPriceTotal + .p-CartPriceDetail { padding-top: 24px; padding-bottom: 0; }

.p-billing .p-billingDetail { padding-top: 48px; }

@media screen and (max-width: 768px) { .p-billing .p-billingDetail { padding-top: 32px; } }

.p-billing .p-billingDetail-content { display: flex; align-items: start; width: 100%; margin-top: 22px; }

@media screen and (max-width: 768px) { .p-billing .p-billingDetail-content { display: block; margin-top: 20px; } }

.p-billing .p-billingDetail-header { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

@media screen and (max-width: 768px) { .p-billing .p-billingDetail-header { margin: 0 24px; } }

.p-billing .p-billingDetail-body { flex: 1; padding-top: 10px; }

@media screen and (max-width: 768px) { .p-billing .p-billingDetail-body { margin: 0 24px; padding: 0; } }

.p-billing .p-billingDetail-price { flex: 1; max-width: 520px; margin-left: 41px; padding: 49px 50px 40px; background: #FBFBFC; }

@media screen and (max-width: 768px) { .p-billing .p-billingDetail-price { width: 100%; max-width: 100%; margin: 0; padding: 31px 24px 33px; } }

@media screen and (max-width: 768px) { .p-billing .p-billingDetail-price .p-CartPriceTotal { padding-bottom: 20px; } }

.p-billing .p-billingPayment + .p-billingOrder { border-top: 1px solid #DADBDD; }

.p-billing .p-billingOrder { padding-top: 34px; }

@media screen and (max-width: 768px) { .p-billing .p-billingOrder { padding-top: 32px; } }

.p-billing .p-billingOrder .p-CartHeader { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; color: #000000; }

.p-billing .p-billingOrder .p-CartList { padding-bottom: 14px; border-bottom: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-billing .p-billingOrder .p-CartList { margin: 0; padding-bottom: 55px; border: none; } }

.p-contact-wrapper { min-width: 1200px; padding-top: 1px; margin: 100px 0px 200px 0px; padding: 50px 100px; }

@media screen and (max-width: 768px) { .p-contact-wrapper { min-width: unset; padding: 50px 20px; } }

.p-contact-content-message { margin-top: 100px; text-align: center; }

.p-contact-content-message p { line-height: 5rem; }

.p-partsList { margin: 10px; }

.p-partsList .p-partsList-title { margin: 60px 0 30px; border-bottom: #DADBDD solid 2px; padding-bottom: 10px; }

.p-partsList .p-partsList-title h1 { font-size: 6rem; }

.p-partsList .p-partsList-item { padding: 10px 10px; }

.p-partsList .p-partsList-item.dark { background-color: #34414E; }

.p-partsList .p-partsList-item--modal { position: relative; height: 500px; padding: 40px; margin: 10px; background: rgba(0, 0, 0, 0.64); }

.p-partsList .p-partsList-item--modal-lg { position: relative; height: 1000px; padding: 40px; margin: 10px; background: rgba(0, 0, 0, 0.64); }

.p-partsList .text-lg { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-partsList .text-md { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-partsList .text-sm { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-partsList .text-xs { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.p-partsList .p-colorSample .content { margin-top: 5px; display: flex; align-items: center; justify-content: center; color: #000000; width: 164px; height: 112px; }

.p-partsList .p-colorSample .content.primary { background: #205EFB; color: #FFFFFF; }

.p-partsList .p-colorSample .content.primary--hover { background: #214FC5; color: #FFFFFF; }

.p-partsList .p-colorSample .content.text { background: #000000; }

.p-partsList .p-colorSample .content.text--gray { background: #DADBDD; }

.p-partsList .p-colorSample .content.text--gray-more-1 { background: #A0A0AA; }

.p-partsList .p-colorSample .content.text--white { background: #FFFFFF; }

.p-partsList .p-colorSample .content.bg--gray-less-1 { background: #FBFBFC; }

.p-partsList .p-colorSample .content.bg--gray { background: #F1F1F2; }

.p-partsList .p-colorSample .content.bg--gray-more-1 { background: #DADBDD; }

.p-partsList .p-colorSample .content.border--gray { background: #DADBDD; }

.p-partsList .p-colorSample .content.border--gray-less-1 { background: #F7F7F8; }

.p-partsList .p-colorSample .content.modal--gray { background: rgba(207, 215, 226, 0.72); }

.p-partsList .p-colorSample .content.notify--red { background: #DF5475; color: #FFFFFF; }

.p-partsList .p-colorSample .content.notify--red-hover { background: #C0506B; color: #FFFFFF; }

.p-preregister { min-width: 1200px; }

@media screen and (max-width: 768px) { .p-preregister { min-width: auto; } }

.p-preregister .p-preregisterMain { text-align: center; height: 680px; position: relative; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain { padding-bottom: 56px; height: auto; } }

.p-preregister .p-preregisterMain-body { text-align: center; padding-top: 160px; max-width: 724px; margin-right: auto; margin-left: auto; position: relative; z-index: 100; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-body { padding: 112px 24px 0px 24px; } }

.p-preregister .p-preregisterMain-message h2 { font-size: 44px; color: #000; letter-spacing: 6px; padding-top: 32px; padding-bottom: 20px; line-height: 1.5; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-message h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; padding-top: 20px; padding-bottom: 12px; align-items: start; line-height: 4.0rem; } }

.p-preregister .p-preregisterMain-message p { padding-bottom: 20px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-size: 14px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-message p { font-size: 1.2rem; } }

.p-preregister .p-preregisterMain-message-header { display: inline-block; border-radius: 8px; background-color: #FBDFB6; }

.p-preregister .p-preregisterMain-message-header p { font-size: 12px; letter-spacing: 1px; color: #000; padding: 5px 14px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-message-header p { padding: 4px 14px; font-size: 11px; } }

.p-preregister .p-preregisterMain-message-tags { display: flex; justify-content: space-between; flex-direction: row; margin-bottom: 16px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-message-tags { flex-wrap: wrap; margin-bottom: 16px; } }

.p-preregister .p-preregisterMain-message-tags-tag { margin: 1rem 10px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-message-tags-tag { margin: 0px 0  2px; flex-basis: calc(50% - 10px); } }

.p-preregister .p-preregisterMain-message-tags-tag img { height: 32px; width: 32px; display: inline; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-message-tags-tag img { width: 24px; height: 24px; } }

.p-preregister .p-preregisterMain-message-tags-tag p { display: inline; color: #000; }

.p-preregister .p-preregisterMain-consult { text-align: center; padding-bottom: 16px; }

.p-preregister .p-preregisterMain-cta { width: 384px; height: 80px; font-size: 16px; border-radius: 100px; box-shadow: 1px 2px 8px 2px rgba(0, 0, 0, 0.12); }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-cta { width: 92%; margin-top: 4px; height: 64px; } }

.p-preregister .p-preregisterMain-smimg { display: none; margin-bottom: -100px; margin-top: -50px; width: 100%; }

.p-preregister .p-preregisterMain-smimg img { width: 100%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-smimg { display: block; } }

.p-preregister .p-preregisterMain-left { position: absolute; top: 0; left: 0; height: 100%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-left { display: none; } }

.p-preregister .p-preregisterMain-left img { height: 110%; }

.p-preregister .p-preregisterMain-right { position: absolute; top: 0; right: 0; height: 100%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterMain-right { display: none; } }

.p-preregister .p-preregisterMain-right img { height: 110%; }

.p-preregister .p-preregisterWhat { background-color: #FCFBF5; display: flex; flex-direction: column; flex-wrap: wrap; height: 560px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterWhat { flex-wrap: nowrap; height: 684px; padding: 88px 20px; } }

.p-preregister .p-preregisterWhat .p-preregister-content-header { flex-basis: 0%; width: 40%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterWhat .p-preregister-content-header { width: 100%; text-align: center; } }

.p-preregister .p-preregisterWhat-img { flex-basis: 0%; width: 66%; order: 1; text-align: center; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterWhat-img { order: 0; width: 100%; margin: 20px 0; } }

.p-preregister .p-preregisterWhat-img img { width: 80%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterWhat-img img { width: 100%; } }

.p-preregister .p-preregisterWhat-message { flex-basis: 40%; width: 40%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterWhat-message { width: 100%; } }

.p-preregister .p-preregisterProduct-content > p { font-weight: bold; font-size: 20px; margin-top: 40px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-content > p { font-size: 16px; margin-top: 56px; } }

.p-preregister .p-preregisterProduct-example { display: flex; justify-content: space-between; flex-direction: row; margin: 32px 0; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-example { flex-wrap: wrap; padding-bottom: 0px; margin-bottom: -20px; margin-top: 20px; } }

.p-preregister .p-preregisterProduct-example-box { border: solid 3px #F4F4F0; border-radius: 12px; width: 23.4%; }

.p-preregister .p-preregisterProduct-example-box-img { background-color: #FFFDFA; }

.p-preregister .p-preregisterProduct-example-box-img img { border-radius: 20px 20px 0 0; display: block; }

.p-preregister .p-preregisterProduct-example-box-text { padding: 32px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-example-box-text { padding: 16px; } }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-example-box-text h4 { font-size: 14px; margin-bottom: -8px; } }

.p-preregister .p-preregisterProduct-example-box-text p { font-size: 10px; line-height: 2rem; }

.p-preregister .p-preregisterProduct-example-box-text-price p { font-size: 14px; font-weight: bold; margin: 10px 0; }

.p-preregister .p-preregisterProduct-example-box-text-detail { display: flex; justify-content: flex-start; }

.p-preregister .p-preregisterProduct-example-box-text-detail p { font-size: 12px; line-height: 2; margin-right: 24px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-example-box-text-detail p { font-size: 8px; letter-spacing: 0px; margin-right: 12px; } }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-example-box { margin: 10px 0; flex-basis: calc(50% - 6px); } }

.p-preregister .p-preregisterProduct-list { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; margin-top: 32px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-list { flex-direction: column; padding-bottom: 0px; margin-top: 16px; } }

.p-preregister .p-preregisterProduct-list-box { flex-basis: calc(50% - 12px); padding: 10px 24px 10px 48px; margin: 0 0 28px 0; display: flex; align-items: center; justify-content: space-between; border: solid 3px #F5F5F2; border-radius: 16px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-list-box { margin: 0 auto 16px; padding: 10px 24px; border-radius: 12px; } }

.p-preregister .p-preregisterProduct-list-box-text { flex: 1; }

.p-preregister .p-preregisterProduct-list-box-text h4 { margin-bottom: 12px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-list-box-text h4 { font-size: 14px; margin-bottom: 4px; } }

.p-preregister .p-preregisterProduct-list-box-text p { line-height: 2.4rem; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterProduct-list-box-text p { font-size: 10px; line-height: 1.8rem; } }

.p-preregister .p-preregisterProduct-list-box-img { flex: 1; text-align: right; }

.p-preregister .p-preregisterProduct-list-box-img img { margin-left: 10%; }

.p-preregister .p-preregisterProduct hr { height: 1px; border: none; background-color: #DADBDD; margin: 30px 0; }

.p-preregister .p-preregisterFeature { background-color: #FCFBF5; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterFeature-content { padding-bottom: 56px; } }

.p-preregister .p-preregisterFeature-box { display: flex; align-items: center; background-color: #FFFFFF; padding: 24px 32px; margin: 20px 100px; border-radius: 10px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterFeature-box { flex-direction: column; align-items: flex-start; margin: 20px 0px; text-align: left; } }

.p-preregister .p-preregisterFeature-box img { width: 80px; margin-right: 30px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterFeature-box img { width: 60px; margin-left: -6px; } }

.p-preregister .p-preregisterFeature-box h4 { font-size: 16px; margin: 8px 0; }

.p-preregister .p-preregisterHowto-content { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterHowto-content { flex-direction: column; padding-bottom: 56px; } }

.p-preregister .p-preregisterHowto-box { flex-basis: calc(50% - 20px); margin: 0 0 32px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterHowto-box { padding: 0; margin: 20px 0; } }

.p-preregister .p-preregisterHowto-box img { border: 4px solid #F4F4F0; border-radius: 16px; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterHowto-box img { margin-bottom: 16px; } }

.p-preregister .p-preregisterHowto-box h4 { font-size: 16px; margin-bottom: 4px; }

.p-preregister .p-preregisterVoice { background-color: #F5F5F2; }

.p-preregister .p-preregisterVoice-content { display: flex; justify-content: space-between; flex-direction: row; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterVoice-content { flex-direction: column; padding-bottom: 56px; } }

.p-preregister .p-preregisterVoice-box { flex: 1; display: flex; justify-content: space-between; flex-basis: calc(50% - 20px); align-items: center; flex-direction: row; margin: 0px 20px 24px; padding: 16px 32px 30px; border-radius: 8px; background-color: white; box-shadow: 0px 0px 10px 5px rgba(200, 200, 200, 0.1); }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterVoice-box { flex-direction: column; align-items: flex-start; padding: 16px 24px 30px; margin: 0px auto 32px; } }

.p-preregister .p-preregisterVoice-box-person { width: 24%; margin-right: 20px; display: flex; flex-direction: column; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterVoice-box-person { width: 100%; margin-right: 0px; flex-direction: row; align-items: center; } }

.p-preregister .p-preregisterVoice-box-person-img img { border-radius: 50%; margin: 16px 16px 8px 0; height: 95px; width: 95px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterVoice-box-person-img img { height: 70px; width: 70px; margin-right: 16px; } }

.p-preregister .p-preregisterVoice-box-person p { line-height: 2rem; font-size: 1.2rem; margin-bottom: 4px; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterVoice-box-person p { font-size: 1.1rem; margin-bottom: -2px; } }

.p-preregister .p-preregisterVoice-box-person b { font-size: 1.4rem; letter-spacing: 1px; }

.p-preregister .p-preregisterVoice-box-message { flex: 3; }

.p-preregister .p-preregisterVoice-box-message h4 { font-size: 1.5rem; line-height: 1.86; margin: 0px 0 8px; }

.p-preregister .p-preregisterVoice-box-message p { line-height: 1.88; font-size: 1.4rem; }

.p-preregister .p-preregisterVoice-box-message hr { margin: 20px 0; }

.p-preregister .p-preregisterBottom { text-align: center; height: 480px; position: relative; padding: 0; overflow: hidden; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterBottom { padding-bottom: 56px; height: auto; } }

.p-preregister .p-preregisterBottom-body { text-align: center; padding-top: 100px; max-width: 724px; margin-right: auto; margin-left: auto; position: relative; z-index: 100; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterBottom-body { padding: 112px 24px 0px 24px; } }

.p-preregister .p-preregisterBottom-consult { text-align: center; padding-bottom: 16px; }

.p-preregister .p-preregisterBottom-cta { width: 384px; height: 80px; font-size: 16px; border-radius: 100px; box-shadow: 1px 2px 8px 2px rgba(0, 0, 0, 0.12); }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterBottom-cta { width: 92%; margin-top: 4px; height: 64px; } }

.p-preregister .p-preregisterBottom-smimg { display: none; margin-bottom: -100px; margin-top: -50px; width: 100%; }

.p-preregister .p-preregisterBottom-smimg img { width: 100%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterBottom-smimg { display: block; } }

.p-preregister .p-preregisterBottom-left { position: absolute; top: -130px; left: 0; height: 110%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterBottom-left { display: none; } }

.p-preregister .p-preregisterBottom-left img { height: 110%; }

.p-preregister .p-preregisterBottom-right { position: absolute; top: -130px; right: 0; height: 110%; }

@media screen and (max-width: 768px) { .p-preregister .p-preregisterBottom-right { display: none; } }

.p-preregister .p-preregisterBottom-right img { height: 110%; }

.p-preregister-content { padding: 120px 160px; }

@media screen and (max-width: 768px) { .p-preregister-content { padding: 80px 20px 72px; } }

.p-preregister-content-header { text-align: center; }

.p-preregister-content-header h3 { font-size: 32px; line-height: 1.64; font-weight: bold; margin-bottom: 32px; }

.p-preregister-content-header h3 .hrempty { display: none; }

@media screen and (max-width: 768px) { .p-preregister-content-header h3 { font-size: 24px; } .p-preregister-content-header h3 .hrempty { display: block; } }

.p-preregister-content-header h4 { font-size: 28px; line-height: 1.64; font-weight: bold; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-preregister-content-header h4 { font-size: 24px; margin-bottom: 4px; } }

.p-preregister-content-header p { padding-bottom: 8px; }

@media screen and (max-width: 768px) { .p-preregister-content-header p { font-size: 14px; } }

.p-preregister-content-header-left { text-align: left; }

.p-preregister-content-topic { font-weight: bold; color: #205EFB; }

.p-preregisterHeader { position: fixed; width: 100%; display: flex; justify-content: space-between; padding: 20px 40px; z-index: 100; }

.p-preregisterHeader .ci { font-size: 16px; }

.p-preregisterHeader a { color: #000000; font-size: 12px; }

@media screen and (max-width: 768px) { .p-preregisterHeader { padding: 20px 20px; } }

.p-preregisterHeader small { width: 120px; }

@media screen and (max-width: 768px) { .p-preregisterHeader small { display: none; } }

.p-preregisterHeader small:hover a { opacity: 0.8; }

.p-preregisterHeader .header-logo { margin-right: 20px; font-size: 24px; }

.p-preregisterHeader button { border: solid 1px #000000; border-radius: 50px; padding: 4px 15px; font-size: 12px; margin-top: 2px; transition: all 0.24s ease; }

.p-preregisterHeader button:hover { background-color: #000000; }

.p-preregisterHeader button:hover a { color: #fff; }

.p-preregisterFooter { background-color: #000000; min-width: 1200px; min-width: auto; padding: 60px 160px; }

@media screen and (max-width: 768px) { .p-preregisterFooter { padding: 48px 20px; } }

.p-preregisterFooter-container { display: flex; justify-content: space-between; align-items: center; }

@media screen and (max-width: 768px) { .p-preregisterFooter-container { align-items: start; flex-direction: column; } }

.p-preregisterFooter-nav { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-preregisterFooter-nav { align-items: start; flex-direction: column; margin-bottom: 20px; } }

.p-preregisterFooter-nav li { margin: 10px 20px; }

@media screen and (max-width: 768px) { .p-preregisterFooter-nav li { margin: 0.5rem 0; } }

.p-preregisterFooter-nav a { color: #DADBDD; }

.p-preregisterFooter-nav .footer-logo { color: #FFFFFF; font-family: "futura"; font-size: 32px; }

@media screen and (max-width: 768px) { .p-preregisterFooter-nav .footer-logo { margin-bottom: 2rem; } }

.p-preregisterFooter-copyright { color: #DADBDD; }

.p-order { background: #FBFBFC; }

@media screen and (max-width: 768px) { .p-order { padding: 0 24px; } }

.p-order .p-orderList { margin: 0 auto; padding: 57px 0 509px; max-width: 1136px; }

@media screen and (max-width: 768px) { .p-order .p-orderList { max-width: 100%; } }

.p-order .p-orderList-pagination { display: flex; justify-content: center; margin-top: 20px; }

.p-order .p-orderList-pagination-item { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; margin: 0 5px; }

.p-order .p-orderList-pagination-item a { color: black; }

.p-order .p-orderList-pagination-item span { font-size: 20px; }

.p-order .p-orderList-pagination-item--active { background-color: #205EFB; border-radius: 100px; color: white; }

.p-order .p-orderList-pagination-item--active a { color: white; }

.p-order .p-orderListHeader { padding: 0 0 32px; border-bottom: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-order .p-orderListHeader { padding: 0 0 28px; } }

.p-order .p-orderListHeader h2 { line-height: 1; }

@media screen and (max-width: 768px) { .p-order .p-orderListHeader h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; } }

.p-order .p-orderOrderList { margin-top: 56px; }

@media screen and (max-width: 768px) { .p-order .p-orderOrderList { margin-top: 40px; } }

.p-order .p-orderOrder-header { display: flex; }

@media screen and (max-width: 768px) { .p-order .p-orderOrder-header { flex-direction: column; } }

.p-order .p-orderOrder div > h6 { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; color: #999999; }

.p-order .p-orderOrder-date p { font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-order .p-orderOrder-info { display: flex; }

@media screen and (max-width: 768px) { .p-order .p-orderOrder-info { margin-top: 11px; } }

.p-order .p-orderOrder-price { margin-left: 85px; }

@media screen and (max-width: 768px) { .p-order .p-orderOrder-price { margin-left: 0; } }

.p-order .p-orderOrder-price p { font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; font-weight: normal; }

.p-order .p-orderOrder-price span { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-order .p-orderOrder-deliverTo { margin-left: 56px; }

.p-order .p-orderOrder-deliverTo .c-textLink { font-weight: normal; }

.p-order .p-orderOrder + .p-orderOrder { margin-top: 48px; }

.p-order .p-orderProductList { margin-top: 16px; }

.p-order .p-orderProduct { display: flex; flex-direction: column; background: #FFFFFF; padding: 20px 48px 33px 24px; }

@media screen and (max-width: 768px) { .p-order .p-orderProduct { padding: 24px 20px 42px; } }

.p-order .p-orderProduct + .p-orderProduct { margin-top: 20px; }

.p-order .p-orderProduct-header { position: relative; }

.p-order .p-orderProduct-errorIcon { position: relative; bottom: 2px; width: 18px; height: 18px; fill: #DF5475; margin-right: 11px; }

.p-order .p-orderProduct-title { display: flex; align-items: center; flex-wrap: wrap; gap: 30px; }

.p-order .p-orderProduct-title span { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; font-weight: bold; margin-right: 12px; }

.p-order .p-orderProduct-title .c-textLink { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; line-height: 2.8rem; }

.p-order .p-orderProduct .p-orderProduct-shippingDate-inline { font-size: 1.6rem; font-weight: bold; white-space: nowrap; }

@media screen and (max-width: 768px) { .p-order .p-orderProduct .p-orderProduct-shippingDate-inline { font-size: 13px; } }

.p-order .p-orderProduct-documents { position: absolute; top: 10px; right: 0; font-size: 12px; color: #205EFB; }

.p-order .p-orderProduct-documents span { transform: rotate(90deg); }

.p-order .p-orderProduct-documents-dropdown { position: absolute; top: 40px; right: 0; font-size: 12px; background-color: #fff; border-radius: 5px; z-index: 1; padding: 6px 14px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08); }

.p-order .p-orderProduct-documents-dropdown hr { border: 0.5px solid #ddd; }

.p-order .p-orderProduct-documents-dropdown-item { display: flex; align-items: center; padding: 6px 0; }

.p-order .p-orderProduct-documents-dropdown-item a { color: #205EFB; }

.p-order .p-orderProduct-documents-dropdown-item svg { height: 16px; width: 16px; margin-right: 8px; fill-opacity: 0.54; }

.p-order .p-orderProduct-price { position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; font-weight: normal; }

@media screen and (max-width: 768px) { .p-order .p-orderProduct-price { position: relative; transform: none; margin-top: 12px; } }

.p-order .p-orderProduct-price span { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-order .p-orderProduct-priceUnit { margin-left: 3px; }

.p-order .p-orderProduct-count { margin-left: 9px; color: #A0A0AA; }

.p-order .p-orderProduct-flow { display: flex; width: 100%; margin-top: 20px; border-bottom: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-order .p-orderProduct-flow { margin-top: 22px; } }

.p-order .p-orderProduct-flow li { display: flex; width: 85px; }

@media screen and (max-width: 768px) { .p-order .p-orderProduct-flow li { width: 80px; } }

.p-order .p-orderProduct-flow li + li { margin-left: 28px; }

@media screen and (max-width: 768px) { .p-order .p-orderProduct-flow li + li { margin-left: 20px; } }

@media screen and (max-width: 768px) { .p-order .p-orderProduct-flow li.sp-none { display: none; } }

.p-order .p-orderProduct-flow li span { padding-bottom: 14px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; font-weight: bold; line-height: 1; color: #DADBDD; }

.p-order .p-orderProduct-flow li.is-current span { color: #000000; border-bottom: 2px solid #205EFB; }

.p-order .p-orderProduct-flow li.is-error span { color: #DF5475; border-bottom: 2px solid #DF5475; }

.p-order .p-orderProduct-flow li.is-ok span { color: #5DD193; border-bottom: 2px solid #5DD193; }

.p-order .p-orderProductDetail { display: flex; align-items: center; margin-top: 20px; }

@media screen and (max-width: 768px) { .p-order .p-orderProductDetail { flex-direction: column; align-items: flex-start; margin-top: 25px; } }

.p-order .p-orderProductThumb { width: 112px; height: 112px; background-size: contain; background-position: center; }

.p-order .p-orderProductBody { display: flex; flex: 1; justify-content: space-between; margin-left: 31px; }

@media screen and (max-width: 768px) { .p-order .p-orderProductBody { flex-direction: column; justify-content: normal; width: 100%; margin-top: 25px; margin-left: 0; } }

.p-order .p-orderProductBody-left { display: flex; align-items: center; }

.p-order .p-orderProductBody-rowContainer { display: flex; }

@media screen and (max-width: 768px) { .p-order .p-orderProductBody-rowContainer { align-items: normal; flex-direction: column; } }

.p-order .p-orderProductBody-row { display: flex; flex-direction: column; }

.p-order .p-orderProductBody-row + .p-orderProductBody-row { margin-left: 26px; }

@media screen and (max-width: 768px) { .p-order .p-orderProductBody-row + .p-orderProductBody-row { margin-top: 10px; margin-left: 0; } }

.p-order .p-orderProductBody-right { display: flex; flex-direction: column; align-items: flex-end; }

@media screen and (max-width: 768px) { .p-order .p-orderProductBody-right { align-items: center; } }

.p-order .p-orderProductBody-right .c-btn { width: 212px; height: 40px; margin-top: 17px; }

@media screen and (max-width: 768px) { .p-order .p-orderProductBody-right .c-btn { width: 100%; margin-top: 31px; } }

.p-order .p-orderProductBody-right .c-textLink { margin-top: 13px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; }

@media screen and (max-width: 768px) { .p-order .p-orderProductBody-right .c-textLink { margin-top: 20px; } }

.p-order .p-orderProductBody-right .c-textLink.is-loading { height: 21px; }

.p-order .p-orderProductBody-right .c-textLink.c-textLink--negative { margin-top: 24px; }

@media screen and (max-width: 768px) { .p-order .p-orderProductBody-right .c-textLink.c-textLink--negative { margin-top: 20px; } }

.p-order .p-orderProductInfo { display: flex; align-items: flex-start; }

.p-order .p-orderProductInfo + .p-orderProductInfo { margin-top: 7px; }

.p-order .p-orderProductInfo h6, .p-order .p-orderProductInfo p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-order .p-orderProductInfo h6 { width: 90px; margin-right: 13px; }

.p-order .p-orderProductInfo p { width: 167px; }

.p-order .p-orderAlert { display: flex; flex-direction: column; align-items: center; position: absolute; left: 0; right: 0; width: 480px; margin: 100px auto; padding: 86px 0 54px; border-radius: 8px; background: #FFFFFF; }

.p-order .p-orderAlert .c-btn { width: 158px; min-width: 158px; border: 1px solid #DADBDD; }

.p-order .p-orderAlert--ok .p-orderAlertIcon { width: 70px; height: 54px; fill: #205EFB; }

.p-order .p-orderAlert--ok .c-btn { margin-top: 22px; }

.p-order .p-orderAlert--delivery .p-orderAlertIcon { width: 88px; height: 56px; fill: rgba(0, 0, 0, 0.54); }

.p-order .p-orderAlert--delivery .c-btn { margin-top: 46px; }

.p-order .p-orderAlertTitle { margin-top: 62px; font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-order .p-orderAlertTitle + .p-orderAlertBody { margin-top: 20px; }

.p-order .p-orderAlertBody { line-height: 1; }

.p-order .p-orderAlertBody + .p-orderAlertBody { margin-top: 8px; }

.p-reorder { margin: 0 auto; padding: 100px 0 200px; max-width: 1136px; }

.p-reorder-fixedTop { position: fixed; top: 100px; left: 30px; }

.p-reorder .p-reorderHeader { text-align: center; }

.p-reorder .p-reorderContent { margin-top: 30px; display: flex; }

.p-reorder .p-reorderContent-left { padding: 0 20px; flex: 1; text-align: right; }

.p-reorder .p-reorderContent-left img { width: 300px; }

.p-reorder .p-reorderContent-right { padding: 0 20px; flex: 1; }

.p-reorder .p-reorderContent-right .c-form-select { width: 200px; }

.p-reorder .p-reorderContent-right .c-form-select select { background: #FBFBFC; }

.p-reorder .p-reorderContent-info { margin: 20px 0; }

.p-reorder .p-reorderContent-info li { line-height: 2.5rem; }

.p-reorder .p-reorderContent-design { margin: 20px 0; }

.p-reorder .p-reorderContent-price { margin: 20px 0; }

.p-reorder .p-reorderContent-price-totalTitle { font-weight: bold; font-size: 16px; }

.p-reorder .p-reorderContent-price-totalBody { font-weight: bold; font-size: 16px; }

.p-reorder .p-reorderContent-price-totalUnit { font-weight: bold; }

.p-reorder .p-reorderContent-price hr { margin: 10px 0; border: 1px solid #f9f9f9; }

.p-reorder .p-reorderContent-submit { display: block; margin: 20px auto; width: 180px; text-align: center; line-height: 48px; }

.p-reorder .p-reorderContent-reorderButton { margin-top: 50px; display: block; margin-left: auto; margin-right: auto; }

.p-draft .p-draftWrapper { width: 1141px; margin: 0 auto; padding: 40px 0 376px; }

@media screen and (max-width: 768px) { .p-draft .p-draftWrapper { width: 100%; padding: 10px 24px 150px; } }

.p-draft .p-draftPageBack { display: flex; align-items: center; }

.p-draft .p-draftPageBack-icon { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #DADBDD; border-radius: 50%; }

.p-draft .p-draftPageBack-icon svg { width: 13px; height: 13px; fill: rgba(0, 0, 0, 0.54); }

.p-draft .p-draftPageBack-text { margin-left: 16px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; }

.p-draft .p-draftHeader { margin-top: 40px; }

@media screen and (max-width: 768px) { .p-draft .p-draftHeader { margin-top: 32px; } }

.p-draft .p-draftHeader h2 { line-height: 1; }

.p-draft .p-draftHeaderNotice { display: flex; margin-top: 24px; }

@media screen and (max-width: 768px) { .p-draft .p-draftHeaderNotice { margin-top: 25px; } }

.p-draft .p-draftHeaderNotice .c-textLink { font-weight: normal; }

.p-draft .p-draftMain { display: flex; align-items: stretch; margin-top: 30px; padding: 40px; border: 1px solid #DADBDD; background-color: #fbfaf7; width: 100%; }

.p-draft .p-draftMainContainer { width: 100%; }

@media screen and (max-width: 768px) { .p-draft .p-draftMain { flex-direction: column; margin-top: 38px; padding: 31px 0 0; border-top: 1px solid #DADBDD; border-left: none; border-right: none; border-bottom: none; } }

.p-draft .p-draftMain h4 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-draft .p-draftMain-left { width: 50%; }

@media screen and (max-width: 768px) { .p-draft .p-draftMain-left { width: 100%; } }

.p-draft .p-draftMain-right { flex: 1; margin-left: 62px; }

@media screen and (max-width: 768px) { .p-draft .p-draftMain-right { margin-top: 24px; margin-left: 0; } }

.p-draft .p-Product { display: flex; margin-top: 32px; }

@media screen and (max-width: 768px) { .p-draft .p-Product { flex-direction: column; margin-top: 25px; } }

.p-draft .p-ProductThumb { width: 112px; height: 112px; background-size: contain; background-position: center; }

.p-draft .p-ProductInfo { margin-left: 30px; width: 100%; }

@media screen and (max-width: 768px) { .p-draft .p-ProductInfo { margin-top: 17px; margin-left: 0; } }

.p-draft .p-ProductInfo h5 { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-draft .p-File { width: 442px; margin-top: 32px; }

@media screen and (max-width: 768px) { .p-draft .p-File { width: 100%; margin-top: 24px; } }

.p-draft .p-File-detail { display: flex; align-items: center; justify-content: space-between; }

.p-draft .p-File-file { display: flex; align-items: center; }

.p-draft .p-File-file p { margin-left: 12px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-File-file span { display: block; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.p-draft .p-File .c-textLink { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-File-checkResult { margin-top: 32px; padding-top: 32px; border-top: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-draft .p-File-checkResult { border: none; margin-top: 48px; padding-top: 0; } }

.p-draft .p-File-checkResult h5 { display: flex; align-items: center; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-File-checkResult h5 svg { margin-right: 9px; }

.p-draft .p-File-checkResult h5 svg.ok { width: 12px; height: 9px; fill: #5dd193; }

.p-draft .p-File-checkResult h5 svg.error { width: 15px; height: 13px; fill: #df5475; }

.p-draft .p-File-checkResult p { display: flex; margin-top: 7px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-File-checkResult p.notice { color: #A0A0AA; }

.p-draft .p-File-checkResult p span { margin-right: 3px; }

.p-draft .p-File-checkResult .c-textLink { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; }

.p-draft .p-File-checkResultList li { margin-top: 8px; }

.p-draft .p-ProductDetail__row { margin-top: 11px; display: flex; flex-direction: row; }

.p-draft .p-ProductDetail__column { margin-top: 11px; display: flex; flex-direction: column; }

.p-draft .p-ProductDetail-leftContainer { flex: 50%; }

.p-draft .p-ProductDetail-rightContainer { flex: 50%; }

.p-draft .p-ProductDetail-row { width: 100%; display: flex; }

.p-draft .p-ProductDetail-column { flex: 50%; display: flex; flex-direction: row; margin: 8px 0px; }

.p-draft .p-ProductDetail-column + .p-ProductDetail-column { margin-top: 7px; }

.p-draft .p-ProductDetail-column h6 { width: 79px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #999999; }

@media screen and (max-width: 768px) { .p-draft .p-ProductDetail-column h6 { width: 93px; } }

.p-draft .p-ProductDetail-column p { margin-left: 15px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

@media screen and (max-width: 768px) { .p-draft .p-ProductDetail-column p { margin-left: 6px; } }

.p-draft .p-UploadField { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 287px; background: #FBFBFC; border: 1px solid #205EFB; border-radius: 16px; }

.p-draft .p-UploadField.reUpload { border: 1px dashed #205EFB; }

.p-draft .p-UploadField-icons { display: flex; }

.p-draft .p-UploadField-icons img + img { margin-left: 12px; }

.p-draft .p-UploadField-icons + p { margin-top: 19px; }

.p-draft .p-UploadField-statusIcon { width: 47px; height: 47px; fill: rgba(0, 0, 0, 0.54); }

.p-draft .p-UploadField-statusIcon + p { margin-top: 29px; }

.p-draft .p-UploadField p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-UploadField .c-textLink { margin-top: 10px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-Uploading { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 287px; background: #FBFBFC; border-radius: 16px; }

.p-draft .p-Uploading p { margin-top: 21px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-Uploading-status { position: relative; width: 348px; height: 4px; margin-top: 11px; border-radius: 100px; background: #DADBDD; }

.p-draft .p-Uploading-status > span { position: relative; display: block; height: 100%; background: #205EFB; border-radius: 100px; }

.p-draft .p-UploadInfo-draftCheckedContainer { display: flex; }

.p-draft .p-UploadInfo-draftCheckedContainer .p-File-checkResult { flex: 50%; }

.p-draft .p-UploadInfo-draftCheckedContainer .p-UploadSuccess { box-shadow: none; margin-top: 32px; padding-top: 32px; border-top: 1px solid #dadbdd; border-radius: 0px; }

.p-draft .p-UploadInfo-underCheckContainer { display: flex; flex-direction: column; padding: 40px; border: 1px solid #F1F1F2; margin-top: 24px; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusHeader { border-bottom: 1px solid gray; margin: 24px; padding-bottom: 24px; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusHeader h4 { margin-bottom: 12px; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusHeader span { color: #A0A0AA; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusHeader a { text-decoration: underline; color: #205EFB; font-weight: bold; padding-left: 24px; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusDescription { margin: 24px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusDescription .p-UploadInfo-underCheckDescription { display: flex; flex-direction: column; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusDescription .p-UploadInfo-underCheckDescription span { margin-top: 8px; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusDescription .p-UploadInfo-withdrawUploadedDesign { border: 2px solid #205EFB; padding: 12px 24px; border-radius: 30px; cursor: pointer; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusDescription .p-UploadInfo-withdrawUploadedDesign:hover { opacity: 40%; transition: 200ms; }

.p-draft .p-UploadInfo-underCheckContainer .p-UploadInfo-underCheckStatusDescription .p-UploadInfo-withdrawUploadedDesign span { font-weight: bold; color: #205EFB; }

.p-draft .p-UploadInfo-draftModeSwitch { margin-top: 20px; margin-bottom: 64px; background-color: #f1f1f1; height: 60px; border-radius: 8px; display: flex; }

.p-draft .p-UploadInfo-draftModeSwitch .selection { flex: 50%; display: flex; justify-content: center; align-items: center; margin: 8px; border-radius: 8px; }

.p-draft .p-UploadInfo-draftModeSwitch .selection.enabled { background: white; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.08); }

.p-draft .p-UploadInfo-draftModeSwitch .selection.enabled span { color: black; font-weight: bold; font-size: 18px; }

.p-draft .p-UploadInfo-draftModeSwitch .selection.disabled { background: transparent; }

.p-draft .p-UploadInfo-draftModeSwitch .selection.disabled span { color: gray; font-weight: bold; font-size: 18px; }

.p-draft .p-UploadInfo { display: flex; flex-direction: column; justify-content: center; padding: 56px; min-height: 287px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); border-radius: 16px; }

.p-draft .p-UploadInfo.confirm { padding: 56px 56px 38px 56px; }

@media screen and (max-width: 768px) { .p-draft .p-UploadInfo { min-height: auto; } }

.p-draft .p-UploadInfo-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; margin-bottom: 24px; color: #000000; }

.p-draft .p-UploadInfo-detail { display: flex; align-items: center; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-draft .p-UploadInfo-detail { flex-direction: column; align-items: flex-start; } }

@media screen and (max-width: 768px) { .p-draft .p-UploadInfo-detail .c-textLink { margin-top: 8px; } }

.p-draft .p-UploadInfo-file { display: flex; align-items: center; }

.p-draft .p-UploadInfo-file p { max-width: 200px; margin-left: 12px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-UploadInfo-file span { display: block; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.p-draft .p-UploadInfo .c-textLink { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-UploadInfo-cta { margin-top: 40px; padding-top: 19px; border-top: 1px solid #DADBDD; }

.p-draft .p-UploadInfo-cta .c-btn { margin-top: 18px; width: 100%; }

.p-draft .p-UploadInfo-checkList { margin-top: 32px; padding-top: 24px; border-top: 1px solid #DADBDD; }

.p-draft .p-UploadInfo-checkList > p { font-weight: bold; }

.p-draft .p-UploadInfo-checkList ul { margin-top: 18px; }

.p-draft .p-UploadInfo-checkList li + li { margin-top: 16px; }

.p-draft .p-UploadInfo-checkList .c-btn { position: relative; margin-top: 25px; width: 100%; }

.p-draft .p-UploadInfo-checkList .c-btn svg { position: absolute; right: 20px; width: 16px; height: 16px; fill: #FFFFFF; transform: rotate(-180deg); }

.p-draft .p-UploadSuccess { padding: 48px 56px 30px 56px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); border-radius: 16px; }

@media screen and (max-width: 768px) { .p-draft .p-UploadSuccess { padding: 24px 24px 36px; } }

.p-draft .p-UploadSuccess h5 { margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-draft .p-UploadSuccess h5 { margin-bottom: 16px; } }

.p-draft .p-UploadSuccess p { display: flex; align-items: center; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-UploadSuccess p + p { margin-top: 12px; }

@media screen and (max-width: 768px) { .p-draft .p-UploadSuccess p + p { margin-top: 10px; } }

.p-draft .p-UploadSuccess p svg { fill: rgba(0, 0, 0, 0.54); }

.p-draft .p-UploadSuccess p svg.time { width: 20px; height: 20px; margin-right: 11px; }

.p-draft .p-UploadSuccess p svg.delivery { width: 22px; height: 14px; margin-right: 10px; }

.p-draft .p-UploadSuccess-btn { display: flex; margin-top: 27px; flex-direction: column; align-items: center; }

@media screen and (max-width: 768px) { .p-draft .p-UploadSuccess-btn { margin-top: 19px; } }

.p-draft .p-UploadSuccess-btn .c-btn { position: relative; width: 100%; }

.p-draft .p-UploadSuccess-btn .c-btn svg { position: absolute; right: 20px; width: 16px; height: 16px; fill: #FFFFFF; transform: rotate(-180deg); }

.p-draft .p-UploadSuccess-btn .c-textLink { margin-top: 18px; font-weight: normal; }

.p-draft .p-draftOrder { margin-top: 40px; padding-bottom: 39px; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrder { margin-top: 58px; } }

.p-draft .p-draftOrderDetail { display: flex; align-items: center; margin-top: 25px; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrderDetail { flex-direction: column; align-items: flex-start; } }

.p-draft .p-draftOrderThumb { width: 112px; height: 112px; background-size: contain; background-position: center; }

.p-draft .p-draftOrderInfo { display: flex; flex: 1; align-items: center; justify-content: space-between; margin-left: 24px; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrderInfo { flex-direction: column; align-items: flex-start; margin-top: 17px; margin-left: 0; } }

.p-draft .p-draftOrderBody { margin-top: 2px; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrderBody { margin-top: 0; } }

.p-draft .p-draftOrderBody h5 { margin-bottom: 9px; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrderBody h5 { margin-bottom: 11px; } }

.p-draft .p-draftOrderBody h5 a { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-draft .p-draftOrderBody-rowContainer { display: flex; align-items: flex-end; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrderBody-rowContainer { align-items: normal; flex-direction: column; } }

.p-draft .p-draftOrderBody-row { display: flex; flex-direction: column; }

.p-draft .p-draftOrderBody-row + .p-draftOrderBody-row { margin-left: 31px; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrderBody-row + .p-draftOrderBody-row { margin-top: 6px; margin-left: 0; } }

.p-draft .p-draftOrderBody-info { display: flex; align-items: flex-start; }

.p-draft .p-draftOrderBody-info + .p-draftOrderBody-info { margin-top: 3px; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrderBody-info + .p-draftOrderBody-info { margin-top: 7px; } }

.p-draft .p-draftOrderBody-info h6, .p-draft .p-draftOrderBody-info p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-draftOrderBody-info h6 { width: 90px; margin-right: 13px; color: #999999; }

.p-draft .p-draftOrderBody-info p { width: 167px; }

.p-draft .p-draftOrderPrice { display: flex; align-items: baseline; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; }

@media screen and (max-width: 768px) { .p-draft .p-draftOrderPrice { margin-top: 15px; } }

.p-draft .p-draftOrderPrice span { margin-left: 6px; }

.p-draft .p-HowTo { display: flex; flex-direction: column; align-items: center; margin-top: 73px; }

@media screen and (max-width: 768px) { .p-draft .p-HowTo { border-top: 1px solid #DADBDD; margin-top: 64px; padding-top: 64px; } }

.p-draft .p-HowToHeader { display: flex; flex-direction: column; align-items: center; }

.p-draft .p-HowToHeader span { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-HowToHeader h3 { margin-top: 17px; }

.p-draft .p-HowToList { width: 100%; margin-top: 45px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToList { margin-top: 40px; } }

.p-draft .p-HowToSection { margin-top: 32px; padding-left: 24px; display: flex; border-bottom: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-draft .p-HowToSection { flex-direction: column; margin: 0; padding: 0; border: none; } }

.p-draft .p-HowToSection + .p-HowToSection { padding-top: 19px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToSection + .p-HowToSection { border-top: 1px solid #DADBDD; } }

.p-draft .p-HowToSection .c-btn.pc-none { width: 100%; display: none; }

@media screen and (max-width: 768px) { .p-draft .p-HowToSection .c-btn.pc-none { display: inline-flex; } }

@media screen and (max-width: 768px) { .p-draft .p-HowToSection .c-btn.sp-none { display: none; } }

.p-draft .p-HowToSection--1 { padding-bottom: 45px; padding-right: 56px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToSection--1 { padding-bottom: 40px; padding-right: 0; } }

.p-draft .p-HowToSection--1 .c-btn { width: 240px; height: 48px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-HowToSection--2 { padding-bottom: 68px; padding-right: 40px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToSection--2 { padding-right: 0; } }

.p-draft .p-HowToSection--2 .c-btn { width: 240px; height: 40px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToSection--2 .c-btn { margin-top: 16px; width: 100%; height: 48px; } }

.p-draft .p-HowToSection h4 { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-draft .p-HowToSectionWrapper { flex: 1; display: flex; align-items: flex-start; }

.p-draft .p-HowToSectionNo { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-draft .p-HowToSectionContent { flex: 1; margin-left: 9px; }

.p-draft .p-HowToBody { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-draft .p-HowToBody { flex-direction: column; margin-bottom: 24px; } }

.p-draft .p-HowToBody p { margin-top: 6px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToBody p { margin-top: 5px; } }

.p-draft .p-HowToBody small { display: block; margin-top: 16px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; color: #A0A0AA; }

@media screen and (max-width: 768px) { .p-draft .p-HowToBody small { margin-top: 4px; } }

.p-draft .p-HowToTemplate { display: flex; margin-top: 24px; padding-top: 32px; border-top: 1px solid #F7F7F8; }

@media screen and (max-width: 768px) { .p-draft .p-HowToTemplate { flex-direction: column; margin-top: -24px; padding-top: 16px; border: none; } }

.p-draft .p-HowToTemplate-thumb { background: #c4c4c4; width: 208px; height: 208px; padding-top: 10px; padding-left: 30px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToTemplate-thumb { display: flex; justify-content: center; padding: 10px 0; width: auto; flex: 1; } }

.p-draft .p-HowToTemplate-info { flex: 1; margin-left: 36px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToTemplate-info { margin-top: 32px; margin-left: 0; } }

.p-draft .p-HowToTemplate-versions { margin-top: 11px; padding-bottom: 32px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToTemplate-versions { padding-bottom: 0; } }

.p-draft .p-HowToTemplate-versions li { display: flex; align-items: flex-start; }

@media screen and (max-width: 768px) { .p-draft .p-HowToTemplate-versions li { flex-direction: column; } }

.p-draft .p-HowToTemplate-versions h6 { display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: normal; }

.p-draft .p-HowToTemplate-versions h6::before { display: inline-flex; margin-right: 16px; content: ""; width: 8px; height: 8px; background: #DADBDD; border-radius: 50%; }

.p-draft .p-HowToTemplate-versions p { margin-left: 16px; }

@media screen and (max-width: 768px) { .p-draft .p-HowToTemplate-versions p { margin-top: 2px; margin-left: 0; } }

.p-draft .p-HowToTemplate-data { padding-top: 22px; border-top: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-draft .p-HowToTemplate-data { border: none; padding-top: 28px; } }

.p-draft .p-HowToTemplate-data li { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-draft .p-HowToTemplate-data li { flex-direction: column; } }

.p-draft .p-HowToTemplate-data li img { margin-right: 8px; }

@media screen and (max-width: 768px) { .p-draft .c-modal { padding: 0 12px; } }

.p-draft .p-draftModal { position: absolute; left: 0; right: 0; width: 480px; margin: 60px auto; padding: 48px 46px 64px; border-radius: 8px; background: #FFFFFF; }

.p-draft .p-draftModal--upload { width: 90%; border-radius: 0px; }

.p-draft .p-draftModal--easyUpload { width: 100%; padding: 0; }

.p-draft .p-draftModal--check { width: 1180px; }

@media screen and (max-width: 768px) { .p-draft .p-draftModal--check { width: calc(100% - 24px); padding: 20px 24px 32px; } }

.p-draft .p-draftModal--loadingOverlay { position: absolute; z-index: 3; width: 100%; height: 100%; background-color: white; opacity: 70%; display: flex; justify-content: center; align-items: center; }

.p-draft .p-draftModal--loadingContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.p-draft .p-draftModal--loadingContainer span { font-size: 22px; }

.p-draft .p-draftModal--loading { font-size: 0; cursor: default; pointer-events: none; width: 60px; height: 60px; display: flex; margin-top: 24px; }

.p-draft .p-draftModal--loading::after { content: ""; border-radius: 50%; width: 30px; height: 30px; border-top: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid #205EFB; border-left: 1px solid #205EFB; animation: loading 0.9s infinite linear; }

@keyframes loading { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.p-draft .p-draftModal--easyUploadContainer { width: 100%; height: calc(100% - 90px); display: flex; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer { flex: 70%; display: flex; flex-direction: column; border-radius: 8px 0 0 8px; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer .p-draftModal--operationOverlay { width: 160px; height: 100%; position: absolute; z-index: 2; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer .p-draftModal--operationOverlay .operation-list { height: 100%; width: 160px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 100px; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer .p-draftModal--operationOverlay .operation-list .reset-operation__container { border: 1px solid #205efb; box-sizing: border-box; border-radius: 60px; padding: 4px 12px; color: #205efb; font-weight: bold; cursor: pointer; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer .p-draftModal--operationOverlay .operation-list .reset-operation__container .reset__icon { width: 12px; height: 12px; display: inline; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer .p-draftModal--operationOverlay .operation-list .operation-element { margin: 8px; padding: 8px; width: 60px; height: 60px; border: 1px solid gray; border-radius: 10%; font-weight: bold; display: flex; justify-content: center; align-items: center; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer .p-draftModal--operationOverlay .operation-list .operation-element:hover { border: 2px solid gray; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer .p-draftModal--operationOverlay .operation-list .operation-label { font-weight: bold; margin-top: -4px; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseHeader { position: absolute; display: flex; justify-content: flex-start; align-items: center; padding-left: 16px; color: #205EFB; min-height: 80px; z-index: 2; cursor: pointer; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseHeader span { padding-left: 8px; font-size: 20px; font-weight: bold; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents { height: 90%; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents #selectedImageFrame { background-size: contain; /* JSの計算と一致させる */ background-color: white; background-position: center; width: 100%; height: 100%; aspect-ratio: 1660 / 1040; /* 画像の実サイズ比を固定 */ position: relative; /* 子(キャンバス)の絶対配置の基準 */ box-sizing: content-box; /* パディングが計算に混ざらないように */ background-origin: content-box; /* Fabric の上側キャンバス枠は「見た目だけ」付ける（箱サイズを変えない） */ }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents #selectedImageFrame img { width: 100%; position: relative; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents #selectedImageFrame .upper-canvas { /* border は要素サイズを +2px×2 側に増やすのでズレの原因 */ /* outline か inset の box-shadow に置き換える */ outline: 2px dashed black; outline-offset: -2px; /* 枠線を内側へ */ }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents #selectedImageFrame .canvas-wrapper .horizontal-canvas-width__label { position: relative; color: black; z-index: 3; font-weight: bold; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents #selectedImageFrame .canvas-wrapper .vertical-canvas-height__label { position: relative; color: black; z-index: 3; transform: rotate(90deg); display: inline-block; font-weight: bold; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents .selectableImages { display: flex; flex-direction: row; justify-content: center; z-index: 2; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents .selectableImages .imageSelection { width: 124px; height: 80px; margin: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; border: 0.5px solid #F1F1F2; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents .selectableImages .imageSelection:hover { border: 0.5px solid #205EFB; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents .selectableImages .imageSelection.selected { border: 0.5px solid #205EFB; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents .selectableImages .imageSelection img { width: 100px; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseContents .selectableImages .imageSelection span { font-weight: bold; font-size: 8px; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseFooter { display: flex; flex-direction: row; justify-content: center; padding-bottom: 16px; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseFooter .packageMetaInfo { height: 50px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-right: 20px; padding-left: 20px; margin-top: 20px; margin-left: 20px; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseFooter .packageMetaInfo .meta-title { font-size: 10px !important; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseFooter .packageMetaInfo .meta-description { font-size: 14px !important; }

.p-draft .p-draftModal--easyUploadContainer .showCaseContainer #showCaseFooter .packageMetaInfo + .packageMetaInfo { border-left: 1px solid #dadbdd; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer { flex: 30%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-top: 50px; padding-bottom: 24px; box-shadow: 0px 0 14px -10px #333; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper { width: 90%; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-edit-pane__header { width: 100%; margin-top: 8px; display: flex; justify-content: space-between; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-edit-pane__header .close-button { border: 1px solid gray; border-radius: 50%; width: 30px; height: 30px; margin: 4px; cursor: pointer; display: flex; justify-content: center; align-items: center; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-edit-pane__header .close-button span { font-size: 20px; color: gray; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .input-text__container { font-size: 24px; height: 120px; display: flex; justify-content: flex-start; align-items: center; padding-left: 12px; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .input-text__container .bold-label { font-weight: bold; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .input-text__container .italic-label { font-style: italic; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-family__select { background: #ffffff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); border-radius: 5px; padding: 0 12px; height: 50px; margin: 0 12px; font-size: 24px; display: flex; justify-content: space-between; align-items: center; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-family__select select { width: 100%; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-family__select .select-arrow { width: 20px; height: 20px; border: 4px solid; border-color: transparent transparent #666666 #666666; transform: rotate(-45deg); }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-style__select { height: 50px; display: flex; justify-content: flex-end; align-items: center; padding: 0 12px; margin-top: 8px; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-style__select .font-color-selector { width: 40px; height: 40px; background-color: black; border-radius: 50%; margin-right: 12px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-style__select .font-color-selector.is-white { background-color: white; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-style__select .font-style-selector { font-size: 26px; height: 44px; width: 44px; margin-right: 4px; display: flex; justify-content: center; align-items: center; border-radius: 10px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-style__select .font-style-selector.active { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) inset; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-style__select .font-style-selector.bold { font-weight: bold; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .textbox-edit-form__wrapper .textbox-font-style__select .font-style-selector.italic { font-style: italic; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper { width: 90%; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .upload-form__title { height: 114px; width: 100%; border-bottom: 2px solid #cdcdcd; margin-bottom: 12px; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .upload-form__title h3 { margin-bottom: 24px; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .upload-form__title .file-input-button__container { display: flex; justify-content: center; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .upload-form__title .file-input-button__container .object-input__button { display: flex; justify-content: center; align-items: center; background: #205efb; color: white; font-weight: bold; border-radius: 60px; width: 160px; height: 40px; margin: 8px; font-size: 14px; cursor: pointer; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .upload-form__title .file-input-button__container .object-input__button:hover { background-color: #84a6fd; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .upload-form__title .file-input-button__container .object-input__button .upload__icon { width: 12px; height: 12px; margin-right: 8px; display: inherit; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .uploaded-images__list { overflow: scroll; padding: 0 4px; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .uploaded-images__list .uploaded-image__container { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; height: 109px; justify-content: space-between; display: flex; align-items: center; flex-direction: row; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); border-radius: 5px; padding: 4px; margin: 8px 0px; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .uploaded-images__list .uploaded-image__container .add-text__sample { font-size: 24px; margin-left: 12px; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .uploaded-images__list .uploaded-image__container .uploaded-image__thumbnail { max-height: 100%; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .uploaded-images__list .uploaded-image__container .cancel-image__container { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; color: gray; align-items: flex-end; cursor: pointer; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .upload-form__wrapper .uploaded-images__list .uploaded-image__container .cancel-image__container span { font-weight: bold; padding: 8px; border-radius: 20px; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .unprintableAreaDescription { display: flex; justify-content: center; align-items: center; height: 100%; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .unprintableAreaDescription span { font-size: 24px; font-weight: bold; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .sendButton { width: 85%; height: 60px; background-color: gray; cursor: not-allowed; color: white; border-radius: 30px; font-size: 18px; font-weight: bold; }

.p-draft .p-draftModal--easyUploadContainer .uploadFormContainer .sendButton.isActive { background-color: #205EFB; cursor: pointer; }

.p-draft .p-draftModalHeader { display: flex; align-items: center; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-draft .p-draftModalHeader { flex-direction: column-reverse; align-items: flex-end; } }

.p-draft .p-draftModalHeader h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; color: #000000; }

@media screen and (max-width: 768px) { .p-draft .p-draftModalHeader h2 { margin-top: 25px; } }

.p-draft .p-draftModalHeader a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #DADBDD; border-radius: 50%; }

@media screen and (max-width: 768px) { .p-draft .p-draftModalHeader a { transform: translateX(4px); } }

.p-draft .p-draftModalHeader a svg { width: 14px; height: 14px; fill: rgba(0, 0, 0, 0.54); }

.p-draft .p-ModalUpload { display: flex; margin-top: 37px; }

.p-draft .p-ModalUpload-left { flex: 1; }

.p-draft .p-ModalUpload-left h3 { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-draft .p-ModalUpload-left ul { margin-top: 25px; }

.p-draft .p-ModalUpload-left ul li + li { margin-top: 12px; }

.p-draft .p-ModalUpload-left ul li .c-form-checkbox { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-draft .p-ModalUpload-right { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 519px; margin-left: 90px; background: #FBFBFC; border: 1px dashed #205EFB; border-radius: 16px; }

.p-draft .p-ModalUpload-right .p-UploadField-icons + p { margin-top: 14px; }

.p-draft .p-ModalUpload-right p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-draft .p-ModalUpload-right .c-textLink { display: flex; align-items: center; margin-top: 4px; }

.p-draft .p-ModalUpload-right .c-textLink svg { width: 12px; height: 14px; fill: #205EFB; margin-right: 8px; }

.p-draft .p-ModalOrder { margin-top: 35px; }

@media screen and (max-width: 768px) { .p-draft .p-ModalOrder { margin-top: 32px; } }

.p-draft .p-ModalOrder > h4 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-draft .p-ModalOrderInfo { margin-top: 10px; padding: 24px 48px 26px 24px; border: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-draft .p-ModalOrderInfo { margin-top: 24px; padding: 0; border: none; } }

.p-draft .p-ModalOrderInfo > h5 .c-textLink { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-draft .p-ModalOrderInfo .p-draftOrderDetail { margin-top: 23px; align-items: flex-start; }

@media screen and (max-width: 768px) { .p-draft .p-ModalOrderInfo .p-draftOrderDetail { margin-top: 25px; } }

.p-draft .p-ModalDeliverTo { margin-top: 34px; }

@media screen and (max-width: 768px) { .p-draft .p-ModalDeliverTo { margin-top: 40px; padding-top: 32px; border-top: 1px solid #DADBDD; } }

.p-draft .p-ModalDeliverTo > h4 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-draft .p-ModalDeliverTo p { margin-top: 12px; }

.p-draft .p-ModalData { margin-top: 40px; }

.p-draft .p-ModalData > h4 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-draft .p-ModalData p { display: flex; align-items: center; margin-top: 12px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

@media screen and (max-width: 768px) { .p-draft .p-ModalData p { margin-top: 17px; } }

.p-draft .p-ModalData p a { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 20px; border: 1px solid #205EFB; border-radius: 50%; cursor: pointer; }

@media screen and (max-width: 768px) { .p-draft .p-ModalData p a { display: none; } }

.p-draft .p-ModalData p a svg { width: 5px; height: 5px; fill: #205EFB; transform: rotate(-90deg); }

.p-draft .p-ModalCta { display: flex; flex-direction: column; align-items: center; margin-top: 57px; padding: 32px 0 28px; background: #F1F1F2; }

@media screen and (max-width: 768px) { .p-draft .p-ModalCta { margin-top: 48px; padding: 32px 24px; } }

.p-draft .p-ModalCta p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: bold; }

.p-draft .p-ModalCta .c-btn { width: 440px; margin-top: 20px; }

@media screen and (max-width: 768px) { .p-draft .p-ModalCta .c-btn { width: 247px; height: 56px; } }

.p-draftEasyInput { margin-top: 40px; padding-bottom: 39px; }

@media screen and (max-width: 768px) { .p-draftEasyInput { margin-top: 58px; } }

.p-draftEasyInput-HeaderDescription { display: inline-block; margin: 20px 0 40px; font-size: 20px; }

.p-draftEasyInput-Container { display: flex; flex-direction: row; align-items: center; box-shadow: 0.4px 0.4px 6.2px rgba(0, 0, 0, 0.08); border-radius: 6.2px; color: #414b56; }

.p-draftEasyInput-Container .p-draft-CategoryImage { max-height: 315px; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper { flex: 40%; padding: 40px; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper h3 { margin-bottom: 24px; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper .p-draftInputInfoContainer { display: flex; height: 40px; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper .p-draftInputInfoContainer .p-draftInputInfoLabelWrapper { flex: 50%; display: flex; flex-direction: row; align-items: center; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper .p-draftInputInfoContainer .p-draftInputInfoLabelWrapper h6 { padding-right: 40px; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper .p-draftInputInfoContainer .p-draftInputInfoLabelWrapper span { font-size: 14px; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper .p-draftInputInfoContainer .p-draftInputInfoLabelWrapper span strong { font-size: 20px; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper .p-draftInputDataLinkButton { width: 100%; background: #205EFB; display: flex; justify-content: center; align-items: center; margin-top: 32px; border-radius: 37px; height: 56px; cursor: pointer; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper .p-draftInputDataLinkButton:hover { background: #5282fc; }

.p-draftEasyInput-Container .p-draftDescriptionWrapper .p-draftInputDataLinkButton span { color: white; font-size: 20px; font-weight: bold; }

.image-upload__container { width: 800px; background-color: white; padding: 24px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); border-radius: 5px; }

.image-upload__container .upload-form__header { display: flex; justify-content: space-between; }

.image-upload__container .upload-form__header .upload-form__close-button { border: 1px solid gray; border-radius: 50%; width: 40px; height: 40px; margin: 4px; cursor: pointer; display: flex; justify-content: center; align-items: center; }

.image-upload__container .upload-form__header .upload-form__close-button span { font-size: 24px; color: gray; }

.image-upload__container .upload-form__header h4 { margin-bottom: 24px; }

.image-upload__container .file-input-error__container { width: 100%; display: flex; justify-content: center; }

.image-upload__container .file-input-error__container .file-input-error__text-label { color: red; margin-bottom: 12px; font-size: 14px; }

.image-upload__container #upload-form__box { display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; border: dashed #205EFB 1px; margin-bottom: 24px; height: 600px; background-color: rgba(0, 0, 0, 0.02); }

.image-upload__container #upload-form__box .file-sample__image { margin-bottom: 12px; width: 180px; }

.image-upload__container #upload-form__box label { padding: 10px 30px; background-color: #205EFB; margin: 10px 0 30px 0; border-radius: 30px; }

.image-upload__container #upload-form__box label input { display: none; }

.image-upload__container #upload-form__box label:hover { background-color: #5282fc; }

.image-upload__container #upload-form__box label::after { content: "ファイルを選択"; color: white; font-weight: bold; }

.p-products { padding-top: 56px; }

@media screen and (max-width: 768px) { .p-products { padding-top: 0px; } }

.p-products-main { display: flex; }

.p-products-footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #4E5156; border-radius: 16px; padding: 54px 64px; margin-top: 56px; margin-bottom: 56px; }

@media screen and (max-width: 768px) { .p-products-footer { padding: 16px; } }

.p-products-footer-contactDescription { display: flex; flex-direction: column; align-items: flex-start; }

@media screen and (max-width: 768px) { .p-products-footer-contactDescription { width: 80%; } }

.p-products-footer-contactDescription h3 { color: white; font-size: 20px; line-height: 28px; }

@media screen and (max-width: 768px) { .p-products-footer-contactDescription h3 { font-size: 16px; } }

.p-products-footer-contactDescription h4 { color: white; font-weight: bold; font-size: 14px; line-height: 24px; margin: 8px 0 4px 0; }

@media screen and (max-width: 768px) { .p-products-footer-contactDescription h4 { font-size: 12px; } }

.p-products-footer-contactDescription p { color: white; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

@media screen and (max-width: 768px) { .p-products-footer-contactDescription p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; } }

.p-products-footer-contactIcon { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 25px; border: 1px solid white; }

@media screen and (max-width: 768px) { .p-products-footer-contactIcon { width: 30px; height: 30px; border-radius: 15px; } .p-products-footer-contactIcon img { width: 10px; } }

.p-products .p-productsNav { flex: none; width: 215px; margin-left: 40px; }

@media screen and (max-width: 768px) { .p-products .p-productsNav { display: none !important; } }

.p-products .p-products-GenreSelection { display: none; }

@media screen and (max-width: 768px) { .p-products .p-products-GenreSelection { display: flex; justify-content: center; align-items: center; width: 100%; border: 1px solid #EDEDED; border-radius: 4px; margin-top: 24px; } .p-products .p-products-GenreSelection span { padding: 8px; font-weight: bold; } .p-products .p-products-GenreSelection-arrow { width: 10px; height: 10px; border-top: 2px solid #DADBDD; border-right: 2px solid #DADBDD; transform: rotate(135deg); } }

.p-products .p-productsNavCategory + .p-productsNavCategory { margin-top: 57px; }

.p-products .p-productsNavCategory > h3 { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; }

.p-products .p-productsNavCategory-list { margin-top: 17px; width: 100%; }

.p-products .p-productsNavCategory-item { width: 100%; min-height: 56px; border-radius: 8px; }

.p-products .p-productsNavCategory-item label { display: flex; justify-content: space-between; align-items: center; }

.p-products .p-productsNavCategory-item .category-menu-check:checked + label { font-weight: bold; }

.p-products .p-productsNavCategory-item input.category-menu-check { display: none; }

.p-products .p-productsNavCategory-item a { display: flex; align-items: center; justify-content: flex-start; height: 100%; padding: 0 16px; transition: background 0.2s; color: #000000; }

.p-products .p-productsNavCategory-item a:hover, .p-products .p-productsNavCategory-item a.is-current { font-weight: bold; }

.p-products .p-productsNavCategory-item a.is-current { cursor: default; pointer-events: none; }

.p-products .p-productsNavCategory-item .p-productsNavCategory-items { visibility: hidden; height: 0; }

.p-products .p-productsNavCategory-item .category-menu-check:checked + label + .p-productsNavCategory-items { visibility: visible; height: auto; }

.p-products .p-productsNavCategory-item img { margin-right: 12px; }

.p-products .p-productsNavCategory-item .menuArrow { width: 10px; height: 10px; border-top: 2px solid #DADBDD; border-right: 2px solid #DADBDD; transform: rotate(135deg); }

.p-products .p-productsNavCategory-item .category-menu-check:checked + label .menuArrow { transform: rotate(-45deg); }

.p-products .p-productsNavCategory-itemTags { font-size: 12px; margin-top: 4px; margin-bottom: 4px; padding-left: 20px; }

.p-products .p-productsNavCategory-itemTags.is-current-tag a { color: #205EFB; font-weight: bold; }

.p-products .p-productsMain { flex: 1; margin: 0 106px; }

@media screen and (max-width: 768px) { .p-products .p-productsMain { margin: 14px; width: 100%; } }

.p-products .p-productsCategoryHeader { display: flex; padding: 24px; background-color: #FBFAF7; }

.p-products .p-productsCategoryHeaderLabel { width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.p-products .p-productsCategoryHeaderLabel h2 { font-size: 24px; color: #000000; }

.p-products .p-productsCategoryHeaderLabel-description { font-weight: bold; font-size: 12px; color: #A0A0AA; }

.p-products .p-productsCategoryHeaderLabel-subTitle { font-size: 12px; font-weight: normal; color: #000000; }

.p-products .p-productsCategoryHeader--new { border-bottom: solid 1px #DADBDD; }

.p-products .p-productsCategoryHeader--new h1 { font-size: 2.4rem; }

.p-products .p-productsCategoryHeader--new .p-ProductsDescriptionList { margin-bottom: 4rem; border-bottom: solid #F9F9F9 1px; }

.p-products .p-productsCategoryHeader--new .p-ProductsDescriptionList .p-ProductsDescription { width: 280px; font-size: 1.2rem; margin-right: 20px; margin-bottom: 12px; padding: 1.2rem; display: inline-block; background-color: #F9F9F9; }

@media screen and (max-width: 768px) { .p-products .p-productsCategoryHeader--new .p-ProductsDescriptionList .p-ProductsDescription { width: 100%; margin: 0; margin-bottom: 12px; } }

.p-products .p-productsCategoryHeader--new .p-ProductsDescriptionList .p-ProductsDescription img { float: left; margin: 1rem 1.6rem 1rem 1rem; }

.p-products .p-productsCategoryHeader--new-headerImage { width: 100px; }

.p-products .p-products-subCategoryWrapper { box-shadow: 0px -1px 1px #EDEDED; margin-top: 40px; }

.p-products .p-products-subCategoryWrapper h4 { padding-top: 40px; }

.p-products .p-ProductGenreNav { margin-top: 56px; padding-top: 56px; border-top: 1px solid #DADBDD; }

.p-products .p-ProductGenreNav ul { display: flex; }

.p-products .p-ProductGenreNav li { display: flex; align-items: center; justify-content: center; width: 160px; height: 24px; }

.p-products .p-ProductGenreNav li:first-child { border-left: 1px solid #DADBDD; }

.p-products .p-ProductGenreNav li:last-child { border-right: 1px solid #DADBDD; }

.p-products .p-ProductGenreNav li + li { border-left: 1px solid #DADBDD; }

.p-products .p-ProductGenreNav li a { display: flex; width: 100%; height: 100%; justify-content: center; color: #000000; }

.p-products .p-ProductGenre { margin-top: 25px; margin-bottom: 30px; }

.p-products .p-ProductGenre + .p-ProductGenre { margin-top: 90px; }

.p-products .p-ProductGenre-title { font-size: 2rem; margin-bottom: 10px; }

.p-products .p-ProductInformation { display: flex; align-items: flex-start; margin-top: 30px; }

.p-products .p-ProductInformation li + li { margin-left: 12px; }

.p-products .p-ProductInformation li h4 { display: table-cell; padding: 4px 4px 3px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; background: #FFF6EB; border-radius: 4px; }

@media screen and (max-width: 768px) { .p-products .p-ProductInformation li h4 { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; } }

.p-products .p-ProductInformation li p { margin-top: 21px; font-weight: bold; }

.p-products .p-ProductGenreTags { margin: 1rem 0; }

.p-products .p-ProductGenreTags-partition { margin: 0 2rem; color: #A0A0AA; }

.p-products .p-ProductGenreTags span { display: inline-block; }

.p-products .p-ProductGenreTags span img { vertical-align: text-bottom; }

.p-products .p-ProductListWrapper { overflow: hidden; }

.p-products .p-ProductList { display: flex; flex-wrap: wrap; margin-top: 9px; margin-left: -34px; }

@media screen and (max-width: 768px) { .p-products .p-ProductList { margin-left: 0; } }

.p-products .p-ProductList--new { display: flex; flex-wrap: wrap; margin-top: 9px; border-top: solid 1px #F3F3F3; }

.p-products .p-Product { width: 217px; margin-top: 23px; margin-left: 34px; border: 1px solid #F3F3F3; border-radius: 4px; }

@media screen and (max-width: 768px) { .p-products .p-Product { width: calc(50% - 12px); margin-left: 6px; margin-right: 6px; } }

.p-products .p-Product--new { width: 260px; margin-top: 40px; margin-right: 20px; border-radius: 4px; }

@media screen and (max-width: 768px) { .p-products .p-Product--new { width: calc(50% - 12px); margin-left: 6px; margin-right: 6px; } }

.p-products .p-Product--new .p-ProductDescriptionWrapper { margin: 0px; }

.p-products .p-Product--new .p-ProductThumb { min-height: 260px; }

@media screen and (max-width: 768px) { .p-products .p-Product--new .p-ProductThumb { min-height: 0; } }

.p-products .p-ProductDescriptionWrapper { margin: 0px 16px; }

.p-products .p-ProductTitle { margin-top: 16px; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; color: #000000; }

.p-products .p-ProductTitle a { color: #000000; }

@media screen and (max-width: 768px) { .p-products .p-ProductTitle { font-size: 12px; } }

.p-products .p-ProductBody { margin-top: 4px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; }

.p-products .p-ProductBody--blue { color: #205EFB; font-weight: bold; }

.p-products .p-ProductBody--priceNumber { font-size: 1.6rem; }

@media screen and (max-width: 768px) { .p-products .p-ProductBody--priceNumber { font-size: 1.2rem; } }

.p-products .p-ProductBody--lots ul { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-products .p-ProductBody--lots ul { flex-direction: column; } }

.p-products .p-ProductBody--lot { flex: 1; }

.p-products .p-ProductBody--lot a { height: unset; min-width: 100px; font-size: 12px; width: 100%; padding: 0 10px; }

.p-products .p-ProductBody--lot + li { margin-left: 5px; }

@media screen and (max-width: 768px) { .p-products .p-ProductBody--lot + li { margin-left: 0; margin-top: 5px; } }

.p-products .p-ProductSupplement { color: #A0A0AA; margin-left: 6px; }

.p-products .p-ProductInfo { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #666666; }

.p-products .p-ProductInfo img { margin-right: 2px; vertical-align: sub; }

.p-products .p-ProductInfo svg { margin: 0px 2px; width: 16px; height: 16px; fill: #666666; vertical-align: middle; }

.p-products .p-ProductTagsWrapper { overflow: hidden; }

.p-products .p-ProductTags { display: flex; flex-wrap: wrap; margin-top: 4px; margin-left: -10px; margin-bottom: 12px; }

.p-products .p-ProductTags li { margin-top: 5px; margin-left: 10px; padding: 5px 7px 3px; background: #F1F1F2; border-radius: 4px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; color: #000000; font-weight: bold; }

.p-products .p-ProductTags--new { margin-left: 0; position: absolute; }

.p-products .p-ProductTags--new li { border: 1px solid #F3F3F3; box-sizing: border-box; border-radius: 24px; background-color: #FFFFFF; }

.p-products .p-ProductPhotosWrapper { overflow: hidden; }

.p-products .p-ProductPhotos { display: flex; flex-wrap: wrap; margin-top: 10px; margin-left: -6px; }

.p-products .p-ProductPhotos li { display: block; width: 24px; height: 24px; margin-top: 6px; margin-left: 6px; border-radius: 2px; background: #F6F6F4; background-size: cover; background-position: center; cursor: pointer; }

.p-products .p-ProductPhotos li.is-current { border: 1px solid #000000; border-radius: 4px; }

.p-product { min-width: 1200px; }

@media screen and (max-width: 768px) { .p-product { width: 100%; min-width: 0; margin: 0; } }

.p-product-header { padding-top: 23px; }

.p-product-main { margin-top: 28px; }

.p-product .p-Breadcrumb { display: flex; align-items: center; margin: 0 106px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: bold; }

@media screen and (max-width: 768px) { .p-product .p-Breadcrumb { margin: 0; padding: 0 20px; } }

.p-product .p-Breadcrumb-icon { display: inline-flex; align-items: center; margin: 0 8px; }

.p-product .p-Breadcrumb-icon svg { width: 8px; height: 5px; transform: rotate(-90deg); fill: #548689; }

.p-product .p-Breadcrumb li { color: #999; }

.p-product .p-Breadcrumb a { color: #999; }

.p-product-form { position: relative; display: flex; padding-bottom: 64px; align-items: flex-start; }

@media screen and (max-width: 1000px) { .p-product-form { flex-direction: column; } }

.p-product-formLeft { margin-left: 90px; flex: 1; }

@media screen and (max-width: 768px) { .p-product-formLeft { margin-left: 0; padding: 0 20px; width: 100%; } }

.p-product-formRight { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; margin: 0 70px; width: calc(70% - 500px); }

.p-product-formRight.is-contact { display: block; height: auto; }

@media screen and (max-width: 768px) { .p-product-formRight { width: 95%; margin: 0 auto; padding: 20px; } }

.p-product-formRight-form { padding: 22px 32px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22); border-radius: 16px; margin-bottom: 20px; }

.p-product-formRight-header { text-align: center; }

.p-product .p-ProductThumbViewer { position: relative; display: flex; }

.p-product .p-ProductThumbList { display: flex; flex-direction: column; }

.p-product .p-ProductThumb { box-sizing: border-box; width: 60px; height: 60px; cursor: pointer; background: center no-repeat #f6f6f4; background-size: contain; border: none; transition: 0.2s; }

.p-product .p-ProductThumb + .p-ProductThumb { margin-top: 6px; }

.p-product .p-ProductThumb.is-current { border: 1px solid #205EFB; }

.p-product .p-ProductImage { width: 400px; height: 400px; margin-left: 30px; background: center no-repeat #f6f6f4; background-size: contain; border: 1px solid #F1F1F2; cursor: pointer; }

@media screen and (max-width: 768px) { .p-product .p-ProductImage { max-width: 300px; max-height: 300px; margin-left: auto; margin-right: auto; } }

.p-product .p-slideshow { position: relative; display: flex; margin-top: 50px; margin-left: 20px; max-height: 200px; max-width: 500px; }

.p-product .p-slideshow-images { display: flex; overflow: hidden; }

.p-product .p-slideshow-images .p-slideshow-image { display: flex; width: 200px; height: 200px; background-size: contain; background-position: center; border: 1px solid rgba(0, 0, 0, 0.02); cursor: pointer; }

.p-product .p-slideshow-images .p-slideshow-image + .p-slideshow-image { display: flex; margin-left: 8px; }

@media screen and (max-width: 768px) { .p-product .p-slideshow-images .p-slideshow-image { width: 144px; height: 144px; } }

.p-product .p-slideshow-links { display: block; height: 100%; width: 100%; }

.p-product .p-slideshow .swiper-container { z-index: unset; }

.p-product .p-slideshow .swiper-wrapper { z-index: unset; display: flex; }

.p-product .p-slideshow-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 768px) { .p-product .p-slideshow-button { width: 32px; height: 32px; } }

.p-product .p-slideshow-button svg { width: 20px; fill: #205EFB; }

@media screen and (max-width: 768px) { .p-product .p-slideshow-button svg { width: 12px; } }

.p-product .p-slideshow-button--right { right: 0; transform: translate(50%, -50%); }

.p-product .p-slideshow-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-product .p-slideshow-button--left { left: 0; transform: translate(-50%, -50%); }

.p-product .p-slideshow-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-product .p-ProductInfo { color: #000000; margin-bottom: 30px; }

@media screen and (max-width: 768px) { .p-product .p-ProductInfo { margin: 0; margin-bottom: 30px; } }

.p-product .p-ProductInfo-title { font-size: 3.2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 4rem; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .p-product .p-ProductInfo-title { font-size: 20px; margin-bottom: 0; } }

.p-product .p-ProductInfo-description { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; margin-top: 14px; white-space: pre-wrap; }

.p-product .p-ProductInfo-detailList { margin-top: 16px; }

.p-product .p-ProductInfo-detail { display: flex; align-items: flex-start; margin-top: 5px; }

.p-product .p-ProductInfo-detail h3 { display: flex; align-items: center; }

.p-product .p-ProductInfo-detailIconWrapper { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; }

.p-product .p-ProductInfo-detailIcon { fill: #205EFB; }

.p-product .p-ProductInfo-detailIcon--time { width: 13px; height: 13px; }

.p-product .p-ProductInfo-detailIcon--note { width: 12px; height: 13px; }

.p-product .p-ProductInfo-detailIcon--shuttle { width: 15px; height: 9px; }

.p-product .p-ProductInfo-questionIcon { cursor: pointer; }

.p-product .p-ProductInfo-detailTitle { width: 75px; margin-left: 11px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: bold; color: #000000; }

.p-product .p-ProductInfo-detailBody { margin-left: 16px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; }

.p-product .p-ProductInfo-questionIcon { width: 14px; height: 14px; margin-left: 8px; margin-top: -4px; }

.p-product .p-ProductInfo-howToMakeDesign-sectionTitle { font-size: 24px; background: #F9FAFB; padding: 12px 24px; margin-top: 40px; }

.p-product .p-ProductInfo-howToMakeDesign-subTitle { font-size: 16px; border-bottom: 1px solid #DADBDD; margin-top: 16px; margin-bottom: 8px; padding-bottom: 12px; }

.p-product .p-ProductInfo-howToMakeDesign-subTitle-icon { fill: #205EFB; width: 24px; height: 24px; vertical-align: middle; margin-right: 12px; }

.p-product .p-ProductInfo-howToMakeDesign p { line-height: 1.4rem; }

.p-product .p-ProductInfo-howToMakeDesign h4 { margin-top: 16px; font-weight: normal; }

.p-product .p-ProductInfo-howToMakeDesign-fileFormats { font-size: 12px; font-weight: bold; background: #F9FAFB; padding: 16px 0; }

.p-product .p-ProductInfo-howToMakeDesign-fileFormats img { width: 200px; margin: 0 8px; }

@media screen and (max-width: 768px) { .p-product .p-ProductInfo-howToMakeDesign-fileFormats { text-align: center; } }

.p-product .p-ProductInfo-howToMakeDesign-templates { padding: 16px 20px; margin-top: 40px; margin-bottom: 20px; border: 1px solid #DADBDD; }

.p-product .p-ProductInfo-howToMakeDesign-templates-caution { font-size: 10px; font-weight: bold; margin-top: 8px; }

.p-product .p-productSelect { position: relative; margin-top: 31px; }

.p-product .p-productSelect:first-child { margin-top: 12px; }

.p-product .p-productSelect-cover { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); }

.p-product .p-productSelect-header { display: flex; align-items: center; justify-content: space-between; padding-top: 37px; border-top: #DADBDD 1px solid; }

@media screen and (max-width: 768px) { .p-product .p-productSelect-header { margin: 0; } }

.p-product .p-productSelect-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-productSelect-help { color: #205EFB; font-weight: bold; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; cursor: pointer; }

.p-product .p-productSelect-help::before { display: inline-flex; justify-content: center; align-items: center; content: "?"; width: 16px; height: 16px; margin-right: 5px; border-radius: 50%; background: #205EFB; color: #FFFFFF; font-weight: bold; font-size: 0.9rem; }

.p-product .p-productSelect-verticalList { display: flex; overflow-x: auto; margin-top: 21px; }

@media screen and (max-width: 768px) { .p-product .p-productSelect-verticalList { flex-wrap: wrap; margin-left: -9px; } }

.p-product .p-productSelect-verticalItem { display: flex; flex-direction: column; width: 174px; height: 96px; flex: none; border-radius: 6px; border: #DADBDD 1px solid; cursor: pointer; transition: 0.2s; }

.p-product .p-productSelect-verticalItem.no-thumb { align-items: center; justify-content: center; }

.p-product .p-productSelect-verticalItem + .p-productSelect-verticalItem { margin-left: 16px; }

.p-product .p-productSelect-verticalItem--sm { width: 147px; height: 79px; }

.p-product .p-productSelect-verticalItem--sm + .p-productSelect-verticalItem--sm { margin-left: 9px; }

.p-product .p-productSelect-verticalItem--lg { width: 194px; height: 125px; }

.p-product .p-productSelect-verticalItem--lg + .p-productSelect-verticalItem--lg { margin-left: 13px; }

@media screen and (max-width: 768px) { .p-product .p-productSelect-verticalItem { width: calc(33% - 9px); margin: 9px 0 0 9px; } }

.p-product .p-productSelect-verticalItem.is-current { border: #205EFB 1px solid; }

.p-product .p-productSelect-verticalThumb { height: 69px; background: center no-repeat; background-size: contain; }

.p-productSelect-verticalItem.no-thumb .p-productSelect-verticalThumb { display: none !important; }

.p-productSelect-verticalItem--sm .p-productSelect-verticalThumb { height: 54px; }

.p-productSelect-verticalItem--lg .p-productSelect-verticalThumb { height: 94px; }

.p-product .p-productSelect-verticalTitle { display: flex; align-items: center; justify-content: center; flex: 1; padding: 0 6px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-productSelect-horizontalList { margin-top: 25px; max-height: 172px; overflow-y: scroll; border-radius: 4px; border: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-product .p-productSelect-horizontalList { margin: 0; } }

.p-product .p-productSelect-horizontalItem { display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0 16px 0 14px; cursor: pointer; }

.p-product .p-productSelect-horizontalItem:nth-child(odd) { background: #f9f9f9; }

.p-product .p-productSelect-horizontalItem h4 { display: flex; align-items: center; }

.p-product .p-productSelect-horizontalRadio { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: #DADBDD 1px solid; border-radius: 50%; background: #FFFFFF; transition: 0.2s; }

.p-product .p-productSelect-horizontalItem.is-current .p-productSelect-horizontalRadio { border: none; background: #205EFB; }

.p-product .p-productSelect-horizontalItem.is-current .p-productSelect-horizontalRadio::before { display: inline-flex; content: ""; width: 10px; height: 10px; border-radius: 50%; background: #FFFFFF; }

.p-product .p-productSelect-horizontalTitle { margin-left: 13px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-product .p-productSelect-horizontalPrice { font-weight: bold; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; color: #205EFB; }

.p-product .p-productSelect-horizontalPriceUnit { margin-left: 6px; font-weight: normal; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; color: #205EFB; }

.p-product .p-productSelect-ModalButtons { margin-top: 24px; }

@media screen and (max-width: 768px) { .p-product .p-productSelect-ModalButtons { margin: 0; } }

.p-product .p-productSelect-ModalButton { display: flex; align-items: center; justify-content: space-between; }

.p-product .p-productSelect-ModalButton p { font-weight: bold; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-productSelect-ModalButton p.is-empty { color: #A0A0AA; }

.p-product .p-productSelect-ModalButton .c-btn { width: 124px; min-width: 124px; }

.p-product .p-ProductContact-content { padding: 42px 36px 40px; border-radius: 8px; }

.p-product .p-ProductContact-title { display: flex; align-items: center; justify-content: center; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-ProductContact-title svg { width: 17px; height: 17px; fill: #205EFB; margin-right: 11px; }

.p-product .p-ProductContact-body { margin-top: 2px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; text-align: center; }

.p-product .p-ProductContact-cta { width: 100%; height: 56px; margin-top: 24px; border-radius: 100px; }

.p-product .p-ProductFooter { display: flex; flex-direction: column; align-items: flex-start; margin-top: 31px; padding-top: 21px; border-top: #DADBDD 1px solid; }

@media screen and (max-width: 768px) { .p-product .p-ProductFooter { margin: 0; } }

.p-product .p-ProductFooter .p-ProductPrice { width: 100%; }

.p-product .p-ProductFooter .p-ProductPrice-detailList { display: flex; flex-direction: column; }

.p-product .p-ProductFooter .p-ProductPrice-detailItem { display: flex; align-items: center; justify-content: space-between; }

.p-product .p-ProductFooter .p-ProductPrice-detailItem + .p-ProductPrice-detailItem { margin-top: 6px; }

.p-product .p-ProductFooter .p-ProductPrice-detailTitle { font-weight: bold; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-ProductFooter .p-ProductPrice-detailBody { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-ProductFooter .p-ProductPrice-detailUnit { margin-left: 8px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-ProductFooter .p-ProductPrice-main { display: flex; align-items: center; justify-content: space-between; margin-top: 21px; margin-bottom: 24px; padding-top: 20px; border-top: #dddddd 1px solid; font-weight: bold; }

.p-product .p-ProductFooter .p-ProductPrice-totalTitle { font-weight: bold; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-product .p-ProductFooter .p-ProductPrice-totalBody { font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-product .p-ProductFooter .p-ProductPrice-totalUnit { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.p-product .p-ProductFooter .p-ProductPrice-unitBody { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-ProductFooter .p-ProductPrice-unitUnit { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.p-product .p-ProductFooter .p-ProductPrice-unitPer { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-ProductFooter-submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 56px; background: #205EFB; border-radius: 100px; color: #FFFFFF; font-weight: bold; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; transition: 0.2s; }

.p-product .p-ProductFooter-submit.is-disabled { cursor: default; pointer-events: none; color: #A0A0AA; border: 0.5px solid #DADBDD; background-color: #DADBDD; }

.p-product .p-ProductFooter-submit.is-disabled:hover { opacity: 1; color: #A0A0AA; border: #DADBDD; background-color: #DADBDD; }

.p-product .p-ProductFooter-error { margin: 0 auto; margin-bottom: 10px; color: red; }

.p-product-sectionTitle { font-size: 20px; font-weight: bold; padding: 8px 0; margin-bottom: 42px; }

.p-product-usage { padding: 51px 0 80px; background: #faf9f6; }

.p-product-usage .p-product-sectionTitle { padding: 0 180px; }

.p-product-template { padding: 48px 180px 64px; background: #faf9f6; border-top: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-product-template { padding: 30px 10px; } }

.p-product-interview { padding: 64px 180px 68px; background: #faf9f6; border-top: 1px solid #DADBDD; }

.p-product .p-Slider { position: relative; }

.p-product .p-Slider .swiper-container { z-index: unset; }

.p-product .p-Slider .swiper-wrapper { z-index: unset; }

.p-product .p-Slider-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 100px; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 1000px) { .p-product .p-Slider-button { width: 32px; height: 32px; } }

.p-product .p-Slider-button svg { width: 20px; fill: #205EFB; }

@media screen and (max-width: 1000px) { .p-product .p-Slider-button svg { width: 12px; } }

.p-product .p-Slider-button--right { right: 56px; }

.p-product .p-Slider-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-product .p-Slider-button--left { left: 56px; }

.p-product .p-Slider-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-product .p-UsageList { margin-top: 40px; overflow: hidden; }

.p-product .p-Usage { flex: none; cursor: pointer; width: 400px; }

.p-product .p-Usage + .p-Usage { margin-left: 34px; }

.p-product .p-Usage-thumb { width: 400px; height: 238px; background-size: contain; background-position: center; border-radius: 4px; box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.08); }

.p-product .p-Usage-content { display: flex; align-items: center; margin-top: 15px; }

@media screen and (max-width: 1000px) { .p-product .p-Usage-content { flex-direction: column; } }

.p-product .p-Usage-icon { width: 40px; height: 40px; background: #FFFFFF center no-repeat; }

.p-product .p-Usage-name { margin-left: 14px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; color: #000000; }

.p-product-templateContent { display: flex; margin-top: 48px; }

@media screen and (max-width: 1000px) { .p-product-templateContent { flex-direction: column; } }

@media screen and (max-width: 768px) { .p-product-templateLeft { width: 80%; margin-right: auto; margin-left: auto; } }

.p-product-templateRight { flex: 1; margin-left: 52px; }

@media screen and (max-width: 768px) { .p-product-templateRight { margin-top: 20px; margin-left: 0; } }

.p-product .p-TemplateThumb { width: 423px; height: 307px; background: #FFFFFF center no-repeat; background-size: cover; }

@media screen and (max-width: 768px) { .p-product .p-TemplateThumb { width: 100%; height: 250px; background-size: contain; } }

.p-product .p-TemplateList { display: flex; flex-direction: column; height: 360px; padding: 0 20px; margin-top: 20px; margin-left: 50px; overflow-y: scroll; }

@media screen and (max-width: 768px) { .p-product .p-TemplateList { padding: 0; margin-left: 0px; } }

.p-product .p-Template { flex: none; display: flex; align-items: center; justify-content: space-between; height: 80px; border-top: #DADBDD 1px solid; }

.p-product .p-Template-content { color: #414b56; }

@media screen and (max-width: 768px) { .p-product .p-Template-content { width: 140px; } }

.p-product .p-Template-title { font-weight: bold; display: flex; align-items: center; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

@media screen and (max-width: 768px) { .p-product .p-Template-title { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; display: block; } }

.p-product .p-Template-attribute { display: flex; align-items: center; justify-content: center; min-width: 118px; height: 20px; margin-left: 20px; padding: 0 8px; background: #fff6eb; border-radius: 4px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

@media screen and (max-width: 768px) { .p-product .p-Template-attribute { margin-left: 0; } }

.p-product .p-Template-body { margin-top: 3px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

@media screen and (max-width: 768px) { .p-product .p-Template-body { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; } }

.p-product .p-Template-link { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; }

@media screen and (max-width: 768px) { .p-product .p-Template-link { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; } }

.p-product .p-InterviewList { display: flex; margin-top: 49px; }

@media screen and (max-width: 1000px) { .p-product .p-InterviewList { flex-direction: column; } }

.p-product .p-productUsecase { width: 90%; margin: 0 auto; margin-bottom: 50px; padding: 0; }

@media screen and (max-width: 768px) { .p-product .p-productUsecase { margin-bottom: 16px; } }

.p-product .p-productUsecase-list { max-width: 986px; margin: 0 auto; display: flex; justify-content: space-between; transition: 1s; }

@media screen and (max-width: 768px) { .p-product .p-productUsecase-list { width: 100%; } }

@media screen and (max-width: 768px) { .p-product .p-productUsecase-list { padding: 0px 0px; flex-direction: column; } }

.p-product .p-productUsecase-list-item { display: flex; flex-direction: column; border-radius: 10px; padding: 8px; margin: 0 10px; transition: 1s; text-align: center; }

@media screen and (max-width: 768px) { .p-product .p-productUsecase-list-item { width: 100%; margin: 0 0 48px; padding: 0; } }

.p-product .p-productUsecase-list-item a { color: black; transition: 0.24s; }

.p-product .p-productUsecase-list-item a:hover { transition: 0.24s all; }

.p-product .p-productUsecase-list-item a:hover img { transition: 0.24s all; position: relative; top: -4px; box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.024); }

.p-product .p-productUsecase-list-item a:hover h3, .p-product .p-productUsecase-list-item a:hover p { color: #205EFB; }

.p-product .p-productUsecase-list-item a:hover h3 br, .p-product .p-productUsecase-list-item a:hover p br { display: none; }

@media screen and (max-width: 768px) { .p-product .p-productUsecase-list-item a:hover h3 br, .p-product .p-productUsecase-list-item a:hover p br { display: block; } }

.p-product .p-productUsecase-list-item a img { transition: 0.24s all; width: 278px; height: 278px; position: relative; top: 0px; }

@media screen and (max-width: 768px) { .p-product .p-productUsecase-list-item a img { width: 100%; max-width: 278px; height: 200px; object-fit: cover; } }

.p-product .p-productUsecase-list-item a h3 { margin-top: 20px; font-size: 20px; transition: 0.32s; }

.p-product .p-productUsecase-list-item a p { color: #205EFB; }

.p-product .p-productUsecase-list-item button { height: 30px; width: 30px; background-color: #F5F5F2; border-radius: 100px; }

.p-product-spec { width: 100%; padding: 100px 10% 100px; background-color: #FAF9F6; }

.p-product-spec-contactUs { width: 80%; margin: 0 auto; margin-top: 30px; }

@media screen and (max-width: 768px) { .p-product-spec-contactUs { width: 100%; } }

.p-product-spec-contactUs a { display: inline-block; margin-left: 20px; width: 100%; max-width: 350px; }

.p-product-spec-contactUs a button { display: inline-block; width: 100%; }

@media screen and (max-width: 768px) { .p-product-spec-contactUs a { margin-left: 0; } }

.p-product .p-SpecList { display: flex; margin: 0 auto; margin-top: 40px; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .p-product .p-SpecList { width: 100%; } }

.p-product .p-Spec { width: 50%; display: flex; align-items: center; height: 60px; border-bottom: 1px solid #f3f3f4; background: white; }

.p-product .p-Spec:last-child { border-bottom: none; }

@media screen and (max-width: 768px) { .p-product .p-Spec { align-items: center; width: 100%; } }

.p-product .p-Spec-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; width: 50%; height: 60px; padding: 0 20px; line-height: 60px; background-color: #F3F3F4; }

.p-product .p-Spec-body { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; padding: 0 20px; width: 50%; }

.p-product-orderToDeliveryFlow { width: 100%; padding: 100px 10% 100px; background-color: #FAF9F6; }

.p-product-orderToDeliveryFlow-title { font-size: 20px; margin-bottom: 30px; }

.p-product-orderToDeliveryFlow-list-wrapper { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-product-orderToDeliveryFlow-list-wrapper { flex-direction: column; } }

.p-product-orderToDeliveryFlow-list { width: 48%; }

@media screen and (max-width: 768px) { .p-product-orderToDeliveryFlow-list { width: 100%; } }

.p-product-orderToDeliveryFlow-list-item { margin-bottom: 40px; }

.p-product-orderToDeliveryFlow-list-item-header { padding: 8px 0; border-bottom: 1px solid #DADBDD; margin-bottom: 16px; }

.p-product-sizeTemplate { width: 100%; padding: 0 10%; padding-bottom: 180px; background-color: #FAF9F6; }

.p-product-sizeTemplate-wrapper { display: flex; }

@media screen and (max-width: 768px) { .p-product-sizeTemplate-wrapper { flex-direction: column; } }

.p-product-sizeTemplate-image { width: 40%; }

@media screen and (max-width: 768px) { .p-product-sizeTemplate-image { width: 100%; } }

.p-product-sizeTemplate-sizes { width: 60%; }

@media screen and (max-width: 768px) { .p-product-sizeTemplate-sizes { width: 100%; } }

.p-product .p-Modal { color: #000000; cursor: default; }

.p-product .p-Modal-content { padding: 0; min-width: 1150px; }

@media screen and (max-width: 768px) { .p-product .p-Modal-content { width: 95%; min-width: unset; } }

.p-product .p-Modal-header { display: flex; justify-content: space-between; padding: 48px 0 30px; margin: 0 48px; border-bottom: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-product .p-Modal-header { margin: 0; padding: 48px 20px 30px; } }

.p-product .p-Modal-title { font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-product .p-Modal-close { display: inline-flex; width: 23px; height: 23px; }

.p-product .p-Modal-close svg { width: 23px; height: 23px; fill: rgba(0, 0, 0, 0.54); }

.p-product .p-Modal-main { display: flex; flex-direction: column; }

@media screen and (max-width: 768px) { .p-product .p-Modal-main { padding: 20px; } }

.p-product .p-Modal-main--form { flex-direction: row; margin: 33px 0 12px; }

@media screen and (max-width: 1251px) { .p-product .p-Modal-main--form { flex-direction: column; } }

.p-product .p-Modal-main--help { padding-bottom: 4px; }

@media screen and (max-width: 768px) { .p-product .p-Modal-mainLeft { width: 100%; } }

.p-product .p-Modal-mainRight { flex: 1; }

.p-product .p-Modal-selectionWrapper { width: 400px; margin-left: 48px; padding: 24px 24px 12px; border: 1px solid #f3f3f4; border-radius: 8px; }

@media screen and (max-width: 768px) { .p-product .p-Modal-selectionWrapper { margin: 0; width: unset; } }

.p-product .p-Modal-selectionTitle { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-Modal-selections { margin-top: 10px; max-height: 432px; overflow-y: scroll; }

.p-product .p-Modal-selection { display: flex; align-items: center; min-height: 56px; padding: 10px 0; cursor: pointer; }

.p-product .p-Modal-selection + .p-Modal-selection { border-top: 1px solid #f3f3f4; }

.p-product .p-Modal-selection.is-active { font-weight: bold; }

.p-product .p-Modal-selectionIcon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 13px; }

.p-Modal-selection--radio .p-Modal-selectionIcon { background: #FFFFFF; border-radius: 50%; border: 1px solid #DADBDD; transition: 0.2s; }

.p-Modal-selection--radio.is-active .p-Modal-selectionIcon { background: #205EFB; border-radius: 50%; border: none; }

.p-Modal-selection--radio.is-active .p-Modal-selectionIcon::before { content: ""; width: 10px; height: 10px; background: #FFFFFF; border-radius: 50%; }

.p-Modal-selection--checkbox .p-Modal-selectionIcon { background: #FFFFFF; border-radius: 4px; border: 1px solid #DADBDD; transition: 0.2s; }

.p-Modal-selection--checkbox .p-Modal-selectionIcon svg { width: 13px; height: 10px; fill: #FFFFFF; }

.p-Modal-selection--checkbox.is-active .p-Modal-selectionIcon { background: #205EFB; border: none; }

.p-product .p-Modal-selectionLabel { display: flex; flex-direction: column; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-Modal-selectionSupplement { font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.p-product .p-Modal-selectionThumb { width: 100%; height: 360px; background: center no-repeat; background-size: contain; }

@media screen and (max-width: 768px) { .p-product .p-Modal-selectionThumb { margin-top: 15px; } }

.p-product .p-Modal-selectionInfo { margin-top: 32px; }

.p-product .p-Modal-selectionInfo p { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; margin-left: 47px; }

@media screen and (max-width: 1251px) { .p-product .p-Modal-selectionInfo p { margin-left: 0; } }

.p-product .p-Modal-selectionInfo span { margin-top: 4px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-Modal-selectionForm { margin-top: 32px; }

.p-product .p-Modal-selectionForm h4 { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-product .p-Modal-selectionInputs { display: flex; margin-top: 12px; }

@media screen and (max-width: 768px) { .p-product .p-Modal-selectionInputs { flex-direction: column; } }

.p-product .p-Modal-section { display: flex; align-items: flex-start; margin: 0 48px; padding: 32px 0 48px; }

@media screen and (max-width: 768px) { .p-product .p-Modal-section { flex-direction: column; margin: 0; } }

.p-product .p-Modal-section + .p-Modal-section { border-top: 1px solid #F7F7F8; }

.p-product .p-Modal-sectionLeft { margin-right: 117px; }

@media screen and (max-width: 768px) { .p-product .p-Modal-sectionLeft { margin: 0; width: 100%; } }

.p-product .p-Modal-sectionLeft h4 { width: 217px; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

@media screen and (max-width: 768px) { .p-product .p-Modal-sectionLeft h4 { margin: 0; width: 100%; } }

.p-product .p-Modal-sectionLeft p { margin-top: 8px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

@media screen and (max-width: 768px) { .p-product .p-Modal-colorPrice { width: 100%; } }

.p-product .p-Modal-materialColor { width: 100%; }

.p-product .p-Modal-printRect { width: 100%; }

.p-product .p-Modal-paperBoxMaterial { width: 100%; }

.p-product .p-Modal-flatBagMaterial { width: 100%; }

.p-product .p-Modal-flatBagMaterialTitle { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-product .p-Modal-cardBoardMaterial { width: 100%; }

.p-product .p-Modal-printNum { flex: 1; }

.p-product .p-Modal-printNum > p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; margin-bottom: 21px; white-space: pre-wrap; }

.p-product .p-Modal-paperProcess { width: 100%; }

.p-product .p-Modal-flatBagProcess { width: 100%; }

.p-product .p-Modal-footer { display: flex; align-items: center; justify-content: space-between; margin: 0 48px; padding: 24px 0; border-top: 1px solid #DADBDD; }

.p-product .p-Modal-cancel { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-product .p-Modal-submit { display: inline-flex; align-items: center; justify-content: center; width: 230px; height: 56px; border-radius: 76px; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; font-weight: bold; color: #FFFFFF; background: #205EFB; transition: 0.2s; }

@media screen and (max-width: 768px) { .p-product .p-Modal-submit { width: 120px; } }

.p-product .p-Modal-submit.is-disabled { cursor: default; pointer-events: none; color: #A0A0AA; border: 0.5px solid #DADBDD; background-color: #DADBDD; }

.p-product .p-Modal-submit.is-disabled:hover { opacity: 1; color: #A0A0AA; border: #DADBDD; background-color: #DADBDD; }

.p-product .p-Modal-error { margin: 0 0 0 auto; margin-right: 10px; color: red; }

@media screen and (max-width: 768px) { .p-product .p-sizeForm-colWrapper { margin: 10px 0; } }

.p-product .p-sizeForm-colWrapper + .p-sizeForm-colWrapper { margin-left: 24px; }

@media screen and (max-width: 768px) { .p-product .p-sizeForm-colWrapper + .p-sizeForm-colWrapper { margin-left: 0px; } }

.p-product .p-sizeForm-colWrapper.is-error .p-sizeForm-error { display: block; }

.p-product .p-sizeForm-col { width: 196px; background: #FBFBFC; border: 1px solid #DADBDD; border-radius: 8px; color: #414b56; }

@media screen and (max-width: 768px) { .p-product .p-sizeForm-col { width: 100%; } }

.p-product .p-sizeForm-unit { position: absolute; top: 50%; transform: translateY(-50%); right: 12px; }

.p-product .p-sizeForm-error { display: none; margin-top: 14px; color: #DF5475; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; height: 2em; white-space: pre-line; }

.p-product .p-ModalSummary-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-ModalSummary-contents { margin-top: 14px; }

.p-product .p-ModalSummary-contents li { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-ModalSummary-contents li + li { margin-top: 4px; }

.p-product .p-ColorPriceList { display: flex; margin: 17px 0 0 -14px; }

@media screen and (max-width: 768px) { .p-product .p-ColorPriceList { flex-wrap: wrap; } }

.p-product .p-ColorPrice { width: 110px; margin: 14px 0 0 14px; padding: 3px 3px 0; background: #FBFBFC; border-radius: 4px; }

@media screen and (max-width: 768px) { .p-product .p-ColorPrice { width: calc(33% - 14px); } }

.p-product .p-ColorPrice-thumb { width: 100%; height: 85px; background: #FFFFFF center no-repeat; background-size: contain; }

.p-product .p-ColorPrice-contents { display: flex; align-items: center; justify-content: center; padding: 11px 0 13px; }

.p-product .p-ColorPrice-contents h6 { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; line-height: 2.2rem; }

.p-product .p-MaterialColorList { width: 100%; display: flex; flex-direction: column; }

.p-product .p-MaterialColor { flex: 1; display: flex; align-items: center; background: #FBFBFC; border-radius: 16px; }

.p-product .p-MaterialColor + .p-MaterialColor { margin-top: 16px; }

.p-product .p-MaterialColor-thumb { width: 100%; max-width: 222px; height: 132px; border-radius: 16px 0 0 16px; background: center no-repeat; background-size: contain; }

@media screen and (max-width: 768px) { .p-product .p-MaterialColor-thumb { max-width: 100px; } }

.p-product .p-PrintAreaList { display: flex; }

.p-product .p-PrintArea { width: 400px; height: 313px; background: #FBFBFC center no-repeat; background-size: contain; border-radius: 16px; }

.p-product .p-PrintArea + .p-PrintArea { margin-left: 24px; }

.p-product .p-PrintArea-thumb { height: 100%; }

.p-product .p-PrintRectList { display: flex; flex-direction: column; width: 100%; }

.p-product .p-PrintRect { flex: 1; display: flex; padding: 4px 3px; background: #FBFBFC; border-radius: 4px; }

.p-product .p-PrintRect-thumb { width: 324px; height: 212px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 4px 0 0 4px; }

.p-product .p-PrintRect-contents { margin-top: 28px; }

.p-product .p-PaperBoxMaterialList { display: flex; flex-direction: column; width: 100%; }

.p-product .p-PaperBoxMaterial { flex: 1; display: flex; align-items: center; padding: 4px 5px; background: #FBFBFC; border-radius: 16px; }

.p-product .p-PaperBoxMaterial + .p-PaperBoxMaterial { margin-top: 21px; }

.p-product .p-PaperBoxMaterial-thumb { width: 166px; height: 132px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 16px 0 0 16px; }

.p-product .p-PaperBoxMaterial-contents { margin-left: 47px; }

.p-product .p-PaperBoxMaterial-contents ul { margin-top: 5px; }

.p-product .p-PaperBoxMaterial-contents ul li { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-PaperBoxMaterial-contents ul li + li { margin-top: 3px; }

.p-product .p-FlatBagMaterialList { margin-top: 27px; display: flex; }

@media screen and (max-width: 768px) { .p-product .p-FlatBagMaterialList { flex-direction: column; } }

.p-product .p-FlatBagMaterial { width: 100%; padding: 3px; background: #FBFBFC; border-radius: 8px; }

.p-product .p-FlatBagMaterial + .p-FlatBagMaterial { margin-left: 38px; }

@media screen and (max-width: 768px) { .p-product .p-FlatBagMaterial + .p-FlatBagMaterial { margin: 24px 0 0; } }

.p-product .p-FlatBagMaterial-thumb { height: 143px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 8px 8px 0 0; }

.p-product .p-FlatBagMaterial-contents { margin: 16px 22px 35px; }

.p-product .p-FlatBagMaterial-contents h6 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-FlatBagMaterial-contents p { margin-top: 6px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-CardBoardMaterialList { width: 100%; display: flex; flex-direction: column; }

.p-product .p-CardBoardMaterial { background: #f7f7f7; border-radius: 16px; }

.p-product .p-CardBoardMaterial + .p-CardBoardMaterial { margin-top: 22px; }

.p-product .p-CardBoardMaterial-main { display: flex; align-items: center; padding: 3px; background: #FBFBFC; border-radius: 16px; }

.p-product .p-CardBoardMaterial-thumb { width: 181px; height: 125px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 16px 0 0 16px; }

@media screen and (max-width: 768px) { .p-product .p-CardBoardMaterial-thumb { width: 80px; flex-grow: 0; flex-shrink: 0; } }

.p-product .p-CardBoardMaterial-contents { margin-left: 37px; }

.p-product .p-CardBoardMaterial-contents h6 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-CardBoardMaterial-contents ul { margin-top: 2px; }

.p-product .p-CardBoardMaterial-contents li { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-CardBoardMaterial-contents li + li { margin-top: 3px; }

.p-product .p-CardBoardMaterial-supplement { padding: 21px 28px 27px; }

.p-product .p-CardBoardMaterial-supplement > h6 { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-CardBoardMaterial-supplement > p { margin-top: 8px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-CardBoardMaterial-processList { display: flex; justify-content: space-between; margin-top: 14px; }

.p-product .p-CardBoardMaterial-process { display: flex; align-items: center; width: 375px; padding: 4px; background: #FBFBFC; border-radius: 16px; }

.p-product .p-CardBoardMaterial-processThumb { width: 91px; height: 94px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 12px 0 0 12px; }

.p-product .p-CardBoardMaterial-processContents { margin-left: 16px; }

.p-product .p-CardBoardMaterial-processContents h6 { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-CardBoardMaterial-processContents p { margin-top: 4px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-PrintNumList { display: flex; align-items: flex-start; }

@media screen and (max-width: 768px) { .p-product .p-PrintNumList { flex-direction: column; } }

.p-product .p-PrintNum { width: 100%; height: 340px; background: #FBFBFC; border-radius: 4px; }

.p-product .p-PrintNum + .p-PrintNum { margin-left: 24px; }

@media screen and (max-width: 768px) { .p-product .p-PrintNum + .p-PrintNum { margin: 24px 0 0; } }

.p-product .p-PrintNum-thumb { height: 100%; background: center no-repeat; background-size: contain; }

.p-product .p-PaperProcessList { display: flex; flex-direction: column; width: 100%; }

.p-product .p-PaperProcess { flex: 1; display: flex; align-items: center; padding: 6px 8px; background: #FBFBFC; border-radius: 16px; }

.p-product .p-PaperProcess + .p-PaperProcess { margin-top: 21px; }

.p-product .p-PaperProcess-thumb { width: 112px; height: 89px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 16px 0 0 16px; }

.p-product .p-PaperProcess-contents { margin-left: 30px; }

.p-product .p-PaperProcess-contents h5 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-PaperProcess-contents p { margin-top: 1px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-FlatBagProcessTypeList { display: flex; flex-direction: column; }

.p-product .p-FlatBagProcessType > h5 { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-product .p-FlatBagProcessType + .p-FlatBagProcessType { margin-top: 40px; }

.p-product .p-FlatBagProcessList { display: flex; align-items: flex-start; margin-top: 24px; }

.p-product .p-FlatBagProcess { display: flex; align-items: center; width: 50%; padding: 3px; background: #FBFBFC; border-radius: 16px; }

.p-product .p-FlatBagProcess + .p-FlatBagProcess { margin-left: 23px; }

.p-product .p-FlatBagProcess-thumb { width: 94px; height: 94px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 12px; }

.p-product .p-FlatBagProcess-contents { margin-left: 26px; }

.p-product .p-FlatBagProcess-contents h6 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-FlatBagProcess-contents p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-BottomList { display: flex; align-items: flex-start; }

.p-product .p-Bottom { padding: 3px; background: #FBFBFC; border-radius: 16px; }

.p-product .p-Bottom + .p-Bottom { margin-left: 38px; }

.p-product .p-Bottom-thumb { width: 245px; height: 141px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 16px 16px 0 0; }

.p-product .p-Bottom-contents { width: 211px; margin: 16px auto 11px; }

.p-product .p-Bottom-contents h5 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-Bottom-contents p { margin-top: 4px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-SpecialProcessList { display: flex; align-items: flex-start; }

.p-product .p-SpecialProcess { padding: 2px 3px; background: #FBFBFC; border-radius: 16px; }

.p-product .p-SpecialProcess + .p-SpecialProcess { margin-left: 38px; }

.p-product .p-SpecialProcess-thumb { width: 245px; height: 144px; background: #FFFFFF center no-repeat; background-size: contain; border-radius: 8px 8px 0 0; }

.p-product .p-SpecialProcess-contents { width: 206px; margin: 14px auto 32px; }

.p-product .p-SpecialProcess-contents h5 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-product .p-SpecialProcess-contents p { margin-top: 4px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-product .p-imageModal { background: rgba(244, 244, 244, 0.72); }

.p-product .p-imageModal-close { position: absolute; display: flex; align-items: center; justify-content: center; top: 24px; right: 32px; width: 112px; height: 48px; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; background: rgba(255, 255, 255, 0.8); border-radius: 200px; color: #205EFB; }

.p-product .p-imageModal-close svg { width: 14px; height: 14px; fill: #205EFB; margin-right: 13px; }

.p-product .p-imageModal-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 51vw; height: 51vw; margin: 48px auto 0; background: #FBFBFC; border: 2px solid rgba(0, 0, 0, 0.02); }

.p-product .p-imageModal-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 72px; height: 72px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

.p-product .p-imageModal-button svg { width: 20px; height: 20px; fill: #205EFB; }

.p-product .p-imageModal-button--right { right: -112px; transform: translate(100%, -50%); }

.p-product .p-imageModal-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-product .p-imageModal-button--left { left: -112px; transform: translate(-100%, -50%); }

.p-product .p-imageModal-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-product .js-external-link, .p-product .js-open-color-list-modal-btn { border-bottom: 1px solid rgba(0, 0, 0, 0); display: inline-flex; color: #205EFB; font-weight: bold; cursor: pointer; transition: border-bottom 0.2s; }

.p-product .js-external-link:hover, .p-product .js-open-color-list-modal-btn:hover { border-bottom: 1px solid #205EFB; }

.p-product .c-modal { overflow-x: auto; }

@media screen and (max-width: 768px) { .p-cart { padding: 0 24px; } }

.p-cart h6 { font-weight: normal; color: #999999; }

.p-cart .p-cartWrapper { margin: 0 auto; padding: 57px 0 100px; max-width: 1136px; }

@media screen and (max-width: 768px) { .p-cart .p-cartWrapper { max-width: 100%; } }

.p-cart .p-cartHeader { padding: 0 0 32px; }

@media screen and (max-width: 768px) { .p-cart .p-cartHeader { padding: 0 0 28px; } }

.p-cart .p-cartHeader h2 { line-height: 1; padding-bottom: 57px; }

@media screen and (max-width: 768px) { .p-cart .p-cartHeader h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; } }

.p-cart .p-cartHeader-nav ul { display: flex; }

@media screen and (max-width: 768px) { .p-cart .p-cartHeader-nav ul { flex-direction: column; } }

.p-cart .p-cartHeader-nav li { display: block; flex: 0 1 auto; list-style-type: none; color: #A0A0AA; margin-left: 30px; }

.p-cart .p-cartHeader-nav li.selected { font-weight: bold; color: #000000; }

.p-cart .p-cartEmpty { text-align: center; }

.p-cart .p-cartEmpty p { margin: 20px; }

.p-cart .p-cartEmpty button { border-radius: 100px; }

.p-cart .p-cartContainer { display: flex; flex-direction: row; }

@media screen and (max-width: 768px) { .p-cart .p-cartContainer { flex-direction: column; } }

.p-cart .p-cartList { flex: 2; }

.p-cart .p-cartItem { display: flex; justify-content: space-between; border-bottom: 1px solid #DADBDD; padding: 30px 0; position: relative; }

@media screen and (max-width: 768px) { .p-cart .p-cartItem { flex-direction: column; } }

.p-cart .p-cartItemCancel { position: absolute; right: 10px; bottom: 10px; color: #A0A0AA; }

.p-cart .p-cartItemThumb { width: 15%; background-size: cover; }

@media screen and (max-width: 768px) { .p-cart .p-cartItemThumb { width: 100%; } }

.p-cart .p-cartItemContent { width: 55%; }

@media screen and (max-width: 768px) { .p-cart .p-cartItemContent { width: 100%; order: -1; } }

.p-cart .p-cartItemContent-rowContainer { display: flex; }

@media screen and (max-width: 768px) { .p-cart .p-cartItemContent-rowContainer { align-items: normal; flex-direction: column; } }

.p-cart .p-cartItemContent-row { display: flex; flex-direction: column; }

@media screen and (max-width: 768px) { .p-cart .p-cartItemContent-row + .p-cartItemContent-row { margin-top: 10px; margin-left: 0; } }

.p-cart .p-cartItemPrice { width: 25%; }

@media screen and (max-width: 768px) { .p-cart .p-cartItemPrice { width: 100%; } }

.p-cart .p-cartItemPrice p { font-weight: bold; font-size: 20px; }

.p-cart .p-cartItemPrice-priceUnit { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-cart .p-cartItemPrice-unitPrice { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-cart .p-cartItemProductInfo { display: flex; align-items: flex-start; }

.p-cart .p-cartItemProductInfo + .p-orderProductInfo { margin-top: 7px; }

.p-cart .p-cartItemProductInfo h6, .p-cart .p-cartItemProductInfo p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-cart .p-cartItemProductInfo h6 { width: 75px; margin-right: 13px; }

.p-cart .p-cartItemProductInfo p { width: 130px; }

.p-cart .p-cartPrice { width: 360px; margin-left: 30px; padding: 35px 22px; border-radius: 10px; background-color: #F5F5F2; }

@media screen and (max-width: 768px) { .p-cart .p-cartPrice { width: 100%; margin: 15px 0 0; } }

.p-cart .p-cartPrice-price { display: flex; justify-content: space-between; margin: 1em 0; }

.p-cart .p-cartPrice-price h6, .p-cart .p-cartPrice-price p { font-size: 1.6rem; color: #000000; font-weight: bold; }

.p-cart .p-cartPrice-estimate { text-align: center; }

.p-cart .p-cartPrice-estimate svg { height: 16px; width: 16px; fill-opacity: 0.54; vertical-align: text-top; }

.p-cart .p-cartPrice small { line-height: 1em; }

.p-cart .p-cartToBilling-cta { width: 100%; border-radius: 100px; margin: 20px 0; }

.p-caseStudies { padding-top: 56px; }

@media screen and (max-width: 768px) { .p-caseStudies { padding-top: 0px; } }

.p-caseStudies-main { display: flex; }

.p-caseStudies-footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #4E5156; border-radius: 16px; padding: 54px 64px; margin-top: 56px; margin-bottom: 56px; }

@media screen and (max-width: 768px) { .p-caseStudies-footer { padding: 16px; } }

.p-caseStudies-footer-contactDescription { display: flex; flex-direction: column; align-items: flex-start; }

@media screen and (max-width: 768px) { .p-caseStudies-footer-contactDescription { width: 80%; } }

.p-caseStudies-footer-contactDescription h3 { color: white; font-size: 20px; line-height: 28px; }

@media screen and (max-width: 768px) { .p-caseStudies-footer-contactDescription h3 { font-size: 16px; } }

.p-caseStudies-footer-contactDescription h4 { color: white; font-weight: bold; font-size: 14px; line-height: 24px; margin: 8px 0 4px 0; }

@media screen and (max-width: 768px) { .p-caseStudies-footer-contactDescription h4 { font-size: 12px; } }

.p-caseStudies-footer-contactDescription p { color: white; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

@media screen and (max-width: 768px) { .p-caseStudies-footer-contactDescription p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; } }

.p-caseStudies-footer-contactIcon { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 25px; border: 1px solid white; }

@media screen and (max-width: 768px) { .p-caseStudies-footer-contactIcon { width: 30px; height: 30px; border-radius: 15px; } .p-caseStudies-footer-contactIcon img { width: 10px; } }

.p-caseStudies .p-caseStudiesNav { flex: none; width: 215px; margin-left: 40px; }

@media screen and (max-width: 768px) { .p-caseStudies .p-caseStudiesNav { display: none !important; } }

.p-caseStudies .p-caseStudiesNavCategory + .p-caseStudiesNavCategory { margin-top: 57px; }

.p-caseStudies .p-caseStudiesNavCategory > h3 { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; }

.p-caseStudies .p-caseStudiesNavCategory-list { margin-top: 17px; width: 100%; }

.p-caseStudies .p-caseStudiesNavCategory-item { width: 100%; min-height: 56px; border-radius: 8px; }

.p-caseStudies .p-caseStudiesNavCategory-item label { display: flex; justify-content: space-between; align-items: center; }

.p-caseStudies .p-caseStudiesNavCategory-item .category-menu-check:checked + label { font-weight: bold; }

.p-caseStudies .p-caseStudiesNavCategory-item input.category-menu-check { display: none; }

.p-caseStudies .p-caseStudiesNavCategory-item a { display: flex; align-items: center; justify-content: flex-start; height: 100%; padding: 0 16px; transition: background 0.2s; color: #000000; }

.p-caseStudies .p-caseStudiesNavCategory-item a:hover, .p-caseStudies .p-caseStudiesNavCategory-item a.is-current { font-weight: bold; }

.p-caseStudies .p-caseStudiesNavCategory-item a.is-current { cursor: default; pointer-events: none; }

.p-caseStudies .p-caseStudiesNavCategory-item .p-caseStudiesNavCategory-items { visibility: hidden; height: 0; }

.p-caseStudies .p-caseStudiesNavCategory-item .category-menu-check:checked + label + .p-caseStudiesNavCategory-items { visibility: visible; height: auto; }

.p-caseStudies .p-caseStudiesNavCategory-item img { margin-right: 12px; }

.p-caseStudies .p-caseStudiesNavCategory-item .category-menu-check:checked + label .menuArrow { transform: rotate(-45deg); }

.p-caseStudies .p-caseStudiesCategoryHeader { display: flex; padding: 24px; background-color: #FBFAF7; }

.p-caseStudies .p-caseStudiesCategoryHeaderLabel { width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.p-caseStudies .p-caseStudiesCategoryHeaderLabel h2 { font-size: 24px; color: #000000; }

.p-caseStudies .p-caseStudiesCategoryHeader--new { border-bottom: solid 1px #DADBDD; }

.p-caseStudies .p-caseStudiesCategoryHeader--new h1 { font-size: 2.4rem; margin-bottom: 3rem; padding-bottom: 2rem; }

.p-caseStudies .p-caseStudiesCategoryHeader--new .p-CaseStudiesDescriptionList { margin-bottom: 4rem; border-bottom: solid #F9F9F9 1px; }

.p-caseStudies .p-caseStudiesCategoryHeader--new .p-CaseStudiesDescriptionList .p-CaseStudiesDescription { width: 30%; font-size: 1.2rem; margin-right: 20px; margin-bottom: 12px; padding: 1.2rem; display: inline-block; background-color: #F9F9F9; }

@media screen and (max-width: 768px) { .p-caseStudies .p-caseStudiesCategoryHeader--new .p-CaseStudiesDescriptionList .p-CaseStudiesDescription { width: 100%; margin: 0; margin-bottom: 12px; } }

.p-caseStudies .p-caseStudiesCategoryHeader--new .p-CaseStudiesDescriptionList .p-CaseStudiesDescription img { float: left; margin: 1rem 1.6rem 1rem 1rem; }

.p-caseStudies .p-caseStudiesCategoryHeader--new-headerImage { width: 100px; }

.p-caseStudies .p-CaseStudyGenre { margin-top: 45px; margin-bottom: 30px; }

.p-caseStudies .p-CaseStudyGenre + .p-CaseStudyGenre { margin-top: 90px; }

.p-caseStudies .p-CaseStudyGenre-title { font-size: 2rem; margin-bottom: 10px; }

.p-caseStudies .p-CaseStudyListWrapper { overflow: hidden; }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow { position: relative; display: flex; margin-top: 50px; margin-left: 20px; max-height: 120px; max-width: 950px; margin: 0 auto; }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-images { display: flex; overflow: hidden; }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-images .p-slideshow-image { display: flex; background-size: contain; background-position: center; border: 1px solid rgba(0, 0, 0, 0.02); }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-images .p-slideshow-image + .p-slideshow-image { display: flex; margin-right: 5px; border-radius: 10px; }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-images .p-slideshow-image .p-slide-image-inside { display: flex; width: 190px; height: 120px; object-fit: cover; border-radius: 10px; }

@media screen and (max-width: 768px) { .p-caseStudies .p-CaseStudyListWrapper .p-slideshow-images .p-slideshow-image { width: 144px; height: 144px; } }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-links { display: block; height: 100%; width: 100%; }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow .swiper-container { z-index: unset; width: 100%; }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow .swiper-wrapper { z-index: unset; display: flex; }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 768px) { .p-caseStudies .p-CaseStudyListWrapper .p-slideshow-button { width: 32px; height: 32px; } }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-button svg { width: 20px; fill: #205EFB; }

@media screen and (max-width: 768px) { .p-caseStudies .p-CaseStudyListWrapper .p-slideshow-button svg { width: 12px; height: 12px; } }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-button--right { right: 0; transform: translate(0%, -50%); }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-button--left { left: 0; transform: translate(0%, -50%); }

.p-caseStudies .p-CaseStudyListWrapper .p-slideshow-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-caseStudies .p-CaseStudy { width: 217px; margin-top: 23px; margin-left: 34px; border: 1px solid #F3F3F3; border-radius: 4px; }

@media screen and (max-width: 768px) { .p-caseStudies .p-CaseStudy { width: calc(50% - 12px); margin-left: 6px; margin-right: 6px; } }

.p-caseStudies .p-CaseStudy--new { width: 260px; margin-top: 40px; margin-right: 20px; border-radius: 4px; }

@media screen and (max-width: 768px) { .p-caseStudies .p-CaseStudy--new { width: calc(50% - 12px); margin-left: 6px; margin-right: 6px; } }

.p-caseStudies .p-CaseStudy--new .p-CaseStudyDescriptionWrapper { margin: 0px; }

.p-caseStudies .p-CaseStudy--new .p-CaseStudyThumb { min-height: 260px; max-height: 260px; }

.p-caseStudies .p-CaseStudy--new .p-CaseStudyThumb img { width: 100%; max-height: 260px; }

@media screen and (max-width: 768px) { .p-caseStudies .p-CaseStudy--new .p-CaseStudyThumb { min-height: 0; } }

.p-caseStudies .p-CaseStudyTitle { margin-top: 16px; text-align: center; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; color: #000000; }

.p-caseStudies .p-CaseStudyTitle a { color: #000000; }

@media screen and (max-width: 768px) { .p-caseStudies .p-CaseStudyTitle { font-size: 12px; } }

.p-caseStudies .p-caseStudiesMain { flex: 1; margin: 0 106px; }

@media screen and (max-width: 768px) { .p-caseStudies .p-caseStudiesMain { margin: 14px; width: 100%; } }

.p-caseStudies .p-caseStudyHeader { border: none; }

.p-caseStudies .p-CaseStudyList { border: none; }

@media screen and (max-width: 768px) { .p-caseStudies .p-CaseStudyList { margin-left: 0; } }

.p-caseStudies .p-CaseStudyList--new { display: flex; flex-wrap: wrap; margin-top: 9px; border-top: solid 1px #F3F3F3; }

.p-caseStudies .p-caseStudyCategoryHearder--new-tagContent p { font-weight: 600; color: rgba(0, 0, 0, 0.7); }

.p-caseStudies .p-caseStudyCategoryHearder--new-properties { display: flex; }

.p-caseStudies .p-caseStudyCategoryHearder--new-properties ul { width: 50%; }

.p-caseStudies .p-caseStudyCategoryHearder--new-properties li { list-style-type: disc; word-break: keep-all; font-weight: 600; color: rgba(0, 0, 0, 0.7); }

.p-caseStudies .p-caseStudyCategoryHearder--new-properties .supplement-image { max-width: 100%; margin: auto; }

@media screen and (max-width: 992px) { .p-caseStudies .p-caseStudyCategoryHearder--new-properties { display: block; } .p-caseStudies .p-caseStudyCategoryHearder--new-properties ul { width: 100%; } }

.p-caseStudies .category-menu-icon { width: 40px; height: 40px; }

.p-caseStudies .p-caseStudyTag--new img { max-height: 260px; width: 100%; }

.p-caseStudies .p-caseStudy--new { width: 30%; margin-top: 40px; margin-left: 15px; }

.p-caseStudies .p-caseStudy--new .p-caseStudyListThumb .p-caseStudyThumb-back { border-radius: 15px; height: 160px; background: center no-repeat; background-size: cover; }

.p-caseStudies .p-caseStudyImage { width: 100%; height: 400px; margin-right: 30px; background: center no-repeat #f6f6f4; background-size: cover; border: 1px solid #F1F1F2; cursor: pointer; }

@media screen and (max-width: 768px) { .p-caseStudies .p-caseStudyImage { max-width: 300px; max-height: 300px; margin-left: auto; margin-right: auto; } }

.p-caseStudies .p-caseStudyThumb { box-sizing: border-box; width: 80px; height: 80px; cursor: pointer; background: center no-repeat #f6f6f4; background-size: contain; border: none; transition: 0.2s; }

.p-caseStudies .p-caseStudyThumb + .p-caseStudyThumb { margin-top: 10px; }

.p-caseStudies .p-caseStudyThumb.is-current { border: 1px solid #205EFB; }

.p-caseStudies .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.p-caseStudies .col, .p-caseStudies .col-1, .p-caseStudies .col-10, .p-caseStudies .col-11, .p-caseStudies .col-12, .p-caseStudies .col-2, .p-caseStudies .col-3, .p-caseStudies .col-4, .p-caseStudies .col-5, .p-caseStudies .col-6, .p-caseStudies .col-7, .p-caseStudies .col-8, .p-caseStudies .col-9, .p-caseStudies .col-auto, .p-caseStudies .col-lg, .p-caseStudies .col-lg-1, .p-caseStudies .col-lg-10, .p-caseStudies .col-lg-11, .p-caseStudies .col-lg-12, .p-caseStudies .col-lg-2, .p-caseStudies .col-lg-3, .p-caseStudies .col-lg-4, .p-caseStudies .col-lg-5, .p-caseStudies .col-lg-6, .p-caseStudies .col-lg-7, .p-caseStudies .col-lg-8, .p-caseStudies .col-lg-9, .p-caseStudies .col-lg-auto, .p-caseStudies .col-md, .p-caseStudies .col-md-1, .p-caseStudies .col-md-10, .p-caseStudies .col-md-11, .p-caseStudies .col-md-12, .p-caseStudies .col-md-2, .p-caseStudies .col-md-3, .p-caseStudies .col-md-4, .p-caseStudies .col-md-5, .p-caseStudies .col-md-6, .p-caseStudies .col-md-7, .p-caseStudies .col-md-8, .p-caseStudies .col-md-9, .p-caseStudies .col-md-auto, .p-caseStudies .col-sm, .p-caseStudies .col-sm-1, .p-caseStudies .col-sm-10, .p-caseStudies .col-sm-11, .p-caseStudies .col-sm-12, .p-caseStudies .col-sm-2, .p-caseStudies .col-sm-3, .p-caseStudies .col-sm-4, .p-caseStudies .col-sm-5, .p-caseStudies .col-sm-6, .p-caseStudies .col-sm-7, .p-caseStudies .col-sm-8, .p-caseStudies .col-sm-9, .p-caseStudies .col-sm-auto, .p-caseStudies .col-xl, .p-caseStudies .col-xl-1, .p-caseStudies .col-xl-10, .p-caseStudies .col-xl-11, .p-caseStudies .col-xl-12, .p-caseStudies .col-xl-2, .p-caseStudies .col-xl-3, .p-caseStudies .col-xl-4, .p-caseStudies .col-xl-5, .p-caseStudies .col-xl-6, .p-caseStudies .col-xl-7, .p-caseStudies .col-xl-8, .p-caseStudies .col-xl-9, .p-caseStudies .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.p-caseStudies .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }

.p-caseStudies .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }

.p-caseStudies .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.p-caseStudies .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

.p-caseStudies .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }

.p-caseStudies .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.p-caseStudies .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }

.p-caseStudies .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }

.p-caseStudies .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.p-caseStudies .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }

.p-caseStudies .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }

.p-caseStudies .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

@media (max-width: 768px) { .p-caseStudies .col-md-1, .p-caseStudies .col-md-2, .p-caseStudies .col-md-3, .p-caseStudies .col-md-4, .p-caseStudies .col-md-5, .p-caseStudies .col-md-6, .p-caseStudies .col-md-7, .p-caseStudies .col-md-8, .p-caseStudies .col-md-9, .p-caseStudies .col-md-10, .p-caseStudies .col-md-11, .p-caseStudies .col-md-12 { max-width: 100%; flex: none; } }

.p-caseStudies .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

@media (min-width: 576px) { .p-caseStudies .container { max-width: 540px; } }

@media (min-width: 768px) { .p-caseStudies .container { max-width: 720px; } }

@media (min-width: 992px) { .p-caseStudies .container { max-width: 960px; } }

@media (min-width: 1200px) { .p-caseStudies .container { max-width: 1140px; } }

.bottom-border { border-bottom: 1px solid rgba(51, 51, 51, 0.1); }

.m-b-15 { margin-bottom: 15px; }

.m-b-30 { margin-bottom: 30px; }

.m-r-50 { margin-right: 50px; }

.m-t-30 { margin-top: 30px; width: 100%; }

pre { font-family: initial; }

.full-image { width: 100%; }

.vueperslides__arrow svg { color: blue; stroke-width: 3; width: 3.5em; border-radius: 50%; background: white; height: 3.5em; }

.vueperslide__image { border-radius: 10px; }

.p-caseStudy { min-width: 1200px; }

@media screen and (max-width: 768px) { .p-caseStudy { width: 100%; min-width: 0; margin: 0; } }

.p-caseStudy-header { padding-top: 23px; }

.p-caseStudy-main { margin-top: 28px; }

.p-caseStudy-form { position: relative; display: flex; padding-bottom: 64px; align-items: flex-start; }

@media screen and (max-width: 1000px) { .p-caseStudy-form { flex-direction: column; } }

.p-caseStudy-formLeft { margin-left: 90px; flex: 1; }

@media screen and (max-width: 768px) { .p-caseStudy-formLeft { margin-left: 0; padding: 0 20px; width: 100%; } }

.p-caseStudy-formRight { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; margin: 0 70px; width: calc(70% - 500px); }

.p-caseStudy-formRight.is-contact { display: block; height: auto; }

@media screen and (max-width: 768px) { .p-caseStudy-formRight { width: 95%; margin: 0 auto; padding: 20px; } }

.p-caseStudy-formRight-form { padding: 22px 32px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22); border-radius: 16px; margin-bottom: 20px; }

.p-caseStudy-formRight-header { text-align: center; }

.p-caseStudy .p-CaseStudyThumbViewer { position: relative; display: flex; justify-content: center; }

.p-caseStudy .p-CaseStudyThumbList { display: flex; flex-direction: column; }

.p-caseStudy .p-CaseStudyThumb { box-sizing: border-box; width: 60px; height: 60px; cursor: pointer; background: center no-repeat #f6f6f4; background-size: contain; border: none; transition: 0.2s; }

.p-caseStudy .p-CaseStudyThumb + .p-CaseStudyThumb { margin-top: 6px; }

.p-caseStudy .p-CaseStudyThumb.is-current { border: 1px solid #205EFB; }

.p-caseStudy .p-CaseStudyImage { width: 400px; height: 400px; margin-left: 30px; background: center no-repeat #f6f6f4; background-size: contain; border: 1px solid #F1F1F2; cursor: pointer; }

@media screen and (max-width: 768px) { .p-caseStudy .p-CaseStudyImage { max-width: 300px; max-height: 300px; margin-left: auto; margin-right: auto; } }

.p-caseStudy .p-CaseStudyInfo { color: #000000; margin-bottom: 30px; }

@media screen and (max-width: 768px) { .p-caseStudy .p-CaseStudyInfo { margin: 0; margin-bottom: 30px; } }

.p-caseStudy .p-CaseStudyInfo-title { font-size: 3.2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 4rem; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .p-caseStudy .p-CaseStudyInfo-title { font-size: 20px; margin-bottom: 0; } }

.p-caseStudy .p-CaseStudyInfo-detail { display: flex; align-items: flex-start; margin-top: 5px; }

.p-caseStudy .p-CaseStudyInfo-detail h3 { display: flex; align-items: center; }

.p-caseStudy .p-CaseStudyContact-content { padding: 42px 36px 40px; border-radius: 8px; }

.p-caseStudy .p-CaseStudyContact-title { display: flex; align-items: center; justify-content: center; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-caseStudy .p-CaseStudyContact-title svg { width: 17px; height: 17px; fill: #205EFB; margin-right: 11px; }

.p-caseStudy .p-CaseStudyContact-body { margin-top: 2px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; text-align: center; }

.p-caseStudy .p-CaseStudyContact-cta { width: 100%; height: 56px; margin-top: 24px; border-radius: 100px; }

.p-caseStudy-spec { width: 100%; padding: 100px 10% 100px; background-color: #FAF9F6; }

.p-caseStudy-spec-contactUs { width: 80%; margin: 0 auto; margin-top: 30px; }

@media screen and (max-width: 768px) { .p-caseStudy-spec-contactUs { width: 100%; } }

.p-caseStudy-spec-contactUs a { display: inline-block; margin-left: 20px; width: 100%; max-width: 350px; }

.p-caseStudy-spec-contactUs a button { display: inline-block; width: 100%; }

@media screen and (max-width: 768px) { .p-caseStudy-spec-contactUs a { margin-left: 0; } }

.p-caseStudy .p-SpecList { display: flex; margin: 0 auto; margin-top: 40px; flex-wrap: wrap; border-top: 1px solid #f3f3f4; }

@media screen and (max-width: 768px) { .p-caseStudy .p-SpecList { width: 100%; } }

.p-caseStudy .p-Spec { width: 50%; display: flex; align-items: center; height: 60px; border-bottom: 1px solid #f3f3f4; border-right: 1px solid #f3f3f4; background: white; }

@media screen and (max-width: 768px) { .p-caseStudy .p-Spec { align-items: center; width: 100%; } }

.p-caseStudy .p-Spec-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; width: 50%; height: 60px; padding: 0 20px; line-height: 60px; background-color: #F3F3F4; }

.p-caseStudy .p-Spec-body { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; padding: 0 20px; width: 50%; }

.p-caseStudy .p-Spec-content { width: 50%; }

.p-caseStudy-orderToDeliveryFlow { width: 100%; padding: 100px 10% 100px; background-color: #FAF9F6; }

.p-caseStudy-orderToDeliveryFlow-title { font-size: 20px; margin-bottom: 30px; }

.p-caseStudy-orderToDeliveryFlow-list-wrapper { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-caseStudy-orderToDeliveryFlow-list-wrapper { flex-direction: column; } }

.p-caseStudy-orderToDeliveryFlow-list { width: 48%; }

@media screen and (max-width: 768px) { .p-caseStudy-orderToDeliveryFlow-list { width: 100%; } }

.p-caseStudy-orderToDeliveryFlow-list-item { margin-bottom: 40px; }

.p-caseStudy-orderToDeliveryFlow-list-item-header { padding: 8px 0; border-bottom: 1px solid #DADBDD; margin-bottom: 16px; }

.p-caseStudy-sizeTemplate { width: 100%; padding: 0 10%; padding-bottom: 180px; background-color: #FAF9F6; }

.p-caseStudy-sizeTemplate-wrapper { display: flex; }

@media screen and (max-width: 768px) { .p-caseStudy-sizeTemplate-wrapper { flex-direction: column; } }

.p-caseStudy-sizeTemplate-image { width: 40%; }

@media screen and (max-width: 768px) { .p-caseStudy-sizeTemplate-image { width: 100%; } }

.p-caseStudy-sizeTemplate-sizes { width: 60%; }

@media screen and (max-width: 768px) { .p-caseStudy-sizeTemplate-sizes { width: 100%; } }

.p-caseStudy .p-imageModal { background: rgba(244, 244, 244, 0.72); }

.p-caseStudy .p-imageModal-close { position: absolute; display: flex; align-items: center; justify-content: center; top: 24px; right: 32px; width: 112px; height: 48px; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; background: rgba(255, 255, 255, 0.8); border-radius: 200px; color: #205EFB; }

.p-caseStudy .p-imageModal-close svg { width: 14px; height: 14px; fill: #205EFB; margin-right: 13px; }

.p-caseStudy .p-imageModal-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 51vw; height: 51vw; margin: 48px auto 0; background: #FBFBFC; }

.p-caseStudy .p-imageModal-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 72px; height: 72px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

.p-caseStudy .p-imageModal-button svg { width: 20px; height: 20px; fill: #205EFB; }

.p-caseStudy .p-imageModal-button--right { right: -112px; transform: translate(100%, -50%); }

.p-caseStudy .p-imageModal-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-caseStudy .p-imageModal-button--left { left: -112px; transform: translate(-100%, -50%); }

.p-caseStudy .p-imageModal-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-estimate { background: #FBFBFC; min-height: 100vh; }

.p-estimate-wrapper { max-width: 1250px; margin: -80px auto 0; padding-top: 24px; padding-bottom: 88px; }

.p-estimate .p-PageBack { display: flex; align-items: center; color: #000000; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; }

.p-estimate .p-PageBack + .p-Header { margin-top: 60px; }

.p-estimate .p-PageBack + .p-Main { margin-top: 56px; }

.p-estimate .p-PageBack-iconWrapper { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-right: 11px; }

.p-estimate .p-PageBack-icon { fill: rgba(0, 0, 0, 0.54); }

.p-estimate .p-PageBack-icon--cross { width: 14px; height: 14px; }

.p-estimate .p-PageBack-icon--forward { width: 16px; height: 16px; }

.p-estimate .p-Header-title { font-size: 3.2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 4rem; color: #000000; }

.p-estimate .p-Header-body { margin-top: 18px; color: #000000; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-estimate .p-Header + .p-Main { margin-top: 48px; }

.p-estimate .p-Main { display: flex; padding-bottom: 40px; }

.p-estimate .p-Main-left { flex: 1; }

.p-estimate .p-Main-left--under { width: 400px; flex: none; }

.p-estimate .p-Main-right--under { flex: 1; margin-left: 56px; }

.p-estimate .p-LeftRow, .p-estimate .p-RightRow { width: 100%; background: #FFFFFF; border-radius: 8px; }

.p-estimate .p-LeftRow { padding: 24px 0 20px; min-height: 500px; }

.p-estimate .p-LeftRow--small { min-height: auto; }

.p-estimate .p-LeftRow-title { margin: 0 24px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; font-weight: bold; }

.p-estimate .p-LeftRow + .p-LeftRow { margin-top: 20px; }

.p-estimate .p-RightRow { padding-top: 32px; }

.p-estimate .p-RightRow-title { margin: 0 40px; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; color: #000000; font-weight: bold; }

.p-estimate .p-MenuList { display: flex; flex-direction: column; margin-top: 24px; }

.p-estimate .p-MenuListItem { background: #FFFFFF; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.04); border-radius: 8px; }

.p-estimate .p-MenuListItem-link { display: flex; justify-content: space-between; align-items: center; min-height: 90px; padding: 18px 0; color: #000000; }

.p-estimate .p-MenuListItem.p-MenuListItem--disable .p-MenuListItem-link { cursor: default; pointer-events: none; }

.p-estimate .p-MenuListItem-left { display: flex; align-items: center; padding-left: 26px; }

.p-estimate .p-MenuListItem-right > svg { fill: #205EFB; transform: rotateZ(-90deg); width: 12px; height: 12px; margin-right: 25px; }

.p-estimate .p-MenuListItem + .p-MenuListItem { margin-top: 20px; }

.p-estimate .p-MenuListItemIconWrapper { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; }

.p-estimate .p-MenuListItemIcon { fill: #205EFB; }

.p-estimate .p-MenuListItem.p-MenuListItem--disable .p-MenuListItemIcon { fill: #DADADA; }

.p-estimate .p-MenuListItemIcon--fullscreenExit { width: 19px; height: 19px; }

.p-estimate .p-MenuListItemIcon--localMall { width: 24px; height: 28px; }

.p-estimate .p-MenuListItemIcon--colorLens { width: 27px; height: 27px; }

.p-estimate .p-MenuListItemIcon--importExport { width: 19px; height: 24px; }

.p-estimate .p-MenuListItemIcon--formatPaint { width: 23px; height: 27px; }

.p-estimate .p-MenuListItemIcon--grain { width: 21px; height: 21px; }

.p-estimate .p-MenuListItemIcon--buildingBlocks { width: 32px; height: 32px; }

.p-estimate .p-MenuListItemIcon--aspectRatio { width: 30px; height: 24px; }

.p-estimate .p-MenuListItemIcon--layers { width: 24px; height: 25px; fill: #EC903B; }

.p-estimate .p-MenuListItemIcon--flare { width: 29px; height: 29px; fill: #EC903B; }

.p-estimate .p-MenuListItemContent { margin-left: 31px; }

.p-estimate .p-MenuListItemContent h4 { display: flex; align-items: center; font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; color: #000000; line-height: 2.8rem; }

.p-estimate .p-MenuListItemContent p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #A0A0AA; font-weight: bold; }

.p-estimate .p-MenuListItemSupplement { display: flex; align-items: center; height: 18px; margin-left: 18px; padding: 0 6px; background: #F1F1F2; border-radius: 4px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; font-weight: bold; }

.p-estimate .p-Product { display: flex; flex-direction: column; width: 440px; min-height: 530px; margin-left: 186px; background: #FFFFFF; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.04); border-radius: 8px; padding: 40px 32px 34px; }

.p-estimate .p-Product-header { display: flex; align-items: center; padding: 0 8px; }

.p-estimate .p-Product-thumb { width: 120px; height: 120px; background: #FFF center no-repeat; background-size: contain; border: 1px solid #F1F1F2; }

.p-estimate .p-Product-content { margin-left: 24px; color: #000000; }

.p-estimate .p-Product-label { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-estimate .p-Product-title { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; line-height: 2.8rem; }

.p-estimate .p-Product-main { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }

.p-estimate .p-ProductInfoList { margin-top: 20px; padding: 0 8px; }

.p-estimate .p-ProductInfo { display: flex; }

.p-estimate .p-ProductInfo + .p-ProductInfo { margin-top: 12px; }

.p-estimate .p-ProductInfo h4 { width: 54px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #A0A0AA; }

.p-estimate .p-ProductInfo p { flex: 1; margin-left: 16px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; font-weight: bold; }

.p-estimate .p-ProductFooter { margin-top: 17px; padding-top: 17px; border-top: 1px solid #DADBDD; }

.p-estimate .p-ProductPrice { display: flex; align-items: center; justify-content: space-between; }

.p-estimate .p-ProductPrice-label { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #A0A0AA; font-weight: bold; }

.p-estimate .p-ProductPrice-value { font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; }

.p-estimate .p-ProductPrice-unit { margin-left: 7px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; }

.p-estimate .p-ProductPrice--external { margin-top: 14px; }

.p-estimate .p-ProductPrice--external .p-ProductPrice-value { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: normal; }

.p-estimate .p-Footer { position: fixed; left: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; width: 100vw; height: 88px; padding: 0 99px 0 93px; background: #FFFFFF; }

.p-estimate .p-Footer-right { display: flex; align-items: center; }

.p-estimate .p-Footer-right .c-btn { width: 199px; height: 48px; border-radius: 200px; }

.p-estimate .p-Footer-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-estimate .p-FooterPriceDetail { margin-top: 2px; font-size: 0; }

.p-estimate .p-FooterPriceDetail-label { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: bold; color: #A0A0AA; }

.p-estimate .p-FooterPriceDetail-value { margin-left: 5px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; }

.p-estimate .p-FooterPriceDetail-unit { margin-left: 4px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; font-weight: bold; }

.p-estimate .p-FooterPriceDetail-increment { margin-left: 8px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; font-weight: bold; }

.p-estimate .p-FooterPriceDetail-increment + .p-FooterPriceDetail-label { margin-left: 6px; }

.p-estimate .p-FooterSelecting { color: #000000; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-estimate .p-FooterSelecting-value { margin-left: 16px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; }

.p-estimate .p-FooterTotalPrice { margin-right: 40px; font-size: 0; }

.p-estimate .p-FooterTotalPrice-label { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #A0A0AA; font-weight: bold; }

.p-estimate .p-FooterTotalPrice-value { margin-left: 16px; font-size: 2rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 2.4rem; color: #000000; }

.p-estimate .p-FooterTotalPrice-unit { margin-left: 4px; font-size: 1rem; letter-spacing: 0.08rem; line-height: 1.4rem; color: #000000; font-weight: bold; }

.p-estimate .p-FooterCancel { margin-right: 42px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; color: #000000; }

.p-estimate .p-ColorSelections { margin-top: 23px; padding: 0 24px; color: #000000; }

.p-estimate .p-ColorSelections .c-form-radioGroup { display: flex; flex-direction: column; }

.p-estimate .p-ColorSelections .c-form-radio + .c-form-radio { margin-left: 0; }

.p-estimate .p-ColorSelections .c-form-radioInput:checked + .c-form-radioMark::after { background: #205EFB; }

.p-estimate .p-ColorSelections .c-form-radio { padding: 16px 0; border-bottom: 1px solid #F3F3F4; }

.p-estimate .p-ColorInfo { display: flex; align-items: flex-start; margin-top: 34px; padding: 0 66px 40px 40px; }

.p-estimate .p-ColorInfo-thumb { flex: none; width: 240px; height: 240px; background: #FFF center no-repeat; background-size: contain; }

.p-estimate .p-ColorInfo-content { margin-left: 40px; color: #000000; }

.p-estimate .p-ColorInfo-content h4 { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; line-height: 1; }

.p-estimate .p-ColorInfo-content p { margin-top: 24px; white-space: pre-wrap; }

.p-estimate .p-MaterialSelections { margin-top: 16px; }

.p-estimate .p-MaterialSelections .c-form-radioGroup { display: flex; flex-direction: column; }

.p-estimate .p-MaterialSelections .c-form-radio + .c-form-radio { margin-left: 0; }

.p-estimate .p-MaterialSelections .c-form-radioInput:checked + .c-form-radioMark::after { background: #205EFB; }

.p-estimate .p-MaterialSelections .c-form-radio { padding: 36px 24px 33px; }

.p-estimate .p-MaterialSelections .c-form-radio + .c-form-radio { border-top: 1px solid #F3F3F4; }

.p-estimate .p-MaterialSelectionLabel { display: flex; }

.p-estimate .p-MaterialSelectionLabel-thumb { flex: none; width: 80px; height: 80px; background: #FBFBFC center no-repeat; background-size: contain; }

.p-estimate .p-MaterialSelectionLabel-content { display: flex; flex-direction: column; align-items: flex-start; margin-left: 22px; }

.p-estimate .p-MaterialSelectionLabel-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; color: #000000; font-weight: bold; }

.p-estimate .p-MaterialSelectionLabel-body { margin-top: 2px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; white-space: pre-wrap; }

.p-estimate .p-MaterialInfo { padding: 25px 40px 51px; }

.p-estimate .p-MaterialInfo-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; font-weight: bold; color: #000000; }

.p-estimate .p-MaterialInfo-thumb { width: 100%; }

.p-estimate .p-ProcessSelections { margin-top: 12px; padding: 0 24px 4px; }

.p-estimate .p-ProcessSelections .c-form-radioGroup { display: flex; flex-direction: column; }

.p-estimate .p-ProcessSelections .c-form-radio + .c-form-radio { margin-left: 0; }

.p-estimate .p-ProcessSelections .c-form-radioInput:checked + .c-form-radioMark::after { background: #205EFB; }

.p-estimate .p-ProcessSelections .c-form-radio { padding: 16px 0; border-bottom: 1px solid #F3F3F4; }

.p-estimate .p-ProcessInfoList { display: flex; align-items: flex-start; margin-top: 34px; padding-bottom: 120px; }

.p-estimate .p-ProcessInfo { display: flex; align-items: center; }

.p-estimate .p-ProcessInfo-thumb { flex: none; width: 160px; height: 160px; background: center no-repeat; background-size: contain; }

.p-estimate .p-ProcessInfo-content { flex: 1; display: flex; flex-direction: column; max-width: 152px; margin-left: 32px; }

.p-estimate .p-ProcessInfo-content h4 { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; line-height: 1; }

.p-estimate .p-ProcessInfo-content p { margin-top: 24px; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-estimate .p-ProcessInfo + .p-ProcessInfo { margin-left: 27px; }

.p-estimate .p-RawMaterialSelections { margin-top: 12px; }

.p-estimate .p-RawMaterialSelections .c-form-radioGroup { display: flex; flex-direction: column; }

.p-estimate .p-RawMaterialSelections .c-form-radio + .c-form-radio { margin-left: 0; }

.p-estimate .p-RawMaterialSelections .c-form-radioInput:checked + .c-form-radioMark::after { background: #205EFB; }

.p-estimate .p-RawMaterialSelections .c-form-radio { padding: 27px 24px 25px; }

.p-estimate .p-RawMaterialSelections .c-form-radio + .c-form-radio { border-top: 1px solid #F3F3F4; }

.p-estimate .p-RawMaterialSelectionLabel { display: flex; }

.p-estimate .p-RawMaterialSelectionLabel-thumb { flex: none; width: 80px; height: 80px; background: #FFF center no-repeat; background-size: contain; }

.p-estimate .p-RawMaterialSelectionLabel-thumb + .p-RawMaterialSelectionLabel-content { margin-left: 22px; }

.p-estimate .p-RawMaterialSelectionLabel-content { display: flex; flex-direction: column; align-items: flex-start; margin-left: 12px; }

.p-estimate .p-RawMaterialSelectionLabel-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; color: #000000; font-weight: bold; }

.p-estimate .p-RawMaterialSelectionLabel-body { margin-top: 2px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; white-space: pre-wrap; }

.p-estimate .p-RawMaterialInfoList { padding-bottom: 8px; }

.p-estimate .p-RawMaterialInfoList--no-main-title { margin-top: -32px; }

.p-estimate .p-RawMaterialInfo { margin: 0 40px; padding: 32px 0; }

.p-estimate .p-RawMaterialInfo + .p-RawMaterialInfo { border-top: 1px solid #DADBDD; }

.p-estimate .p-RawMaterialInfo-title { font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 3.2rem; color: #000000; font-weight: bold; }

.p-estimate .p-RawMaterialInfo-body { display: flex; align-items: center; margin-top: 25px; }

.p-estimate .p-RawMaterialInfo-thumb { width: 166px; height: 132px; background: #FFFFFF center no-repeat; background-size: contain; }

.p-estimate .p-RawMaterialInfo-thumb + .p-RawMaterialInfo-content { margin-left: 42px; }

.p-estimate .p-RawMaterialInfo-content { color: #000000; white-space: pre-wrap; }

.p-estimate .p-RawMaterialInfo-content--large { padding: 34px 0 61px; }

.p-estimate .p-RawMaterialInfo-content h4 { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-estimate .p-RawMaterialInfo-content p { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-estimate .p-RawMaterialInfo-content .c-textLink { font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; font-weight: normal; }

.p-estimate .p-LeftRow-title + .p-PrintAreaSelections { margin-top: 19px; }

.p-estimate .p-PrintAreaSelections + .p-PrintAreaSelections { padding-top: 24px; border-top: 1px solid #F7F7F8; }

.p-estimate .p-PrintAreaSelections-title { margin: 0 24px; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; color: #000000; font-weight: bold; }

.p-estimate .p-PrintAreaSelections ul { padding: 0 24px 25px; }

.p-estimate .p-PrintAreaSelectionItem { padding: 16px 0; }

.p-estimate .p-PrintAreaSelectionItem + .p-PrintAreaSelectionItem { border-top: 1px solid #F3F3F3; }

.p-estimate .p-PrintAreaInfoList { margin-top: -9px; padding: 0 40px; }

.p-estimate .p-PrintAreaInfo { display: flex; justify-content: space-between; padding: 40px 0 56px; }

.p-estimate .p-PrintAreaInfo + .p-PrintAreaInfo { border-top: 1px solid #DADBDD; }

.p-estimate .p-PrintAreaInfo-title { font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; line-height: 1; color: #000000; }

.p-estimate .p-PrintAreaInfo-list { margin-top: 32px; list-style: disc; padding-left: 1.1em; }

.p-estimate .p-PrintAreaInfo-list li { list-style: disc; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-estimate .p-PrintAreaInfo-thumb { max-width: 308px; margin-left: 61px; }

.p-estimate .p-ThicknessInfo { display: flex; align-items: flex-start; margin: 33px 40px 0; padding-bottom: 64px; }

.p-estimate .p-ThicknessInfo-thumb { width: 144px; height: 144px; background: #FBFBFC center no-repeat; background-size: contain; }

.p-estimate .p-ThicknessInfo-content { margin-left: 32px; }

.p-estimate .p-ThicknessInfo-content h4 { color: #000000; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-estimate .p-ThicknessInfo-content p { color: #000000; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; }

.p-estimate .p-BottomInfo { display: flex; align-items: center; margin: 26px 40px 0; padding-bottom: 64px; }

.p-estimate .p-BottomInfo-thumb { width: 251px; height: 145px; background: #FBFBFC center no-repeat; background-size: contain; border: 1px solid #DADBDD; border-radius: 16px; }

.p-estimate .p-BottomInfo-content { margin-left: 40px; }

.p-estimate .p-BottomInfo-content h4 { color: #000000; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-estimate .p-BottomInfo-content p { margin-top: 4px; color: #000000; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; white-space: pre-wrap; }

.p-estimate .p-PaperProcessInfo { display: flex; align-items: center; margin: 26px 40px 0; padding-bottom: 64px; }

.p-estimate .p-PaperProcessInfo-thumb { width: 251px; height: 145px; background: #FBFBFC center no-repeat; background-size: contain; border: 1px solid #DADBDD; border-radius: 16px; }

.p-estimate .p-PaperProcessInfo-content { margin-left: 43px; }

.p-estimate .p-PaperProcessInfo-content h4 { color: #000000; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; }

.p-estimate .p-PaperProcessInfo-content p { margin-top: 4px; color: #000000; font-size: 1.2rem; letter-spacing: 0.08rem; line-height: 2rem; white-space: pre-wrap; }

.p-account { min-width: 1200px; padding-top: 1px; margin: 100px 0px 200px 0px; }

.p-account-title { width: 80%; padding-bottom: 2rem; margin: 0 auto; margin-bottom: 6rem; border-bottom: 1px solid #DDDDDD; }

@media screen and (max-width: 768px) { .p-account-title { padding-bottom: 1rem; margin-bottom: 2rem; } }

@media screen and (max-width: 768px) { .p-account { min-width: auto; } }

.p-account-wrapper { margin: 0 auto; max-width: 500px; }

@media screen and (max-width: 768px) { .p-account-wrapper { padding: 0 10px; } }

.p-account-logo { margin: 40px 0; text-align: center; }

@media screen and (max-width: 768px) { .p-account-logo { margin-bottom: 2rem; } }

.p-account-logo svg { height: 72px; }

.p-account-logo p { color: #000000; font-family: "futura"; font-size: 4rem; line-height: 5.6rem; text-align: center; }

.p-account-message p { font-weight: bold; font-size: 16px; text-align: center; margin: 2rem 0; }

.p-account-message-m p { width: 100%; }

.p-account-form { text-align: center; }

.p-account-form-item { margin: 20px 0; }

.p-account-form-item .c-btn { height: 64px; width: 100%; border-radius: 100px; }

.p-account-links { margin: 20px 0 50px; }

.p-account-links-link { text-align: center; margin: 1rem; }

.p-account-fixedTop { position: fixed; top: 30px; left: 30px; }

.p-account-divider { font-size: 12px; margin: 15px 0; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; }

.p-account-externalService > p { text-align: center; font-weight: bold; }

.p-account-externalService-buttons { display: flex; justify-content: space-evenly; }

@media screen and (max-width: 768px) { .p-account-externalService-buttons { flex-direction: column; } }

.p-account-externalService-button { border-radius: 5px; height: 48px; width: 280px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; padding: 0 20px; margin: 10px; }

@media screen and (max-width: 768px) { .p-account-externalService-button { margin-right: auto; margin-left: auto; width: 230px; } }

.p-account-externalService-button img { margin-right: 10px; height: 18px; }

@media screen and (max-width: 768px) { .p-account-externalService-button img { height: 16px; } }

.p-account-externalService-button p { font-size: 1.2rem; }

@media screen and (max-width: 768px) { .p-account-externalService-button p { font-size: 1rem; } }

.p-account-externalService-button--colorme { background-color: #3787E1; }

.p-account-externalService-button--base { background-color: #56BBAE; }

.p-account-externalService-button--base img { height: 26px; }

.p-account-externalService-button--disabled { opacity: 0.32; cursor: not-allowed; pointer-events: none; background-color: #808080; }

.p-account-dataList { margin: 0 auto; max-width: 700px; text-align: center; }

@media screen and (max-width: 768px) { .p-account-dataList { padding: 0 10px; } }

.p-account-dataList-data { text-align: left; padding: 0 0 24px 32px; margin-bottom: 2rem; border-bottom: 1px solid #DDDDDD; }

.p-account-dataList-data-header { margin-bottom: 4px; display: flex; justify-content: space-between; }

.p-account-dataList-data-header-defaultBadge { color: #205EFB; font-weight: normal; margin-left: 1rem; padding: 4px 12px; border: 1px solid #205EFB; border-radius: 100px; }

.p-account-dataList-data-body { display: flex; justify-content: space-between; }

.p-account-dataList-data-body-cardLogo { width: 30px; margin: 0 4px; display: inline-block; }

.p-account-dataList-data-body p { line-height: 2rem; }

.p-account-dataList-data-body .c-textLink { margin-top: 10px; align-items: baseline; height: 20px; }

.p-account-dataList-data .c-textLink { align-items: center; font-size: 1.2rem; line-height: 2rem; font-weight: normal; }

.p-account-dataList button { height: 64px; width: 100%; max-width: 500px; margin: 20px 0; border-radius: 100px; }

@media screen and (max-width: 768px) { .p-account-dataList button { font-size: 1.2rem; } }

.p-account h3 svg { display: inline-block; margin-top: 2px; margin-right: 8px; fill: rgba(0, 0, 0, 0.54); width: 24px; height: 24px; }

.p-account .payjp-outer { height: 56px; border-radius: 8px; border: 1px solid rgba(32, 94, 251, 0); margin: 5px 0; background-color: #FBFBFC; padding: 0 10px; }

.p-account #expiry-form { width: 50%; }

@media screen and (max-width: 768px) { .p-account #expiry-form { width: 100%; } }

.p-account #cvc-form { width: 50%; }

@media screen and (max-width: 768px) { .p-account #cvc-form { width: 100%; } }

.p-account #name-form { width: 100%; font-family: sans-serif; margin: 0; width: 100%; font-size: 1.2em; line-height: 1.2em; letter-spacing: 0.08rem; color: #205EFB; }

@media screen and (max-width: 768px) { .p-account #name-form { width: 100%; } }

.p-account .payjp-outer > iframe { border-radius: 8px; border: 1px solid rgba(32, 94, 251, 0); }

.pageTitleInternal { margin-bottom: 16px; font-size: 32px; }

.orderInternal .statusBatch { height: 24px; width: 64px; line-height: 24px; font-size: 10px; color: white; background: #C5C5C5; border-radius: 4px; text-align: center; font-weight: bold; }

.orderInternal .statusBatch.not_submitted { background: #C5C5C5; }

.orderInternal .statusBatch.under_check { background: #F7A152; }

.orderInternal .statusBatch.resubmission_request { background: #ED6093; }

.orderInternal .statusBatch.checked { background: #5280F7; }

.orderInternal .statusBatch.confirmed { background: #0ED1DD; }

.orderInternal .statusBatch.printing { background: #D046D2; }

.orderInternal .statusBatch.shipped { background: #8460ED; }

.orderInternal .statusBatch.delivered { background: #79D94C; }

.orderInternal .statusBatch.cancelled { background: black; }

.orderInternal .clickable { transition: opacity 80ms; }

.orderInternal .clickable:hover { opacity: 0.6; }

.orderInternalList { width: 100%; color: black; }

.orderInternalList .listFunction { margin: 28px 0; position: relative; display: flex; align-items: center; }

.orderInternalList .listFunction .query { width: 400px; background: white; height: 40px; border-radius: 20px; padding: 8px 24px 8px 48px; }

.orderInternalList .listFunction .query::placeholder { color: #999999; letter-spacing: 2px; font-size: 12px; }

.orderInternalList .listFunction .queryIcon { width: 16px; position: absolute; top: 12px; left: 16px; }

.orderInternalList .listFunction .csvDownloadContainer { font-size: 10px; margin-left: auto; margin-right: 60px; border-radius: 4px; border: 1px solid black; font-weight: bold; line-height: 28px; padding: 0 12px; cursor: pointer; }

.orderInternalList .listTableContainer .listTable { overflow-x: scroll; white-space: nowrap; min-height: 500px; }

.orderInternalList .listTableContainer .listTable-payment { display: flex; align-items: center; }

.orderInternalList .listTableContainer .listTable-payment svg { width: 16px; height: 16px; }

.orderInternalList .listTableContainer table { border-collapse: collapse; display: inline-block; width: 2000px; overflow-y: visible; }

.orderInternalList .listTableContainer th { padding: 16px 24px; font-size: 10px; color: #787878; font-weight: bold; position: relative; }

.orderInternalList .listTableContainer td { min-width: 250px; max-width: 250px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 20px 0; }

.orderInternalList .listTableContainer td:first-child { padding: 0 24px; font-weight: bold; }

.orderInternalList .listTableContainer td:nth-child(2) { padding: 0 24px; }

.orderInternalList .listTableContainer td:nth-child(3) { min-width: 150px; max-width: 200px; }

.orderInternalList .listTableContainer td:nth-child(4) { min-width: 298px; max-width: 298px; }

.orderInternalList .listTableContainer td:last-child { min-width: calc(2000px - 250px * 4 - 298px); max-width: calc(2000px - 250px * 4 - 298px); }

.orderInternalList .listTableContainer tr:nth-child(odd) { background: #FFFFFF; }

.orderInternalList .listTableContainer tr:nth-child(even) { background: #F8F8F8; }

.orderInternalList .listTableContainer .statusBatchContainerTh { display: inline-block; margin-left: 8px; }

.orderInternalList .listTableContainer-banktransfer-btn { margin-top: 30px; min-width: 100px; height: 30px; border-radius: 100px; }

.orderInternalList .listTableContainer-banktransfer-btn--undo { border: 0.5px solid #ff4242; color: #ff4242; }

.orderInternalList .listTableContainer .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #787878; float: right; margin-top: 12px; }

.orderInternalList .listTableContainer .tableItem { padding: 0 24px; font-size: 12px; height: 56px; line-height: 56px; border-bottom: 1px solid #DADBDD; color: black; }

.orderInternalList .listTableContainer .tableItem:last-child { border-bottom: none; }

.orderInternalList .listTableContainer .productState { color: black; display: block; position: relative; padding-right: 80px; min-width: 250px; max-width: 250px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }

.orderInternalList .listTableContainer .statusBatchContainer { margin: 16px 0; margin-left: 32px; position: absolute; right: 0; top: 0; }

.orderInternalList .listTableContainer .filterButton { cursor: pointer; }

.orderInternalList .listTableContainer .filterModal { position: absolute; top: 64px; background: white; padding: 16px; box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.08); border-radius: 8px; z-index: 10; }

.orderInternalList .listTableContainer .filterModal.hidden { display: none; }

.orderInternalList .listTableContainer .filterItemContainer { margin-bottom: 16px; }

.orderInternalList .listTableContainer .filterItemContainer:last-child { margin-bottom: 0; }

.orderInternalList .listTableContainer .filterItemStatus { height: 24px; width: 64px; line-height: 24px; font-size: 10px; text-align: center; font-weight: bold; color: black; }

.orderInternalList .listTableContainer .filterItemDate { height: 24px; width: 64px; line-height: 24px; font-size: 12px; font-weight: 300; color: black; }

.orderInternalList .listTableContainer .pagination { padding: 40px 120px; }

.orderInternalList .listTableContainer .pagination-item { display: inline-block; line-height: 32px; text-align: center; width: 32px; height: 32px; margin: 0 4px; color: #000000; }

.orderInternalList .listTableContainer .pagination-item-now { display: inline-block; line-height: 32px; text-align: center; width: 32px; height: 32px; margin: 0 4px; background: #548689; color: white; border-radius: 16px; }

.orderInternalDetail .userName { font-size: 12px; font-weight: bold; margin-top: 40px; }

.orderInternalDetail .refCodeContainer { margin-top: 8px; }

.orderInternalDetail .refCodeTitle { font-weight: bold; font-size: 12px; }

.orderInternalDetail .refCode { font-size: 16px; }

.orderInternalDetail .sectionTitle { margin-top: 60px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #dadbdd; padding: 16px 0; }

.orderInternalDetail .sectionContent { background: white; margin-top: 24px; }

.orderInternalDetail .sectionContent .row { display: flex; flex-direction: row; border-bottom: 1px solid #F3F3F4; margin: 0 32px; padding: 20px 0; }

.orderInternalDetail .sectionContent .row:last-child { border-bottom: none; }

.orderInternalDetail .sectionContent .rowTitle { width: 160px; font-size: 14px; font-weight: bold; margin-right: 20px; }

.orderInternalDetail .sectionContent .rowContent { font-size: 14px; flex-grow: 1; }

.orderInternalDetail .statusUpdate #id_state { display: none; }

.orderInternalDetail .statusUpdate .progressContainer { display: flex; align-items: start; }

.orderInternalDetail .statusUpdate .progressItem { display: inline-block; margin: 0 12px; }

.orderInternalDetail .statusUpdate .progressItem.resubmission { display: flex; justify-content: center; align-items: start; margin: 0; }

.orderInternalDetail .statusUpdate .progressResubmissionContainer { display: inline-block; }

.orderInternalDetail .statusUpdate .progressResubmissionContainerUnder { display: flex; justify-content: center; align-items: start; }

.orderInternalDetail .statusUpdate .progressLineUnderLeft { width: 20px; height: 16px; border-bottom: 1px solid #DADBDD; border-left: 1px solid #DADBDD; margin-top: 8px; }

.orderInternalDetail .statusUpdate .progressLineUnderRight { width: 20px; height: 16px; border-bottom: 1px solid #DADBDD; border-right: 1px solid #DADBDD; margin-top: 8px; }

.orderInternalDetail .statusUpdate .progressTitle { font-size: 12px; line-height: 1; height: 12px; font-weight: bold; margin-bottom: 12px; color: #16CB28; }

.orderInternalDetail .statusUpdate .progressTitle.resubmission { margin-top: 18px; margin-right: 20px; margin-bottom: 0; display: inline-block; }

.orderInternalDetail .statusUpdate .progressTitle.done { color: #16CB28; }

.orderInternalDetail .statusUpdate .progressTitle.current { color: black; }

.orderInternalDetail .statusUpdate .progressTitle.notyet { color: #DADBDD; }

.orderInternalDetail .statusUpdate .progressBatch { width: 32px; height: 32px; margin: auto; display: block; cursor: pointer; }

.orderInternalDetail .statusUpdate .progressBatch .noShow { display: none; }

.orderInternalDetail .statusUpdate .progressBatch.resubmission { margin-left: 20px; margin-right: 8px; margin-top: 8px; }

.orderInternalDetail .statusUpdate .progressLine { width: 40px; border-bottom: 1px solid #DADBDD; display: inline-block; padding-top: 40px; }

.orderInternalDetail .statusUpdate .guide { margin-top: 24px; display: none; }

.orderInternalDetail .statusUpdate .guide strong { font-weight: bold; }

.orderInternalDetail .statusUpdate .comment { margin-top: 16px; }

.orderInternalDetail .statusUpdate .comment textarea { resize: both; border-radius: 6px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; width: 400px; }

.orderInternalDetail .formDelivery .formContainer { margin-bottom: 24px; }

.orderInternalDetail .formDelivery .formContainer:last-child { margin-bottom: 0; }

.orderInternalDetail .formDelivery .formLabel { margin-bottom: 8px; }

.orderInternalDetail .formDelivery .formInput input[type=text], .orderInternalDetail .formDelivery .formInput input[type=date] { border-radius: 6px; width: 400px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; }

.orderInternalDetail .formDelivery .postContent { margin-top: 16px; }

.orderInternalDetail .formDelivery .postContent textarea { resize: both; border-radius: 6px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; width: 650px; min-height: 800px; }

.orderInternalDetail .formDelivery .formSelect { position: relative; display: inline-block; margin-bottom: 15px; width: 300px; }

.orderInternalDetail .formDelivery .formSelect select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #F3F3F4; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 6px 10px; margin-bottom: 4px; }

.orderInternalDetail .formDelivery .selectArrow { position: absolute; top: 6px; right: 15px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #787878; float: right; margin-top: 12px; }

.orderInternalDetail .orderMeta .container { height: 60px; margin-top: 20px; }

.orderInternalDetail .orderMeta .thumbnail { display: inline-block; vertical-align: top; }

.orderInternalDetail .orderMeta .thumbnail img { width: 58px; }

.orderInternalDetail .orderMeta .title { margin-left: 16px; font-size: 16px; font-weight: bold; display: inline-block; }

.orderInternalDetail .orderMeta .content { margin-left: 100px; display: inline-block; vertical-align: center; }

.orderInternalDetail .orderMeta .item { display: inline-block; margin-left: 20px; }

.orderInternalDetail .orderMeta .itemTitle { font-size: 10px; font-weight: bold; color: #787878; }

.orderInternalDetail .orderMeta .itemContent { font-size: 10px; line-height: 8px; }

.orderInternalDetail .orderMeta .formButton { display: inline-block; float: right; height: 60px; line-height: 60px; padding-right: 100px; }

.orderInternalDetail .orderMeta .formButton .formSubmit { display: inline-block; padding: 0 16px; border-radius: 20px; background: #4c7c7e; margin-right: 40px; font-size: 12px; font-weight: bold; color: white; height: 40px; line-height: 40px; }

.orderInternalDetail .orderMeta .formButton .formCancel { color: #999999; height: 40px; line-height: 40px; font-weight: bold; font-size: 12px; }

.orderInternalDetail .orderMeta .formButton .cancelModal { display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10; }

.orderInternalDetail .orderMeta .formButton .cancelModalBg { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.orderInternalDetail .orderMeta .formButton .cancelModalContent { width: 480px; padding: 40px 60px; position: absolute; top: 50%; left: 50%; background: white; transform: translate(-50%, -50%); border-radius: 8px; }

.orderInternalDetail .orderMeta .formButton .cancelModalMessage { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #dadbdd; }

.orderInternalDetail .orderMeta .formButton .cancelModalMessage strong { font-weight: bold; }

.orderInternalDetail .orderMeta .formButton .cancelModalButtonContainer { display: flex; justify-content: flex-end; }

.orderInternalDetail .orderMeta .formButton .cancelModalButton { line-height: 40px; font-weight: bold; margin: 0 20px; width: 80px; border-radius: 8px; display: inline-block; }

.orderInternalDetail .orderMeta .formButton .cancelModalButton.no { color: #999999; }

.orderInternalDetail .orderMeta .formButton .cancelModalButton.yes { color: white; background: #4c7c7e; }

.orderInternalDetail .orderMeta .promptButton { display: inline-block; height: 60px; line-height: 60px; padding-right: 100px; }

.orderInternalDetail .orderMeta .promptButton .formPrompt { display: inline-block; padding: 0 16px; border-radius: 20px; background: #4c7c7e; margin-right: 40px; font-size: 12px; font-weight: bold; color: white; height: 40px; line-height: 40px; }

.orderInternalDetail .orderMeta .promptButton .promptModal { display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10; }

.orderInternalDetail .orderMeta .promptButton .promptModalBg { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.orderInternalDetail .orderMeta .promptButton .promptModalContent { width: 480px; padding: 40px 60px; position: absolute; top: 50%; left: 50%; background: white; transform: translate(-50%, -50%); border-radius: 8px; }

.orderInternalDetail .orderMeta .promptButton .promptModalMessage { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #dadbdd; }

.orderInternalDetail .orderMeta .promptButton .promptModalMessage strong { font-weight: bold; }

.orderInternalDetail .orderMeta .promptButton .promptModalButtonContainer { display: flex; justify-content: flex-end; }

.orderInternalDetail .orderMeta .promptButton .promptModalButton { line-height: 40px; font-weight: bold; margin: 0 20px; width: 80px; border-radius: 8px; display: inline-block; }

.orderInternalDetail .orderMeta .promptButton .promptModalButton.no { color: #999999; }

.orderInternalDetail .orderMeta .promptButton .promptModalButton.yes { color: white; background: #4c7c7e; }

.orderInternalDetail .dataDownload { font-size: 12px; }

.orderInternalDetail .dataDownload a { color: #548689; }

.orderInternalDetail .dataUpload { margin-top: 8px; }

.orderInternalDetail .dataPreview { margin-top: 8px; }

.usersInternal .usersInternalDetail .sectionTitle { margin-top: 60px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #dadbdd; padding: 16px 0; }

.usersInternal .usersInternalDetail .sectionContent { background: #ffffff; margin-top: 24px; padding: 32px 0 40px; }

.usersInternal .usersInternalDetail .sectionContent .row { display: flex; flex-direction: row; border-bottom: 1px solid #f3f3f4; margin: 0 32px; padding: 20px 0; }

.usersInternal .usersInternalDetail .sectionContent .row:last-child { border-bottom: none; }

.usersInternal .usersInternalDetail .sectionContent .rowTitle { width: 160px; font-size: 14px; font-weight: bold; margin-right: 20px; }

.usersInternal .usersInternalDetail .sectionContent .rowContent { font-size: 14px; flex-grow: 1; }

.provisionalUserCreate .row { align-items: flex-start; }

.provisionalUserCreate .rowTitle { margin-top: 8px; }

.provisionalUserCreate .rowContent { display: block; }

.provisionalUserCreate .provisionalUserCreate__form { max-width: 520px; width: 100%; }

.provisionalUserCreate .formContainer { margin-bottom: 24px; }

.provisionalUserCreate .formContainer:last-child { margin-bottom: 0; }

.provisionalUserCreate .sectionDescription { margin: 0 0 24px; color: #4b4b4b; line-height: 1.8; }

.provisionalUserCreate .formLabel { font-weight: bold; font-size: 14px; margin-bottom: 8px; }

.provisionalUserCreate .formInput input[type=text], .provisionalUserCreate .formInput input[type=email], .provisionalUserCreate .formInput input[type=password] { border-radius: 6px; width: 100%; max-width: 400px; background: #f3f3f4; padding: 6px 18px; margin-bottom: 4px; }

.provisionalUserCreate .formHelp { margin-top: 8px; font-size: 12px; color: #787878; line-height: 1.6; }

.provisionalUserCreate .formError { font-size: 12px; color: #ff4242; }

.provisionalUserCreate .formError--field { margin: 8px 0 0; }

.provisionalUserCreate .formButton { margin-top: 32px; display: flex; justify-content: flex-end; }

.provisionalUserCreate .formButton .c-btn { min-width: 220px; }

.provisionalUserCreate .formError--nonField { margin-bottom: 24px; padding: 16px 20px; border-radius: 6px; background: #ffecec; border-left: 4px solid #ff4242; }

.provisionalUserCreate .formError--nonField p { margin: 0; }

.provisionalUserCreate .provisionalUserCreate__result { background: #f8f9fb; border-radius: 8px; padding: 24px; }

.provisionalUserCreate .provisionalUserCreate__resultDescription { margin: 0 0 16px; color: #4b4b4b; line-height: 1.8; }

.provisionalUserCreate .provisionalUserCreate__credentialText { padding: 20px 24px; border: 1px solid #dadbdd; border-radius: 6px; background: #ffffff; }

.provisionalUserCreate .provisionalUserCreate__credentialPreview { margin: 0; font-size: 14px; line-height: 1.9; color: #1b1d21; white-space: pre-wrap; word-break: break-word; font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif; }

.provisionalUserCreate .provisionalUserCreate__copy { margin-top: 20px; display: flex; justify-content: flex-end; }

.provisionalUserCreate .provisionalUserCreate__copyButton { padding: 10px 24px; border-radius: 6px; border: 1px solid #0087ff; background: #0087ff; color: #ffffff; font-size: 13px; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; }

.provisionalUserCreate .provisionalUserCreate__copyButton:hover, .provisionalUserCreate .provisionalUserCreate__copyButton:focus { background: #006cd1; border-color: #006cd1; }

.provisionalUserCreate .provisionalUserCreate__copyButton:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 135, 255, 0.2); }

.provisionalUserCreate .provisionalUserCreate__copyButton--copied { background: #12b886; border-color: #12b886; }

.pageTitleInternal { margin-bottom: 16px; font-size: 32px; }

.customInternal .form-btn { display: inline-block; padding-top: 2px; width: 120px; height: 32px; border-radius: 6px; border: solid 1px #4C45F4; font-weight: bold; text-align: center; cursor: pointer; }

.customInternal .file-label { position: relative; }

.customInternal .file-label input { position: absolute; width: 120px; left: 0; opacity: 0; pointer-events: none; }

.customInternal .createCustomProductInternal .sectionContent { background: white; margin-top: 24px; padding-top: 40px; }

.customInternal .createCustomProductInternal .sectionContent .row { display: flex; flex-direction: row; margin: 0 32px; padding: 10px 0; }

.customInternal .createCustomProductInternal .sectionContent .row .rowTitle { width: 160px; font-size: 14px; font-weight: bold; margin-right: 20px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent { font-size: 14px; flex-grow: 1; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formLabel { margin-bottom: 8px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput input[type=text], .customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput input[type=number], .customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput input[type=tel], .customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput input[type=date], .customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput textarea { border-radius: 6px; width: 400px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small { display: flex; flex-direction: column; gap: 8px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small input[type=text], .customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small input[type=number], .customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small input[type=tel], .customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small input[type=date] { width: 100%; border-radius: 6px; background: #F3F3F4; padding: 4px 10px; margin: 0; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small .price-form { display: grid; grid-template-columns: repeat(7, minmax(90px, 1fr)) 70px; gap: 8px; align-items: center; width: 100%; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small .price-form__field { width: 100%; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small .price-form__field input { width: 100%; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small .price-form__delete { display: flex; align-items: center; gap: 4px; font-size: 12px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput--small .price-form__delete input[type=checkbox] { margin: 0; width: auto; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput label { font-weight: bold; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput .formImageWrapper { margin-top: 10px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formInput .formImageWrapper img { max-width: 300px; max-height: 300px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formGroup { display: flex; margin-bottom: 10px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formGroup .formInput { margin-right: 20px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formGroup .removeListItemButton { color: #000; font-weight: bold; padding-top: 12px; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .formGroup:last-of-type { margin-bottom: 0; }

.customInternal .createCustomProductInternal .sectionContent .row .rowContent .addListItemButton { color: #4C45F4; font-weight: bold; }

.customInternal .createCustomProductInternal .sectionContent .row.submitRow { margin-top: 40px; justify-content: flex-end; }

.CustomProductInternal .CustomProductInternalList { width: 100%; color: black; }

.CustomProductInternal .CustomProductInternalList .listFunction { margin: 28px 0; position: relative; display: flex; align-items: center; }

.CustomProductInternal .CustomProductInternalList .listFunction .query { width: 400px; background: white; height: 40px; border-radius: 20px; padding: 8px 24px 8px 48px; }

.CustomProductInternal .CustomProductInternalList .listFunction .query::placeholder { color: #999999; letter-spacing: 2px; font-size: 12px; }

.CustomProductInternal .CustomProductInternalList .listFunction .queryIcon { width: 16px; position: absolute; top: 12px; left: 16px; }

.CustomProductInternal .CustomProductInternalList .listFunction .postCreateContainer { font-size: 10px; border-radius: 4px; border: 2px solid #205EFB; color: #fff; background: #205EFB; font-weight: bold; line-height: 28px; padding: 0px 20px; cursor: pointer; }

.CustomProductInternal .CustomProductInternalList .listFunction .postCreateContainer a:visited { color: #fff; }

.CustomProductInternal .CustomProductInternalList .listFunction .postCreateContainer a:link { color: #fff; }

.CustomProductInternal .CustomProductInternalList .listFunction .csvDownloadContainer { font-size: 10px; margin-left: auto; margin-right: 60px; border-radius: 4px; border: 1px solid black; font-weight: bold; line-height: 28px; padding: 0 12px; cursor: pointer; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .listTable { overflow-x: scroll; white-space: nowrap; min-height: 500px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .listTable-payment { display: flex; align-items: center; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .listTable-payment svg { width: 16px; height: 16px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer table { border-collapse: collapse; display: inline-block; width: 2000px; overflow-y: visible; }

.CustomProductInternal .CustomProductInternalList .listTableContainer th { padding: 16px 24px; font-size: 10px; color: #787878; font-weight: bold; position: relative; }

.CustomProductInternal .CustomProductInternalList .listTableContainer td { max-width: 250px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 20px 0 20px 10px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer td:first-child { padding-left: 24px; font-weight: bold; }

.CustomProductInternal .CustomProductInternalList .listTableContainer td:nth-child(2) { padding: 0 24px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer td:nth-child(3) { min-width: 150px; max-width: 200px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer td:nth-child(4) { min-width: 298px; max-width: 298px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer td:last-child { min-width: calc(2000px - 250px * 4 - 298px); max-width: calc(2000px - 250px * 4 - 298px); }

.CustomProductInternal .CustomProductInternalList .listTableContainer tr:nth-child(odd) { background: #FFFFFF; }

.CustomProductInternal .CustomProductInternalList .listTableContainer tr:nth-child(even) { background: #F8F8F8; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #787878; float: right; margin-top: 12px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .tableItem { padding: 0 24px; font-size: 12px; height: 56px; line-height: 56px; border-bottom: 1px solid #DADBDD; color: black; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .tableItem:last-child { border-bottom: none; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .filterButton { cursor: pointer; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .filterModal { position: absolute; top: 64px; background: white; padding: 16px; box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.08); border-radius: 8px; z-index: 10; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .filterModal.hidden { display: none; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .filterItemContainer { margin-bottom: 16px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .filterItemContainer:last-child { margin-bottom: 0; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .filterItemStatus { height: 24px; width: 64px; line-height: 24px; font-size: 10px; text-align: center; font-weight: bold; color: black; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .filterItemDate { height: 24px; width: 64px; line-height: 24px; font-size: 12px; font-weight: 300; color: black; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .pagination { padding: 40px 120px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .pagination-item { display: inline-block; line-height: 32px; text-align: center; width: 32px; height: 32px; margin: 0 4px; color: #000000; }

.CustomProductInternal .CustomProductInternalList .listTableContainer .pagination-item-now { display: inline-block; line-height: 32px; text-align: center; width: 32px; height: 32px; margin: 0 4px; background: #548689; color: white; border-radius: 16px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer-publish-btn { min-width: 100px; height: 30px; border-radius: 100px; }

.CustomProductInternal .CustomProductInternalList .listTableContainer-publish-btn--undo { border: 0.5px solid #ff4242; color: #ff4242; }

.CustomProductInternalDetail .userName { font-size: 12px; font-weight: bold; margin-top: 40px; }

.CustomProductInternalDetail .refCodeContainer { margin-top: 8px; }

.CustomProductInternalDetail .refCodeTitle { font-weight: bold; font-size: 12px; }

.CustomProductInternalDetail .refCode { font-size: 16px; }

.CustomProductInternalDetail .sectionTitle { margin-top: 60px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #dadbdd; padding: 16px 0; }

.CustomProductInternalDetail .sectionContent { background: white; margin-top: 24px; padding-top: 40px; }

.CustomProductInternalDetail .sectionContent .row { display: flex; flex-direction: row; border-bottom: 1px solid #F3F3F4; margin: 0 32px; padding: 20px 0; }

.CustomProductInternalDetail .sectionContent .row:last-child { border-bottom: none; }

.CustomProductInternalDetail .sectionContent .rowTitle { width: 160px; font-size: 14px; font-weight: bold; margin-right: 20px; }

.CustomProductInternalDetail .sectionContent .rowContent { font-size: 14px; flex-grow: 1; }

.CustomProductInternalDetail .formCustom .formContainer { margin-bottom: 24px; }

.CustomProductInternalDetail .formCustom .formContainer:last-child { margin-bottom: 0; }

.CustomProductInternalDetail .formCustom .formLabel { margin-bottom: 8px; }

.CustomProductInternalDetail .formCustom .formLabelPrice { margin-bottom: 8px; display: grid; grid-template-columns: repeat(7, minmax(90px, 1fr)) 70px; gap: 8px; align-items: center; }

.CustomProductInternalDetail .formCustom .formLabelPrice label { white-space: nowrap; }

.CustomProductInternalDetail .formCustom .addListItemButton { color: #4C45F4; font-weight: bold; }

.CustomProductInternalDetail .formCustom .formInput input[type=text], .CustomProductInternalDetail .formCustom .formInput input[type=date], .CustomProductInternalDetail .formCustom .formInput textarea { border-radius: 6px; width: 500px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; }

.CustomProductInternalDetail .formCustom .formInput select { border-radius: 6px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; }

.CustomProductInternalDetail .formCustom .formInput input[type=number] { border-radius: 6px; background: #F3F3F4; padding: 6px 16px; margin-bottom: 4px; }

.CustomProductInternalDetail .formCustom .formInput--small { display: flex; flex-direction: column; gap: 8px; }

.CustomProductInternalDetail .formCustom .formInput--small input[type=number] { width: 100%; border-radius: 6px; background: #F3F3F4; padding: 4px 10px; margin: 0; }

.CustomProductInternalDetail .formCustom .formInput--small .price-form { display: grid; grid-template-columns: repeat(7, minmax(90px, 1fr)) 70px; gap: 8px; align-items: center; width: 100%; }

.CustomProductInternalDetail .formCustom .formInput--small .price-form__field { width: 100%; }

.CustomProductInternalDetail .formCustom .formInput--small .price-form__field input { width: 100%; }

.CustomProductInternalDetail .formCustom .formInput--small .price-form__delete { display: flex; align-items: center; gap: 4px; font-size: 12px; }

.CustomProductInternalDetail .formCustom .formInput--small .price-form__delete input[type=checkbox] { margin: 0; width: auto; }

.CustomProductInternalDetail .formCustom .formInput--small label { display: none; }

.CustomProductInternalDetail .formCustom .formInput #user_suggestions { background-color: #F3F3F4; border-radius: 3px; }

.CustomProductInternalDetail .formCustom .formInput #user_selection_warning { color: red; }

.CustomProductInternalDetail .formCustom .postContent { margin-top: 16px; }

.CustomProductInternalDetail .formCustom .postContent textarea { resize: both; border-radius: 6px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; width: 650px; min-height: 800px; }

.CustomProductInternalDetail .formCustom .formSelect { position: relative; display: inline-block; margin-bottom: 15px; width: 300px; }

.CustomProductInternalDetail .formCustom .formSelect select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #F3F3F4; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 6px 10px; margin-bottom: 4px; }

.CustomProductInternalDetail .formCustom .selectArrow { position: absolute; top: 6px; right: 15px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #787878; float: right; margin-top: 12px; }

.CustomProductInternalDetail .customMeta .container { height: 60px; margin-top: 20px; }

.CustomProductInternalDetail .customMeta .thumbnail { display: inline-block; vertical-align: top; }

.CustomProductInternalDetail .customMeta .thumbnail img { width: 58px; }

.CustomProductInternalDetail .customMeta .title { margin-left: 16px; font-size: 16px; font-weight: bold; display: inline-block; }

.CustomProductInternalDetail .customMeta .content { margin-left: 100px; display: inline-block; vertical-align: center; }

.CustomProductInternalDetail .customMeta .item { display: inline-block; margin-left: 20px; }

.CustomProductInternalDetail .customMeta .itemTitle { font-size: 10px; font-weight: bold; color: #787878; }

.CustomProductInternalDetail .customMeta .itemContent { font-size: 10px; line-height: 8px; }

.CustomProductInternalDetail .customMeta .formButton { display: inline-block; float: right; height: 60px; line-height: 60px; padding-right: 100px; }

.CustomProductInternalDetail .customMeta .formButton .formSubmit { display: inline-block; padding: 0 16px; border-radius: 20px; background: #4c7c7e; margin-right: 40px; font-size: 12px; font-weight: bold; color: white; height: 40px; line-height: 40px; }

.CustomProductInternalDetail .dataDownload { font-size: 12px; }

.CustomProductInternalDetail .dataDownload a { color: #548689; }

.CustomProductInternalDetail .dataUpload { margin-top: 8px; }

.CustomProductInternalDetail .dataPreview { margin-top: 8px; }

.CustomProductInternalDetail .imagePreview img { max-width: 300px; max-height: 300px; }

.pageTitleInternal { margin-bottom: 16px; font-size: 32px; }

.casestudyInternal .form-btn { display: inline-block; padding-top: 2px; width: 120px; height: 32px; border-radius: 6px; border: solid 1px #4C45F4; font-weight: bold; text-align: center; cursor: pointer; }

.casestudyInternal .file-label { position: relative; }

.casestudyInternal .file-label input { position: absolute; width: 120px; left: 0; opacity: 0; pointer-events: none; }

.casestudyInternal .createCasestudyInternal .sectionContent { background: white; margin-top: 24px; padding-top: 40px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row { display: flex; flex-direction: row; margin: 0 32px; padding: 10px 0; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowTitle { width: 160px; font-size: 14px; font-weight: bold; margin-right: 20px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent { font-size: 14px; flex-grow: 1; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formLabel { margin-bottom: 8px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput input[type=text], .casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput input[type=number], .casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput input[type=tel], .casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput input[type=date], .casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput textarea { border-radius: 6px; width: 400px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput--small input[type=text], .casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput--small input[type=number], .casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput--small input[type=tel], .casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput--small input[type=date] { width: 190px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput label { font-weight: bold; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput .formImageWrapper { margin-top: 10px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formInput .formImageWrapper img { max-width: 300px; max-height: 300px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formGroup { display: flex; margin-bottom: 10px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formGroup .formInput { margin-right: 20px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formGroup .removeListItemButton { color: #000; font-weight: bold; padding-top: 12px; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .formGroup:last-of-type { margin-bottom: 0; }

.casestudyInternal .createCasestudyInternal .sectionContent .row .rowContent .addListItemButton { color: #4C45F4; font-weight: bold; }

.casestudyInternal .createCasestudyInternal .sectionContent .row.submitRow { margin-top: 40px; justify-content: flex-end; }

.CasestudyInternal .CasestudyInternalList { width: 100%; color: black; }

.CasestudyInternal .CasestudyInternalList .listFunction { margin: 28px 0; position: relative; display: flex; align-items: center; }

.CasestudyInternal .CasestudyInternalList .listFunction .query { width: 400px; background: white; height: 40px; border-radius: 20px; padding: 8px 24px 8px 48px; }

.CasestudyInternal .CasestudyInternalList .listFunction .query::placeholder { color: #999999; letter-spacing: 2px; font-size: 12px; }

.CasestudyInternal .CasestudyInternalList .listFunction .queryIcon { width: 16px; position: absolute; top: 12px; left: 16px; }

.CasestudyInternal .CasestudyInternalList .listFunction .postCreateContainer { font-size: 10px; border-radius: 4px; border: 2px solid #205EFB; color: #fff; background: #205EFB; font-weight: bold; line-height: 28px; padding: 0px 20px; cursor: pointer; }

.CasestudyInternal .CasestudyInternalList .listFunction .postCreateContainer a:visited { color: #fff; }

.CasestudyInternal .CasestudyInternalList .listFunction .postCreateContainer a:link { color: #fff; }

.CasestudyInternal .CasestudyInternalList .listFunction .csvDownloadContainer { font-size: 10px; margin-left: auto; margin-right: 60px; border-radius: 4px; border: 1px solid black; font-weight: bold; line-height: 28px; padding: 0 12px; cursor: pointer; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .listTable { overflow-x: scroll; white-space: nowrap; min-height: 500px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .listTable-payment { display: flex; align-items: center; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .listTable-payment svg { width: 16px; height: 16px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer table { border-collapse: collapse; display: inline-block; width: 2000px; overflow-y: visible; }

.CasestudyInternal .CasestudyInternalList .listTableContainer th { padding: 16px 24px; font-size: 10px; color: #787878; font-weight: bold; position: relative; }

.CasestudyInternal .CasestudyInternalList .listTableContainer td { max-width: 250px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 20px 0 20px 10px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer td:first-child { padding: 0 24px; font-weight: bold; }

.CasestudyInternal .CasestudyInternalList .listTableContainer td:nth-child(2) { padding: 0 24px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer td:nth-child(3) { min-width: 150px; max-width: 200px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer td:nth-child(4) { min-width: 298px; max-width: 298px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer td:last-child { min-width: calc(2000px - 250px * 4 - 298px); max-width: calc(2000px - 250px * 4 - 298px); }

.CasestudyInternal .CasestudyInternalList .listTableContainer tr:nth-child(odd) { background: #FFFFFF; }

.CasestudyInternal .CasestudyInternalList .listTableContainer tr:nth-child(even) { background: #F8F8F8; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #787878; float: right; margin-top: 12px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .tableItem { padding: 0 24px; font-size: 12px; height: 56px; line-height: 56px; border-bottom: 1px solid #DADBDD; color: black; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .tableItem:last-child { border-bottom: none; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .filterButton { cursor: pointer; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .filterModal { position: absolute; top: 64px; background: white; padding: 16px; box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.08); border-radius: 8px; z-index: 10; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .filterModal.hidden { display: none; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .filterItemContainer { margin-bottom: 16px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .filterItemContainer:last-child { margin-bottom: 0; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .filterItemStatus { height: 24px; width: 64px; line-height: 24px; font-size: 10px; text-align: center; font-weight: bold; color: black; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .filterItemDate { height: 24px; width: 64px; line-height: 24px; font-size: 12px; font-weight: 300; color: black; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .pagination { padding: 40px 120px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .pagination-item { display: inline-block; line-height: 32px; text-align: center; width: 32px; height: 32px; margin: 0 4px; color: #000000; }

.CasestudyInternal .CasestudyInternalList .listTableContainer .pagination-item-now { display: inline-block; line-height: 32px; text-align: center; width: 32px; height: 32px; margin: 0 4px; background: #548689; color: white; border-radius: 16px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer-publish-btn { min-width: 100px; height: 30px; border-radius: 100px; }

.CasestudyInternal .CasestudyInternalList .listTableContainer-publish-btn--undo { border: 0.5px solid #ff4242; color: #ff4242; }

.CasestudyInternalDetail .userName { font-size: 12px; font-weight: bold; margin-top: 40px; }

.CasestudyInternalDetail .refCodeContainer { margin-top: 8px; }

.CasestudyInternalDetail .refCodeTitle { font-weight: bold; font-size: 12px; }

.CasestudyInternalDetail .refCode { font-size: 16px; }

.CasestudyInternalDetail .sectionTitle { margin-top: 60px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #dadbdd; padding: 16px 0; }

.CasestudyInternalDetail .sectionContent { background: white; margin-top: 24px; padding-top: 40px; }

.CasestudyInternalDetail .sectionContent .row { display: flex; flex-direction: row; border-bottom: 1px solid #F3F3F4; margin: 0 32px; padding: 20px 0; }

.CasestudyInternalDetail .sectionContent .row:last-child { border-bottom: none; }

.CasestudyInternalDetail .sectionContent .rowTitle { width: 160px; font-size: 14px; font-weight: bold; margin-right: 20px; }

.CasestudyInternalDetail .sectionContent .rowContent { font-size: 14px; flex-grow: 1; }

.CasestudyInternalDetail .formCasestudy .formContainer { margin-bottom: 24px; }

.CasestudyInternalDetail .formCasestudy .formContainer:last-child { margin-bottom: 0; }

.CasestudyInternalDetail .formCasestudy .formsetContainer { margin-bottom: 24px; }

.CasestudyInternalDetail .formCasestudy .formsetContainer .imagePreview { width: 200px; }

.CasestudyInternalDetail .formCasestudy .formsetContainer .imageForm { display: flex; margin-bottom: 30px; }

.CasestudyInternalDetail .formCasestudy .formsetContainer .formInput { width: 400px; margin-left: 20px; }

.CasestudyInternalDetail .formCasestudy .formsetContainer .formInput--small { margin-left: 20px; }

.CasestudyInternalDetail .formCasestudy .formLabel { margin-bottom: 8px; }

.CasestudyInternalDetail .formCasestudy .formLabelPrice { margin-bottom: 8px; display: flex; justify-content: space-between; max-width: 730px; /* コンテナの最大幅を設定 */ }

.CasestudyInternalDetail .formCasestudy .formLabelPrice label { flex: 1; text-align: left; }

.CasestudyInternalDetail .formCasestudy .addListItemButton { color: #4C45F4; font-weight: bold; }

.CasestudyInternalDetail .formCasestudy .formInput input[type=text], .CasestudyInternalDetail .formCasestudy .formInput input[type=date], .CasestudyInternalDetail .formCasestudy .formInput input[type=url], .CasestudyInternalDetail .formCasestudy .formInput textarea { border-radius: 6px; width: 400px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; }

.CasestudyInternalDetail .formCasestudy .formInput select { border-radius: 6px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; }

.CasestudyInternalDetail .formCasestudy .formInput input[type=number] { border-radius: 6px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; }

.CasestudyInternalDetail .formCasestudy .formInput--small input[type=number] { width: 110px; border-radius: 6px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; margin-right: 5px; }

.CasestudyInternalDetail .formCasestudy .formInput--small label { display: none; }

.CasestudyInternalDetail .formCasestudy .postContent { margin-top: 16px; }

.CasestudyInternalDetail .formCasestudy .postContent textarea { resize: both; border-radius: 6px; background: #F3F3F4; padding: 6px 18px; margin-bottom: 4px; width: 650px; min-height: 800px; }

.CasestudyInternalDetail .formCasestudy .formSelect { position: relative; display: inline-block; margin-bottom: 15px; width: 300px; }

.CasestudyInternalDetail .formCasestudy .formSelect select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #F3F3F4; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 6px 10px; margin-bottom: 4px; }

.CasestudyInternalDetail .formCasestudy .selectArrow { position: absolute; top: 6px; right: 15px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #787878; float: right; margin-top: 12px; }

.CasestudyInternalDetail .casestudyMeta .container { height: 60px; margin-top: 20px; }

.CasestudyInternalDetail .casestudyMeta .thumbnail { display: inline-block; vertical-align: top; }

.CasestudyInternalDetail .casestudyMeta .thumbnail img { width: 58px; }

.CasestudyInternalDetail .casestudyMeta .title { margin-left: 16px; font-size: 16px; font-weight: bold; display: inline-block; }

.CasestudyInternalDetail .casestudyMeta .content { margin-left: 100px; display: inline-block; vertical-align: center; }

.CasestudyInternalDetail .casestudyMeta .item { display: inline-block; margin-left: 20px; }

.CasestudyInternalDetail .casestudyMeta .itemTitle { font-size: 10px; font-weight: bold; color: #787878; }

.CasestudyInternalDetail .casestudyMeta .itemContent { font-size: 10px; line-height: 8px; }

.CasestudyInternalDetail .casestudyMeta .formButton { display: inline-block; float: right; height: 60px; line-height: 60px; padding-right: 100px; }

.CasestudyInternalDetail .casestudyMeta .formButton .formSubmit { display: inline-block; padding: 0 16px; border-radius: 20px; background: #4c7c7e; margin-right: 40px; font-size: 12px; font-weight: bold; color: white; height: 40px; line-height: 40px; }

.CasestudyInternalDetail .dataDownload { font-size: 12px; }

.CasestudyInternalDetail .dataDownload a { color: #548689; }

.CasestudyInternalDetail .dataUpload { margin-top: 8px; }

.CasestudyInternalDetail .dataPreview { margin-top: 8px; }

.CasestudyInternalDetail .imagePreview img { max-width: 300px; max-height: 300px; }

.p-internalAnalytics-wrapper { margin: 100px 0; }

.p-internalAnalytics-section { margin: 50px 0; }

.p-productInternal { background-color: #fff; padding: 50px 30px; }

.p-productInternal-form-item { margin: 10px 0; display: flex; align-items: center; }

.p-productInternal-form-item-top { align-items: baseline; }

.p-productInternal-form-item-sub { display: flex; align-items: center; }

.p-productInternal-form-item-sub label { margin-left: 10px; }

.p-productInternal-form-item label { width: 200px; display: block; }

.p-productInternal-form-item-text { width: 100%; max-width: 600px; height: 56px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-item-text:focus { border: 1px solid #205efb; }

.p-productInternal-form-item textarea { width: 100%; max-width: 600px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-item textarea:focus { border: 1px solid #205efb; }

.p-productInternal-form-item-select { width: 100%; max-width: 600px; height: 56px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-item-select:focus { border: 1px solid #205efb; }

.p-productInternal-form-item-selectMulti { width: 100%; max-width: 600px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-item-selectMulti:focus { border: 1px solid #205efb; }

.p-productInternal-form-item-checkbox { border: 1px solid #205efb; }

.p-productInternal-form-item-size { width: 200px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-item-size:focus { border: 1px solid #205efb; }

.p-productInternal-form-item-note-title { width: 200px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-item-note-title:focus { border: 1px solid #205efb; }

.p-productInternal-form-item-note-content { width: 400px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-item-note-content:focus { border: 1px solid #205efb; }

.p-productInternal-form-images { display: flex; }

.p-productInternal-form-images label { width: 200px; display: block; }

.p-productInternal-form-images-item { display: flex; align-items: center; margin: 5px 0; }

.p-productInternal-form-images a { display: block; text-decoration: none; color: #205efb; cursor: pointer; }

.p-productInternal-form-size { display: flex; }

.p-productInternal-form-size > label { width: 200px; display: block; margin-top: 16px; }

.p-productInternal-form-size-item { display: flex; align-items: center; margin: 5px 0; }

.p-productInternal-form-size-item label { width: 80px; display: block; }

.p-productInternal-form-notes { display: flex; }

.p-productInternal-form-notes label { width: 200px; display: block; margin-top: 16px; }

.p-productInternal-form-notes-item { margin: 5px 0; }

.p-productInternal-form-notes a { display: block; text-decoration: none; color: #205efb; cursor: pointer; }

.p-productInternal-form-options h4 { margin-top: 30px; }

.p-productInternal-form-options a { display: block; text-decoration: none; color: #205efb; cursor: pointer; }

.p-productInternal-form-option { padding: 20px 0; }

.p-productInternal-form-option + .p-productInternal-form-option { border-top: solid 2px #ddd; }

.p-productInternal-form-option-item { display: flex; align-items: center; margin: 5px 0; }

.p-productInternal-form-option-item label { width: 200px; }

.p-productInternal-form-option-item-text { width: 300px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-option-item-text:focus { border: 1px solid #205efb; }

.p-productInternal-form-option-item-text-sm { width: 300px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-option-item-text-sm:focus { border: 1px solid #205efb; }

.p-productInternal-form-option-item-num { width: 200px; padding: 10px 16px; border-radius: 8px; background: #FBFBFC; font-size: 1.4rem; letter-spacing: 0.08rem; line-height: 2.8rem; border: 1px solid rgba(32, 94, 251, 0); transition: 0.2s; }

.p-productInternal-form-option-item-num:focus { border: 1px solid #205efb; }

.p-productInternal-form-option-item-checkbox { height: 50px; }

.p-productInternal-form-option-alternatives { margin-left: 200px; }

.p-productInternal-form-option-alternatives a { display: block; text-decoration: none; color: #205efb; cursor: pointer; }

.p-productInternal-form-option-alternatives-item p { font-weight: bold; padding-top: 20px; }

.p-productInternal-form-option-alternatives-item label { width: 100px; }

.p-productInternal-form-option-alternatives .p-productInternal-form-option-item { width: 600px; }

.p-productInternal-form-submit { margin-top: 30px; }

.p-productInternal-form-note { font-size: 10px; font-weight: bold; padding-top: 0 !important; color: #f00; }

.p-policy { min-width: 1200px; min-height: 100%; padding: 150px 0; }

@media screen and (max-width: 768px) { .p-policy { min-width: auto; padding: 80px 15px; } }

.p-policy-main { margin-top: 50px; }

.p-policy-wrapper { margin: 0 auto; max-width: 1000px; }

.p-policy-section-header h3 { margin: 1em 0; }

.p-policy-section-content p { margin: 2rem 0; }

.p-policy-section-content ol { margin: 2rem 0; margin-left: 35px; }

.p-policy-section-content table td { padding-left: 20px; }

.p-policy-footer table td { margin: 2rem; }

.p-policy-footer-terms { text-align: right; }

.p-policy-tokutei { border-collapse: collapse; border: 1px solid black; }

.p-policy-tokutei tr { vertical-align: top; }

.p-policy-tokutei td { border: 1px solid black; padding: 10px; }

.p-policy-tokutei-title { width: 200px; }

@media screen and (max-width: 768px) { .p-policy-tokutei-title { width: 100px; } }

.p-mydesign { display: flex; justify-content: center; }

.p-mydesign .contents { display: flex; max-width: 1000px; margin: 56px 0; flex-direction: column; width: 100%; }

.p-mydesign .contents .contents-header { display: flex; flex-direction: column; border-bottom: 0.5px solid #DADBDD; width: 100%; padding-bottom: 12px; }

.p-mydesign .contents .contents-header h1 { font-size: 32px; margin: 0 0 24px 0; }

.p-mydesign .contents .contents-header span { font-size: 16px; margin: 0 0 0 16px; }

.p-mydesign .contents .mydesign-list { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 50px; }

@media screen and (max-width: 768px) { .p-mydesign .contents .mydesign-list { justify-content: space-around; } }

.p-mydesign .contents .mydesign-list li { padding: 8px; }

@media screen and (max-width: 768px) { .p-mydesign .contents .mydesign-list li { width: 48%; } }

.p-mydesign .contents .mydesign-list .mydesign-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.p-mydesign .contents .mydesign-list .mydesign-wrapper .mydesign-photo { width: 230px; height: 230px; background-position: center; background-size: contain; background-image: linear-gradient(to right, red, yellow); cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; }

@media screen and (max-width: 768px) { .p-mydesign .contents .mydesign-list .mydesign-wrapper .mydesign-photo { width: 100%; padding-top: 100%; height: unset; } }

.p-mydesign .contents .mydesign-list .mydesign-wrapper .mydesign-photo .mydesign-name { position: absolute; bottom: -30px; /* 適切な位置に調整してください */ text-align: center; font-weight: bold; font-size: 12px; line-height: 12px; color: #5E5E5E; cursor: pointer; }

.p-mydesign .contents .mydesign-list .mydesign-wrapper .mydesign-name-editable { margin: 10px 0 10px auto; max-width: 280px; }

.p-mydesign .contents .mydesign-list .mydesign-wrapper .mydesign-name-editable input { text-align: center; width: 200px; font-weight: bold; font-size: 12px; color: #5E5E5E; }

.p-mydesign .contents .mydesign-list .mydesign-wrapper .mydesign-name-editable .mydesign-name { font-weight: bold; font-size: 12px; line-height: 12px; color: #5E5E5E; }

.p-mydesign .contents .mydesign-list .mydesign-wrapper .mydesign-name-editable .edit-icon { margin: 0 5px; width: 12px; height: 12px; cursor: pointer; }

.p-mydesign .contents .mydesign-list .mydesign-wrapper .size-label { font-weight: bold; font-size: 12px; line-height: 12px; color: #999999; }

.close-button { cursor: pointer; }

.close-button svg { width: 24px; height: 24px; color: rgba(0, 0, 0, 0.54); }

.p-reorderModal { position: absolute; left: 0; right: 0; margin: 90px auto; border-radius: 8px; background: #FFFFFF; box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.12); width: 1130px; min-height: 764px; }

@media screen and (max-width: 768px) { .p-reorderModal { width: 95%; height: unset; } }

.p-reorderModal-contents { margin: 45px 65px; }

@media screen and (max-width: 768px) { .p-reorderModal-contents { margin: 50px 20px 80px 20px; } }

.p-reorderModal-contents .contents-header { display: flex; justify-content: space-between; border-bottom: 1px solid #DADBDD; padding-bottom: 8px; }

.p-reorderModal-contents .contents-wrapper { display: flex; flex-direction: row; height: 100%; }

@media screen and (max-width: 768px) { .p-reorderModal-contents .contents-wrapper { flex-direction: column; } }

.p-reorderModal-contents .contents-wrapper .pane { width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 38px 0; }

@media screen and (max-width: 768px) { .p-reorderModal-contents .contents-wrapper .pane { width: 100%; margin: 10px 0; } }

.p-reorderModal-contents .contents-wrapper .pane.leftside a { width: 350px; height: 350px; }

.p-reorderModal-contents .contents-wrapper .pane.leftside .mydesign-photo { width: 350px; height: 350px; background-position: center; background-size: contain; background-image: linear-gradient(to right, red, yellow); }

@media screen and (max-width: 768px) { .p-reorderModal-contents .contents-wrapper .pane.leftside .mydesign-photo { width: 100%; padding-top: 100%; height: unset; } }

.p-reorderModal-contents .contents-wrapper .pane.leftside .design_url { margin: 20px 0; }

.p-reorderModal-contents .contents-wrapper .pane.leftside .design_url .icon { width: 12px; height: 12px; fill: #205EFB; }

.p-reorderModal-contents .contents-wrapper .pane.leftside .mydesign-spec { width: 100%; margin: 20px 0; display: flex; flex-direction: column; justify-content: space-evenly; font-weight: bold; }

.p-reorderModal-contents .contents-wrapper .pane.leftside .mydesign-spec h1 { margin: 20px 0; }

.p-reorderModal-contents .contents-wrapper .pane.leftside .mydesign-spec li { padding-left: 24px; line-height: 30px; margin: 5px auto; display: flex; align-items: flex-start; font-size: 14px; font-weight: bold; }

.p-reorderModal-contents .contents-wrapper .pane.leftside .mydesign-spec li .attribute-icon { width: 12px; height: 12px; color: black; fill-opacity: 1; margin-right: 8px; margin-top: 4px; flex-shrink: 0; }

.p-reorderModal-contents .contents-wrapper .pane.leftside .mydesign-spec li .spec-label { margin-right: 4px; flex-shrink: 0; }

.p-reorderModal-contents .contents-wrapper .pane.leftside .mydesign-spec li .spec-value { white-space: pre-line; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection { width: 100%; padding: 0 32px; }

@media screen and (max-width: 768px) { .p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection { padding: 0; } }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_header { display: flex; align-items: center; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_header .icon { width: 12px; height: 16px; margin: 4px 8px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_contents { border: 1px solid #DADBDD; border-radius: 6px; overflow-y: scroll; max-height: 400px; margin-bottom: 12px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_contents li { cursor: pointer; display: flex; justify-content: space-between; height: 44px; padding: 12px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_contents li:nth-child(odd) { background-color: #F9F9F9; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_contents li:nth-child(odd):hover { background: #e0e0e0; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_contents li:nth-child(even) { background-color: #FFFFFF; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_contents li:nth-child(even):hover { background: #e6e6e6; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_contents li .amount-label { font-weight: bold; font-size: 16px; margin-left: 12px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .order-number_contents li .price-label { font-weight: bold; font-size: 16px; line-height: 28px; color: #205EFB; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .price-detail { width: 100%; display: flex; justify-content: space-between; padding: 0 24px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .price-detail .price-title { font-weight: bold; font-size: 12px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .order-selection .price-detail .price-value { font-size: 14px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .total-price { width: 100%; display: flex; justify-content: space-between; padding: 0 24px; margin: 24px 0; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .total-price .price-title { font-size: 16px; font-weight: bold; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .total-price .price-detail { font-size: 20px; font-weight: bold; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .total-price .unit-price-label { font-size: 16px; font-weight: bold; margin-left: 8px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons { width: 100%; display: flex; justify-content: space-around; margin-top: 12px; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .c-btn { border: none; }

@media screen and (max-width: 768px) { .p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .c-btn { min-width: unset; } }

.p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .button { cursor: pointer; width: 40%; border-radius: 100px; display: flex; justify-content: center; align-items: center; color: white; font-weight: bold; font-size: 16px; padding: 8px 0; }

@media screen and (max-width: 768px) { .p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .button { font-size: 12px; width: 47%; } }

.p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .button span { font-size: 16px; }

@media screen and (max-width: 768px) { .p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .button span { font-size: 12px; } }

.p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .button.blue { background: #205EFB; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .button.blue:hover { background: #84a6fd; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .button.red { background: #DF5475; }

.p-reorderModal-contents .contents-wrapper .pane.rightside .action-buttons .button.red:hover { background: #efaaba; }

.p-quickorderModal { width: 600px; height: 415px; position: absolute; left: 0; right: 0; margin: 90px auto; border-radius: 8px; background: #FFFFFF; box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.12); overflow: hidden; }

@media screen and (max-width: 768px) { .p-quickorderModal { width: 100%; height: unset; } }

.p-quickorderModal .bottom-border { border-bottom: 1px solid #DADBDD; }

.p-quickorderModal .is-selectable:hover { background: #e6e6e6; }

.p-quickorderModal-contents .contents-header { display: flex; justify-content: space-between; padding: 16px 24px; height: 110px; }

@media screen and (max-width: 768px) { .p-quickorderModal-contents .contents-header { padding: 16px 16px 16px 24px; } }

.p-quickorderModal-contents .contents-header .product-title { display: flex; justify-content: center; align-items: center; }

.p-quickorderModal-contents .contents-header .product-title .product-photo { width: 80px; height: 80px; margin-right: 24px; background-position: center; background-size: cover; }

.p-quickorderModal-contents .contents-wrapper .selection-component .selection-header { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 14px 24px; }

.p-quickorderModal-contents .contents-wrapper .selection-component .selection-header .arrow-icon_wrapper { width: 32px; height: 32px; background: #F1F1F2; border-radius: 64px; display: flex; justify-content: center; align-items: center; margin-right: 10px; }

.p-quickorderModal-contents .contents-wrapper .selection-component .selection-header .arrow-icon_wrapper .arrow-icon { color: #205EFB; width: 12px; height: 12px; }

.p-quickorderModal-contents .contents-wrapper .selection-component .selection-header .selection-type_label { font-weight: bold; font-size: 14px; }

.p-quickorderModal-contents .contents-wrapper .selection-component .available-selections { height: 190px; overflow-y: scroll; }

.p-quickorderModal-contents .contents-wrapper .selection-component .available-selections .available-selection { height: 44px; display: flex; align-items: center; font-size: 12px; line-height: 22px; padding: 8px 8px; }

.p-quickorderModal-contents .contents-wrapper .selection-component .available-selections .available-selection input { margin: 0 16px; }

.p-quickorderModal-contents .contents-wrapper .selection-component .available-selections .available-selection .selection-detail span { display: block; }

.p-quickorderModal-contents .contents-wrapper .selection-component .selection-footer { padding: 14px 30px; }

.p-quickorderModal-contents .contents-wrapper .selection-component .selection-footer span { cursor: pointer; font-size: 12px; color: #205EFB; }

.p-quickorderModal-contents .contents-wrapper .current-select__label { padding: 20px 12px; display: flex; align-items: center; }

.p-quickorderModal-contents .contents-wrapper .current-select__label.partial-selectable { padding: 0px 12px; }

.p-quickorderModal-contents .contents-wrapper .current-select__label .change-button { color: #205EFB; font-weight: bold; cursor: pointer; margin-left: 28px; }

@media screen and (max-width: 768px) { .p-quickorderModal-contents .contents-wrapper .current-select__label .change-button { margin-left: auto; } }

.p-quickorderModal-contents .contents-wrapper .current-select__label .selection-container { display: flex; width: 100%; align-items: center; }

.p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection { width: 100%; display: flex; }

@media screen and (max-width: 768px) { .p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection { flex-direction: column; } }

.p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection .payment-method { padding: 20px 0px; display: flex; align-items: center; width: 50%; }

@media screen and (max-width: 768px) { .p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection .payment-method { width: 100%; border-left: 1px solid #DADBDD; } }

.p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection .payment-method:last-child { border-left: 1px solid #DADBDD; }

@media screen and (max-width: 768px) { .p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection .payment-method:last-child { border-top: 1px solid #DADBDD; } }

.p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection .payment-method input { margin: 0 12px; }

.p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection .payment-method .creditcard-payment-detail { display: flex; flex-direction: column; margin-right: 12px; }

.p-quickorderModal-contents .contents-wrapper .current-select__label .payment-selection .payment-method .creditcard-payment-detail .current-creditcard { font-weight: bold; }

.p-quickorderModal-contents .contents-wrapper .current-select__label .selection-title { font-weight: bold; font-size: 14px; padding-right: 26px; width: 100px; }

@media screen and (max-width: 768px) { .p-quickorderModal-contents .contents-wrapper .current-select__label .selection-title { padding-right: 0; } }

.p-quickorderModal-contents .contents-wrapper .current-select__label .selection-detail { display: flex; flex-direction: column; font-size: 12px; }

@media screen and (max-width: 768px) { .p-quickorderModal-contents .contents-wrapper .current-select__label .selection-detail { width: 60%; } }

.p-quickorderModal-contents .contents-wrapper .order-button_container { padding: 18px 36px; height: 100%; display: flex; justify-content: flex-end; }

.p-quickorderModal-contents .contents-wrapper .order-button_container .submit-order { display: flex; justify-content: center; align-items: center; font-weight: bold; width: 216px; height: 46px; background: #205EFB; color: white; border-radius: 100px; cursor: pointer; }

.p-quickorderModal-contents .contents-wrapper .order-button_container .submit-order:hover { background: #84a6fd; }

.p-quickorderModal-contents .contents-wrapper .order-button_container .submit-order.is-loading::after { border-bottom: 1px solid white; border-left: 1px solid white; }

.p-externalBase { min-width: 1200px; overflow: hidden; }

@media screen and (max-width: 768px) { .p-externalBase { min-width: auto; } }

.p-externalBase .p-externalBaseMain { position: relative; }

.p-externalBase .p-externalBaseMain-body { padding: 88px 0 56px; max-width: 1120px; margin-right: auto; margin-left: auto; position: relative; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-body { padding: 24px 24px 0px 24px; text-align: center; } }

.p-externalBase .p-externalBaseMain-message-top { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-message-top { justify-content: center; } }

.p-externalBase .p-externalBaseMain-message-top p { margin-left: 10px; font-size: 1.4rem !important; line-height: 1.5em; font-weight: bold; }

.p-externalBase .p-externalBaseMain-message-top img { height: 34px; margin-right: 8px; }

.p-externalBase .p-externalBaseMain-message-top-colormeLogo { height: 24px !important; }

.p-externalBase .p-externalBaseMain-message-links { display: flex; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-message-links { display: none; } }

.p-externalBase .p-externalBaseMain-message-links a { margin-right: 20px; }

.p-externalBase .p-externalBaseMain-message h2 { font-size: 3rem; letter-spacing: 2px; margin: 24px 0 20px; line-height: 1.5em; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-message h2 { font-size: 2.4rem; } }

.p-externalBase .p-externalBaseMain-message p { font-size: 1.6rem; letter-spacing: 2px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-message p { font-size: 1.4rem; } .p-externalBase .p-externalBaseMain-message p br { display: none; } }

.p-externalBase .p-externalBaseMain-image { position: absolute; right: 0; top: 0; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-image { position: unset; top: 40px; } }

.p-externalBase .p-externalBaseMain-image img { height: 350px; top: 50px; position: relative; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-image img { height: unset; width: 100%; top: 30px; } }

.p-externalBase .p-externalBaseMain-menu { position: absolute; bottom: 0; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-menu { position: relative; } }

.p-externalBase .p-externalBaseMain-menu ul { display: flex; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-menu ul { display: block; } }

.p-externalBase .p-externalBaseMain-menu ul li a { color: #205EFB; display: inline-block; height: 100%; padding-bottom: 10px; }

.p-externalBase .p-externalBaseMain-menu ul li a:hover { font-weight: bold; color: black; border-bottom: solid 1px #000; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-menu ul li a:hover { border-bottom: none; } }

.p-externalBase .p-externalBaseMain-menu ul li + li::before { content: " | "; margin: 15px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseMain-menu ul li + li::before { content: none; } }

.p-externalBase .p-externalBaseProducts { background-color: #F5F3EF; padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts { padding: 50px 0px; } }

.p-externalBase .p-externalBaseProducts-content { max-width: 1120px; margin-right: auto; margin-left: auto; }

.p-externalBase .p-externalBaseProducts-navi { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-navi { flex-direction: column; } }

.p-externalBase .p-externalBaseProducts-navi-item { display: flex; align-items: center; margin: 10px auto; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-navi-item { margin: 10px 32px; } }

.p-externalBase .p-externalBaseProducts-navi-item-image { margin-right: 16px; }

.p-externalBase .p-externalBaseProducts-navi-item-image img { border-radius: 100px; width: 80px; }

.p-externalBase .p-externalBaseProducts-navi-item-text h4 { font-size: 14px; margin-bottom: 4px; }

.p-externalBase .p-externalBaseProducts-navi-item-text button { border-radius: 100px; color: #205EFB; background-color: #e4e7ef; font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 0 10px; }

.p-externalBase .p-externalBaseProducts-navi-item-text button img { width: 12px; }

.p-externalBase .p-externalBaseProducts-wrappedNavi { display: flex; flex-wrap: wrap; justify-content: center; width: 80%; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-wrappedNavi { width: 100%; } }

.p-externalBase .p-externalBaseProducts-wrappedNavi-item { display: inline-block; text-align: center; margin: 10px; cursor: pointer; border-radius: 8px; padding: 5px 10px; background: none; transition: all 0.24s; }

.p-externalBase .p-externalBaseProducts-wrappedNavi-item:hover { background: white; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-wrappedNavi-item { margin: 10px 10px; } }

.p-externalBase .p-externalBaseProducts-wrappedNavi-item-image img { border-radius: 100px; width: 80px; }

.p-externalBase .p-externalBaseProducts-wrappedNavi-item-text { display: flex; align-items: center; justify-content: center; }

.p-externalBase .p-externalBaseProducts-wrappedNavi-item-text h4 { font-size: 10px; }

.p-externalBase .p-externalBaseProducts-wrappedNavi-item-text button { font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 5px; }

.p-externalBase .p-externalBaseProducts-wrappedNavi-item-text button img { width: 12px; }

.p-externalBase .p-externalBaseProducts-product { background-color: #fff; margin: 40px 0; }

.p-externalBase .p-externalBaseProducts-product-wrapper { padding: 40px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-wrapper { padding: 24px; } }

.p-externalBase .p-externalBaseProducts-product-content { display: flex; margin-top: 40px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-content { flex-direction: column; margin-top: 20px; } }

.p-externalBase .p-externalBaseProducts-product-content-info { width: 33%; padding-right: 40px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-content-info { width: 100%; padding: 0; border-bottom: 1px solid #dadbdd; margin-bottom: 24px; } }

.p-externalBase .p-externalBaseProducts-product-content-info > p { margin-top: 12px; font-size: 12px; line-height: 2.4rem; white-space: pre-wrap; }

.p-externalBase .p-externalBaseProducts-product-content-info h2 { font-size: 24px; }

.p-externalBase .p-externalBaseProducts-product-content-info ul { margin-top: 30px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-content-info ul { margin-top: 16px; } }

.p-externalBase .p-externalBaseProducts-product-content-info ul li { position: relative; padding-left: 28px; margin-left: -4px; margin-bottom: 8px; }

.p-externalBase .p-externalBaseProducts-product-content-info ul li h6 { font-size: 12px; font-weight: bold; color: #666; }

.p-externalBase .p-externalBaseProducts-product-content-info ul li p { font-size: 12px; font-weight: bold; margin-top: -4px; }

.p-externalBase .p-externalBaseProducts-product-content-info ul li img { position: absolute; width: 16px; left: 4px; top: 4px; }

.p-externalBase .p-externalBaseProducts-product-content-info ul li svg { position: absolute; width: 16px; height: 16px; left: 4px; top: 4px; fill: #205EFB; }

.p-externalBase .p-externalBaseProducts-product-content-info ul li ul { margin: 0; }

.p-externalBase .p-externalBaseProducts-product-content-info ul li ul li { padding: 0; display: inline-block; margin-right: 8px; }

.p-externalBase .p-externalBaseProducts-product-content-info ul li ul li p { display: inline-block; }

.p-externalBase .p-externalBaseProducts-product-content-info-color { display: inline-block; height: 14px; width: 14px; border: solid 1px #858585; border-radius: 100px; vertical-align: middle; }

.p-externalBase .p-externalBaseProducts-product-content-info-color--black { background-color: #000; }

.p-externalBase .p-externalBaseProducts-product-content-info-color--white { background-color: #fff; }

.p-externalBase .p-externalBaseProducts-product-content-info-color-item { margin-right: 0 !important; }

.p-externalBase .p-externalBaseProducts-product-content-info-color-item a { font-size: 12px; font-weight: bold; }

.p-externalBase .p-externalBaseProducts-product-content-info-color-image { position: relative !important; width: 16px; height: 16px; display: inline-block; margin-top: 6px; margin-right: 5px; }

.p-externalBase .p-externalBaseProducts-product-content-header { display: flex; justify-content: center; align-items: center; border-bottom: solid 1px #F1F1F2; padding-bottom: 10px; margin-bottom: 10px; }

.p-externalBase .p-externalBaseProducts-product-content-header svg { height: 26px; width: 26px; margin-right: 5px; }

.p-externalBase .p-externalBaseProducts-product-content-header h3 { font-size: 16px; }

.p-externalBase .p-externalBaseProducts-product-content-purchase { width: 66%; height: 100%; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.12); border-radius: 16px; padding: 20px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-content-purchase { width: 100%; box-shadow: none; padding: 0; } }

.p-externalBase .p-externalBaseProducts-product-content-purchase--disabled { color: #E2E2E2 !important; }

.p-externalBase .p-externalBaseProducts-product-content-purchase hr { margin: 20px 0; border: 0.4px solid #E2E2E2; }

.p-externalBase .p-externalBaseProducts-product-content-purchase section h4 { font-size: 14px; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options { white-space: nowrap; overflow-y: auto; margin: 20px 0; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options-option { display: inline-block; height: 84px; background-size: contain; background-position: center; position: relative; border: 1px #e1e2e4 solid; border-radius: 5px; cursor: pointer; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options-option h5 { font-size: 14px; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options-option p { font-weight: bold; font-size: 8px; line-height: 12px; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options-option--selected { border: 1px #205EFB solid; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options-option--lg { width: 170px; margin-right: 8px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-content-purchase-options-option--lg { width: 142px; } }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options-option--lg div { position: absolute; top: 50%; left: 16px; -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-content-purchase-options-option--lg div { left: 16px; } }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options-option--sm { width: 130px; margin-right: 8px; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-options-option--sm div { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-footer { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-content-purchase-footer { flex-direction: column; } }

.p-externalBase .p-externalBaseProducts-product-content-purchase-footer-prices ul { display: flex; justify-content: space-between; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-footer-prices ul li { font-size: 10px; margin: 0 2px; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-footer h5 { font-size: 24px; }

.p-externalBase .p-externalBaseProducts-product-content-purchase-footer-button button { display: flex; padding: 0 40px; border-radius: 100px; width: 240px; color: white; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts-product-content-purchase-footer-button button { margin-top: 20px; width: 100%; height: 64px; } }

.p-externalBase .p-externalBaseProducts-product-content-purchase-footer-button button svg { width: 18px; height: 18px; margin-right: 5px; }

.p-externalBase .p-externalBaseProducts .p-slider { position: relative; }

.p-externalBase .p-externalBaseProducts .p-slider-images { display: flex; overflow: hidden; }

.p-externalBase .p-externalBaseProducts .p-slider-images .p-slider-image { flex: none; width: 318px; height: 318px; background-size: contain; background-position: center; border: 1px solid rgba(0, 0, 0, 0.02); cursor: pointer; }

.p-externalBase .p-externalBaseProducts .p-slider-images .p-slider-image + .p-slider-image { margin-left: 8px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts .p-slider-images .p-slider-image { width: 144px; height: 144px; } }

.p-externalBase .p-externalBaseProducts .p-slider .swiper-container { z-index: unset; }

.p-externalBase .p-externalBaseProducts .p-slider .swiper-wrapper { z-index: unset; }

.p-externalBase .p-externalBaseProducts .p-slider-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts .p-slider-button { width: 32px; height: 32px; } }

.p-externalBase .p-externalBaseProducts .p-slider-button svg { width: 20px; fill: #205EFB; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseProducts .p-slider-button svg { width: 12px; } }

.p-externalBase .p-externalBaseProducts .p-slider-button--right { right: 0; transform: translate(50%, -50%); }

.p-externalBase .p-externalBaseProducts .p-slider-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-externalBase .p-externalBaseProducts .p-slider-button--left { left: 0; transform: translate(-50%, -50%); }

.p-externalBase .p-externalBaseProducts .p-slider-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-externalBase .p-externalBaseHowTo { padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseHowTo { padding: 50px 20px; } }

.p-externalBase .p-externalBaseHowTo-content { max-width: 960px; margin-right: auto; margin-left: auto; }

.p-externalBase .p-externalBaseHowTo-box { display: flex; align-items: center; justify-content: space-between; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08); height: 200px; padding: 30px; margin: 40px 0; border-radius: 8px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseHowTo-box { flex-direction: column; height: unset; } }

.p-externalBase .p-externalBaseHowTo-box-left { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseHowTo-box-left { flex-direction: column; } }

.p-externalBase .p-externalBaseHowTo-box-left img { width: 40px; margin: 20px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseHowTo-box-left img { width: 56px; margin: 0; } }

.p-externalBase .p-externalBaseHowTo-box-left-text { margin-left: 50px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseHowTo-box-left-text { margin: 20px 0; } }

.p-externalBase .p-externalBaseHowTo-box-left-text h5 { margin-bottom: 10px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseHowTo-box-left-text h5 { text-align: center; } }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseHowTo-box-left-text p { text-align: center; } }

.p-externalBase .p-externalBaseHowTo-box-right img { height: 160px; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseHowTo-box-right img { width: 300px; height: auto; } }

.p-externalBase .p-externalBaseBottom { background-color: #F5F3EF; padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseBottom { padding: 1px 20px 63px; } }

.p-externalBase .p-externalBaseBottom-content { max-width: 960px; margin-right: auto; margin-left: auto; }

.p-externalBase .p-externalBaseBottom-content-box { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 32px 40px; border-radius: 16px; box-shadow: 0.633857px 0.633857px 2.53543px rgba(0, 0, 0, 0.04); }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseBottom-content-box { flex-direction: column; } }

.p-externalBase .p-externalBaseBottom-content-box-button button { border-radius: 100px; padding: 0 40px; height: 64px; width: 300px; font-size: 16px; }

.p-externalBase .p-externalBaseBottom-content-box-text h2 { font-size: 1.5rem; line-height: 2.4rem; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseBottom-content-box-text h2 { font-size: 1.5rem; line-height: 2rem; } }

.p-externalBase .p-externalBaseBottom-content-box-text p { margin: 12px 0; }

@media screen and (max-width: 768px) { .p-externalBase .p-externalBaseBottom-content-box-text p { font-size: 1.4rem; line-height: 2.8rem; } }

.p-externalBase-content { padding: 120px 160px; }

@media screen and (max-width: 768px) { .p-externalBase-content { padding: 80px 20px 72px; } }

.p-externalBase-content-header { text-align: center; }

.p-externalBase-content-header h3 { font-size: 2.8rem; margin-bottom: 32px; }

.p-externalBase-content-header h3 .hrempty { display: none; }

@media screen and (max-width: 768px) { .p-externalBase-content-header h3 { font-size: 20px; } .p-externalBase-content-header h3 br { display: none; } .p-externalBase-content-header h3 .hrempty { display: block; } }

.p-externalBase-content-header h4 { font-size: 28px; line-height: 1.64; font-weight: bold; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-externalBase-content-header h4 { font-size: 24px; margin-bottom: 4px; } }

.p-externalBase-content-header p { padding-bottom: 8px; font-size: 1.2rem; }

@media screen and (max-width: 768px) { .p-externalBase-content-header p { font-size: 14px; margin-top: 48px; } }

.p-externalBase-content-header-left { text-align: left; }

.p-externalBase-content-topic { font-weight: bold; color: #205EFB; }

.p-externalColorMe { min-width: 1200px; overflow: hidden; }

@media screen and (max-width: 768px) { .p-externalColorMe { min-width: auto; } }

.p-externalColorMe .p-externalColorMeMain { position: relative; }

.p-externalColorMe .p-externalColorMeMain-body { padding: 88px 0 56px; max-width: 1120px; margin-right: auto; margin-left: auto; position: relative; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-body { padding: 24px 24px 0px 24px; text-align: center; } }

.p-externalColorMe .p-externalColorMeMain-message-top { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-message-top { justify-content: center; } }

.p-externalColorMe .p-externalColorMeMain-message-top p { margin-left: 10px; font-size: 1.4rem !important; line-height: 1.5em; font-weight: bold; }

.p-externalColorMe .p-externalColorMeMain-message-top img { height: 34px; margin-right: 8px; }

.p-externalColorMe .p-externalColorMeMain-message-top-colormeLogo { height: 24px !important; }

.p-externalColorMe .p-externalColorMeMain-message-links { display: flex; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-message-links { display: none; } }

.p-externalColorMe .p-externalColorMeMain-message-links a { margin-right: 20px; }

.p-externalColorMe .p-externalColorMeMain-message h2 { font-size: 3rem; letter-spacing: 2px; margin: 24px 0 20px; line-height: 1.5em; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-message h2 { font-size: 2.4rem; } }

.p-externalColorMe .p-externalColorMeMain-message p { font-size: 1.6rem; letter-spacing: 2px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-message p { font-size: 1.4rem; } .p-externalColorMe .p-externalColorMeMain-message p br { display: none; } }

.p-externalColorMe .p-externalColorMeMain-image { position: absolute; right: 0; top: 0; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-image { position: unset; top: 40px; } }

.p-externalColorMe .p-externalColorMeMain-image img { height: 350px; top: 50px; position: relative; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-image img { height: unset; width: 100%; top: 30px; } }

.p-externalColorMe .p-externalColorMeMain-menu { position: absolute; bottom: 0; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-menu { position: relative; } }

.p-externalColorMe .p-externalColorMeMain-menu ul { display: flex; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-menu ul { display: block; } }

.p-externalColorMe .p-externalColorMeMain-menu ul li a { color: #205EFB; display: inline-block; height: 100%; padding-bottom: 10px; }

.p-externalColorMe .p-externalColorMeMain-menu ul li a:hover { font-weight: bold; color: black; border-bottom: solid 1px #000; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-menu ul li a:hover { border-bottom: none; } }

.p-externalColorMe .p-externalColorMeMain-menu ul li + li::before { content: " | "; margin: 15px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeMain-menu ul li + li::before { content: none; } }

.p-externalColorMe .p-externalColorMeProducts { background-color: #F5F3EF; padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts { padding: 50px 0px; } }

.p-externalColorMe .p-externalColorMeProducts-content { max-width: 1120px; margin-right: auto; margin-left: auto; }

.p-externalColorMe .p-externalColorMeProducts-navi { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-navi { flex-direction: column; } }

.p-externalColorMe .p-externalColorMeProducts-navi-item { display: flex; align-items: center; margin: 10px auto; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-navi-item { margin: 10px 32px; } }

.p-externalColorMe .p-externalColorMeProducts-navi-item-image { margin-right: 16px; }

.p-externalColorMe .p-externalColorMeProducts-navi-item-image img { border-radius: 100px; width: 80px; }

.p-externalColorMe .p-externalColorMeProducts-navi-item-text h4 { font-size: 14px; margin-bottom: 4px; }

.p-externalColorMe .p-externalColorMeProducts-navi-item-text button { border-radius: 100px; color: #205EFB; background-color: #e4e7ef; font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 0 10px; }

.p-externalColorMe .p-externalColorMeProducts-navi-item-text button img { width: 12px; }

.p-externalColorMe .p-externalColorMeProducts-wrappedNavi { display: flex; flex-wrap: wrap; justify-content: center; width: 80%; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-wrappedNavi { width: 100%; } }

.p-externalColorMe .p-externalColorMeProducts-wrappedNavi-item { display: inline-block; text-align: center; margin: 10px; cursor: pointer; border-radius: 8px; padding: 5px 10px; background: none; transition: all 0.24s; }

.p-externalColorMe .p-externalColorMeProducts-wrappedNavi-item:hover { background: white; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-wrappedNavi-item { margin: 10px 10px; } }

.p-externalColorMe .p-externalColorMeProducts-wrappedNavi-item-image img { border-radius: 100px; width: 80px; }

.p-externalColorMe .p-externalColorMeProducts-wrappedNavi-item-text { display: flex; align-items: center; justify-content: center; }

.p-externalColorMe .p-externalColorMeProducts-wrappedNavi-item-text h4 { font-size: 10px; }

.p-externalColorMe .p-externalColorMeProducts-wrappedNavi-item-text button { font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 5px; }

.p-externalColorMe .p-externalColorMeProducts-wrappedNavi-item-text button img { width: 12px; }

.p-externalColorMe .p-externalColorMeProducts-product { background-color: #fff; margin: 40px 0; }

.p-externalColorMe .p-externalColorMeProducts-product-wrapper { padding: 40px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-wrapper { padding: 24px; } }

.p-externalColorMe .p-externalColorMeProducts-product-content { display: flex; margin-top: 40px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-content { flex-direction: column; margin-top: 20px; } }

.p-externalColorMe .p-externalColorMeProducts-product-content-info { width: 33%; padding-right: 40px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-content-info { width: 100%; padding: 0; border-bottom: 1px solid #dadbdd; margin-bottom: 24px; } }

.p-externalColorMe .p-externalColorMeProducts-product-content-info > p { margin-top: 12px; font-size: 12px; line-height: 2.4rem; white-space: pre-wrap; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info h2 { font-size: 24px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul { margin-top: 30px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-content-info ul { margin-top: 16px; } }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul li { position: relative; padding-left: 28px; margin-left: -4px; margin-bottom: 8px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul li h6 { font-size: 12px; font-weight: bold; color: #666; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul li p { font-size: 12px; font-weight: bold; margin-top: -4px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul li img { position: absolute; width: 16px; left: 4px; top: 4px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul li svg { position: absolute; width: 16px; height: 16px; left: 4px; top: 4px; fill: #205EFB; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul li ul { margin: 0; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul li ul li { padding: 0; display: inline-block; margin-right: 8px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info ul li ul li p { display: inline-block; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info-color { display: inline-block; height: 14px; width: 14px; border: solid 1px #858585; border-radius: 100px; vertical-align: middle; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info-color--black { background-color: #000; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info-color--white { background-color: #fff; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info-color-item { margin-right: 0 !important; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info-color-item a { font-size: 12px; font-weight: bold; }

.p-externalColorMe .p-externalColorMeProducts-product-content-info-color-image { position: relative !important; width: 16px; height: 16px; display: inline-block; margin-top: 6px; margin-right: 5px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-header { display: flex; justify-content: center; align-items: center; border-bottom: solid 1px #F1F1F2; padding-bottom: 10px; margin-bottom: 10px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-header svg { height: 26px; width: 26px; margin-right: 5px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-header h3 { font-size: 16px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase { width: 66%; height: 100%; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.12); border-radius: 16px; padding: 20px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-content-purchase { width: 100%; box-shadow: none; padding: 0; } }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase--disabled { color: #E2E2E2 !important; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase hr { margin: 20px 0; border: 0.4px solid #E2E2E2; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase section h4 { font-size: 14px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options { white-space: nowrap; overflow-y: scroll; margin: 20px 0; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option { display: inline-block; height: 84px; background-size: contain; background-position: center; position: relative; border: 1px #e1e2e4 solid; border-radius: 5px; cursor: pointer; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option h5 { font-size: 14px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option p { font-weight: bold; font-size: 8px; line-height: 12px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option--selected { border: 1px #205EFB solid; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option--lg { width: 170px; margin-right: 8px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option--lg { width: 142px; } }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option--lg div { position: absolute; top: 50%; left: 16px; -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option--lg div { left: 16px; } }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option--sm { width: 130px; margin-right: 8px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-options-option--sm div { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-footer { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-content-purchase-footer { flex-direction: column; } }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-footer-prices ul { display: flex; justify-content: space-between; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-footer-prices ul li { font-size: 10px; margin: 0 2px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-footer h5 { font-size: 24px; }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-footer-button button { display: flex; padding: 0 40px; border-radius: 100px; width: 240px; color: white; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts-product-content-purchase-footer-button button { margin-top: 20px; width: 100%; height: 64px; } }

.p-externalColorMe .p-externalColorMeProducts-product-content-purchase-footer-button button svg { width: 18px; height: 18px; margin-right: 5px; }

.p-externalColorMe .p-externalColorMeProducts .p-slider { position: relative; }

.p-externalColorMe .p-externalColorMeProducts .p-slider-images { display: flex; overflow: hidden; }

.p-externalColorMe .p-externalColorMeProducts .p-slider-images .p-slider-image { flex: none; width: 318px; height: 318px; background-size: contain; background-position: center; border: 1px solid rgba(0, 0, 0, 0.02); cursor: pointer; }

.p-externalColorMe .p-externalColorMeProducts .p-slider-images .p-slider-image + .p-slider-image { margin-left: 8px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts .p-slider-images .p-slider-image { width: 144px; height: 144px; } }

.p-externalColorMe .p-externalColorMeProducts .p-slider .swiper-container { z-index: unset; }

.p-externalColorMe .p-externalColorMeProducts .p-slider .swiper-wrapper { z-index: unset; }

.p-externalColorMe .p-externalColorMeProducts .p-slider-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts .p-slider-button { width: 32px; height: 32px; } }

.p-externalColorMe .p-externalColorMeProducts .p-slider-button svg { width: 20px; fill: #205EFB; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeProducts .p-slider-button svg { width: 12px; } }

.p-externalColorMe .p-externalColorMeProducts .p-slider-button--right { right: 0; transform: translate(50%, -50%); }

.p-externalColorMe .p-externalColorMeProducts .p-slider-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-externalColorMe .p-externalColorMeProducts .p-slider-button--left { left: 0; transform: translate(-50%, -50%); }

.p-externalColorMe .p-externalColorMeProducts .p-slider-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-externalColorMe .p-externalColorMeHowTo { padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeHowTo { padding: 50px 20px; } }

.p-externalColorMe .p-externalColorMeHowTo-content { max-width: 960px; margin-right: auto; margin-left: auto; }

.p-externalColorMe .p-externalColorMeHowTo-box { display: flex; align-items: center; justify-content: space-between; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08); height: 200px; padding: 30px; margin: 40px 0; border-radius: 8px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeHowTo-box { flex-direction: column; height: unset; } }

.p-externalColorMe .p-externalColorMeHowTo-box-left { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeHowTo-box-left { flex-direction: column; } }

.p-externalColorMe .p-externalColorMeHowTo-box-left img { width: 40px; margin: 20px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeHowTo-box-left img { width: 56px; margin: 0; } }

.p-externalColorMe .p-externalColorMeHowTo-box-left-text { margin-left: 50px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeHowTo-box-left-text { margin: 20px 0; } }

.p-externalColorMe .p-externalColorMeHowTo-box-left-text h5 { margin-bottom: 10px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeHowTo-box-left-text h5 { text-align: center; } }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeHowTo-box-left-text p { text-align: center; } }

.p-externalColorMe .p-externalColorMeHowTo-box-right img { height: 160px; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeHowTo-box-right img { width: 300px; height: auto; } }

.p-externalColorMe .p-externalColorMeBottom { background-color: #F5F3EF; padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeBottom { padding: 1px 20px 63px; } }

.p-externalColorMe .p-externalColorMeBottom-content { max-width: 960px; margin-right: auto; margin-left: auto; }

.p-externalColorMe .p-externalColorMeBottom-content-box { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 32px 40px; border-radius: 16px; box-shadow: 0.633857px 0.633857px 2.53543px rgba(0, 0, 0, 0.04); }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeBottom-content-box { flex-direction: column; } }

.p-externalColorMe .p-externalColorMeBottom-content-box-button button { border-radius: 100px; padding: 0 40px; height: 64px; width: 300px; font-size: 16px; }

.p-externalColorMe .p-externalColorMeBottom-content-box-text h2 { font-size: 1.5rem; line-height: 2.4rem; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeBottom-content-box-text h2 { font-size: 1.5rem; line-height: 2rem; } }

.p-externalColorMe .p-externalColorMeBottom-content-box-text p { margin: 12px 0; }

@media screen and (max-width: 768px) { .p-externalColorMe .p-externalColorMeBottom-content-box-text p { font-size: 1.4rem; line-height: 2.8rem; } }

.p-externalColorMe-content { padding: 120px 160px; }

@media screen and (max-width: 768px) { .p-externalColorMe-content { padding: 80px 20px 72px; } }

.p-externalColorMe-content-header { text-align: center; }

.p-externalColorMe-content-header h3 { font-size: 2.8rem; margin-bottom: 32px; }

.p-externalColorMe-content-header h3 .hrempty { display: none; }

@media screen and (max-width: 768px) { .p-externalColorMe-content-header h3 { font-size: 20px; } .p-externalColorMe-content-header h3 br { display: none; } .p-externalColorMe-content-header h3 .hrempty { display: block; } }

.p-externalColorMe-content-header h4 { font-size: 28px; line-height: 1.64; font-weight: bold; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-externalColorMe-content-header h4 { font-size: 24px; margin-bottom: 4px; } }

.p-externalColorMe-content-header p { padding-bottom: 8px; font-size: 1.2rem; }

@media screen and (max-width: 768px) { .p-externalColorMe-content-header p { font-size: 14px; margin-top: 48px; } }

.p-externalColorMe-content-header-left { text-align: left; }

.p-externalColorMe-content-topic { font-weight: bold; color: #205EFB; }

.p-externalFujiLogi { min-width: 1200px; overflow: hidden; }

@media screen and (max-width: 768px) { .p-externalFujiLogi { min-width: auto; } }

.p-externalFujiLogi .p-externalFujiLogiMain { position: relative; }

.p-externalFujiLogi .p-externalFujiLogiMain-body { padding: 88px 0 56px; max-width: 1120px; margin-right: auto; margin-left: auto; position: relative; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-body { padding: 24px 24px 0px 24px; text-align: center; } }

.p-externalFujiLogi .p-externalFujiLogiMain-message-top { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-message-top { justify-content: center; } }

.p-externalFujiLogi .p-externalFujiLogiMain-message-top p { margin-left: 10px; font-size: 1.4rem !important; line-height: 1.5em; font-weight: bold; }

.p-externalFujiLogi .p-externalFujiLogiMain-message-top img { height: 34px; margin-right: 8px; }

.p-externalFujiLogi .p-externalFujiLogiMain-message-top-colormeLogo { height: 24px !important; }

.p-externalFujiLogi .p-externalFujiLogiMain-message-links { display: flex; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-message-links { display: none; } }

.p-externalFujiLogi .p-externalFujiLogiMain-message-links a { margin-right: 20px; }

.p-externalFujiLogi .p-externalFujiLogiMain-message h2 { font-size: 3rem; letter-spacing: 2px; margin: 24px 0 20px; line-height: 1.5em; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-message h2 { font-size: 2.4rem; } }

.p-externalFujiLogi .p-externalFujiLogiMain-message p { font-size: 1.6rem; letter-spacing: 2px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-message p { font-size: 1.4rem; } .p-externalFujiLogi .p-externalFujiLogiMain-message p br { display: none; } }

.p-externalFujiLogi .p-externalFujiLogiMain-image { position: absolute; right: 0; top: 0; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-image { position: unset; top: 40px; } }

.p-externalFujiLogi .p-externalFujiLogiMain-image img { height: 350px; top: 50px; position: relative; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-image img { height: unset; width: 100%; top: 30px; } }

.p-externalFujiLogi .p-externalFujiLogiMain-menu { position: absolute; bottom: 0; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-menu { position: relative; } }

.p-externalFujiLogi .p-externalFujiLogiMain-menu ul { display: flex; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-menu ul { display: block; } }

.p-externalFujiLogi .p-externalFujiLogiMain-menu ul li a { color: #205EFB; display: inline-block; height: 100%; padding-bottom: 10px; }

.p-externalFujiLogi .p-externalFujiLogiMain-menu ul li a:hover { font-weight: bold; color: black; border-bottom: solid 1px #000; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-menu ul li a:hover { border-bottom: none; } }

.p-externalFujiLogi .p-externalFujiLogiMain-menu ul li + li::before { content: " | "; margin: 15px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiMain-menu ul li + li::before { content: none; } }

.p-externalFujiLogi .p-externalFujiLogiProducts { background-color: #F5F3EF; padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts { padding: 50px 0px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-content { max-width: 1120px; margin-right: auto; margin-left: auto; }

.p-externalFujiLogi .p-externalFujiLogiProducts-navi { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-navi { flex-direction: column; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-navi-item { display: flex; align-items: center; margin: 10px auto; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-navi-item { margin: 10px 32px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-navi-item-image { margin-right: 16px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-navi-item-image img { border-radius: 100px; width: 80px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-navi-item-text h4 { font-size: 14px; margin-bottom: 4px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-navi-item-text button { border-radius: 100px; color: #205EFB; background-color: #e4e7ef; font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 0 10px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-navi-item-text button img { width: 12px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi { display: flex; flex-wrap: wrap; justify-content: center; width: 80%; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi { width: 100%; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi-item { display: inline-block; text-align: center; margin: 10px; cursor: pointer; border-radius: 8px; padding: 5px 10px; background: none; transition: all 0.24s; }

.p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi-item:hover { background: white; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi-item { margin: 10px 10px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi-item-image img { border-radius: 100px; width: 80px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi-item-text { display: flex; align-items: center; justify-content: center; }

.p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi-item-text h4 { font-size: 10px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi-item-text button { font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 5px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-wrappedNavi-item-text button img { width: 12px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product { background-color: #fff; margin: 40px 0; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-wrapper { padding: 40px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-wrapper { padding: 24px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content { display: flex; margin-top: 40px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-content { flex-direction: column; margin-top: 20px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info { width: 33%; padding-right: 40px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info { width: 100%; padding: 0; border-bottom: 1px solid #dadbdd; margin-bottom: 24px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info > p { margin-top: 12px; font-size: 12px; line-height: 2.4rem; white-space: pre-wrap; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info h2 { font-size: 24px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul { margin-top: 30px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul { margin-top: 16px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul li { position: relative; padding-left: 28px; margin-left: -4px; margin-bottom: 8px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul li h6 { font-size: 12px; font-weight: bold; color: #666; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul li p { font-size: 12px; font-weight: bold; margin-top: -4px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul li img { position: absolute; width: 16px; left: 4px; top: 4px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul li svg { position: absolute; width: 16px; height: 16px; left: 4px; top: 4px; fill: #205EFB; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul li ul { margin: 0; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul li ul li { padding: 0; display: inline-block; margin-right: 8px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info ul li ul li p { display: inline-block; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info-color { display: inline-block; height: 14px; width: 14px; border: solid 1px #858585; border-radius: 100px; vertical-align: middle; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info-color--black { background-color: #000; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info-color--white { background-color: #fff; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info-color-item { margin-right: 0 !important; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info-color-item a { font-size: 12px; font-weight: bold; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-info-color-image { position: relative !important; width: 16px; height: 16px; display: inline-block; margin-top: 6px; margin-right: 5px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-header { display: flex; justify-content: center; align-items: center; border-bottom: solid 1px #F1F1F2; padding-bottom: 10px; margin-bottom: 10px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-header svg { height: 26px; width: 26px; margin-right: 5px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-header h3 { font-size: 16px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase { width: 66%; height: 100%; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.12); border-radius: 16px; padding: 20px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase { width: 100%; box-shadow: none; padding: 0; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase--disabled { color: #E2E2E2 !important; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase hr { margin: 20px 0; border: 0.4px solid #E2E2E2; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase section h4 { font-size: 14px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options { white-space: nowrap; overflow-y: scroll; margin: 20px 0; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option { display: inline-block; height: 84px; background-size: contain; background-position: center; position: relative; border: 1px #e1e2e4 solid; border-radius: 5px; cursor: pointer; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option h5 { font-size: 14px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option p { font-weight: bold; font-size: 8px; line-height: 12px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option--selected { border: 1px #205EFB solid; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option--lg { width: 170px; margin-right: 8px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option--lg { width: 142px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option--lg div { position: absolute; top: 50%; left: 16px; -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option--lg div { left: 16px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option--sm { width: 130px; margin-right: 8px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-options-option--sm div { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-footer { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-footer { flex-direction: column; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-footer-prices ul { display: flex; justify-content: space-between; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-footer-prices ul li { font-size: 10px; margin: 0 2px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-footer h5 { font-size: 24px; }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-footer-button button { display: flex; padding: 0 40px; border-radius: 100px; width: 240px; color: white; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-footer-button button { margin-top: 20px; width: 100%; height: 64px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts-product-content-purchase-footer-button button svg { width: 18px; height: 18px; margin-right: 5px; }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider { position: relative; }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-images { display: flex; overflow: hidden; }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-images .p-slider-image { flex: none; width: 318px; height: 318px; background-size: contain; background-position: center; border: 1px solid rgba(0, 0, 0, 0.02); cursor: pointer; }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-images .p-slider-image + .p-slider-image { margin-left: 8px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-images .p-slider-image { width: 144px; height: 144px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider .swiper-container { z-index: unset; }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider .swiper-wrapper { z-index: unset; }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-button { width: 32px; height: 32px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-button svg { width: 20px; fill: #205EFB; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-button svg { width: 12px; } }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-button--right { right: 0; transform: translate(50%, -50%); }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-button--left { left: 0; transform: translate(-50%, -50%); }

.p-externalFujiLogi .p-externalFujiLogiProducts .p-slider-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-externalFujiLogi .p-externalFujiLogiHowTo { padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiHowTo { padding: 50px 20px; } }

.p-externalFujiLogi .p-externalFujiLogiHowTo-content { max-width: 960px; margin-right: auto; margin-left: auto; }

.p-externalFujiLogi .p-externalFujiLogiHowTo-box { display: flex; align-items: center; justify-content: space-between; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08); height: 200px; padding: 30px; margin: 40px 0; border-radius: 8px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiHowTo-box { flex-direction: column; height: unset; } }

.p-externalFujiLogi .p-externalFujiLogiHowTo-box-left { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiHowTo-box-left { flex-direction: column; } }

.p-externalFujiLogi .p-externalFujiLogiHowTo-box-left img { width: 40px; margin: 20px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiHowTo-box-left img { width: 56px; margin: 0; } }

.p-externalFujiLogi .p-externalFujiLogiHowTo-box-left-text { margin-left: 50px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiHowTo-box-left-text { margin: 20px 0; } }

.p-externalFujiLogi .p-externalFujiLogiHowTo-box-left-text h5 { margin-bottom: 10px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiHowTo-box-left-text h5 { text-align: center; } }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiHowTo-box-left-text p { text-align: center; } }

.p-externalFujiLogi .p-externalFujiLogiHowTo-box-right img { height: 160px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiHowTo-box-right img { width: 300px; height: auto; } }

.p-externalFujiLogi .p-externalFujiLogiBottom { background-color: #F5F3EF; padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiBottom { padding: 1px 20px 63px; } }

.p-externalFujiLogi .p-externalFujiLogiBottom-content { max-width: 960px; margin-right: auto; margin-left: auto; }

.p-externalFujiLogi .p-externalFujiLogiBottom-content-box { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 32px 40px; border-radius: 16px; box-shadow: 0.633857px 0.633857px 2.53543px rgba(0, 0, 0, 0.04); }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiBottom-content-box { flex-direction: column; } }

.p-externalFujiLogi .p-externalFujiLogiBottom-content-box-button button { border-radius: 100px; padding: 0 40px; height: 64px; width: 300px; font-size: 16px; }

.p-externalFujiLogi .p-externalFujiLogiBottom-content-box-text h2 { font-size: 1.5rem; line-height: 2.4rem; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiBottom-content-box-text h2 { font-size: 1.5rem; line-height: 2rem; } }

.p-externalFujiLogi .p-externalFujiLogiBottom-content-box-text p { margin: 12px 0; }

@media screen and (max-width: 768px) { .p-externalFujiLogi .p-externalFujiLogiBottom-content-box-text p { font-size: 1.4rem; line-height: 2.8rem; } }

.p-externalFujiLogi-content { padding: 120px 160px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi-content { padding: 80px 20px 72px; } }

.p-externalFujiLogi-content-header { text-align: center; }

.p-externalFujiLogi-content-header h3 { font-size: 2.8rem; margin-bottom: 32px; }

.p-externalFujiLogi-content-header h3 .hrempty { display: none; }

@media screen and (max-width: 768px) { .p-externalFujiLogi-content-header h3 { font-size: 20px; } .p-externalFujiLogi-content-header h3 br { display: none; } .p-externalFujiLogi-content-header h3 .hrempty { display: block; } }

.p-externalFujiLogi-content-header h4 { font-size: 28px; line-height: 1.64; font-weight: bold; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-externalFujiLogi-content-header h4 { font-size: 24px; margin-bottom: 4px; } }

.p-externalFujiLogi-content-header p { padding-bottom: 8px; font-size: 1.2rem; }

@media screen and (max-width: 768px) { .p-externalFujiLogi-content-header p { font-size: 14px; margin-top: 48px; } }

.p-externalFujiLogi-content-header-left { text-align: left; }

.p-externalFujiLogi-content-topic { font-weight: bold; color: #205EFB; }

.p-externalFutureShop { min-width: 1200px; overflow: hidden; }

@media screen and (max-width: 768px) { .p-externalFutureShop { min-width: auto; } }

.p-externalFutureShop .p-externalFutureShopMain { position: relative; }

.p-externalFutureShop .p-externalFutureShopMain-body { padding: 88px 0 56px; max-width: 1120px; margin-right: auto; margin-left: auto; position: relative; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-body { padding: 24px 24px 0px 24px; text-align: center; } }

.p-externalFutureShop .p-externalFutureShopMain-message-top { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-message-top { justify-content: center; } }

.p-externalFutureShop .p-externalFutureShopMain-message-top p { margin-left: 10px; font-size: 1.4rem !important; line-height: 1.5em; font-weight: bold; }

.p-externalFutureShop .p-externalFutureShopMain-message-top img { height: 34px; margin-right: 8px; }

.p-externalFutureShop .p-externalFutureShopMain-message-top-FutureShopLogo { height: 24px !important; }

.p-externalFutureShop .p-externalFutureShopMain-message-links { display: flex; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-message-links { display: none; } }

.p-externalFutureShop .p-externalFutureShopMain-message-links a { margin-right: 20px; }

.p-externalFutureShop .p-externalFutureShopMain-message h2 { font-size: 3rem; letter-spacing: 2px; margin: 24px 0 20px; line-height: 1.5em; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-message h2 { font-size: 2.4rem; } }

.p-externalFutureShop .p-externalFutureShopMain-message p { font-size: 1.6rem; letter-spacing: 2px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-message p { font-size: 1.4rem; } .p-externalFutureShop .p-externalFutureShopMain-message p br { display: none; } }

.p-externalFutureShop .p-externalFutureShopMain-image { position: absolute; right: 0; top: 0; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-image { position: unset; top: 40px; } }

.p-externalFutureShop .p-externalFutureShopMain-image img { height: 350px; top: 50px; position: relative; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-image img { height: unset; width: 100%; top: 30px; } }

.p-externalFutureShop .p-externalFutureShopMain-menu { position: absolute; bottom: 0; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-menu { position: relative; } }

.p-externalFutureShop .p-externalFutureShopMain-menu ul { display: flex; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-menu ul { display: block; } }

.p-externalFutureShop .p-externalFutureShopMain-menu ul li a { color: #205EFB; display: inline-block; height: 100%; padding-bottom: 10px; }

.p-externalFutureShop .p-externalFutureShopMain-menu ul li a:hover { font-weight: bold; color: black; border-bottom: solid 1px #000; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-menu ul li a:hover { border-bottom: none; } }

.p-externalFutureShop .p-externalFutureShopMain-menu ul li + li::before { content: " | "; margin: 15px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopMain-menu ul li + li::before { content: none; } }

.p-externalFutureShop .p-externalFutureShopProducts { background-color: #F5F3EF; padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts { padding: 50px 0px; } }

.p-externalFutureShop .p-externalFutureShopProducts-content { max-width: 1120px; margin-right: auto; margin-left: auto; }

.p-externalFutureShop .p-externalFutureShopProducts-navi { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-navi { flex-direction: column; } }

.p-externalFutureShop .p-externalFutureShopProducts-navi-item { display: flex; align-items: center; margin: 10px auto; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-navi-item { margin: 10px 32px; } }

.p-externalFutureShop .p-externalFutureShopProducts-navi-item-image { margin-right: 16px; }

.p-externalFutureShop .p-externalFutureShopProducts-navi-item-image img { border-radius: 100px; width: 80px; }

.p-externalFutureShop .p-externalFutureShopProducts-navi-item-text h4 { font-size: 14px; margin-bottom: 4px; }

.p-externalFutureShop .p-externalFutureShopProducts-navi-item-text button { border-radius: 100px; color: #205EFB; background-color: #e4e7ef; font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 0 10px; }

.p-externalFutureShop .p-externalFutureShopProducts-navi-item-text button img { width: 12px; }

.p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi { display: flex; flex-wrap: wrap; justify-content: center; width: 80%; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi { width: 100%; } }

.p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi-item { display: inline-block; text-align: center; margin: 10px; cursor: pointer; border-radius: 8px; padding: 5px 10px; background: none; transition: all 0.24s; }

.p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi-item:hover { background: white; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi-item { margin: 10px 10px; } }

.p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi-item-image img { border-radius: 100px; width: 80px; }

.p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi-item-text { display: flex; align-items: center; justify-content: center; }

.p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi-item-text h4 { font-size: 10px; }

.p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi-item-text button { font-size: 10px; font-weight: bold; letter-spacing: 1px; padding: 5px; }

.p-externalFutureShop .p-externalFutureShopProducts-wrappedNavi-item-text button img { width: 12px; }

.p-externalFutureShop .p-externalFutureShopProducts-product { background-color: #fff; margin: 40px 0; }

.p-externalFutureShop .p-externalFutureShopProducts-product-wrapper { padding: 40px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-wrapper { padding: 24px; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content { display: flex; margin-top: 40px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-content { flex-direction: column; margin-top: 20px; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info { width: 33%; padding-right: 40px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-content-info { width: 100%; padding: 0; border-bottom: 1px solid #dadbdd; margin-bottom: 24px; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info > p { margin-top: 12px; font-size: 12px; line-height: 2.4rem; white-space: pre-wrap; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info h2 { font-size: 24px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul { margin-top: 30px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul { margin-top: 16px; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul li { position: relative; padding-left: 28px; margin-left: -4px; margin-bottom: 8px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul li h6 { font-size: 12px; font-weight: bold; color: #666; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul li p { font-size: 12px; font-weight: bold; margin-top: -4px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul li img { position: absolute; width: 16px; left: 4px; top: 4px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul li svg { position: absolute; width: 16px; height: 16px; left: 4px; top: 4px; fill: #205EFB; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul li ul { margin: 0; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul li ul li { padding: 0; display: inline-block; margin-right: 8px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info ul li ul li p { display: inline-block; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info-color { display: inline-block; height: 14px; width: 14px; border: solid 1px #858585; border-radius: 100px; vertical-align: middle; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info-color--black { background-color: #000; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info-color--white { background-color: #fff; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info-color-item { margin-right: 0 !important; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info-color-item a { font-size: 12px; font-weight: bold; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-info-color-image { position: relative !important; width: 16px; height: 16px; display: inline-block; margin-top: 6px; margin-right: 5px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-header { display: flex; justify-content: center; align-items: center; border-bottom: solid 1px #F1F1F2; padding-bottom: 10px; margin-bottom: 10px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-header svg { height: 26px; width: 26px; margin-right: 5px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-header h3 { font-size: 16px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase { width: 66%; height: 100%; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.12); border-radius: 16px; padding: 20px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase { width: 100%; box-shadow: none; padding: 0; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase--disabled { color: #E2E2E2 !important; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase hr { margin: 20px 0; border: 0.4px solid #E2E2E2; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase section h4 { font-size: 14px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options { white-space: nowrap; overflow-y: scroll; margin: 20px 0; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option { display: inline-block; height: 84px; background-size: contain; background-position: center; position: relative; border: 1px #e1e2e4 solid; border-radius: 5px; cursor: pointer; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option h5 { font-size: 14px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option p { font-weight: bold; font-size: 8px; line-height: 12px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option--selected { border: 1px #205EFB solid; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option--lg { width: 170px; margin-right: 8px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option--lg { width: 142px; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option--lg div { position: absolute; top: 50%; left: 16px; -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option--lg div { left: 16px; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option--sm { width: 130px; margin-right: 8px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-options-option--sm div { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-footer { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-footer { flex-direction: column; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-footer-prices ul { display: flex; justify-content: space-between; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-footer-prices ul li { font-size: 10px; margin: 0 2px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-footer h5 { font-size: 24px; }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-footer-button button { display: flex; padding: 0 40px; border-radius: 100px; width: 240px; color: white; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-footer-button button { margin-top: 20px; width: 100%; height: 64px; } }

.p-externalFutureShop .p-externalFutureShopProducts-product-content-purchase-footer-button button svg { width: 18px; height: 18px; margin-right: 5px; }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider { position: relative; }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-images { display: flex; overflow: hidden; }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-images .p-slider-image { flex: none; width: 318px; height: 318px; background-size: contain; background-position: center; border: 1px solid rgba(0, 0, 0, 0.02); cursor: pointer; }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-images .p-slider-image + .p-slider-image { margin-left: 8px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts .p-slider-images .p-slider-image { width: 144px; height: 144px; } }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider .swiper-container { z-index: unset; }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider .swiper-wrapper { z-index: unset; }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-button { position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.88); border-radius: 50%; box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts .p-slider-button { width: 32px; height: 32px; } }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-button svg { width: 20px; fill: #205EFB; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopProducts .p-slider-button svg { width: 12px; } }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-button--right { right: 0; transform: translate(50%, -50%); }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-button--right svg { transform-origin: center; transform: rotateZ(-90deg); }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-button--left { left: 0; transform: translate(-50%, -50%); }

.p-externalFutureShop .p-externalFutureShopProducts .p-slider-button--left svg { transform-origin: center; transform: rotateZ(90deg); }

.p-externalFutureShop .p-externalFutureShopHowTo { padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopHowTo { padding: 50px 20px; } }

.p-externalFutureShop .p-externalFutureShopHowTo-content { max-width: 960px; margin-right: auto; margin-left: auto; }

.p-externalFutureShop .p-externalFutureShopHowTo-box { display: flex; align-items: center; justify-content: space-between; box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08); height: 200px; padding: 30px; margin: 40px 0; border-radius: 8px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopHowTo-box { flex-direction: column; height: unset; } }

.p-externalFutureShop .p-externalFutureShopHowTo-box-left { display: flex; align-items: center; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopHowTo-box-left { flex-direction: column; } }

.p-externalFutureShop .p-externalFutureShopHowTo-box-left img { width: 40px; margin: 20px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopHowTo-box-left img { width: 56px; margin: 0; } }

.p-externalFutureShop .p-externalFutureShopHowTo-box-left-text { margin-left: 50px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopHowTo-box-left-text { margin: 20px 0; } }

.p-externalFutureShop .p-externalFutureShopHowTo-box-left-text h5 { margin-bottom: 10px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopHowTo-box-left-text h5 { text-align: center; } }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopHowTo-box-left-text p { text-align: center; } }

.p-externalFutureShop .p-externalFutureShopHowTo-box-right img { height: 160px; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopHowTo-box-right img { width: 300px; height: auto; } }

.p-externalFutureShop .p-externalFutureShopBottom { background-color: #F5F3EF; padding: 100px 0; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopBottom { padding: 1px 20px 63px; } }

.p-externalFutureShop .p-externalFutureShopBottom-content { max-width: 960px; margin-right: auto; margin-left: auto; }

.p-externalFutureShop .p-externalFutureShopBottom-content-box { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 32px 40px; border-radius: 16px; box-shadow: 0.633857px 0.633857px 2.53543px rgba(0, 0, 0, 0.04); }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopBottom-content-box { flex-direction: column; } }

.p-externalFutureShop .p-externalFutureShopBottom-content-box-button button { border-radius: 100px; padding: 0 40px; height: 64px; width: 300px; font-size: 16px; }

.p-externalFutureShop .p-externalFutureShopBottom-content-box-text h2 { font-size: 1.5rem; line-height: 2.4rem; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopBottom-content-box-text h2 { font-size: 1.5rem; line-height: 2rem; } }

.p-externalFutureShop .p-externalFutureShopBottom-content-box-text p { margin: 12px 0; }

@media screen and (max-width: 768px) { .p-externalFutureShop .p-externalFutureShopBottom-content-box-text p { font-size: 1.4rem; line-height: 2.8rem; } }

.p-externalFutureShop-content { padding: 120px 160px; }

@media screen and (max-width: 768px) { .p-externalFutureShop-content { padding: 80px 20px 72px; } }

.p-externalFutureShop-content-header { text-align: center; }

.p-externalFutureShop-content-header h3 { font-size: 2.8rem; margin-bottom: 32px; }

.p-externalFutureShop-content-header h3 .hrempty { display: none; }

@media screen and (max-width: 768px) { .p-externalFutureShop-content-header h3 { font-size: 20px; } .p-externalFutureShop-content-header h3 br { display: none; } .p-externalFutureShop-content-header h3 .hrempty { display: block; } }

.p-externalFutureShop-content-header h4 { font-size: 28px; line-height: 1.64; font-weight: bold; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .p-externalFutureShop-content-header h4 { font-size: 24px; margin-bottom: 4px; } }

.p-externalFutureShop-content-header p { padding-bottom: 8px; font-size: 1.2rem; }

@media screen and (max-width: 768px) { .p-externalFutureShop-content-header p { font-size: 14px; margin-top: 48px; } }

.p-externalFutureShop-content-header-left { text-align: left; }

.p-externalFutureShop-content-topic { font-weight: bold; color: #205EFB; }

.p-notice { background: #FBFBFC; }

@media screen and (max-width: 768px) { .p-notice { padding: 0 24px; } }

.p-notice .p-noticeList { margin: 0 auto; padding: 57px 0 100px; max-width: 1000px; }

@media screen and (max-width: 768px) { .p-notice .p-noticeList { max-width: 100%; } }

.p-notice .p-noticeList-pagination { display: flex; justify-content: center; margin-top: 20px; }

.p-notice .p-noticeList-pagination-item { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; margin: 0 5px; }

.p-notice .p-noticeList-pagination-item a { color: black; }

.p-notice .p-noticeList-pagination-item span { font-size: 20px; }

.p-notice .p-noticeList-pagination-item--active { background-color: #205EFB; border-radius: 100px; color: white; }

.p-notice .p-noticeList-pagination-item--active a { color: white; }

.p-notice .p-orderedListHeader { padding: 0 0 32px; }

@media screen and (max-width: 768px) { .p-notice .p-orderedListHeader { padding: 0 0 28px; } }

.p-notice .p-orderedListHeader h2 { line-height: 1; }

@media screen and (max-width: 768px) { .p-notice .p-orderedListHeader h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; } }

.p-notice .p-orderedNoticeList { margin-top: 15px; }

@media screen and (max-width: 768px) { .p-notice .p-orderedNoticeList { margin-top: 5px; } }

.p-notice .p-orderedNotice { display: flex; height: 65px; margin-top: 8px; border-bottom: 1px solid #DADBDD; }

.p-notice .p-orderedNotice-header { display: flex; font-weight: bold; }

@media screen and (max-width: 768px) { .p-notice .p-orderedNotice-header { flex-direction: column; line-height: 1.75em; margin: auto 0; } }

.p-notice .p-orderedNotice-itemIcon { margin-block: auto; width: 18px; height: 18px; margin-right: 5px; }

.p-notice .p-orderedNotice-item { display: flex; flex-direction: column; }

@media screen and (max-width: 768px) { .p-notice .p-orderedNotice-item { width: 85%; } .p-notice .p-orderedNotice-item p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1em; } }

.p-notice .p-orderedNotice-badge { position: absolute; display: flex; margin-top: 25px; left: 80%; font-size: .3em; background: #205EFB; color: white; width: 10px; height: 10px; text-align: center; line-height: 10px; border-radius: 50%; box-shadow: 0 0 1px #333; }

@media screen and (max-width: 768px) { .p-notice .p-orderedNotice-badge { left: 90%; } }

.p-notice .p-noticePostBody { margin: 0 auto; padding: 57px 0 100px; max-width: 1000px; }

@media screen and (max-width: 768px) { .p-notice .p-noticePostBody { max-width: 100%; } }

.p-notice .p-noticePostTitle { padding: 0 0 32px; }

@media screen and (max-width: 768px) { .p-notice .p-noticePostTitle { padding: 0 0 28px; } }

.p-notice .p-noticePostTitle h2 { line-height: 1; }

@media screen and (max-width: 768px) { .p-notice .p-noticePostTitle h2 { font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1rem; line-height: 3.2rem; } }

.p-notice .p-noticePostText { padding: 20px 35px; white-space: pre-wrap; word-wrap: break-word; }

.p-notice .p-noticePostLinks { margin: 20px 0 50px; }

.p-notice .p-noticePostLinks-link { text-align: center; margin: 1rem; }

/** TODO: DRY integrated with Internal pages **/
.pageTitleInternal { margin-bottom: 16px; font-size: 32px; }

.noticeInternal .clickable { transition: opacity 80ms; }

.noticeInternal .clickable:hover { opacity: 0.6; }

.noticeInternalList { width: 100%; color: black; }

.noticeInternalList .listFunction { margin: 28px 0; position: relative; display: flex; align-items: center; }

.noticeInternalList .listFunction .query { width: 400px; background: white; height: 40px; border-radius: 20px; padding: 8px 24px 8px 48px; }

.noticeInternalList .listFunction .query::placeholder { color: #999999; letter-spacing: 2px; font-size: 12px; }

.noticeInternalList .listFunction .queryIcon { width: 16px; position: absolute; top: 12px; left: 16px; }

.noticeInternalList .listFunction .postCreateContainer { font-size: 10px; border-radius: 4px; border: 2px solid #205EFB; color: #fff; background: #205EFB; font-weight: bold; line-height: 28px; padding: 0px 20px; cursor: pointer; }

.noticeInternalList .listFunction .postCreateContainer a:visited { color: #fff; }

.noticeInternalList .listFunction .postCreateContainer a:link { color: #fff; }

.noticeInternalList .listTableContainer .listTable { overflow-x: scroll; white-space: nowrap; min-height: 500px; }

.noticeInternalList .listTableContainer .listTable-payment { display: flex; align-items: center; }

.noticeInternalList .listTableContainer .listTable-payment svg { width: 16px; height: 16px; }

.noticeInternalList .listTableContainer table { border-collapse: collapse; display: inline-block; width: 2000px; overflow-y: visible; }

.noticeInternalList .listTableContainer th { padding: 16px 24px; font-size: 10px; color: #787878; font-weight: bold; position: relative; }

.noticeInternalList .listTableContainer td { min-width: 250px; max-width: 250px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 20px 0; text-align: center; }

.noticeInternalList .listTableContainer td:first-child { padding: 0 24px; font-weight: bold; }

.noticeInternalList .listTableContainer td:nth-child(2) { padding: 0 24px; }

.noticeInternalList .listTableContainer td:nth-child(3) { min-width: 150px; max-width: 200px; }

.noticeInternalList .listTableContainer td:nth-child(4) { min-width: 298px; max-width: 298px; }

.noticeInternalList .listTableContainer td:last-child { min-width: calc(2000px - 250px * 4 - 298px); max-width: calc(2000px - 250px * 4 - 298px); }

.noticeInternalList .listTableContainer tr:nth-child(odd) { background: #FFFFFF; }

.noticeInternalList .listTableContainer tr:nth-child(even) { background: #F8F8F8; }

.noticeInternalList .listTableContainer .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #787878; float: right; margin-top: 12px; }

.noticeInternalList .listTableContainer .tableItem { padding: 0 24px; font-size: 12px; height: 56px; line-height: 56px; border-bottom: 1px solid #DADBDD; color: black; }

.noticeInternalList .listTableContainer .tableItem:last-child { border-bottom: none; }

.noticeInternalList .listTableContainer .filterButton { cursor: pointer; }

.noticeInternalList .listTableContainer .filterModal { position: absolute; top: 64px; background: white; padding: 16px; box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.08); border-radius: 8px; z-index: 10; }

.noticeInternalList .listTableContainer .filterModal.hidden { display: none; }

.noticeInternalList .listTableContainer .filterItemContainer { margin-bottom: 16px; }

.noticeInternalList .listTableContainer .filterItemContainer:last-child { margin-bottom: 0; }

.noticeInternalList .listTableContainer .pagination { padding: 40px 120px; }

.noticeInternalList .listTableContainer .pagination-item { display: inline-block; line-height: 32px; text-align: center; width: 32px; height: 32px; margin: 0 4px; color: #000000; }

.noticeInternalList .listTableContainer .pagination-item-now { display: inline-block; line-height: 32px; text-align: center; width: 32px; height: 32px; margin: 0 4px; background: #548689; color: white; border-radius: 16px; }

.noticeInternalList .listTableContainer-publish-btn { min-width: 100px; height: 30px; border-radius: 100px; }

.noticeInternalList .listTableContainer-publish-btn--undo { border: 0.5px solid #ff4242; color: #ff4242; }

/*# sourceMappingURL=style.css.map */