@charset "UTF-8";
@import url(/living/air_conditioners/css/app_g_add.css);
small { line-height: 1.4; }

/******************************************************************
component - bg-top-triangle
******************************************************************/
.c-bg-top-triangle { position: relative; padding-left: 7px; padding-left: 0.75em; }

.c-bg-top-triangle::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: calc( 0.8em - 4px); left: 0px; height: 8px; border-color: #333333; border-style: solid; border-right-width: 0; border-left-width: 7px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

.c-bg-top-triangle.is-active::after { border-right-width: 7px; border-left-width: 0; }

.c-bg-top-triangle--white::after { border-left-color: #ffffff; border-right-color: #ffffff; }

/******************************************************************
component - heading
******************************************************************/
.c-heading2-space { margin-bottom: 2.2rem; color: #ffffff; padding: 0.5em 0.5em 0.4em 0.5em; font-size: 1.2rem; letter-spacing: 2px; }

@media screen and (max-width: 767px) { .c-heading2-space { margin-bottom: 1.65rem; } }

@media screen and (max-width: 767px) { .c-heading2-space { font-size: 1rem; } }

.c-heading2-space--fseries { background-color: #aca000; }

.c-heading2-space--coldarea { background-color: #e63528; }

.c-heading3-space { margin-bottom: 1.8rem; }

@media screen and (max-width: 767px) { .c-heading3-space { margin-bottom: 1.35rem; } }

.c-heading3-space__main { display: inline-block; color: #ffffff; padding: 0.3em 0.8em 0.15em 0.8em; letter-spacing: 2px; }

.c-heading3-space--fseries .c-heading3-space__main { background-color: #aca000; }

.c-heading3-space--coldarea .c-heading3-space__main { background-color: #888888; }

.c-heading3-space__note { display: inline-block; margin-left: 1rem; font-size: 80%; color: #d2101c; }

@media screen and (max-width: 767px) { .c-heading3-space__note { display: block; margin-top: 5px; margin-left: 0; } }

.c-heading4-space { margin-bottom: 2.2rem; padding-bottom: 0.3em; letter-spacing: 2px; font-size: 1.1rem; }

@media screen and (max-width: 767px) { .c-heading4-space { margin-bottom: 1.65rem; } }

.c-heading4-space--fseries { color: #aca000; border-bottom: 2px solid #aca000; }

.c-heading4-space--coldarea { color: #e63528; border-bottom: 2px solid #e63528; }

.c-heading5-space-jirei { font-size: 110%; }

.c-heading5-space-jirei--coldarea { color: #e63528; }

.c-heading2-product { margin-bottom: 1.8rem; font-size: 1.6rem; font-weight: normal; line-height: 1.2; letter-spacing: 3px; }

@media screen and (max-width: 767px) { .c-heading2-product { margin-bottom: 1.35rem; } }

@media screen and (max-width: 767px) { .c-heading2-product { font-size: 1.4rem; } }

.c-heading3-product { margin-top: 1rem; font-size: 1.2rem; font-weight: normal; line-height: 1.2; }

@media screen and (max-width: 767px) { .c-heading3-product { margin-top: 0.75rem; } }

@media screen and (max-width: 767px) { .c-heading3-product { font-size: 1rem; } }

.c-heading-feature { letter-spacing: 2px; line-height: 1.4; margin-bottom: 3rem; }

@media screen and (max-width: 767px) { .c-heading-feature { margin-bottom: 2.25rem; } }

@media print, screen and (min-width: 768px) { .c-heading-feature { display: flex; font-size: 1.3em; }
  .c-heading-feature__head { box-sizing: border-box; color: #ffffff; min-width: 6em; padding: 0.5em 0.7em 0.3em 0.7em; text-align: center; }
  .c-heading-feature__main { padding: 0.5em 0.7em 0.3em 0.7em; flex-grow: 1; } }

@media screen and (max-width: 767px) { .c-heading-feature__head { font-size: 0.8em; display: block; box-sizing: border-box; color: #ffffff; padding: 0.4rem 0.4rem 0.15rem 0.4rem; }
  .c-heading-feature__main { font-size: 1.1em; display: block; padding: 0.4rem 0.4rem 0.25rem 0.4rem; flex-grow: 1; } }

.c-heading-feature--drne .c-heading-feature__head { background-color: #e63528; }

.c-heading-feature--drne .c-heading-feature__main { border: 1px solid #e63528; color: #e63528; }

.c-heading-feature--air_conditioning .c-heading-feature__head { background-color: #5ac2d8; }

.c-heading-feature--air_conditioning .c-heading-feature__main { border: 1px solid #5ac2d8; color: #5ac2d8; }

.c-heading-feature--air .c-heading-feature__head { background-color: #9b72b0; }

.c-heading-feature--air .c-heading-feature__main { border: 1px solid #9b72b0; color: #9b72b0; }

.c-heading-feature--clean .c-heading-feature__head { background-color: #62c1b4; }

.c-heading-feature--clean .c-heading-feature__main { border: 1px solid #62c1b4; color: #62c1b4; }

.c-heading-feature--energy_saving .c-heading-feature__head { background-color: #8bc459; }

.c-heading-feature--energy_saving .c-heading-feature__main { border: 1px solid #8bc459; color: #8bc459; }

.c-heading-feature--heating .c-heading-feature__head { background-color: #ea6d45; }

.c-heading-feature--heating .c-heading-feature__main { border: 1px solid #ea6d45; color: #ea6d45; }

.c-heading-feature--airflow .c-heading-feature__head { background-color: #999999; }

.c-heading-feature--airflow .c-heading-feature__main { border: 1px solid #999999; color: #888888; }

.c-heading2-feature-note { margin-bottom: 2.4rem; }

@media screen and (max-width: 767px) { .c-heading2-feature-note { margin-bottom: 1.8rem; } }

.c-heading2-feature { margin-bottom: 2.4rem; }

@media screen and (max-width: 767px) { .c-heading2-feature { margin-bottom: 1.8rem; } }

.c-heading2-feature--with-note { margin-bottom: 0.8rem; }

@media screen and (max-width: 767px) { .c-heading2-feature--with-note { margin-bottom: 0.6rem; } }

@media print, screen and (min-width: 768px) { .c-heading2-feature { display: flex; justify-content: space-between; align-items: flex-end; }
  .c-heading2-feature--air_conditioning { color: #00a2d0; border-bottom: 3px solid #00a2d0; }
  .c-heading2-feature--ai { color: #ea5514; border-bottom: 3px solid #ea5514; }
  .c-heading2-feature--clean { color: #13a88e; border-bottom: 3px solid #13a88e; }
  .c-heading2-feature--air { color: #6356a3; border-bottom: 3px solid #6356a3; }
  .c-heading2-feature--easy_to_use { color: #e95377; border-bottom: 3px solid #e95377; }
  .c-heading2-feature--energy_saving { color: #8aba28; border-bottom: 3px solid #8aba28; }
  .c-heading2-feature--heating { color: #e7811d; border-bottom: 3px solid #e7811d; }
  .c-heading2-feature--airflow { color: #888888; border-bottom: 3px solid #999999; }
  .c-heading2-feature__main { font-size: 1.7rem; letter-spacing: 2px; line-height: 1.3; flex-shrink: 1; }
  .c-heading2-feature__main--flex { display: flex; align-items: flex-end; }
  .c-heading2-feature__main-img { padding-bottom: 8px; padding-right: 5px; }
  .c-heading2-feature__main-img img { max-width: none; }
  .c-heading2-feature__main-text { padding-bottom: 5px; }
  .c-heading2-feature__main-icon { display: table; font-size: 10px; margin-bottom: 4px; }
  .c-heading2-feature__main-icon > span { display: table-cell; vertical-align: top; color: #000; }
  .c-heading2-feature__main-icon > span:first-child img { max-width: none; }
  .c-heading2-feature__main-icon > span:nth-child(2) { padding-left: 10px; padding-top: 2px; }
  .c-heading2-feature__main-note { font-size: 1rem; } }

@media screen and (max-width: 767px) { .c-heading2-feature--air_conditioning .c-heading2-feature__main { color: #00a2d0; border-bottom: 3px solid #00a2d0; }
  .c-heading2-feature--ai .c-heading2-feature__main { color: #ea5514; border-bottom: 3px solid #ea5514; }
  .c-heading2-feature--clean .c-heading2-feature__main { color: #13a88e; border-bottom: 3px solid #13a88e; }
  .c-heading2-feature--air .c-heading2-feature__main { color: #6356a3; border-bottom: 3px solid #6356a3; }
  .c-heading2-feature--easy_to_use .c-heading2-feature__main { color: #e95377; border-bottom: 3px solid #e95377; }
  .c-heading2-feature--energy_saving .c-heading2-feature__main { color: #8aba28; border-bottom: 3px solid #8aba28; }
  .c-heading2-feature--heating .c-heading2-feature__main { color: #e7811d; border-bottom: 3px solid #e7811d; }
  .c-heading2-feature__main { font-size: 1.2rem; }
  .c-heading2-feature__main:not(:last-child) { margin-bottom: 0.75rem; }
  .c-heading2-feature__main { font-size: 1.4rem; letter-spacing: 2px; line-height: 1.3; }
  .c-heading2-feature__main--flex { display: flex; align-items: flex-end; }
  .c-heading2-feature__main-img { padding-bottom: 5px; padding-right: 5px; }
  .c-heading2-feature__main-img img { max-width: none; width: 35px; }
  .c-heading2-feature__main-text { padding-bottom: 3px; }
  .c-heading2-feature__main-icon { display: table; font-size: 10px; margin-bottom: 4px; }
  .c-heading2-feature__main-icon > span { display: table-cell; vertical-align: top; color: #000; }
  .c-heading2-feature__main-icon > span:first-child img { max-width: none; }
  .c-heading2-feature__main-icon > span:nth-child(2) { padding-left: 10px; padding-top: 2px; }
  .c-heading2-feature__main-note { font-size: 1rem; } }

.c-heading3-feature { font-size: 1.5rem; font-weight: bold; line-height: 1.5; letter-spacing: 3px; }

@media screen and (max-width: 767px) { .c-heading3-feature { font-size: 1.1rem; } }

.c-heading3-feature--air_conditioning { color: #00a2d0; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--ai { color: #ea5514; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--air { color: #6356a3; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--clean { color: #13a88e; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--energy_saving { color: #8aba28; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--heating { color: #e7811d; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--easy_to_use { color: #e95377; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--dot-air_conditioning { color: #00a2d0; background: url(/living/air_conditioners/images/f/dot_air_conditioning.png) bottom left repeat-x; padding-bottom: 8px; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--dot-air { color: #6356a3; background: url(/living/air_conditioners/images/f/dot_air.png) bottom left repeat-x; padding-bottom: 8px; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--dot-clean { color: #13a88e; background: url(/living/air_conditioners/images/f/dot_clean.png) bottom left repeat-x; padding-bottom: 8px; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--dot-energy_saving { color: #8aba28; background: url(/living/air_conditioners/images/f/dot_energy_saving.png) bottom left repeat-x; padding-bottom: 8px; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--dot-heating { color: #e7811d; background: url(/living/air_conditioners/images/f/dot_heating.png) bottom left repeat-x; padding-bottom: 8px; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature--dot-easy_to_use { color: #e95377; background: url(/living/air_conditioners/images/f/dot_easy_to_use.png) bottom left repeat-x; padding-bottom: 8px; font-size: 1.3rem; font-weight: normal; }

.c-heading3-feature .aircon_attention { display: inline-block; font-weight: normal; }

.c-heading3-feature .note { font-weight: normal; font-size: 1rem; }

.c-heading3-feature-premium { color: #13a88e; border: 1px solid #13a88e; display: flex; }

.c-heading3-feature-premium span:first-child { min-width: 1em; color: #ffffff; background-color: #13a88e; padding: 5px 8px; text-align: center; }

.c-heading3-feature-premium span:last-child { flex-grow: 1; padding: 5px 8px; }

.c-heading3-feature-dust { color: #13a88e; border: 1px solid #13a88e; padding: 3px 5px 2px 5px; text-align: center; }

.c-heading3-feature-easy_to_use { color: #e95377; border: 1px solid #e95377; padding: 6px 10px 4px 10px; font-size: 1.08rem; }

@media screen and (max-width: 767px) { .c-heading3-feature-easy_to_use { font-size: 1.08rem; } }

.c-heading3-feature-easy_to_use2 { text-align: center; }

.c-heading3-feature-easy_to_use2 span { display: inline-block; color: #e95377; background-color: #fcecf2; padding: 6px 8px 5px 12px; }

.c-heading4-feature-easy_to_use { position: relative; }

.c-heading4-feature-easy_to_use span:first-child { position: relative; z-index: +1; padding-left: 15px; }

@media screen and (max-width: 767px) { .c-heading4-feature-easy_to_use--phone span:first-child img { height: 55px; }
  .c-heading4-feature-easy_to_use--speaker span:first-child img { height: 55px; } }

.c-heading4-feature-easy_to_use span:last-child { box-sizing: border-box; position: absolute; top: 33%; display: block; width: 100%; background-color: #fefceb; font-size: 1.3rem; font-weight: bold; line-height: 1.5; letter-spacing: 2px; }

@media screen and (max-width: 767px) { .c-heading4-feature-easy_to_use span:last-child { top: 30%; font-size: 1.0rem; } }

.c-heading4-feature-easy_to_use--phone span:last-child { padding: 0.4em 0.4em 0.4em 75px; }

@media screen and (max-width: 767px) { .c-heading4-feature-easy_to_use--phone span:last-child { padding: 0.4em 0.4em 0.4em 56px; } }

.c-heading4-feature-easy_to_use--speaker span:last-child { padding: 0.4em 0.4em 0.4em 95px; }

@media screen and (max-width: 767px) { .c-heading4-feature-easy_to_use--speaker span:last-child { padding: 0.4em 0.4em 0.4em 68px; } }

/******************************************************************
component - badge
******************************************************************/
.c-badge { display: inline-block; text-align: center; vertical-align: 3px; box-sizing: border-box; line-height: 1; font-size: 0.75em; border: 1px solid transparent; padding: 0.35em 0.5em 0.25em; }

.c-badge--full { display: block; width: 100%; }

.c-badge--bg-new { background-color: #000000; color: #ffffff; }

/******************************************************************
component - list-notes
******************************************************************/
.c-list-notes { display: table; }

.c-list-notes__row { display: table-row; }

.c-list-notes__head { display: table-cell; white-space: nowrap; padding-right: 0.5em; }

.c-list-notes__body { display: table-cell; }

@media screen and (max-width: 767px) { .c-list-notes.sp-vertial { display: block; }
  .c-list-notes.sp-vertial > .c-list-notes__row { display: block; }
  .c-list-notes.sp-vertial > .c-list-notes__row > .c-list-notes__head { display: block; white-space: normal; padding-right: 0; }
  .c-list-notes.sp-vertial > .c-list-notes__row > .c-list-notes__body { display: block; } }

/******************************************************************
component - image-row
******************************************************************/
.c-image-row { display: flex; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; margin-bottom: -1rem; }

.c-image-row--center { justify-content: center; }

.c-image-row--right { justify-content: flex-end; }

.c-image-row__item { margin-right: 0.5rem; margin-left: 0.5rem; margin-bottom: 1rem; box-sizing: border-box; }

@media screen and (max-width: 767px) { .c-image-row:not(.sp-keep):not(.sp-grid) { flex-direction: column; margin-right: 0; margin-left: 0; margin-bottom: -0.75rem; }
  .c-image-row:not(.sp-keep):not(.sp-grid) > .c-image-row__item { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 0.75rem; text-align: center; }
  .c-image-row.sp-grid { flex-wrap: wrap; margin-right: -0.375rem; margin-left: -0.375rem; margin-bottom: -0.75rem; }
  .c-image-row.sp-grid > .c-image-row__item.sp-item2 { width: calc( 50% - 0.75rem); margin-right: 0.375rem; margin-left: 0.375rem; margin-bottom: 0.75rem; text-align: center; }
  .c-image-row.sp-grid > .c-image-row__item.sp-item3 { width: calc( 33.33333% - 0.75rem); margin-right: 0.375rem; margin-left: 0.375rem; margin-bottom: 0.75rem; text-align: center; }
  .c-image-row.sp-grid > .c-image-row__item.sp-item4 { width: calc( 25% - 0.75rem); margin-right: 0.375rem; margin-left: 0.375rem; margin-bottom: 0.75rem; text-align: center; }
  .c-image-row.sp-grid > .c-image-row__item.sp-item5 { width: calc( 20% - 0.75rem); margin-right: 0.375rem; margin-left: 0.375rem; margin-bottom: 0.75rem; text-align: center; }
  .c-image-row.sp-grid > .c-image-row__item.sp-item6 { width: calc( 16.66667% - 0.75rem); margin-right: 0.375rem; margin-left: 0.375rem; margin-bottom: 0.75rem; text-align: center; } }

.c-image-row--2l { margin-right: -0.75rem; margin-left: -0.75rem; margin-bottom: -1.5rem; }

.c-image-row--2l > .c-image-row__item { margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }

@media screen and (max-width: 767px) { .c-image-row--2l:not(.sp-keep):not(.sp-grid) { margin-bottom: -1.125rem; }
  .c-image-row--2l:not(.sp-keep):not(.sp-grid) > .c-image-row__item { margin-bottom: 1.125rem; }
  .c-image-row--2l.sp-keep { margin-right: -0.5625rem; margin-left: -0.5625rem; margin-bottom: -1.125rem; }
  .c-image-row--2l.sp-keep > .c-image-row__item { margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row--2l.sp-grid { margin-right: -0.5625rem; margin-left: -0.5625rem; margin-bottom: -1.125rem; }
  .c-image-row--2l.sp-grid > .c-image-row__item.sp-item2 { width: calc( 50% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row--2l.sp-grid > .c-image-row__item.sp-item3 { width: calc( 33.33333% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row--2l.sp-grid > .c-image-row__item.sp-item4 { width: calc( 25% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row--2l.sp-grid > .c-image-row__item.sp-item5 { width: calc( 20% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row--2l.sp-grid > .c-image-row__item.sp-item6 { width: calc( 16.66667% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; } }

.c-image-row--2x { margin-right: -1rem; margin-left: -1rem; margin-bottom: -2rem; }

.c-image-row--2x > .c-image-row__item { margin-right: 1rem; margin-left: 1rem; margin-bottom: 2rem; }

@media screen and (max-width: 767px) { .c-image-row--2x:not(.sp-keep):not(.sp-grid) { margin-bottom: -1.5rem; }
  .c-image-row--2x:not(.sp-keep):not(.sp-grid) > .c-image-row__item { margin-bottom: 1.5rem; }
  .c-image-row--2x.sp-keep { margin-right: -0.75rem; margin-left: -0.75rem; margin-bottom: -1.5rem; }
  .c-image-row--2x.sp-keep > .c-image-row__item { margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row--2x.sp-grid { margin-right: -0.75rem; margin-left: -0.75rem; margin-bottom: -1.5rem; }
  .c-image-row--2x.sp-grid > .c-image-row__item.sp-item2 { width: calc( 50% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row--2x.sp-grid > .c-image-row__item.sp-item3 { width: calc( 33.33333% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row--2x.sp-grid > .c-image-row__item.sp-item4 { width: calc( 25% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row--2x.sp-grid > .c-image-row__item.sp-item5 { width: calc( 20% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row--2x.sp-grid > .c-image-row__item.sp-item6 { width: calc( 16.66667% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; } }

@media screen and (max-width: 767px) { .c-image-row.sp-2l:not(.sp-keep):not(.sp-grid) { margin-bottom: -1.125rem; }
  .c-image-row.sp-2l:not(.sp-keep):not(.sp-grid) > .c-image-row__item { margin-bottom: 1.125rem; }
  .c-image-row.sp-2l.sp-keep { margin-right: -0.5625rem; margin-left: -0.5625rem; margin-bottom: -1.125rem; }
  .c-image-row.sp-2l.sp-keep > .c-image-row__item { margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row.sp-2l.sp-grid { margin-right: -0.5625rem; margin-left: -0.5625rem; margin-bottom: -1.125rem; }
  .c-image-row.sp-2l.sp-grid > .c-image-row__item.sp-item2 { width: calc( 50% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row.sp-2l.sp-grid > .c-image-row__item.sp-item3 { width: calc( 33.33333% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row.sp-2l.sp-grid > .c-image-row__item.sp-item4 { width: calc( 25% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row.sp-2l.sp-grid > .c-image-row__item.sp-item5 { width: calc( 20% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; }
  .c-image-row.sp-2l.sp-grid > .c-image-row__item.sp-item6 { width: calc( 16.66667% - 1.125rem); margin-right: 0.5625rem; margin-left: 0.5625rem; margin-bottom: 1.125rem; } }

@media screen and (max-width: 767px) { .c-image-row.sp-2x:not(.sp-keep):not(.sp-grid) { margin-bottom: -1.5rem; }
  .c-image-row.sp-2x:not(.sp-keep):not(.sp-grid) > .c-image-row__item { margin-bottom: 1.5rem; }
  .c-image-row.sp-2x.sp-keep { margin-right: -0.75rem; margin-left: -0.75rem; margin-bottom: -1.5rem; }
  .c-image-row.sp-2x.sp-keep > .c-image-row__item { margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row.sp-2x.sp-grid { margin-right: -0.75rem; margin-left: -0.75rem; margin-bottom: -1.5rem; }
  .c-image-row.sp-2x.sp-grid > .c-image-row__item.sp-item2 { width: calc( 50% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row.sp-2x.sp-grid > .c-image-row__item.sp-item3 { width: calc( 33.33333% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row.sp-2x.sp-grid > .c-image-row__item.sp-item4 { width: calc( 25% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row.sp-2x.sp-grid > .c-image-row__item.sp-item5 { width: calc( 20% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; }
  .c-image-row.sp-2x.sp-grid > .c-image-row__item.sp-item6 { width: calc( 16.66667% - 1.5rem); margin-right: 0.75rem; margin-left: 0.75rem; margin-bottom: 1.5rem; } }

/******************************************************************
component - text-row
******************************************************************/
.c-text-row { display: flex; }

.c-text-row--inline { display: inline-flex; }

.c-text-row--center { align-items: center; }

.c-text-row > .c-text-row__head-left { box-sizing: border-box; flex-shrink: 0; order: 1; margin-right: 1rem; }

.c-text-row > .c-text-row__head-right { box-sizing: border-box; flex-shrink: 0; order: 2; margin-left: 1rem; }

.c-text-row > .c-text-row__body-right { box-sizing: border-box; flex-grow: 1; order: 2; }

.c-text-row > .c-text-row__body-left { box-sizing: border-box; flex-grow: 1; order: 1; }

@media print, screen and (max-width: 800px) { .c-text-row > .c-text-row__head-left { max-width: 50%; }
  .c-text-row > .c-text-row__head-right { max-width: 50%; } }

@media screen and (max-width: 767px) { .c-text-row--center:not(.sp-keep) { align-items: flex-start; }
  .c-text-row--center:not(.sp-keep) > .c-text-row__head-left { width: 100%; }
  .c-text-row--center:not(.sp-keep) > .c-text-row__head-right { width: 100%; }
  .c-text-row--center:not(.sp-keep) > .c-text-row__body-right { width: 100%; }
  .c-text-row--center:not(.sp-keep) > .c-text-row__body-left { width: 100%; }
  .c-text-row:not(.sp-keep) { flex-direction: column; }
  .c-text-row:not(.sp-keep) > .c-text-row__head-left { margin-right: 0; margin-bottom: 0.75rem; text-align: center; max-width: none; }
  .c-text-row:not(.sp-keep).sp-bottom > .c-text-row__head-left { order: 2; margin-bottom: 0; margin-top: 0.75rem; }
  .c-text-row:not(.sp-keep) > .c-text-row__head-right { margin-left: 0; margin-bottom: 0.75rem; order: 1; text-align: center; max-width: none; }
  .c-text-row:not(.sp-keep).sp-bottom > .c-text-row__head-right { order: 2; margin-bottom: 0; margin-top: 0.75rem; }
  .c-text-row:not(.sp-keep).sp-bottom > .c-text-row__body-right { order: 1; }
  .c-text-row:not(.sp-keep) > .c-text-row__body-left { order: 2; }
  .c-text-row:not(.sp-keep).sp-bottom > .c-text-row__body-left { order: 1; }
  .c-text-row.sp-keep > .c-text-row__head-left { margin-right: 0.75rem; max-width: 40%; }
  .c-text-row.sp-keep > .c-text-row__head-right { margin-left: 0.75rem; max-width: 40%; } }

.c-text-row--2x > .c-text-row__head-left { margin-right: 2rem; }

.c-text-row--2x > .c-text-row__head-right { margin-left: 2rem; }

@media screen and (max-width: 767px) { .c-text-row--2x:not(.sp-keep) > .c-text-row__head-left, .c-text-row--2x:not(.sp-keep) > .c-text-row__head-right { margin-bottom: 1.5rem; }
  .c-text-row--2x:not(.sp-keep).sp-bottom > .c-text-row__head-left, .c-text-row--2x:not(.sp-keep).sp-bottom > .c-text-row__head-right { margin-top: 1.5rem; }
  .c-text-row--2x.sp-keep > .c-text-row__head-left { margin-right: 1.5rem; }
  .c-text-row--2x.sp-keep > .c-text-row__head-right { margin-left: 1.5rem; } }

.c-text-row--3x > .c-text-row__head-left { margin-right: 3rem; }

.c-text-row--3x > .c-text-row__head-right { margin-left: 3rem; }

@media screen and (max-width: 767px) { .c-text-row--3x:not(.sp-keep) > .c-text-row__head-left, .c-text-row--3x:not(.sp-keep) > .c-text-row__head-right { margin-bottom: 2.25rem; }
  .c-text-row--3x:not(.sp-keep).sp-bottom > .c-text-row__head-left, .c-text-row--3x:not(.sp-keep).sp-bottom > .c-text-row__head-right { margin-top: 2.25rem; }
  .c-text-row--3x.sp-keep > .c-text-row__head-left { margin-right: 2.25rem; }
  .c-text-row--3x.sp-keep > .c-text-row__head-right { margin-left: 2.25rem; } }

.c-text-row--4x > .c-text-row__head-left { margin-right: 4rem; }

.c-text-row--4x > .c-text-row__head-right { margin-left: 4rem; }

@media screen and (max-width: 767px) { .c-text-row--4x:not(.sp-keep) > .c-text-row__head-left, .c-text-row--4x:not(.sp-keep) > .c-text-row__head-right { margin-bottom: 3rem; }
  .c-text-row--4x:not(.sp-keep).sp-bottom > .c-text-row__head-left, .c-text-row--4x:not(.sp-keep).sp-bottom > .c-text-row__head-right { margin-top: 3rem; }
  .c-text-row--4x.sp-keep > .c-text-row__head-left { margin-right: 3rem; }
  .c-text-row--4x.sp-keep > .c-text-row__head-right { margin-left: 3rem; } }

/******************************************************************
component - table-fixedscroll-col
******************************************************************/
.c-table-fixedscroll-col { position: relative; }

.c-table-fixedscroll-col__inner { padding-bottom: 2px; overflow-x: auto; }

.c-table-fixedscroll-col__inner::-webkit-scrollbar { width: 14px; background: #F1F1F1; border-radius: 14px; }

.c-table-fixedscroll-col__inner::-webkit-scrollbar:horizontal { height: 14px; background: #F1F1F1; border-radius: 14px; }

.c-table-fixedscroll-col__inner::-webkit-scrollbar-thumb { background: #BCBCBC; border-radius: 14px; }

.c-table-fixedscroll-col__inner::-webkit-scrollbar-thumb:horizontal { background: #BCBCBC; border-radius: 14px; }

.c-table-fixedscroll-col .is-scroll tr > *:first-child { visibility: hidden; }

.c-table-fixedscroll-col .is-clone { display: none; position: absolute; top: 0; z-index: +1; overflow: hidden; }

/******************************************************************
component - vertical-area
******************************************************************/
/******************************************************************
component - vertical-area
******************************************************************/
.c-vertical-area { position: absolute; z-index: +1; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }

.c-vertical-area--top { align-items: flex-start; }

.c-vertical-area--bottom { align-items: flex-end; }

.c-vertical-area__inner { box-sizing: border-box; width: 100%; }

/******************************************************************
component - feature-img
******************************************************************/
.c-feature-img { position: relative; box-sizing: border-box; }

.c-feature-img__img img { width: 100%; }

/******************************************************************
component - grid
******************************************************************/
.c-grid { display: flex; flex-wrap: wrap; margin-right: -1rem; margin-bottom: -1rem; }

.c-grid--center { justify-content: center; }

.c-grid--right { justify-content: flex-end; }

.c-grid > .c-grid__item1 { position: relative; box-sizing: border-box; width: calc( 8.33333% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item2 { position: relative; box-sizing: border-box; width: calc( 16.66667% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item3 { position: relative; box-sizing: border-box; width: calc( 25% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item4 { position: relative; box-sizing: border-box; width: calc( 33.33333% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item5 { position: relative; box-sizing: border-box; width: calc( 41.66667% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item6 { position: relative; box-sizing: border-box; width: calc( 50% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item7 { position: relative; box-sizing: border-box; width: calc( 58.33333% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item8 { position: relative; box-sizing: border-box; width: calc( 66.66667% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item9 { position: relative; box-sizing: border-box; width: calc( 75% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item10 { position: relative; box-sizing: border-box; width: calc( 83.33333% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item11 { position: relative; box-sizing: border-box; width: calc( 91.66667% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item12 { position: relative; box-sizing: border-box; width: calc( 100% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid > .c-grid__item5col { position: relative; box-sizing: border-box; width: calc( 20% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid--vertical > .c-grid__item1 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item2 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item3 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item4 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item5 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item6 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item7 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item8 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item9 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item10 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item11 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item12 { display: flex; align-items: center; }

.c-grid--vertical > .c-grid__item5col { display: flex; align-items: center; }

@media screen and (max-width: 767px) { .c-grid:not(.sp-keep) { flex-direction: column; margin-right: 0; margin-bottom: -0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item1 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item2 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item3 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item4 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item5 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item6 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item7 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item8 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item9 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item10 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item11 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item12 { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid:not(.sp-keep) > .c-grid__item5col { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid.sp-keep { margin-right: -0.75rem; margin-bottom: -0.75rem; }
  .c-grid.sp-keep > .c-grid__item1 { width: calc( 8.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item2 { width: calc( 16.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item3 { width: calc( 25% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item4 { width: calc( 33.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item5 { width: calc( 41.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item6 { width: calc( 50% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item7 { width: calc( 58.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item8 { width: calc( 66.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item9 { width: calc( 75% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item10 { width: calc( 83.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item11 { width: calc( 91.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item12 { width: calc( 100% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .c-grid__item5col { width: calc( 20% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item1 { width: calc( 8.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item2 { width: calc( 16.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item3 { width: calc( 25% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item4 { width: calc( 33.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item5 { width: calc( 41.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item6 { width: calc( 50% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item7 { width: calc( 58.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item8 { width: calc( 66.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item9 { width: calc( 75% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item10 { width: calc( 83.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item11 { width: calc( 91.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item12 { width: calc( 100% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid.sp-keep > .sp-item5col { width: calc( 20% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; } }

.c-grid--2x { margin-right: -2rem; margin-bottom: -2rem; }

.c-grid--2x > .c-grid__item1 { width: calc( 8.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item2 { width: calc( 16.66667% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item3 { width: calc( 25% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item4 { width: calc( 33.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item5 { width: calc( 41.66667% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item6 { width: calc( 50% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item7 { width: calc( 58.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item8 { width: calc( 66.66667% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item9 { width: calc( 75% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item10 { width: calc( 83.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item11 { width: calc( 91.66667% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item12 { width: calc( 100% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid--2x > .c-grid__item5col { width: calc( 20% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

@media screen and (max-width: 767px) { .c-grid--2x:not(.sp-keep) { margin-bottom: -1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item1 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item2 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item3 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item4 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item5 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item6 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item7 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item8 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item9 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item10 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item11 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item12 { margin-bottom: 1.5rem; }
  .c-grid--2x:not(.sp-keep) > .c-grid__item5col { margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep { margin-right: -1.5rem; margin-bottom: -1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item1 { width: calc( 8.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item2 { width: calc( 16.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item3 { width: calc( 25% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item4 { width: calc( 33.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item5 { width: calc( 41.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item6 { width: calc( 50% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item7 { width: calc( 58.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item8 { width: calc( 66.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item9 { width: calc( 75% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item10 { width: calc( 83.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item11 { width: calc( 91.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item12 { width: calc( 100% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .c-grid__item5col { width: calc( 20% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item1 { width: calc( 8.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item2 { width: calc( 16.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item3 { width: calc( 25% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item4 { width: calc( 33.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item5 { width: calc( 41.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item6 { width: calc( 50% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item7 { width: calc( 58.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item8 { width: calc( 66.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item9 { width: calc( 75% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item10 { width: calc( 83.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item11 { width: calc( 91.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item12 { width: calc( 100% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid--2x.sp-keep > .sp-item5col { width: calc( 20% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; } }

.c-grid--3x { margin-right: -3rem; margin-bottom: -3rem; }

.c-grid--3x > .c-grid__item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid--3x > .c-grid__item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

@media screen and (max-width: 767px) { .c-grid--3x:not(.sp-keep) { margin-bottom: -2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item1 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item2 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item3 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item4 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item5 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item6 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item7 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item8 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item9 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item10 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item11 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item12 { margin-bottom: 2.25rem; }
  .c-grid--3x:not(.sp-keep) > .c-grid__item5col { margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep { margin-right: -2.25rem; margin-bottom: -2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item1 { width: calc( 8.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item2 { width: calc( 16.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item3 { width: calc( 25% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item4 { width: calc( 33.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item5 { width: calc( 41.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item6 { width: calc( 50% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item7 { width: calc( 58.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item8 { width: calc( 66.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item9 { width: calc( 75% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item10 { width: calc( 83.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item11 { width: calc( 91.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item12 { width: calc( 100% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .c-grid__item5col { width: calc( 20% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item1 { width: calc( 8.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item2 { width: calc( 16.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item3 { width: calc( 25% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item4 { width: calc( 33.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item5 { width: calc( 41.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item6 { width: calc( 50% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item7 { width: calc( 58.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item8 { width: calc( 66.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item9 { width: calc( 75% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item10 { width: calc( 83.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item11 { width: calc( 91.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item12 { width: calc( 100% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid--3x.sp-keep > .sp-item5col { width: calc( 20% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; } }

.c-grid--4x { margin-right: -4rem; margin-bottom: -4rem; }

.c-grid--4x > .c-grid__item1 { width: calc( 8.33333% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item2 { width: calc( 16.66667% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item3 { width: calc( 25% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item4 { width: calc( 33.33333% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item5 { width: calc( 41.66667% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item6 { width: calc( 50% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item7 { width: calc( 58.33333% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item8 { width: calc( 66.66667% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item9 { width: calc( 75% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item10 { width: calc( 83.33333% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item11 { width: calc( 91.66667% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item12 { width: calc( 100% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid--4x > .c-grid__item5col { width: calc( 20% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

@media screen and (max-width: 767px) { .c-grid--4x:not(.sp-keep) { margin-bottom: -3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item1 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item2 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item3 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item4 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item5 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item6 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item7 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item8 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item9 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item10 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item11 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item12 { margin-bottom: 3rem; }
  .c-grid--4x:not(.sp-keep) > .c-grid__item5col { margin-bottom: 3rem; }
  .c-grid--4x.sp-keep { margin-right: -3rem; margin-bottom: -3rem; }
  .c-grid--4x.sp-keep > .c-grid__item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .c-grid__item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid--4x.sp-keep > .sp-item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; } }

@media screen and (max-width: 767px) { .c-grid.sp-2x:not(.sp-keep) { margin-bottom: -1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item1 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item2 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item3 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item4 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item5 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item6 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item7 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item8 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item9 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item10 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item11 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item12 { margin-bottom: 1.5rem; }
  .c-grid.sp-2x:not(.sp-keep) > .c-grid__item5col { margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep { margin-right: -1.5rem; margin-bottom: -1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item1 { width: calc( 8.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item2 { width: calc( 16.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item3 { width: calc( 25% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item4 { width: calc( 33.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item5 { width: calc( 41.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item6 { width: calc( 50% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item7 { width: calc( 58.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item8 { width: calc( 66.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item9 { width: calc( 75% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item10 { width: calc( 83.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item11 { width: calc( 91.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item12 { width: calc( 100% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .c-grid__item5col { width: calc( 20% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item1 { width: calc( 8.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item2 { width: calc( 16.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item3 { width: calc( 25% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item4 { width: calc( 33.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item5 { width: calc( 41.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item6 { width: calc( 50% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item7 { width: calc( 58.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item8 { width: calc( 66.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item9 { width: calc( 75% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item10 { width: calc( 83.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item11 { width: calc( 91.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item12 { width: calc( 100% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid.sp-2x.sp-keep > .sp-item5col { width: calc( 20% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; } }

@media screen and (max-width: 767px) { .c-grid.sp-3x:not(.sp-keep) { margin-bottom: -2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item1 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item2 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item3 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item4 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item5 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item6 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item7 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item8 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item9 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item10 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item11 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item12 { margin-bottom: 2.25rem; }
  .c-grid.sp-3x:not(.sp-keep) > .c-grid__item5col { margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep { margin-right: -2.25rem; margin-bottom: -2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item1 { width: calc( 8.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item2 { width: calc( 16.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item3 { width: calc( 25% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item4 { width: calc( 33.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item5 { width: calc( 41.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item6 { width: calc( 50% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item7 { width: calc( 58.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item8 { width: calc( 66.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item9 { width: calc( 75% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item10 { width: calc( 83.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item11 { width: calc( 91.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item12 { width: calc( 100% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .c-grid__item5col { width: calc( 20% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item1 { width: calc( 8.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item2 { width: calc( 16.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item3 { width: calc( 25% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item4 { width: calc( 33.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item5 { width: calc( 41.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item6 { width: calc( 50% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item7 { width: calc( 58.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item8 { width: calc( 66.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item9 { width: calc( 75% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item10 { width: calc( 83.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item11 { width: calc( 91.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item12 { width: calc( 100% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid.sp-3x.sp-keep > .sp-item5col { width: calc( 20% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; } }

@media screen and (max-width: 767px) { .c-grid.sp-4x:not(.sp-keep) { margin-bottom: -3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item1 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item2 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item3 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item4 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item5 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item6 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item7 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item8 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item9 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item10 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item11 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item12 { margin-bottom: 3rem; }
  .c-grid.sp-4x:not(.sp-keep) > .c-grid__item5col { margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep { margin-right: -3rem; margin-bottom: -3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .c-grid__item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid.sp-4x.sp-keep > .sp-item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; } }

.c-grid--fit { margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item1 { width: 8.33333%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item2 { width: 16.66667%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item3 { width: 25%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item4 { width: 33.33333%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item5 { width: 41.66667%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item6 { width: 50%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item7 { width: 58.33333%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item8 { width: 66.66667%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item9 { width: 75%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item10 { width: 83.33333%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item11 { width: 91.66667%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item12 { width: 100%; margin-right: 0; margin-bottom: 0; }

.c-grid--fit > .c-grid__item5col { width: 20%; margin-right: 0; margin-bottom: 0; }

@media screen and (max-width: 767px) { .c-grid--fit:not(.sp-keep) { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item1 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item2 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item3 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item4 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item5 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item6 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item7 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item8 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item9 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item10 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item11 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item12 { margin-bottom: 0; }
  .c-grid--fit:not(.sp-keep) > .c-grid__item5col { margin-bottom: 0; }
  .c-grid--fit.sp-keep { margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item1 { width: 8.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item2 { width: 16.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item3 { width: 25%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item4 { width: 33.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item5 { width: 41.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item6 { width: 50%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item7 { width: 58.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item8 { width: 66.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item9 { width: 75%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item10 { width: 83.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item11 { width: 91.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item12 { width: 100%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .c-grid__item5col { width: 20%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item1 { width: 8.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item2 { width: 16.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item3 { width: 25%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item4 { width: 33.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item5 { width: 41.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item6 { width: 50%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item7 { width: 58.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item8 { width: 66.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item9 { width: 75%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item10 { width: 83.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item11 { width: 91.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item12 { width: 100%; margin-right: 0; margin-bottom: 0; }
  .c-grid--fit.sp-keep > .sp-item5col { width: 20%; margin-right: 0; margin-bottom: 0; } }

/******************************************************************
component - grid-float
******************************************************************/
.c-grid-float { margin-right: -1rem; margin-bottom: -1rem; }

.c-grid-float::after { content: ""; display: block; clear: both; }

.c-grid-float--wrap1 > *:nth-child(1n+1) { clear: both; }

.c-grid-float--wrap2 > *:nth-child(2n+1) { clear: both; }

.c-grid-float--wrap3 > *:nth-child(3n+1) { clear: both; }

.c-grid-float--wrap4 > *:nth-child(4n+1) { clear: both; }

.c-grid-float--wrap5 > *:nth-child(5n+1) { clear: both; }

.c-grid-float--wrap6 > *:nth-child(6n+1) { clear: both; }

.c-grid-float--wrap7 > *:nth-child(7n+1) { clear: both; }

.c-grid-float--wrap8 > *:nth-child(8n+1) { clear: both; }

.c-grid-float--wrap9 > *:nth-child(9n+1) { clear: both; }

.c-grid-float--wrap10 > *:nth-child(10n+1) { clear: both; }

.c-grid-float--wrap11 > *:nth-child(11n+1) { clear: both; }

.c-grid-float--wrap12 > *:nth-child(12n+1) { clear: both; }

.c-grid-float > .c-grid-float__item1 { float: left; position: relative; box-sizing: border-box; width: calc( 8.33333% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item2 { float: left; position: relative; box-sizing: border-box; width: calc( 16.66667% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item3 { float: left; position: relative; box-sizing: border-box; width: calc( 25% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item4 { float: left; position: relative; box-sizing: border-box; width: calc( 33.33333% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item5 { float: left; position: relative; box-sizing: border-box; width: calc( 41.66667% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item6 { float: left; position: relative; box-sizing: border-box; width: calc( 50% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item7 { float: left; position: relative; box-sizing: border-box; width: calc( 58.33333% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item8 { float: left; position: relative; box-sizing: border-box; width: calc( 66.66667% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item9 { float: left; position: relative; box-sizing: border-box; width: calc( 75% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item10 { float: left; position: relative; box-sizing: border-box; width: calc( 83.33333% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item11 { float: left; position: relative; box-sizing: border-box; width: calc( 91.66667% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item12 { float: left; position: relative; box-sizing: border-box; width: calc( 100% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

.c-grid-float > .c-grid-float__item5col { float: left; position: relative; box-sizing: border-box; width: calc( 20% - 1rem); margin-right: 1rem; margin-bottom: 1rem; }

@media screen and (max-width: 767px) { .c-grid-float:not(.sp-keep) { margin-right: 0; margin-bottom: -0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item1 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item2 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item3 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item4 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item5 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item6 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item7 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item8 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item9 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item10 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item11 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item12 { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float:not(.sp-keep) > .c-grid-float__item5col { float: none; width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep { margin-right: -0.75rem; margin-bottom: -0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item1 { width: calc( 8.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item2 { width: calc( 16.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item3 { width: calc( 25% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item4 { width: calc( 33.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item5 { width: calc( 41.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item6 { width: calc( 50% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item7 { width: calc( 58.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item8 { width: calc( 66.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item9 { width: calc( 75% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item10 { width: calc( 83.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item11 { width: calc( 91.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item12 { width: calc( 100% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .c-grid-float__item5col { width: calc( 20% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item1 { width: calc( 8.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item2 { width: calc( 16.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item3 { width: calc( 25% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item4 { width: calc( 33.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item5 { width: calc( 41.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item6 { width: calc( 50% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item7 { width: calc( 58.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item8 { width: calc( 66.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item9 { width: calc( 75% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item10 { width: calc( 83.33333% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item11 { width: calc( 91.66667% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item12 { width: calc( 100% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; }
  .c-grid-float.sp-keep > .sp-item5col { width: calc( 20% - 0.75rem); margin-right: 0.75rem; margin-bottom: 0.75rem; } }

.c-grid-float--2x { margin-right: -2rem; margin-bottom: -2rem; }

.c-grid-float--2x > .c-grid-float__item1 { width: calc( 8.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item2 { width: calc( 16.66667% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item3 { width: calc( 25% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item4 { width: calc( 33.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item5 { width: calc( 41.66667% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item6 { width: calc( 50% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item7 { width: calc( 58.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item8 { width: calc( 66.66667% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item9 { width: calc( 75% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item10 { width: calc( 83.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item11 { width: calc( 91.66667% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item12 { width: calc( 100% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

.c-grid-float--2x > .c-grid-float__item5col { width: calc( 20% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

@media screen and (max-width: 767px) { .c-grid-float--2x:not(.sp-keep) { margin-bottom: -1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item1 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item2 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item3 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item4 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item5 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item6 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item7 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item8 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item9 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item10 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item11 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item12 { margin-bottom: 1.5rem; }
  .c-grid-float--2x:not(.sp-keep) > .c-grid-float__item5col { margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep { margin-right: -1.5rem; margin-bottom: -1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item1 { width: calc( 8.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item2 { width: calc( 16.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item3 { width: calc( 25% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item4 { width: calc( 33.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item5 { width: calc( 41.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item6 { width: calc( 50% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item7 { width: calc( 58.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item8 { width: calc( 66.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item9 { width: calc( 75% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item10 { width: calc( 83.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item11 { width: calc( 91.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item12 { width: calc( 100% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .c-grid-float__item5col { width: calc( 20% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item1 { width: calc( 8.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item2 { width: calc( 16.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item3 { width: calc( 25% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item4 { width: calc( 33.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item5 { width: calc( 41.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item6 { width: calc( 50% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item7 { width: calc( 58.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item8 { width: calc( 66.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item9 { width: calc( 75% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item10 { width: calc( 83.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item11 { width: calc( 91.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item12 { width: calc( 100% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float--2x.sp-keep > .sp-item5col { width: calc( 20% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; } }

.c-grid-float--3x { margin-right: -3rem; margin-bottom: -3rem; }

.c-grid-float--3x > .c-grid-float__item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

.c-grid-float--3x > .c-grid-float__item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }

@media screen and (max-width: 767px) { .c-grid-float--3x:not(.sp-keep) { margin-bottom: -2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item1 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item2 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item3 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item4 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item5 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item6 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item7 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item8 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item9 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item10 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item11 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item12 { margin-bottom: 2.25rem; }
  .c-grid-float--3x:not(.sp-keep) > .c-grid-float__item5col { margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep { margin-right: -2.25rem; margin-bottom: -2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item1 { width: calc( 8.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item2 { width: calc( 16.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item3 { width: calc( 25% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item4 { width: calc( 33.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item5 { width: calc( 41.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item6 { width: calc( 50% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item7 { width: calc( 58.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item8 { width: calc( 66.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item9 { width: calc( 75% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item10 { width: calc( 83.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item11 { width: calc( 91.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item12 { width: calc( 100% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .c-grid-float__item5col { width: calc( 20% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item1 { width: calc( 8.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item2 { width: calc( 16.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item3 { width: calc( 25% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item4 { width: calc( 33.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item5 { width: calc( 41.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item6 { width: calc( 50% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item7 { width: calc( 58.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item8 { width: calc( 66.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item9 { width: calc( 75% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item10 { width: calc( 83.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item11 { width: calc( 91.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item12 { width: calc( 100% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float--3x.sp-keep > .sp-item5col { width: calc( 20% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; } }

.c-grid-float--4x { margin-right: -4rem; margin-bottom: -4rem; }

.c-grid-float--4x > .c-grid-float__item1 { width: calc( 8.33333% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item2 { width: calc( 16.66667% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item3 { width: calc( 25% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item4 { width: calc( 33.33333% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item5 { width: calc( 41.66667% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item6 { width: calc( 50% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item7 { width: calc( 58.33333% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item8 { width: calc( 66.66667% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item9 { width: calc( 75% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item10 { width: calc( 83.33333% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item11 { width: calc( 91.66667% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item12 { width: calc( 100% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

.c-grid-float--4x > .c-grid-float__item5col { width: calc( 20% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }

@media screen and (max-width: 767px) { .c-grid-float--4x:not(.sp-keep) { margin-bottom: -3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item1 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item2 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item3 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item4 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item5 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item6 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item7 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item8 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item9 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item10 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item11 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item12 { margin-bottom: 3rem; }
  .c-grid-float--4x:not(.sp-keep) > .c-grid-float__item5col { margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep { margin-right: -3rem; margin-bottom: -3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .c-grid-float__item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float--4x.sp-keep > .sp-item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; } }

@media screen and (max-width: 767px) { .c-grid-float.sp-2x:not(.sp-keep) { margin-bottom: -1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item1 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item2 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item3 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item4 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item5 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item6 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item7 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item8 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item9 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item10 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item11 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item12 { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x:not(.sp-keep) > .c-grid-float__item5col { margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep { margin-right: -1.5rem; margin-bottom: -1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item1 { width: calc( 8.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item2 { width: calc( 16.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item3 { width: calc( 25% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item4 { width: calc( 33.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item5 { width: calc( 41.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item6 { width: calc( 50% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item7 { width: calc( 58.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item8 { width: calc( 66.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item9 { width: calc( 75% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item10 { width: calc( 83.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item11 { width: calc( 91.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item12 { width: calc( 100% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .c-grid-float__item5col { width: calc( 20% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item1 { width: calc( 8.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item2 { width: calc( 16.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item3 { width: calc( 25% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item4 { width: calc( 33.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item5 { width: calc( 41.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item6 { width: calc( 50% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item7 { width: calc( 58.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item8 { width: calc( 66.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item9 { width: calc( 75% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item10 { width: calc( 83.33333% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item11 { width: calc( 91.66667% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item12 { width: calc( 100% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; }
  .c-grid-float.sp-2x.sp-keep > .sp-item5col { width: calc( 20% - 1.5rem); margin-right: 1.5rem; margin-bottom: 1.5rem; } }

@media screen and (max-width: 767px) { .c-grid-float.sp-3x:not(.sp-keep) { margin-bottom: -2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item1 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item2 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item3 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item4 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item5 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item6 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item7 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item8 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item9 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item10 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item11 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item12 { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x:not(.sp-keep) > .c-grid-float__item5col { margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep { margin-right: -2.25rem; margin-bottom: -2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item1 { width: calc( 8.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item2 { width: calc( 16.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item3 { width: calc( 25% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item4 { width: calc( 33.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item5 { width: calc( 41.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item6 { width: calc( 50% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item7 { width: calc( 58.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item8 { width: calc( 66.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item9 { width: calc( 75% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item10 { width: calc( 83.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item11 { width: calc( 91.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item12 { width: calc( 100% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .c-grid-float__item5col { width: calc( 20% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item1 { width: calc( 8.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item2 { width: calc( 16.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item3 { width: calc( 25% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item4 { width: calc( 33.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item5 { width: calc( 41.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item6 { width: calc( 50% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item7 { width: calc( 58.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item8 { width: calc( 66.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item9 { width: calc( 75% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item10 { width: calc( 83.33333% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item11 { width: calc( 91.66667% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item12 { width: calc( 100% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; }
  .c-grid-float.sp-3x.sp-keep > .sp-item5col { width: calc( 20% - 2.25rem); margin-right: 2.25rem; margin-bottom: 2.25rem; } }

@media screen and (max-width: 767px) { .c-grid-float.sp-4x:not(.sp-keep) { margin-bottom: -3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item1 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item2 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item3 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item4 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item5 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item6 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item7 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item8 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item9 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item10 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item11 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item12 { margin-bottom: 3rem; }
  .c-grid-float.sp-4x:not(.sp-keep) > .c-grid-float__item5col { margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep { margin-right: -3rem; margin-bottom: -3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .c-grid-float__item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item1 { width: calc( 8.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item2 { width: calc( 16.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item3 { width: calc( 25% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item4 { width: calc( 33.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item5 { width: calc( 41.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item6 { width: calc( 50% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item7 { width: calc( 58.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item8 { width: calc( 66.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item9 { width: calc( 75% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item10 { width: calc( 83.33333% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item11 { width: calc( 91.66667% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item12 { width: calc( 100% - 3rem); margin-right: 3rem; margin-bottom: 3rem; }
  .c-grid-float.sp-4x.sp-keep > .sp-item5col { width: calc( 20% - 3rem); margin-right: 3rem; margin-bottom: 3rem; } }

.c-grid-float--fit { margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item1 { width: 8.33333%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item2 { width: 16.66667%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item3 { width: 25%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item4 { width: 33.33333%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item5 { width: 41.66667%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item6 { width: 50%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item7 { width: 58.33333%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item8 { width: 66.66667%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item9 { width: 75%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item10 { width: 83.33333%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item11 { width: 91.66667%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item12 { width: 100%; margin-right: 0; margin-bottom: 0; }

.c-grid-float--fit > .c-grid-float__item5col { width: 20%; margin-right: 0; margin-bottom: 0; }

@media screen and (max-width: 767px) { .c-grid-float--fit:not(.sp-keep) { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item1 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item2 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item3 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item4 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item5 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item6 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item7 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item8 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item9 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item10 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item11 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item12 { margin-bottom: 0; }
  .c-grid-float--fit:not(.sp-keep) > .c-grid-float__item5col { margin-bottom: 0; }
  .c-grid-float--fit.sp-keep { margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item1 { width: 8.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item2 { width: 16.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item3 { width: 25%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item4 { width: 33.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item5 { width: 41.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item6 { width: 50%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item7 { width: 58.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item8 { width: 66.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item9 { width: 75%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item10 { width: 83.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item11 { width: 91.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item12 { width: 100%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .c-grid-float__item5col { width: 20%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item1 { width: 8.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item2 { width: 16.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item3 { width: 25%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item4 { width: 33.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item5 { width: 41.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item6 { width: 50%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item7 { width: 58.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item8 { width: 66.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item9 { width: 75%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item10 { width: 83.33333%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item11 { width: 91.66667%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item12 { width: 100%; margin-right: 0; margin-bottom: 0; }
  .c-grid-float--fit.sp-keep > .sp-item5col { width: 20%; margin-right: 0; margin-bottom: 0; } }

/******************************************************************
component - flex
******************************************************************/
.c-flex { display: flex; margin-right: -1rem; }

.c-flex--inline { display: inline-flex; }

.c-flex--center { justify-content: center; }

.c-flex--right { justify-content: flex-end; }

.c-flex--between { justify-content: space-between; }

.c-flex--wrap { flex-wrap: wrap; margin-bottom: -1rem; }

.c-flex > .c-flex__item { box-sizing: border-box; margin-right: 1rem; }

.c-flex--wrap > .c-flex__item { margin-bottom: 1rem; }

.c-flex--vertical { align-items: center; }

@media screen and (max-width: 767px) { .c-flex:not(.sp-keep) { flex-direction: column; margin-right: 0; margin-bottom: -0.75rem; }
  .c-flex:not(.sp-keep) > .c-flex__item { width: 100%; margin-right: 0; margin-bottom: 0.75rem; }
  .c-flex.sp-keep { margin-right: -0.75rem; }
  .c-flex.sp-keep > .c-flex__item { margin-right: 0.75rem; }
  .c-flex--wrap.sp-keep { margin-bottom: -0.75rem; }
  .c-flex--wrap.sp-keep > .c-flex__item { margin-bottom: 0.75rem; } }

.c-flex--2x { margin-right: -2rem; }

.c-flex--2x.c-flex--wrap { margin-bottom: -2rem; }

.c-flex--2x > .c-flex__item { margin-right: 2rem; }

.c-flex--2x.c-flex--wrap > .c-flex__item { margin-bottom: 2rem; }

@media screen and (max-width: 767px) { .c-flex--2x:not(.sp-keep) { margin-bottom: -1.5rem; }
  .c-flex--2x:not(.sp-keep) > .c-flex__item { margin-bottom: 1.5rem; }
  .c-flex--2x.sp-keep { margin-right: -1.5rem; }
  .c-flex--2x.sp-keep > .c-flex__item { margin-right: 1.5rem; }
  .c-flex--2x.c-flex--wrap.sp-keep { margin-bottom: -1.5rem; }
  .c-flex--2x.c-flex--wrap.sp-keep > .c-flex__item { margin-bottom: 1.5rem; } }

@media screen and (max-width: 767px) { .c-flex.sp-2x:not(.sp-keep) { margin-bottom: -1.5rem; }
  .c-flex.sp-2x:not(.sp-keep) > .c-flex__item { margin-bottom: 1.5rem; }
  .c-flex.sp-2x.sp-keep { margin-right: -1.5rem; }
  .c-flex.sp-2x.sp-keep > .c-flex__item { margin-right: 1.5rem; } }

.c-flex--fit { margin-right: 0; }

.c-flex--fit > .c-flex__item { margin-right: 0; }

@media screen and (max-width: 767px) { .c-flex--fit:not(.sp-keep) { margin-bottom: 0; }
  .c-flex--fit:not(.sp-keep) > .c-flex__item { margin-bottom: 0; }
  .c-flex--fit.sp-keep { margin-right: 0; }
  .c-flex--fit.sp-keep > .c-flex__item { margin-right: 0; } }

/******************************************************************
component - section
******************************************************************/
.c-section { position: relative; padding-right: 2rem; padding-left: 2rem; padding-top: 0.1px; padding-bottom: 0.1px; }

@media screen and (max-width: 767px) { .c-section { padding-right: 0.75rem; padding-left: 0.75rem; } }

@media print, screen and (min-width: 768px) { .c-section--contentsrow { padding-right: 0; padding-left: 0; } }

.c-section--bordertop { border-top: 1px solid #222222; }

.c-section--borderbottom { border-bottom: 1px solid #222222; }

.c-section--bordersand { border-top: 1px solid #222222; border-bottom: 1px solid #222222; }

.c-section__fit { max-width: 1240px; margin-right: auto; margin-left: auto; }

.c-section__top { max-width: 1240px; margin-right: auto; margin-left: auto; margin-top: 3rem; }

@media screen and (max-width: 767px) { .c-section__top { margin-top: 2rem; } }

.c-section__bottom { max-width: 1240px; margin-right: auto; margin-left: auto; margin-bottom: 3rem; }

@media screen and (max-width: 767px) { .c-section__bottom { margin-bottom: 2rem; } }

.c-section__vertical { max-width: 1240px; margin: 3rem auto 3rem auto; }

@media screen and (max-width: 767px) { .c-section__vertical { margin: 2rem auto 2rem auto; } }

/******************************************************************
component - gutter
******************************************************************/
.c-gutter > *:not(:last-child) { margin-bottom: 1rem; }

.c-gutter-2s > *:not(:last-child) { margin-bottom: 0.5rem; }

.c-gutter-s > *:not(:last-child) { margin-bottom: 0.75rem; }

.c-gutter-l > *:not(:last-child) { margin-bottom: 1.25rem; }

.c-gutter-2l > *:not(:last-child) { margin-bottom: 1.5rem; }

.c-gutter-3l > *:not(:last-child) { margin-bottom: 1.75rem; }

.c-gutter-2x > *:not(:last-child) { margin-bottom: 2rem; }

.c-gutter-3x > *:not(:last-child) { margin-bottom: 3rem; }

.c-gutter-4x > *:not(:last-child) { margin-bottom: 4rem; }

.c-gutter-5x > *:not(:last-child) { margin-bottom: 5rem; }

@media screen and (max-width: 767px) { .c-gutter > *:not(:last-child) { margin-bottom: 0.75rem; }
  .c-gutter-2s > *:not(:last-child) { margin-bottom: 0.375rem; }
  .c-gutter-s > *:not(:last-child) { margin-bottom: 0.5625rem; }
  .c-gutter-l > *:not(:last-child) { margin-bottom: 0.9375rem; }
  .c-gutter-2l > *:not(:last-child) { margin-bottom: 1.125rem; }
  .c-gutter-3l > *:not(:last-child) { margin-bottom: 1.3125rem; }
  .c-gutter-2x > *:not(:last-child) { margin-bottom: 1.5rem; }
  .c-gutter-3x > *:not(:last-child) { margin-bottom: 2.25rem; }
  .c-gutter-4x > *:not(:last-child) { margin-bottom: 3rem; }
  .c-gutter-5x > *:not(:last-child) { margin-bottom: 3.75rem; }
  .c-sp-gutter > *:not(:last-child) { margin-bottom: 0.75rem; }
  .c-sp-gutter-2s > *:not(:last-child) { margin-bottom: 0.375rem; }
  .c-sp-gutter-s > *:not(:last-child) { margin-bottom: 0.5625rem; }
  .c-sp-gutter-l > *:not(:last-child) { margin-bottom: 0.9375rem; }
  .c-sp-gutter-2l > *:not(:last-child) { margin-bottom: 1.125rem; }
  .c-sp-gutter-3l > *:not(:last-child) { margin-bottom: 1.3125rem; }
  .c-sp-gutter-2x > *:not(:last-child) { margin-bottom: 1.5rem; }
  .c-sp-gutter-3x > *:not(:last-child) { margin-bottom: 2.25rem; }
  .c-sp-gutter-4x > *:not(:last-child) { margin-bottom: 3rem; }
  .c-sp-gutter-5x > *:not(:last-child) { margin-bottom: 3.75rem; } }

/******************************************************************
project - custom-grid
******************************************************************/
.p-custom-grid { display: flex; flex-wrap: wrap; margin-right: -2rem; margin-bottom: -2rem; }

.p-custom-grid--center { justify-content: center; }

@media screen and (max-width: 767px) { .p-custom-grid { margin-right: 0; margin-bottom: 0; } }

.p-custom-grid__item { width: calc( 33.33333% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

@media print, screen and (max-width: 1200px) { .p-custom-grid__item { width: calc( 50% - 2rem); } }

@media screen and (max-width: 767px) { .p-custom-grid__item { width: 100%; margin-right: 0; margin-bottom: 1.5rem; } }

.p-custom-grid__item-drne { width: calc( 66.66666% - 2rem); margin-right: 2rem; margin-bottom: 2rem; }

@media print, screen and (max-width: 1200px) { .p-custom-grid__item-drne { width: 100%; } }

@media screen and (max-width: 767px) { .p-custom-grid__item-drne { width: 100%; margin-right: 0; margin-bottom: 1.5rem; } }

.p-custom-grid__item-drne-inner { box-sizing: border-box; padding-left: 4%; padding-right: 4%; }

@media print, screen and (max-width: 1200px) { .p-custom-grid__item-drne-inner { padding-left: 0; padding-right: 0; } }

/******************************************************************
project - series-list
******************************************************************/
.p-series-list { background-color: #f8f8f8; transition-property: opacity; transition-duration: 0.3s; }

.p-series-list:hover:not(:disabled):not(.disabled) { opacity: 0.8; }

.p-series-list__title { color: #ffffff; line-height: 1.2; position: relative; padding-right: 18px; padding: 0.6em 1.8em 0.6em 1em; font-weight: normal !important; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; }

.p-series-list__title::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-10px, 4px) rotate(45deg); transform-origin: top right; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 10px; height: 10px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media screen and (max-width: 767px) { .p-series-list__title { padding: 0.3em 1.8em 0.3em 0.5em; } }

.p-series-list__title--g { background-color: #000; }

.p-series-list__title--gdt { background-color: #7c9fcd; }

.p-series-list__title--gr { background-color: #85c6ce; }

.p-series-list__title--gp { background-color: #a7cd95; }

.p-series-list__title--gdrne { background-color: #e5aa92; }

.p-series-list__title--drn { background-color: #000; }

.p-series-list__name { font-size: 1.71rem; }

@media screen and (max-width: 767px) { .p-series-list__name { font-size: 1.71rem; } }

@media print, screen and (max-width: 1000px) { .p-series-list__name { font-size: 1.44rem; } }

@media screen and (max-width: 1000px) and (max-width: 767px) { .p-series-list__name { font-size: 1.44rem; } }

.p-series-list__series { font-size: 0.96rem; line-height: 1.6; margin-left: 5px; }

@media screen and (max-width: 767px) { .p-series-list__series { font-size: 0.96rem; } }

@media screen and (max-width: 767px) { .p-series-list__series { font-size: 0.8rem; line-height: 1.6; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .p-series-list__series { font-size: 0.8rem; } }

.p-series-list__icon { margin-left: 0.5em; }

.p-series-list__icon img { width: auto !important; }

.p-series-list__text { padding: 1em 1em 0 1em; text-align: center; color: #666666; line-height: 1.4; }

.p-series-list__text-coldarea { color: #e63528; }

@media print, screen and (min-width: 1201px) { .aircon_960content .p-series-list__text { font-size: 83%; } }

@media print, screen and (max-width: 800px) { .p-series-list__text { font-size: 0.8rem; line-height: 1.6; } }

@media screen and (max-width: 800px) and (max-width: 767px) { .p-series-list__text { font-size: 0.8rem; } }

.p-series-list__img { text-align: center; padding: 0 1em 0.5em 1em; margin-top: -10px; }

@media screen and (max-width: 767px) { .p-series-list__img { margin-top: -2px; }
  .p-series-list__img img { max-width: 65%; } }

/******************************************************************
project - space
******************************************************************/
.p-space-note { display: inline-block; border: 1px solid #d2101c; color: #d2101c; font-size: 0.8rem; line-height: 1.6; padding: 0.4rem 0.4rem 0.2rem 0.4rem; }

.p-space-grid-outer { margin-left: 3%; margin-right: 2.5%; }

@media print, screen and (max-width: 1000px) { .p-space-grid-outer { margin-left: 0; margin-right: 0; } }

.p-space-grid { display: flex; margin-right: -1rem; margin-bottom: -1rem; }

@media screen and (max-width: 767px) { .p-space-grid { flex-direction: column; margin-right: 0; margin-bottom: -0.75rem; } }

.p-space-grid__itemL { width: 43%; }

.p-space-grid__itemM { width: 35%; }

.p-space-grid__text { width: 32%; }

.p-space-grid__itemL, .p-space-grid__itemM, .p-space-grid__text { box-sizing: border-box; margin-right: 1rem; margin-bottom: 1rem; }

@media screen and (max-width: 767px) { .p-space-grid__itemL, .p-space-grid__itemM, .p-space-grid__text { width: 100%; margin-right: 0; margin-bottom: 0.75rem; } }

/******************************************************************
project - product-nav
******************************************************************/
.p-product-nav { line-height: 1.3; display: flex; background-color: #c6c6c6; }

@media print, screen and (min-width: 801px) { .p-product-nav__item:not(:last-child) { margin-right: 1px; }
  .p-product-nav__item { width: 33.3%; }
  .p-product-nav__new { vertical-align: 1px; margin-right: 5px; } }

@media print, screen and (max-width: 800px) { .p-product-nav { flex-wrap: wrap; }
  .p-product-nav__item { box-sizing: border-box; width: 50%; }
  .p-product-nav__item:nth-child(odd) { border-right: 1px solid #ffffff; }
  .p-product-nav__item { border-bottom: 1px solid #ffffff; }
  .p-product-nav__new { vertical-align: middle; margin-right: 3px; height: 11px; } }

@media print, screen and (max-width: 320px) { .p-product-nav__new { width: 36px; height: auto; } }

.p-product-nav__item { background-color: #c6c6c6; }

.p-product-nav__item > * { display: block; color: #ffffff; padding: 0.7rem; transition-property: background; transition-duration: 0.3s; }

@media print, screen and (max-width: 800px) { .p-product-nav__item > * { padding: 0.4rem; } }

.p-product-nav__item--gdt a:hover:not(:disabled):not(.disabled) { background-color: #7c9fcd; }

.p-product-nav__item--gr a:hover:not(:disabled):not(.disabled) { background-color: #85c6ce; }

.p-product-nav__item--gp a:hover:not(:disabled):not(.disabled) { background-color: #a7cd95; }

.p-product-nav__item--gdrne a:hover:not(:disabled):not(.disabled) { background-color: #e5aa92; }

.p-product-nav--gdt .p-product-nav__item--gdt { background-color: #7c9fcd; }

@media print, screen and (min-width: 801px) { .p-product-nav--gdt .p-product-nav__item--gdt > * { display: none; } }

.p-product-nav--gr .p-product-nav__item--gr { background-color: #85c6ce; }

@media print, screen and (min-width: 801px) { .p-product-nav--gr .p-product-nav__item--gr > * { display: none; } }

.p-product-nav--gp .p-product-nav__item--gp { background-color: #a7cd95; }

@media print, screen and (min-width: 801px) { .p-product-nav--gp .p-product-nav__item--gp > * { display: none; } }

.p-product-nav--gdrne .p-product-nav__item--gdrne { background-color: #e5aa92; }

@media print, screen and (min-width: 801px) { .p-product-nav--gdrne .p-product-nav__item--gdrne > * { display: none; } }

.p-product-nav__name { font-size: 1.8rem; }

@media screen and (max-width: 767px) { .p-product-nav__name { font-size: 1.8rem; } }

@media print, screen and (max-width: 800px) { .p-product-nav__name { font-size: 1.08rem; } }

@media screen and (max-width: 800px) and (max-width: 767px) { .p-product-nav__name { font-size: 1.08rem; } }

.p-product-nav__series { padding-left: 4px; font-size: 0.8rem; line-height: 1.6; }

@media screen and (max-width: 767px) { .p-product-nav__series { font-size: 0.8rem; } }

@media print, screen and (max-width: 800px) { .p-product-nav__series { font-size: 0.64rem; line-height: 1.6; } }

@media screen and (max-width: 800px) and (max-width: 767px) { .p-product-nav__series { font-size: 0.64rem; } }

/******************************************************************
project - product-nav-title
******************************************************************/
.p-product-nav-title { color: #ffffff; padding: 0.2rem 0.7rem; }

@media screen and (max-width: 767px) { .p-product-nav-title { padding: 0.4rem 0.7rem; } }

.p-product-nav-title--gdt { background-color: #7c9fcd; }

.p-product-nav-title--gr { background-color: #85c6ce; }

.p-product-nav-title--gp { background-color: #a7cd95; }

.p-product-nav-title--gdrne { background-color: #e5aa92; }

.p-product-nav-title h1 { display: inline-block; margin-right: 2rem; }

@media screen and (max-width: 767px) { .p-product-nav-title h1 { display: block; } }

.p-product-nav-title__new { vertical-align: 6px; margin-right: 5px; }

@media screen and (max-width: 767px) { .p-product-nav-title__new { vertical-align: 3px; height: 15px; } }

.p-product-nav-title__name { font-size: 2.52rem; }

@media screen and (max-width: 767px) { .p-product-nav-title__name { font-size: 2.52rem; } }

@media screen and (max-width: 767px) { .p-product-nav-title__name { font-size: 1.62rem; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .p-product-nav-title__name { font-size: 1.62rem; } }

.p-product-nav-title__series { padding-left: 6px; font-size: 1.44rem; line-height: 1.6; }

@media screen and (max-width: 767px) { .p-product-nav-title__series { font-size: 1.44rem; } }

@media screen and (max-width: 767px) { .p-product-nav-title__series { font-size: 1.17rem; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .p-product-nav-title__series { font-size: 1.17rem; } }

.p-product-nav-title__copy { display: inline-block; font-size: 1.12rem; line-height: 1.6; line-height: 1.6; letter-spacing: 3px; }

@media screen and (max-width: 767px) { .p-product-nav-title__copy { font-size: 1.12rem; } }

@media screen and (max-width: 767px) { .p-product-nav-title__copy { font-size: 0.9rem; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .p-product-nav-title__copy { font-size: 0.9rem; } }

/******************************************************************
project - product-local-nav
******************************************************************/
.p-product-local-nav { margin-top: 1px; display: flex; }

@media print, screen and (min-width: 768px) { .p-product-local-nav__item:not(:last-child) { margin-right: 1px; }
  .p-product-local-nav__item { width: 25%; } }

@media screen and (max-width: 767px) { .p-product-local-nav { flex-wrap: wrap; }
  .p-product-local-nav__item { width: 50%; margin-bottom: 1px; }
  .p-product-local-nav__item:nth-child(odd) { margin-right: 1px; width: calc(50% - 1px); } }

@media print, screen and (max-width: 320px) { .p-product-local-nav__item { width: 100%; margin-bottom: 1px; }
  .p-product-local-nav__item:nth-child(odd) { margin-right: 0; width: 100%; } }

.p-product-local-nav__item a { display: block; text-align: center; color: #ffffff; padding: 0.8rem; background-color: #2f2f2f; transition-property: background; transition-duration: 0.3s; }

.p-product-local-nav__item a:hover:not(:disabled):not(.disabled) { background-color: #494949; }

@media print, screen and (min-width: 768px) { .p-product-local-nav__item a { position: relative; padding-right: 30px; padding-left: 30px; }
  .p-product-local-nav__item a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-16px, 2.5px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 10px; height: 10px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media print, screen and (max-width: 1000px) { .p-product-local-nav__item a { position: relative; padding-right: 15px; padding-left: 13px; font-size: 85%; }
  .p-product-local-nav__item a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-7px, 1px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media screen and (max-width: 767px) { .p-product-local-nav__item a { font-size: 0.8rem; line-height: 1.6; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .p-product-local-nav__item a { font-size: 0.8rem; } }

/******************************************************************
project - product-point
******************************************************************/
.p-product-point { display: flex; flex-wrap: wrap; letter-spacing: 1px; }

@media print, screen and (min-width: 768px) { .p-product-point { margin-right: -4%; margin-bottom: -4%; } }

@media screen and (max-width: 767px) { .p-product-point { margin-right: -4%; margin-bottom: -4%; } }

@media print, screen and (min-width: 768px) { .p-product-point__item { width: calc(16.66667% - 4%); min-width: 160px; margin-right: 4%; margin-bottom: 4%; } }

@media screen and (max-width: 767px) { .p-product-point__item { width: calc(50% - 4%); margin-right: 4%; margin-bottom: 4%; } }

.p-product-point__item a { display: block; color: #ffffff; text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; transition-property: opacity; transition-duration: 0.3s; position: relative; padding-top: 100%; box-sizing: border-box; border-radius: 100%; }

.p-product-point__item a:hover:not(:disabled):not(.disabled) { opacity: 0.8; }

.p-product-point__item a strong { display: block; font-weight: normal; font-size: 1.26rem; margin-top: 1rem; margin-bottom: 0.6rem; }

@media screen and (max-width: 767px) { .p-product-point__item a strong { font-size: 1.26rem; } }

.p-product-point__item--air_conditioning a { background-color: #5ac2d8; }

.p-product-point__item--ai a { background-color: #ea5514; }

.p-product-point__item--air a { background-color: #9b72b0; }

.p-product-point__item--clean a { background-color: #62c1b4; }

.p-product-point__item--energy_saving a { background-color: #a0cf77; }

.p-product-point__item--heating a { background-color: #f3a961; }

.p-product-point__item--easy_to_use a { background-color: #ed83a6; }

.p-product-point__item--airflow a { background-color: #999999; }

/******************************************************************
project - product-function
******************************************************************/
.p-product-function { width: 100%; line-height: 1.4; }

.p-product-function--2col .p-product-function__lineup { box-sizing: border-box; border: 1px solid #ffffff; text-align: center; color: #ffffff; letter-spacing: 1px; padding: 0.5rem; width: 42.5%; }

@media screen and (max-width: 767px) { .p-product-function--2col .p-product-function__lineup { padding: 0.375rem; } }

.p-product-function--2col .p-product-function__lineup--drne { background-color: #e63528; }

.p-product-function--2col .p-product-function__lineup--vn { background-color: #ea5432; }

.p-product-function--2col .p-product-function__lineup-name { font-size: 1.4rem; }

@media screen and (max-width: 767px) { .p-product-function--2col .p-product-function__lineup { font-size: 12px; }
  .p-product-function--2col .p-product-function__lineup-name { font-size: 14px; } }

@media screen and (max-width: 767px) { .p-product-function--2col .p-product-function__title { font-size: 10px; }
  .p-product-function--2col .p-product-function__data { font-size: 10px; }
  .p-product-function--2col .p-product-function__plasma { font-size: 14px; }
  .p-product-function--2col .p-product-function__raku { font-size: 14px; } }

.p-product-function__title { box-sizing: border-box; border: 1px solid #ffffff; text-align: center; padding-right: 1rem; padding-left: 1rem; font-size: 1.08rem; width: 15%; white-space: nowrap; color: #ffffff; }

@media screen and (max-width: 767px) { .p-product-function__title { padding-right: 0.75rem; padding-left: 0.75rem; } }

@media screen and (max-width: 767px) { .p-product-function__title { font-size: 1.08rem; } }

.p-product-function__title--air_conditioning { background-color: #5ac2d8; }

.p-product-function__title--ai { background-color: #ea5514; }

.p-product-function__title--care { background-color: #00a3af; }

.p-product-function__title--air { background-color: #9b72b0; }

.p-product-function__title--clean { background-color: #62c1b4; }

.p-product-function__title--energy_saving { background-color: #a0cf77; }

.p-product-function__title--dehumidification { background-color: #5ac2d8; }

.p-product-function__title--heating { background-color: #f3a961; }

.p-product-function__title--easy_to_use { background-color: #ed83a6; }

.p-product-function__title--airflow { background-color: #999999; }

.p-product-function__data { box-sizing: border-box; border: 1px solid #ffffff; text-align: left; background-color: #f4f4f4; font-size: 0.9rem; }

@media screen and (max-width: 767px) { .p-product-function__data { font-size: 0.9rem; } }

.p-product-function__data > * { display: block; padding-right: 1rem; padding-left: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; }

@media screen and (max-width: 767px) { .p-product-function__data > * { padding-right: 0.75rem; padding-left: 0.75rem; } }

@media screen and (max-width: 767px) { .p-product-function__data > * { padding-top: 0.5625rem; padding-bottom: 0.5625rem; } }

.p-product-function__data > a { background-color: rgba(255, 255, 255, 0); transition-property: background-color; transition-duration: 0.3s; }

.p-product-function__data > a:hover:not(:disabled):not(.disabled) { background-color: rgba(255, 255, 255, 0.3); }

.p-product-function__data--air_conditioning { background-color: #c2e4ed; }

.p-product-function__data--air_conditioning2 { background-color: #d8eef4; }

.p-product-function__data--air { background-color: #e0d5e9; }

.p-product-function__data--care { background-color: #d4ecea; }

.p-product-function__data--clean { background-color: #d9ede9; }

.p-product-function__data--energy_saving2 { background-color: #d5edbd; }

.p-product-function__data--energy_saving { background-color: #e7f2dc; }

.p-product-function__data--dehumidification { background-color: #d8eef4; }

.p-product-function__data--heating2 { background-color: #fdd7a9; }

.p-product-function__data--heating { background-color: #fde9d3; }

.p-product-function__data--easy_to_use2 { background-color: #ffcfdb; }

.p-product-function__data--easy_to_use { background-color: #fbdfe6; }

.p-product-function__data--airflow { background-color: #dedede; }

.p-product-function__mufu { font-size: 1.26rem; }

@media screen and (max-width: 767px) { .p-product-function__mufu { font-size: 1.26rem; } }

.p-product-function__plasma { color: #7d3287; font-size: 1.26rem; }

@media screen and (max-width: 767px) { .p-product-function__plasma { font-size: 1.26rem; } }

.p-product-function__raku { color: #1e9094; font-size: 1.26rem; }

@media screen and (max-width: 767px) { .p-product-function__raku { font-size: 1.26rem; } }

/******************************************************************
project - product-spec
******************************************************************/
.p-product-spec .p-product-spec__title-main { background-color: #9fa0a0; }

.p-product-spec .p-product-spec__title-type { border: 1px solid #9fa0a0; background-color: #9fa0a0; }

.p-product-spec .p-product-spec__title-plug { border: 1px solid #9fa0a0; }

.p-product-spec--black .p-product-spec__title-main { background-color: #000000; }

.p-product-spec--black .p-product-spec__title-type { border: 1px solid #000000; background-color: #000000; }

.p-product-spec--black .p-product-spec__title-plug { border: 1px solid #000000; }

.p-product-spec { line-height: 1.2; color: #444444; }

@media print, screen and (min-width: 1001px) { .p-product-spec__title-area { display: flex; } }

.p-product-spec__title-main { flex-grow: 1; color: #fff; padding: 2px 10px; display: flex; align-items: center; font-weight: normal; }

.p-product-spec__title-main strong { font-size: 170%; font-weight: normal; padding: 0 3px; }

.p-product-spec__title-other { min-width: 9em; text-align: center; display: flex; }

@media print, screen and (min-width: 1001px) { .p-product-spec__title-other { margin-left: 6px; } }

@media print, screen and (max-width: 1000px) { .p-product-spec__title-other { margin-top: 6px; } }

@media print, screen and (min-width: 1001px) { .p-product-spec__title-other { font-size: 90%; flex-direction: column; } }

@media print, screen and (max-width: 1000px) { .p-product-spec__title-other { font-size: 80%; } }

.p-product-spec__title-type { color: #fff; display: flex; align-items: center; padding: 4px 4px 2px 4px; }

@media print, screen and (min-width: 1001px) { .p-product-spec__title-type { height: 50%; } }

.p-product-spec__title-type span { width: 100%; text-align: center; }

.p-product-spec__title-plug { display: flex; align-items: center; padding: 4px 4px 2px 4px; }

@media print, screen and (min-width: 1001px) { .p-product-spec__title-plug { height: 50%; } }

.p-product-spec__title-plug span { width: 100%; text-align: center; }

.p-product-spec__title-plug span img { vertical-align: -3px; width: 17px; height: auto; }

.p-product-spec__name-area { align-items: center; padding: 13px 0; }

@media print, screen and (min-width: 321px) { .p-product-spec__name-area { display: flex; } }

.p-product-spec__name-main { flex-grow: 1; font-size: 220%; }

@media print, screen and (max-width: 1000px) { .p-product-spec__name-main { font-size: 195%; } }

.p-product-spec__name-main small { font-size: 16px; }

.p-product-spec__name-price { font-size: 85%; }

.p-product-spec__eco-area { margin-bottom: 5px; }

@media print, screen and (min-width: 1001px) { .p-product-spec__eco-area { display: flex; } }

@media print, screen and (min-width: 1001px) { .p-product-spec__eco1 { width: 25%; margin-right: 6px; } }

@media print, screen and (max-width: 1000px) { .p-product-spec__eco1 { margin-bottom: 6px; } }

.p-product-spec__eco1-jis { font-size: 70%; margin-bottom: 4px; }

.p-product-spec__eco1-main { border: 1px solid #848484; text-align: center; box-sizing: border-box; font-size: 75%; display: flex; align-items: center; }

@media print, screen and (min-width: 1001px) { .p-product-spec__eco1-main { height: 62px; } }

@media print, screen and (max-width: 1000px) { .p-product-spec__eco1-main { padding: 5px; } }

.p-product-spec__eco1-main span { width: 100%; text-align: center; }

.p-product-spec__eco1-main strong { display: block; font-size: 160%; font-weight: normal; }

.p-product-spec__eco2 { flex-grow: 1; }

.p-product-spec__eco2 strong { display: block; font-size: 170%; font-weight: normal; }

.p-product-spec__eco2-title-area { display: flex; justify-content: space-between; font-size: 70%; margin-bottom: 4px; }

.p-product-spec__eco2-main { display: flex; }

.p-product-spec__eco2-main-1 { box-sizing: border-box; width: 29%; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border: 1px solid #009944; }

.p-product-spec__eco2-main-1-img { margin-right: 5px; }

.p-product-spec__eco2-main-1-img img { width: 30px; }

.p-product-spec__eco2-main-1-txt { font-size: 75%; white-space: nowrap; }

@media print, screen and (max-width: 1000px) { .p-product-spec__eco2-main-1-txt { font-size: 65%; } }

.p-product-spec__eco2-main-2 { box-sizing: border-box; height: 62px; width: 36%; text-align: center; background-color: #009944; color: #ffffff; font-size: 70%; display: flex; align-items: center; }

@media print, screen and (max-width: 1000px) { .p-product-spec__eco2-main-2 { font-size: 60%; } }

.p-product-spec__eco2-main-2 span { padding: 5px 0; width: 100%; text-align: center; }

.p-product-spec__eco2-main-3 { box-sizing: border-box; height: 62px; width: 35%; border-left: 1px solid #ffffff; text-align: center; background-color: #009944; color: #ffffff; font-size: 70%; display: flex; align-items: center; }

@media print, screen and (max-width: 1000px) { .p-product-spec__eco2-main-3 { font-size: 60%; } }

.p-product-spec__eco2-main-3 span { padding: 5px 0; width: 100%; text-align: center; }

.p-product-spec__watt-area { margin-bottom: 5px; font-size: 80%; }

.p-product-spec__watt-area table { border: 1px solid #848484; width: 100%; }

.p-product-spec__watt-area table, .p-product-spec__watt-area th, .p-product-spec__watt-area td { border: 1px solid #848484; padding: 7px 2px 3px 2px; text-align: center; }

.p-product-spec__watt-area td { width: 30%; font-size: 90%; }

.p-product-spec__watt-area td:first-child { width: 10%; font-size: 100%; }

.p-product-spec__watt-area strong { display: block; font-size: 130%; font-weight: normal; }

.p-product-spec__watt-cool-title { background-color: #eaf6fd; }

.p-product-spec__watt-cool-main { background-color: #eaf6fd; }

.p-product-spec__watt-hot-title { background-color: #fdeef4; }

.p-product-spec__watt-hot-main { background-color: #fdeef4; }

.p-product-spec__bass-area { border: 1px solid #f4a140; text-align: center; padding: 5px; font-size: 90%; }

.p-product-spec__bass-area strong { font-size: 120%; font-weight: normal; }

/******************************************************************
project - product-spec-table
******************************************************************/
.p-product-spec-table { border-right: 1px solid #222222; border-bottom: 1px solid #222222; }

@media print, screen and (min-width: 768px) { .p-product-spec-table { width: 100%; } }

@media screen and (max-width: 767px) { .p-product-spec-table--1row { width: 290px; }
  .p-product-spec-table--2row { width: 410px; }
  .p-product-spec-table--3row { width: 530px; }
  .p-product-spec-table--4row { width: 650px; }
  .p-product-spec-table--5row { width: 770px; }
  .p-product-spec-table--6row { width: 890px; }
  .p-product-spec-table--7row { width: 1010px; }
  .p-product-spec-table--8row { width: 1130px; }
  .p-product-spec-table--9row { width: 1250px; }
  .p-product-spec-table--10row { width: 1370px; } }

.p-product-spec-table--2row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(even), .p-product-spec-table--4row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(even), .p-product-spec-table--6row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(even), .p-product-spec-table--8row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(even), .p-product-spec-table--10row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(even) { background-color: #eff8fd; }

.p-product-spec-table--1row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(odd), .p-product-spec-table--3row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(odd), .p-product-spec-table--5row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(odd), .p-product-spec-table--7row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(odd), .p-product-spec-table--9row td:not(.p-product-spec-table__title-first):not(.p-product-spec-table__title):nth-last-child(odd) { background-color: #eff8fd; }

.p-product-spec-table th, .p-product-spec-table td { box-sizing: border-box; border-left: 1px solid #222222; border-top: 1px solid #222222; text-align: center; }

@media print, screen and (min-width: 768px) { .p-product-spec-table th, .p-product-spec-table td { padding: 4px; font-size: 12px; } }

@media screen and (max-width: 767px) { .p-product-spec-table th, .p-product-spec-table td { padding: 2px; font-size: 10px; } }

.p-product-spec-table .p-product-spec-table__border-left-none { border-left: 0; }

.p-product-spec-table__title-first { background-color: #f8f8f8; }

@media print, screen and (min-width: 768px) { .p-product-spec-table__title-first { min-width: 300px; } }

@media screen and (max-width: 767px) { .p-product-spec-table__title-first { width: 170px; } }

.p-product-spec-table__title { background-color: #f8f8f8; }

@media print, screen and (min-width: 768px) { .p-product-spec-table__item { min-width: 157px; } }

@media screen and (max-width: 767px) { .p-product-spec-table__item { width: 120px; } }

.p-product-spec-table__plug { width: 18px; }

.p-product-spec-table-note { font-size: 80%; display: inline-block; border: 1px solid #222222; padding: 4px; }

@media screen and (max-width: 767px) { .p-product-spec-table-note { font-size: 70%; } }

/******************************************************************
project - product-spec-size
******************************************************************/
.p-product-spec-size { width: 100%; table-layout: fixed; }

@media screen and (max-width: 767px) { .p-product-spec-size { font-size: 0.8rem; line-height: 1.6; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .p-product-spec-size { font-size: 0.8rem; } }

.p-product-spec-size__title { box-sizing: border-box; border: 1px solid #333333; text-align: center; padding-right: 1rem; padding-left: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; width: 15%; }

@media screen and (max-width: 767px) { .p-product-spec-size__title { padding-right: 0.75rem; padding-left: 0.75rem; } }

@media screen and (max-width: 767px) { .p-product-spec-size__title { padding-top: 0.5625rem; padding-bottom: 0.5625rem; } }

@media screen and (max-width: 767px) { .p-product-spec-size__title { width: 20%; } }

.p-product-spec-size__name { box-sizing: border-box; border: 1px solid #333333; text-align: center; padding-right: 1rem; padding-left: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; }

@media screen and (max-width: 767px) { .p-product-spec-size__name { padding-right: 0.75rem; padding-left: 0.75rem; } }

@media screen and (max-width: 767px) { .p-product-spec-size__name { padding-top: 0.5625rem; padding-bottom: 0.5625rem; } }

.p-product-spec-size__data { box-sizing: border-box; border: 1px solid #333333; text-align: center; padding-right: 1rem; padding-left: 1rem; padding-top: 2rem; padding-bottom: 2rem; }

@media screen and (max-width: 767px) { .p-product-spec-size__data { padding-right: 0.75rem; padding-left: 0.75rem; } }

@media screen and (max-width: 767px) { .p-product-spec-size__data { padding-top: 1.5rem; padding-bottom: 1.5rem; } }

.p-product-spec-size-btn a { position: relative; padding-left: 6px; padding-left: 0.75em; transition-property: opacity; transition-duration: 0.3s; }

.p-product-spec-size-btn a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: calc( 0.7em - 3px); left: 0px; height: 6px; border-color: #656565; border-style: solid; border-right-width: 0; border-left-width: 6px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; }

.p-product-spec-size-btn a:hover { opacity: 0.6; }

@media screen and (max-width: 767px) { .p-product-spec-size-btn { font-size: 80%; } }

/******************************************************************
project - product-spec-accordion
******************************************************************/
.p-product-spec-accordion__head { font-size: 0.9rem; background-color: #000000; color: #ffffff; cursor: pointer; outline: 0; }

.p-product-spec-accordion__headinner { display: block; position: relative; padding-right: 24px; padding: 0.5rem; }

.p-product-spec-accordion__headinner::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-12px, 2px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 9px; height: 9px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media screen and (max-width: 767px) { .p-product-spec-accordion__headinner { padding: 0.375rem; } }

.p-product-spec-accordion__head[aria-expanded="true"] .p-product-spec-accordion__headinner::after { transform: translate(-24px, 6px) rotate(-135deg); }

.p-product-spec-accordion__body { display: none; }

/******************************************************************
project - feature-visual
******************************************************************/
.p-feature-visual--air_conditioning { background-color: #00a2d0; }

.p-feature-visual--air_conditioning .p-feature-visual__cat { color: #00a2d0; }

.p-feature-visual--ai { background-color: #ea5514; }

.p-feature-visual--ai .p-feature-visual__cat { color: #ea5514; }

.p-feature-visual--clean { background-color: #13a88e; }

.p-feature-visual--clean .p-feature-visual__cat { color: #13a88e; }

.p-feature-visual--air { background-color: #6356a3; }

.p-feature-visual--air .p-feature-visual__cat { color: #6356a3; }

.p-feature-visual--easy_to_use { background-color: #e95377; }

.p-feature-visual--easy_to_use .p-feature-visual__cat { color: #e95377; }

.p-feature-visual--energy_saving { background-color: #8aba28; }

.p-feature-visual--energy_saving .p-feature-visual__cat { color: #8aba28; }

@media print, screen and (min-width: 768px) { .p-feature-visual { padding: 10px; display: flex; align-items: center; } }

@media screen and (max-width: 767px) { .p-feature-visual { padding: 5px; } }

.p-feature-visual__body { flex-grow: 1; text-align: center; }

@media print, screen and (min-width: 768px) { .p-feature-visual__body { padding: 30px 30px 30px 0; width: 31%; } }

@media screen and (max-width: 767px) { .p-feature-visual__body { padding: 0.75rem 0.75rem 1.125rem 0.75rem; } }

.p-feature-visual__cat { line-height: 1.4; display: inline-block; background-color: #fff; color: #00a2d0; padding: 0.25em 1em 0 1em; min-width: 7em; font-size: 22px; }

.p-feature-visual__cat small { font-size: 14px; }

@media screen and (max-width: 767px) { .p-feature-visual__cat { font-size: 16px; } }

.p-feature-visual__copy { color: #fff; display: block; font-weight: normal; margin-top: 1rem; font-size: 36px; }

@media screen and (max-width: 767px) { .p-feature-visual__copy { margin-top: 0.75rem; font-size: 26px; }
  .p-feature-visual__copy img { max-width: 80%; } }

@media print, screen and (min-width: 768px) { .p-feature-visual__img { width: 68%; text-align: right; } }

/******************************************************************
project - feature-series-list
******************************************************************/
.p-feature-series-list { display: flex; align-items: center; }

@media print, screen and (min-width: 768px) { .p-feature-series-list { margin-bottom: 8px; } }

@media screen and (max-width: 767px) { .p-feature-series-list { flex-wrap: wrap; letter-spacing: 0; } }

.p-feature-series-list__title { padding-top: 4px; margin-right: 0.3em; color: #000; white-space: nowrap; }

.p-feature-series-list__title::after { content: "："; }

.p-feature-series-list__item { display: inline-block; text-align: center; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; color: #ffffff; margin-right: 1px; transition-property: opacity; transition-duration: 0.3s; }

.p-feature-series-list__item:not(.no-link) { cursor: pointer; }

@media print, screen and (min-width: 768px) { .p-feature-series-list__item { min-width: 6em; padding-top: 4px; padding-bottom: 2px; font-size: 110%; }
  .p-feature-series-list__item:not(.no-link) { position: relative; padding-right: 11px; padding-left: 10px; }
  .p-feature-series-list__item:not(.no-link)::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-6px, 2px) rotate(45deg); transform-origin: top right; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media screen and (max-width: 767px) { .p-feature-series-list__item { margin-bottom: 1px; font-size: 80%; padding-right: 6px; padding-left: 6px; padding-top: 4px; padding-bottom: 2px; }
  .p-feature-series-list__item:not(.no-link) { position: relative; padding-right: 9px; padding-right: 12px; }
  .p-feature-series-list__item:not(.no-link)::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-4px, 2px) rotate(45deg); transform-origin: top right; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

.p-feature-series-list__item--gdt { background-color: #7c9fcd; }

.p-feature-series-list__item--gr { background-color: #85c6ce; }

.p-feature-series-list__item--gp { background-color: #a7cd95; }

.p-feature-series-list__item--drne { background-color: #e63528; }

.p-feature-series-list__item--vn { background-color: #ea5432; }

.p-feature-series-list__item:not(.no-link):hover:not(:disabled):not(.disabled) { opacity: 0.8; }

/******************************************************************
project - feature-series-list2
******************************************************************/
.p-feature-series-list2 { margin-top: 1px; margin-bottom: 1px; display: flex; align-items: center; }

.p-feature-series-list2--right { justify-content: flex-end; }

@media screen and (max-width: 767px) { .p-feature-series-list2 { flex-wrap: wrap; letter-spacing: 0; } }

.p-feature-series-list2__item { display: inline-block; text-align: center; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; color: #ffffff; margin-right: 1px; font-size: 11px; min-width: 4em; box-sizing: border-box; transition-property: opacity; transition-duration: 0.3s; }

.p-feature-series-list2__item:not(.no-link) { cursor: pointer; }

@media print, screen and (min-width: 768px) { .p-feature-series-list2__item { padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 2px; } }

@media screen and (max-width: 767px) { .p-feature-series-list2__item { margin-bottom: 1px; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 2px; } }

.p-feature-series-list2__item--gdt { background-color: #7c9fcd; }

.p-feature-series-list2__item--gr { background-color: #85c6ce; }

.p-feature-series-list2__item--gp { background-color: #a7cd95; }

.p-feature-series-list2__item--drne { background-color: #e63528; }

.p-feature-series-list2__item--vn { background-color: #ea5432; }

.p-feature-series-list2__item:not(.no-link):hover:not(:disabled):not(.disabled) { opacity: 0.8; }

/******************************************************************
project - feature-grid
******************************************************************/
.p-feature-grid > *:first-child { border-left: 1px solid #ed83a6; }

.p-feature-grid > * { border-right: 1px solid #ed83a6; }

@media screen and (max-width: 767px) { .p-feature-grid > *:first-child { border-left: 0; border-top: 1px solid #ed83a6; }
  .p-feature-grid > * { border-right: 0; border-bottom: 1px solid #ed83a6; } }

@media print, screen and (min-width: 768px) { .p-feature-grid__item { padding-left: 2rem; padding-right: 2rem; text-align: center; } }

@media screen and (max-width: 767px) { .p-feature-grid__item { padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; } }

/******************************************************************
project - feature-jem
******************************************************************/
.p-feature-jem { background-color: #faf1ab; padding: 1.5rem; min-width: 36%; }

.p-feature-jem__title { color: #d9507c; font-size: 1.26rem; margin-bottom: 0.5rem; }

@media screen and (max-width: 767px) { .p-feature-jem__title { font-size: 1.26rem; } }

.p-feature-jem__text { margin-bottom: 1.5rem; }

.p-feature-jem__link { font-size: 0.8rem; line-height: 1.6; }

@media screen and (max-width: 767px) { .p-feature-jem__link { font-size: 0.8rem; } }

.p-feature-jem__link img { padding-left: 3px; vertical-align: middle; }

@media screen and (max-width: 767px) { .p-feature-jem { padding: 1rem; text-align: left !important; }
  .p-feature-jem__title { font-size: 1.08rem; margin-bottom: 0.375rem; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .p-feature-jem__title { font-size: 1.08rem; } }

@media screen and (max-width: 767px) { .p-feature-jem__text { margin-bottom: 0.75rem; } }

/******************************************************************
project - feature-pm25
******************************************************************/
@media print, screen and (min-width: 768px) { .p-feature-pm25 { display: flex; border-left: 1px solid #813ca5; border-bottom: 1px solid #813ca5; margin-right: 1px; }
  .p-feature-pm25__item { box-sizing: border-box; width: 50%; border-right: 1px solid #813ca5; border-top: 1px solid #813ca5; } }

@media screen and (max-width: 767px) { .p-feature-pm25 { border: 1px solid #813ca5; }
  .p-feature-pm25__item:last-child { border-top: 1px solid #813ca5; } }

.p-feature-pm25-note { display: inline-block; text-align: left; font-size: 0.8rem; line-height: 1.6; border: 1px solid #d2101c; padding: 0.4rem 0.4rem 0.2rem 0.4rem; }

@media screen and (max-width: 767px) { .p-feature-pm25-note { font-size: 0.8rem; } }

.p-feature-pm25-border { padding-bottom: 1.75rem; border-bottom: 1px solid #d6c0e2; }

@media screen and (max-width: 767px) { .p-feature-pm25-border { padding-bottom: 1.3125rem; } }

.p-feature-pm25-control { margin-left: auto; margin-right: auto; }

@media print, screen and (min-width: 768px) { .p-feature-pm25-control { max-width: 80%; } }

/******************************************************************
project - feature-only-toshiba
******************************************************************/
@media print, screen and (min-width: 768px) { .p-feature-only-toshiba { width: 100%; display: table; }
  .p-feature-only-toshiba__body { display: table-cell; padding-right: 2rem; vertical-align: top; }
  .p-feature-only-toshiba__head { display: table-cell; width: 200px; vertical-align: top; } }

@media screen and (max-width: 767px) { .p-feature-only-toshiba::after { content: ""; display: block; clear: both; }
  .p-feature-only-toshiba__head { float: right; width: 30%; margin-left: 0.75rem; } }

.p-feature-only-toshiba2 { display: table; }

.p-feature-only-toshiba2__body { display: table-cell; vertical-align: top; padding-right: 2rem; }

@media screen and (max-width: 767px) { .p-feature-only-toshiba2__body { padding-right: 1.5rem; } }

.p-feature-only-toshiba2__head { display: table-cell; vertical-align: top; }

@media screen and (max-width: 767px) { .p-feature-only-toshiba2__head { width: 30%; } }

/******************************************************************
project - feature-point
******************************************************************/
.p-feature-point { background-color: #fefceb; }

@media print, screen and (min-width: 768px) { .p-feature-point { padding: 1.5rem 3rem 3rem 3rem; } }

@media screen and (max-width: 767px) { .p-feature-point { padding: 1.125rem 1.125rem 1.125rem 1.125rem; } }

.p-feature-point__title { display: table; margin: 0 auto 1rem auto; }

.p-feature-point__title-icon { display: table-cell; padding-right: 10px; vertical-align: middle; }

@media screen and (max-width: 767px) { .p-feature-point__title-icon { vertical-align: top; } }

@media screen and (max-width: 767px) { .p-feature-point__title-icon img { width: 40px; } }

.p-feature-point__title-body { display: table-cell; }

@media print, screen and (min-width: 768px) { .p-feature-point__title-body { padding-top: 10px; vertical-align: middle; } }

@media screen and (max-width: 767px) { .p-feature-point__title-body { vertical-align: top; } }

.p-feature-point__title-note { display: table; }

.p-feature-point__title-note > * { display: table-cell; vertical-align: top; }

.p-feature-point__title-original { padding-right: 5px; }

.p-feature-point__title-text { font-weight: bold; font-size: 22px; }

@media screen and (max-width: 767px) { .p-feature-point__title-text { font-size: 16px; } }

.p-feature-point__title-text .note { font-weight: normal; font-size: 0.8rem; }

@media screen and (max-width: 767px) { .p-feature-point__title-text .note { font-size: 0.6rem; } }

/******************************************************************
project - close-nav
******************************************************************/
.p-close-nav { display: flex; justify-content: space-between; margin-top: 1rem; margin-bottom: 1rem; }

.p-close-nav__title { color: #ff0000; }

@media screen and (max-width: 767px) { .p-close-nav { font-size: 80%; } }

/******************************************************************
project - modal (Modaal)
******************************************************************/
/*! Modaal - accessible modals - v0.4.4 by Humaan, for all humans. http://humaan.com */
.modaal-noscroll { overflow: hidden; }

.modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; opacity: 0; }

.modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; transition: all 0.3s ease-in-out; }

.modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }

.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; }

.modaal-wrapper.modaal-start_none { display: none; opacity: 1; }

.modaal-wrapper.modaal-start_fade { opacity: 0; }

.modaal-wrapper *[tabindex="0"] { outline: none !important; }

.modaal-wrapper.modaal-fullscreen { overflow: hidden; }

.modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; }

.modaal-fullscreen .modaal-outer-wrapper { display: block; }

.modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; }

.modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; }

.modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0px; background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; }

.modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; }

.modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; }

.modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border-radius: 100%; transition: all 0.2s ease-in-out; }

.modaal-close:focus, .modaal-close:hover { outline: none; background: #fff; }

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #b93d0c; }

.modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }

.modaal-close:before { transform: rotate(-45deg); }

.modaal-close:after { transform: rotate(45deg); }

.modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; }

.modaal-content-container { padding: 30px; }

.modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; }

.modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; }

.modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; transition: background 0.2s ease-in-out; }

.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }

.modaal-confirm-btn.modaal-cancel { text-decoration: underline; }

.modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; }

@keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

.modaal-instagram .modaal-container { width: auto; background: transparent; box-shadow: none !important; }

.modaal-instagram .modaal-content-container { padding: 0; background: transparent; }

.modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; }

.modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; box-shadow: none !important; animation: instaReveal 1s linear forwards; }

.modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; }

.modaal-image .modaal-container { width: auto; max-width: 100%; }

.modaal-gallery-wrap { position: relative; color: #fff; }

.modaal-gallery-item { display: none; }

.modaal-gallery-item img { display: block; }

.modaal-gallery-item.is_active { display: block; }

.modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; }

.modaal-gallery-label:focus { outline: none; }

.modaal-gallery-control { position: absolute; top: 50%; transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border: none; border-radius: 100%; transition: all 0.2s ease-in-out; }

.modaal-gallery-control.is_hidden { opacity: 0; cursor: default; }

.modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff; }

.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #afb7bc; }

.modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }

.modaal-gallery-control:before { margin: -5px 0 0; transform: rotate(-45deg); }

.modaal-gallery-control:after { margin: 5px 0 0; transform: rotate(45deg); }

.modaal-gallery-next-inner { left: 100%; margin-left: 40px; }

.modaal-gallery-next-outer { right: 45px; }

.modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; }

.modaal-gallery-prev:before { margin: 5px 0 0; transform: rotate(-45deg); }

.modaal-gallery-prev:after { margin: -5px 0 0; transform: rotate(45deg); }

.modaal-gallery-prev-inner { right: 100%; margin-right: 40px; }

.modaal-gallery-prev-outer { left: 45px; }

.modaal-video-wrap { margin: auto; position: relative; max-width: 900px; }

.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; margin-left: auto; margin-right: auto; }

.modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modaal-iframe .modaal-content { width: 100%; height: 100%; }

.modaal-iframe-elem { width: 100%; height: 100%; display: block; }

@media only screen and (max-width: 1140px) { .modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px; }
  .modaal-gallery-control { top: auto; bottom: 20px; transform: none; background: rgba(0, 0, 0, 0.7); }
  .modaal-gallery-control:before, .modaal-gallery-control:after { background: #fff; }
  .modaal-gallery-next { left: auto; right: 20px; }
  .modaal-gallery-prev { left: 20px; right: auto; } }

@media screen and (max-width: 900px) { .modaal-instagram iframe { width: 500px !important; } }

@media screen and (max-height: 1100px) { .modaal-instagram iframe { width: 700px !important; } }

@media screen and (max-height: 1000px) { .modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; }
  .modaal-instagram iframe { width: 600px !important; } }

@media screen and (max-height: 900px) { .modaal-instagram iframe { width: 500px !important; } }

@media only screen and (max-width: 600px) { .modaal-instagram iframe { width: 280px !important; } }

@media only screen and (max-height: 820px) { .modaal-gallery-label { display: none; } }

.modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; transform: scale(0.25); }

@-ms-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: .1; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-moz-keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; }

.modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(1) { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(2) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .12s; -moz-animation-delay: .12s; -webkit-animation-delay: .12s; -o-animation-delay: .12s; animation-delay: .12s; }

.modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(3) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .25s; -moz-animation-delay: .25s; -webkit-animation-delay: .25s; -o-animation-delay: .25s; animation-delay: .25s; }

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(4) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .37s; -moz-animation-delay: .37s; -webkit-animation-delay: .37s; -o-animation-delay: .37s; animation-delay: .37s; }

.modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(5) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; }

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(6) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .62s; -moz-animation-delay: .62s; -webkit-animation-delay: .62s; -o-animation-delay: .62s; animation-delay: .62s; }

.modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(7) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .75s; -moz-animation-delay: .75s; -webkit-animation-delay: .75s; -o-animation-delay: .75s; animation-delay: .75s; }

.modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(8) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .87s; -moz-animation-delay: .87s; -webkit-animation-delay: .87s; -o-animation-delay: .87s; animation-delay: .87s; }

.modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); }

/******************************************************************
utility - mediaQuery
******************************************************************/
.u-sp-media { display: none; }

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

/******************************************************************
utility - clearfix
******************************************************************/
.u-clearfix::after { content: ""; display: block; clear: both; }

@media screen and (max-width: 767px) { .u-sp-clearfix::after { content: ""; display: block; clear: both; } }

/******************************************************************
utility - display
******************************************************************/
.u-block { display: block; }

.u-none { display: none; }

.u-inline { display: inline; }

.u-inline-block { display: inline-block; }

.u-table { display: table; }

.u-table-row { display: table-row; }

.u-table-cell { display: table-cell; }

.u-flex { display: flex; }

.u-inline-flex { display: inline-flex; }

@media screen and (max-width: 767px) { .u-sp-block { display: block; }
  .u-sp-none { display: none; }
  .u-sp-inline { display: inline; }
  .u-sp-inline-block { display: inline-block; }
  .u-sp-table { display: table; }
  .u-sp-table-row { display: table-row; }
  .u-sp-table-cell { display: table-cell; }
  .u-sp-flex { display: flex; }
  .u-sp-inline-flex { display: inline-flex; } }

/******************************************************************
utility - display-off
******************************************************************/
.u-display-off { position: absolute; width: 0px; height: 0px; top: -999px; overflow: hidden; }

@media screen and (max-width: 767px) { .u-sp-display-off { position: absolute; width: 0px; height: 0px; top: -999px; overflow: hidden; } }

/******************************************************************
utility - padding
******************************************************************/
.u-padding { padding: 1rem; }

.u-padding-3s { padding: 0.25rem; }

.u-padding-2s { padding: 0.5rem; }

.u-padding-s { padding: 0.75rem; }

.u-padding-2l { padding: 1.5rem; }

.u-padding-2x { padding: 2rem; }

.u-padding-4x { padding: 4rem; }

@media screen and (max-width: 767px) { .u-padding { padding: 0.75rem; }
  .u-padding-3s { padding: 0.1875rem; }
  .u-padding-2s { padding: 0.375rem; }
  .u-padding-s { padding: 0.5625rem; }
  .u-padding-2l { padding: 1.125rem; }
  .u-padding-2x { padding: 1.5rem; }
  .u-padding-4x { padding: 3rem; }
  .u-sp-padding { padding: 0.75rem; }
  .u-sp-padding-3s { padding: 0.1875rem; }
  .u-sp-padding-2s { padding: 0.375rem; }
  .u-sp-padding-s { padding: 0.5625rem; }
  .u-sp-padding-2l { padding: 1.125rem; }
  .u-sp-padding-2x { padding: 1.5rem; }
  .u-sp-padding-4x { padding: 3rem; } }

/******************************************************************
utility - padding-bottom
******************************************************************/
.u-padding-bottom { padding-bottom: 1rem; }

.u-padding-bottom-3s { padding-bottom: 0.25rem; }

.u-padding-bottom-2s { padding-bottom: 0.5rem; }

.u-padding-bottom-s { padding-bottom: 0.75rem; }

.u-padding-bottom-2l { padding-bottom: 1.5rem; }

.u-padding-bottom-2x { padding-bottom: 2rem; }

.u-padding-bottom-4x { padding-bottom: 4rem; }

@media screen and (max-width: 767px) { .u-padding-bottom { padding-bottom: 0.75rem; }
  .u-padding-bottom-3s { padding-bottom: 0.1875rem; }
  .u-padding-bottom-2s { padding-bottom: 0.375rem; }
  .u-padding-bottom-s { padding-bottom: 0.5625rem; }
  .u-padding-bottom-2l { padding-bottom: 1.125rem; }
  .u-padding-bottom-2x { padding-bottom: 1.5rem; }
  .u-padding-bottom-4x { padding-bottom: 3rem; }
  .u-sp-padding-bottom { padding-bottom: 0.75rem; }
  .u-sp-padding-bottom-3s { padding-bottom: 0.1875rem; }
  .u-sp-padding-bottom-2s { padding-bottom: 0.375rem; }
  .u-sp-padding-bottom-s { padding-bottom: 0.5625rem; }
  .u-sp-padding-bottom-2l { padding-bottom: 1.125rem; }
  .u-sp-padding-bottom-2x { padding-bottom: 1.5rem; }
  .u-sp-padding-bottom-4x { padding-bottom: 3rem; } }

/******************************************************************
utility - margin-right
******************************************************************/
.u-margin-right { margin-right: 1rem; }

.u-margin-right-2s { margin-right: 0.5rem; }

.u-margin-right-5x { margin-right: 5rem; }

.u-margin-right-7x { margin-right: 7rem; }

@media screen and (max-width: 767px) { .u-margin-right { margin-right: 0.75rem; }
  .u-margin-right-2s { margin-right: 0.375rem; }
  .u-margin-right-5x { margin-right: 3.75rem; }
  .u-margin-right-7x { margin-right: 5.25rem; }
  .u-sp-margin-right { margin-right: 0.75rem; }
  .u-sp-margin-right-2s { margin-right: 0.375rem; }
  .u-sp-margin-right-5x { margin-right: 3.75rem; }
  .u-sp-margin-right-7x { margin-right: 5.25rem; } }

/******************************************************************
utility - margin-bottom
******************************************************************/
.u-margin-bottom { margin-bottom: 1rem; }

.u-margin-bottom-2s { margin-bottom: 0.5rem; }

.u-margin-bottom-5x { margin-bottom: 5rem; }

.u-margin-bottom-7x { margin-bottom: 7rem; }

@media screen and (max-width: 767px) { .u-margin-bottom { margin-bottom: 0.75rem; }
  .u-margin-bottom-2s { margin-bottom: 0.375rem; }
  .u-margin-bottom-5x { margin-bottom: 3.75rem; }
  .u-margin-bottom-7x { margin-bottom: 5.25rem; }
  .u-sp-margin-bottom { margin-bottom: 0.75rem; }
  .u-sp-margin-bottom-2s { margin-bottom: 0.375rem; }
  .u-sp-margin-bottom-5x { margin-bottom: 3.75rem; }
  .u-sp-margin-bottom-7x { margin-bottom: 5.25rem; } }

/******************************************************************
utility - text-align
******************************************************************/
.u-center { text-align: center; }

.u-right { text-align: right; }

.u-left { text-align: left; }

@media screen and (max-width: 767px) { .u-sp-center { text-align: center; }
  .u-sp-right { text-align: right; }
  .u-sp-left { text-align: left; } }

/******************************************************************
utility - font-small
******************************************************************/
.u-font-small { font-size: 0.8rem; line-height: 1.6; }

@media screen and (max-width: 767px) { .u-font-small { font-size: 0.8rem; } }

@media screen and (max-width: 767px) { .u-sp-font-small { font-size: 0.8rem; } }

/******************************************************************
utility - font-normal
******************************************************************/
.u-font-normal { font-weight: normal; color: #333333; font-size: 0.9rem; }

@media screen and (max-width: 767px) { .u-font-normal { font-size: 0.9rem; } }

@media screen and (max-width: 767px) { .u-sp-font-normal { font-weight: normal; color: #333333; font-size: 0.9rem; } }

/******************************************************************
utility - line-height
******************************************************************/
.u-line-height0 { line-height: 0; }

.u-line-height01 { line-height: 0.1; }

.u-line-height02 { line-height: 0.2; }

.u-line-height03 { line-height: 0.3; }

.u-line-height04 { line-height: 0.4; }

.u-line-height05 { line-height: 0.5; }

.u-line-height06 { line-height: 0.6; }

.u-line-height07 { line-height: 0.7; }

.u-line-height08 { line-height: 0.8; }

.u-line-height09 { line-height: 0.9; }

.u-line-height10 { line-height: 1; }

.u-line-height11 { line-height: 1.1; }

.u-line-height12 { line-height: 1.2; }

.u-line-height13 { line-height: 1.3; }

.u-line-height14 { line-height: 1.4; }

.u-line-height15 { line-height: 1.5; }

.u-line-height16 { line-height: 1.6; }

.u-line-height17 { line-height: 1.7; }

.u-line-height18 { line-height: 1.8; }

.u-line-height19 { line-height: 1.9; }

.u-line-height20 { line-height: 2; }

.u-line-height21 { line-height: 2.1; }

.u-line-height22 { line-height: 2.2; }

.u-line-height23 { line-height: 2.3; }

.u-line-height24 { line-height: 2.4; }

.u-line-height25 { line-height: 2.5; }

.u-line-height26 { line-height: 2.6; }

.u-line-height27 { line-height: 2.7; }

.u-line-height28 { line-height: 2.8; }

.u-line-height29 { line-height: 2.9; }

.u-line-height30 { line-height: 3; }

@media screen and (max-width: 767px) { .u-sp-line-height0 { line-height: 0; }
  .u-sp-line-height01 { line-height: 0.1; }
  .u-sp-line-height02 { line-height: 0.2; }
  .u-sp-line-height03 { line-height: 0.3; }
  .u-sp-line-height04 { line-height: 0.4; }
  .u-sp-line-height05 { line-height: 0.5; }
  .u-sp-line-height06 { line-height: 0.6; }
  .u-sp-line-height07 { line-height: 0.7; }
  .u-sp-line-height08 { line-height: 0.8; }
  .u-sp-line-height09 { line-height: 0.9; }
  .u-sp-line-height10 { line-height: 1; }
  .u-sp-line-height11 { line-height: 1.1; }
  .u-sp-line-height12 { line-height: 1.2; }
  .u-sp-line-height13 { line-height: 1.3; }
  .u-sp-line-height14 { line-height: 1.4; }
  .u-sp-line-height15 { line-height: 1.5; }
  .u-sp-line-height16 { line-height: 1.6; }
  .u-sp-line-height17 { line-height: 1.7; }
  .u-sp-line-height18 { line-height: 1.8; }
  .u-sp-line-height19 { line-height: 1.9; }
  .u-sp-line-height20 { line-height: 2; }
  .u-sp-line-height21 { line-height: 2.1; }
  .u-sp-line-height22 { line-height: 2.2; }
  .u-sp-line-height23 { line-height: 2.3; }
  .u-sp-line-height24 { line-height: 2.4; }
  .u-sp-line-height25 { line-height: 2.5; }
  .u-sp-line-height26 { line-height: 2.6; }
  .u-sp-line-height27 { line-height: 2.7; }
  .u-sp-line-height28 { line-height: 2.8; }
  .u-sp-line-height29 { line-height: 2.9; }
  .u-sp-line-height30 { line-height: 3; } }

/******************************************************************
utility - max-width-percent
******************************************************************/
.u-max-width0 { max-width: 0; }

.u-max-width1per { max-width: 1%; }

.u-max-width2per { max-width: 2%; }

.u-max-width3per { max-width: 3%; }

.u-max-width4per { max-width: 4%; }

.u-max-width5per { max-width: 5%; }

.u-max-width6per { max-width: 6%; }

.u-max-width7per { max-width: 7%; }

.u-max-width8per { max-width: 8%; }

.u-max-width9per { max-width: 9%; }

.u-max-width10per { max-width: 10%; }

.u-max-width11per { max-width: 11%; }

.u-max-width12per { max-width: 12%; }

.u-max-width13per { max-width: 13%; }

.u-max-width14per { max-width: 14%; }

.u-max-width15per { max-width: 15%; }

.u-max-width16per { max-width: 16%; }

.u-max-width17per { max-width: 17%; }

.u-max-width18per { max-width: 18%; }

.u-max-width19per { max-width: 19%; }

.u-max-width20per { max-width: 20%; }

.u-max-width21per { max-width: 21%; }

.u-max-width22per { max-width: 22%; }

.u-max-width23per { max-width: 23%; }

.u-max-width24per { max-width: 24%; }

.u-max-width25per { max-width: 25%; }

.u-max-width26per { max-width: 26%; }

.u-max-width27per { max-width: 27%; }

.u-max-width28per { max-width: 28%; }

.u-max-width29per { max-width: 29%; }

.u-max-width30per { max-width: 30%; }

.u-max-width31per { max-width: 31%; }

.u-max-width32per { max-width: 32%; }

.u-max-width33per { max-width: 33%; }

.u-max-width34per { max-width: 34%; }

.u-max-width35per { max-width: 35%; }

.u-max-width36per { max-width: 36%; }

.u-max-width37per { max-width: 37%; }

.u-max-width38per { max-width: 38%; }

.u-max-width39per { max-width: 39%; }

.u-max-width40per { max-width: 40%; }

.u-max-width41per { max-width: 41%; }

.u-max-width42per { max-width: 42%; }

.u-max-width43per { max-width: 43%; }

.u-max-width44per { max-width: 44%; }

.u-max-width45per { max-width: 45%; }

.u-max-width46per { max-width: 46%; }

.u-max-width47per { max-width: 47%; }

.u-max-width48per { max-width: 48%; }

.u-max-width49per { max-width: 49%; }

.u-max-width50per { max-width: 50%; }

.u-max-width51per { max-width: 51%; }

.u-max-width52per { max-width: 52%; }

.u-max-width53per { max-width: 53%; }

.u-max-width54per { max-width: 54%; }

.u-max-width55per { max-width: 55%; }

.u-max-width56per { max-width: 56%; }

.u-max-width57per { max-width: 57%; }

.u-max-width58per { max-width: 58%; }

.u-max-width59per { max-width: 59%; }

.u-max-width60per { max-width: 60%; }

.u-max-width61per { max-width: 61%; }

.u-max-width62per { max-width: 62%; }

.u-max-width63per { max-width: 63%; }

.u-max-width64per { max-width: 64%; }

.u-max-width65per { max-width: 65%; }

.u-max-width66per { max-width: 66%; }

.u-max-width67per { max-width: 67%; }

.u-max-width68per { max-width: 68%; }

.u-max-width69per { max-width: 69%; }

.u-max-width70per { max-width: 70%; }

.u-max-width71per { max-width: 71%; }

.u-max-width72per { max-width: 72%; }

.u-max-width73per { max-width: 73%; }

.u-max-width74per { max-width: 74%; }

.u-max-width75per { max-width: 75%; }

.u-max-width76per { max-width: 76%; }

.u-max-width77per { max-width: 77%; }

.u-max-width78per { max-width: 78%; }

.u-max-width79per { max-width: 79%; }

.u-max-width80per { max-width: 80%; }

.u-max-width81per { max-width: 81%; }

.u-max-width82per { max-width: 82%; }

.u-max-width83per { max-width: 83%; }

.u-max-width84per { max-width: 84%; }

.u-max-width85per { max-width: 85%; }

.u-max-width86per { max-width: 86%; }

.u-max-width87per { max-width: 87%; }

.u-max-width88per { max-width: 88%; }

.u-max-width89per { max-width: 89%; }

.u-max-width90per { max-width: 90%; }

.u-max-width91per { max-width: 91%; }

.u-max-width92per { max-width: 92%; }

.u-max-width93per { max-width: 93%; }

.u-max-width94per { max-width: 94%; }

.u-max-width95per { max-width: 95%; }

.u-max-width96per { max-width: 96%; }

.u-max-width97per { max-width: 97%; }

.u-max-width98per { max-width: 98%; }

.u-max-width99per { max-width: 99%; }

.u-max-width100per { max-width: 100%; }

@media screen and (max-width: 767px) { .u-sp-max-width0per { max-width: 0; }
  .u-sp-max-width1per { max-width: 1%; }
  .u-sp-max-width2per { max-width: 2%; }
  .u-sp-max-width3per { max-width: 3%; }
  .u-sp-max-width4per { max-width: 4%; }
  .u-sp-max-width5per { max-width: 5%; }
  .u-sp-max-width6per { max-width: 6%; }
  .u-sp-max-width7per { max-width: 7%; }
  .u-sp-max-width8per { max-width: 8%; }
  .u-sp-max-width9per { max-width: 9%; }
  .u-sp-max-width10per { max-width: 10%; }
  .u-sp-max-width11per { max-width: 11%; }
  .u-sp-max-width12per { max-width: 12%; }
  .u-sp-max-width13per { max-width: 13%; }
  .u-sp-max-width14per { max-width: 14%; }
  .u-sp-max-width15per { max-width: 15%; }
  .u-sp-max-width16per { max-width: 16%; }
  .u-sp-max-width17per { max-width: 17%; }
  .u-sp-max-width18per { max-width: 18%; }
  .u-sp-max-width19per { max-width: 19%; }
  .u-sp-max-width20per { max-width: 20%; }
  .u-sp-max-width21per { max-width: 21%; }
  .u-sp-max-width22per { max-width: 22%; }
  .u-sp-max-width23per { max-width: 23%; }
  .u-sp-max-width24per { max-width: 24%; }
  .u-sp-max-width25per { max-width: 25%; }
  .u-sp-max-width26per { max-width: 26%; }
  .u-sp-max-width27per { max-width: 27%; }
  .u-sp-max-width28per { max-width: 28%; }
  .u-sp-max-width29per { max-width: 29%; }
  .u-sp-max-width30per { max-width: 30%; }
  .u-sp-max-width31per { max-width: 31%; }
  .u-sp-max-width32per { max-width: 32%; }
  .u-sp-max-width33per { max-width: 33%; }
  .u-sp-max-width34per { max-width: 34%; }
  .u-sp-max-width35per { max-width: 35%; }
  .u-sp-max-width36per { max-width: 36%; }
  .u-sp-max-width37per { max-width: 37%; }
  .u-sp-max-width38per { max-width: 38%; }
  .u-sp-max-width39per { max-width: 39%; }
  .u-sp-max-width40per { max-width: 40%; }
  .u-sp-max-width41per { max-width: 41%; }
  .u-sp-max-width42per { max-width: 42%; }
  .u-sp-max-width43per { max-width: 43%; }
  .u-sp-max-width44per { max-width: 44%; }
  .u-sp-max-width45per { max-width: 45%; }
  .u-sp-max-width46per { max-width: 46%; }
  .u-sp-max-width47per { max-width: 47%; }
  .u-sp-max-width48per { max-width: 48%; }
  .u-sp-max-width49per { max-width: 49%; }
  .u-sp-max-width50per { max-width: 50%; }
  .u-sp-max-width51per { max-width: 51%; }
  .u-sp-max-width52per { max-width: 52%; }
  .u-sp-max-width53per { max-width: 53%; }
  .u-sp-max-width54per { max-width: 54%; }
  .u-sp-max-width55per { max-width: 55%; }
  .u-sp-max-width56per { max-width: 56%; }
  .u-sp-max-width57per { max-width: 57%; }
  .u-sp-max-width58per { max-width: 58%; }
  .u-sp-max-width59per { max-width: 59%; }
  .u-sp-max-width60per { max-width: 60%; }
  .u-sp-max-width61per { max-width: 61%; }
  .u-sp-max-width62per { max-width: 62%; }
  .u-sp-max-width63per { max-width: 63%; }
  .u-sp-max-width64per { max-width: 64%; }
  .u-sp-max-width65per { max-width: 65%; }
  .u-sp-max-width66per { max-width: 66%; }
  .u-sp-max-width67per { max-width: 67%; }
  .u-sp-max-width68per { max-width: 68%; }
  .u-sp-max-width69per { max-width: 69%; }
  .u-sp-max-width70per { max-width: 70%; }
  .u-sp-max-width71per { max-width: 71%; }
  .u-sp-max-width72per { max-width: 72%; }
  .u-sp-max-width73per { max-width: 73%; }
  .u-sp-max-width74per { max-width: 74%; }
  .u-sp-max-width75per { max-width: 75%; }
  .u-sp-max-width76per { max-width: 76%; }
  .u-sp-max-width77per { max-width: 77%; }
  .u-sp-max-width78per { max-width: 78%; }
  .u-sp-max-width79per { max-width: 79%; }
  .u-sp-max-width80per { max-width: 80%; }
  .u-sp-max-width81per { max-width: 81%; }
  .u-sp-max-width82per { max-width: 82%; }
  .u-sp-max-width83per { max-width: 83%; }
  .u-sp-max-width84per { max-width: 84%; }
  .u-sp-max-width85per { max-width: 85%; }
  .u-sp-max-width86per { max-width: 86%; }
  .u-sp-max-width87per { max-width: 87%; }
  .u-sp-max-width88per { max-width: 88%; }
  .u-sp-max-width89per { max-width: 89%; }
  .u-sp-max-width90per { max-width: 90%; }
  .u-sp-max-width91per { max-width: 91%; }
  .u-sp-max-width92per { max-width: 92%; }
  .u-sp-max-width93per { max-width: 93%; }
  .u-sp-max-width94per { max-width: 94%; }
  .u-sp-max-width95per { max-width: 95%; }
  .u-sp-max-width96per { max-width: 96%; }
  .u-sp-max-width97per { max-width: 97%; }
  .u-sp-max-width98per { max-width: 98%; }
  .u-sp-max-width99per { max-width: 99%; }
  .u-sp-max-width100per { max-width: 100%; } }

/******************************************************************
utility - bg
******************************************************************/
.u-bg-air { background-color: #e8e5f3; }

.u-bg-easy_to_use { background-color: #fcecf2; }

/******************************************************************
utility - color
******************************************************************/
.u-color-base { color: #333333; }

.u-color-air_conditioning { color: #00a2d0; }

.u-color-ai { color: #ea5514; }

.u-color-air { color: #6356a3; }

.u-color-clean { color: #13a88e; }

.u-color-energy_saving { color: #8aba28; }

.u-color-dehumidification { color: #5ac2d8; }

.u-color-heating { color: #e7811d; }

.u-color-easy_to_use { color: #e95377; }

.u-color-kokusyo { color: #84959e; }

.u-color-space_fseries { color: #aca000; }

.u-color-space_coldarea { color: #e63528; }

/******************************************************************
utility - border
******************************************************************/
.u-border-original { border: 1px solid #222222; }

.u-border-air_conditioning { border: 1px solid #5ac2d8; }

.u-border-ai { border: 1px solid #ea5514; }

.u-border-air { border: 1px solid #9b72b0; }

.u-border-clean { border: 1px solid #62c1b4; }

.u-border-energy_saving { border: 1px solid #a0cf77; }

.u-border-dehumidification { border: 1px solid #5ac2d8; }

.u-border-heating { border: 1px solid #f3a961; }

.u-border-easy_to_use { border: 1px solid #ed83a6; }

.u-border-kokusyo { border: 1px solid #84959e; }

.u-border-space_fseries { border: 1px solid #aca000; }

.u-border-space_coldarea { border: 1px solid #e63528; }

/******************************************************************
utility - over-opacity
******************************************************************/
.u-over-opacity { transition-property: opacity; transition-duration: 0.3s; }

.u-over-opacity:hover:not(:disabled):not(.disabled) { opacity: 0.7; }