/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffdbdb));
  background: -webkit-linear-gradient(transparent 60%, #ffdbdb 60%);
  background: -o-linear-gradient(transparent 60%, #ffdbdb 60%);
  background: linear-gradient(transparent 60%, #ffdbdb 60%); }

.marker2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffebc9));
  background: -webkit-linear-gradient(transparent 60%, #ffebc9 60%);
  background: -o-linear-gradient(transparent 60%, #ffebc9 60%);
  background: linear-gradient(transparent 60%, #ffebc9 60%); }

/*
* Font Awesome
**/
/* -------------------------------------------------
 *  grid setting
 * ------------------------------------------------- */
.c-accordion__head {
  display: block;
  margin: 0;
  padding: 24px 12px;
  padding-right: 3em;
  line-height: 1.5;
  background-color: #000;
  color: #fff;
  position: relative;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  font-size: 1.6rem; }
  @media (min-width: 1024px) {
    .c-accordion__head {
      padding-left: 24px; } }
  .c-accordion__head::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: block;
    line-height: 1;
    position: absolute;
    right: 1.5em;
    top: calc(50% - .5em);
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }

.c-accordion__head.isOpen::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.c-accordion__body {
  display: none;
  overflow: hidden;
  border-top: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  border: 1px solid #000;
  border-top: none; }
  @media (min-width: 1024px) {
    .c-accordion__body {
      padding: 24px; } }
  .c-accordion__body > *:first-child {
    margin-top: 0; }
  .c-accordion__body > *:last-child {
    margin-bottom: 0; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffdbdb));
  background: -webkit-linear-gradient(transparent 60%, #ffdbdb 60%);
  background: -o-linear-gradient(transparent 60%, #ffdbdb 60%);
  background: linear-gradient(transparent 60%, #ffdbdb 60%); }

.marker2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffebc9));
  background: -webkit-linear-gradient(transparent 60%, #ffebc9 60%);
  background: -o-linear-gradient(transparent 60%, #ffebc9 60%);
  background: linear-gradient(transparent 60%, #ffebc9 60%); }

/*
* Font Awesome
**/
/* -------------------------------------------------
 *  grid setting
 * ------------------------------------------------- */
.c-box {
  background: #f5f5f5;
  padding: 24px;
  margin: 24px 0;
  border-style: none; }
  .c-box > *:first-child {
    margin-top: 0; }
  .c-box > *:last-child {
    margin-bottom: 0; }
  .c-box_border {
    border: 2px solid #000;
    background: none; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffdbdb));
  background: -webkit-linear-gradient(transparent 60%, #ffdbdb 60%);
  background: -o-linear-gradient(transparent 60%, #ffdbdb 60%);
  background: linear-gradient(transparent 60%, #ffdbdb 60%); }

.marker2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffebc9));
  background: -webkit-linear-gradient(transparent 60%, #ffebc9 60%);
  background: -o-linear-gradient(transparent 60%, #ffebc9 60%);
  background: linear-gradient(transparent 60%, #ffebc9 60%); }

/*
* Font Awesome
**/
/* -------------------------------------------------
 *  grid setting
 * ------------------------------------------------- */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffdbdb));
  background: -webkit-linear-gradient(transparent 60%, #ffdbdb 60%);
  background: -o-linear-gradient(transparent 60%, #ffdbdb 60%);
  background: linear-gradient(transparent 60%, #ffdbdb 60%); }

.marker2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffebc9));
  background: -webkit-linear-gradient(transparent 60%, #ffebc9 60%);
  background: -o-linear-gradient(transparent 60%, #ffebc9 60%);
  background: linear-gradient(transparent 60%, #ffebc9 60%); }

/*
* Font Awesome
**/
/* -------------------------------------------------
 *  grid setting
 * ------------------------------------------------- */
.c-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(12, 1fr); }
  .c-grid_collapse {
    gap: 0; }
  .c-grid_tight {
    gap: 6px; }
  @media (min-width: 1080px) {
    .c-grid_loose {
      gap: 48px; } }
  .c-grid_center {
    -ms-flex-align: center;
        align-items: center; }
  .c-grid_top > .c-grid__u > *:first-child {
    margin-top: 0; }
  @media (min-width: 768px) {
    .c-grid_insert {
      grid-template-rows: auto 1fr; }
      .c-grid_insert > .c-grid__u:nth-of-type(1) {
        grid-row: 1 / 2; }
      .c-grid_insert > .c-grid__u:nth-of-type(2) {
        grid-row: 1 / 3; }
      .c-grid_insert > .c-grid__u:nth-of-type(3) {
        grid-row: 2 / 3; } }
  @media (min-width: 768px) {
    .c-grid_insert.c-grid_reverse > .c-grid__u:nth-of-type(1), .c-grid_insert.c-grid_reverse > .c-grid__u:nth-of-type(3) {
      grid-row: auto; } }
  @media (max-width: 1080px) {
    .c-grid_custom {
      gap: 24px !important; } }
  .c-grid_col5 {
    grid-template-columns: repeat(5, 1fr); }
  .c-grid_col7 {
    grid-template-columns: repeat(7, 1fr); }
  .c-grid_col9 {
    grid-template-columns: repeat(9, 1fr); }
  .c-grid_col10 {
    grid-template-columns: repeat(10, 1fr); }
  @media (min-width: 768px) {
    .c-grid_reverse > .c-grid__u:nth-last-child(1) {
      -ms-flex-order: 1;
          order: 1; }
    .c-grid_reverse > .c-grid__u:nth-last-child(2) {
      -ms-flex-order: 2;
          order: 2; } }
  .c-grid__u {
    grid-column: 1 / -1; }
  .c-grid__u_1 {
    grid-column: span 1; }
  @media (min-width: 768px) {
    .c-grid__u_md_1 {
      grid-column: span 1; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_1 {
      grid-column: span 1; } }
  .c-grid__u_2 {
    grid-column: span 2; }
  @media (min-width: 768px) {
    .c-grid__u_md_2 {
      grid-column: span 2; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_2 {
      grid-column: span 2; } }
  .c-grid__u_3 {
    grid-column: span 3; }
  @media (min-width: 768px) {
    .c-grid__u_md_3 {
      grid-column: span 3; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_3 {
      grid-column: span 3; } }
  .c-grid__u_4 {
    grid-column: span 4; }
  @media (min-width: 768px) {
    .c-grid__u_md_4 {
      grid-column: span 4; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_4 {
      grid-column: span 4; } }
  .c-grid__u_5 {
    grid-column: span 5; }
  @media (min-width: 768px) {
    .c-grid__u_md_5 {
      grid-column: span 5; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_5 {
      grid-column: span 5; } }
  .c-grid__u_6 {
    grid-column: span 6; }
  @media (min-width: 768px) {
    .c-grid__u_md_6 {
      grid-column: span 6; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_6 {
      grid-column: span 6; } }
  .c-grid__u_7 {
    grid-column: span 7; }
  @media (min-width: 768px) {
    .c-grid__u_md_7 {
      grid-column: span 7; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_7 {
      grid-column: span 7; } }
  .c-grid__u_8 {
    grid-column: span 8; }
  @media (min-width: 768px) {
    .c-grid__u_md_8 {
      grid-column: span 8; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_8 {
      grid-column: span 8; } }
  .c-grid__u_9 {
    grid-column: span 9; }
  @media (min-width: 768px) {
    .c-grid__u_md_9 {
      grid-column: span 9; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_9 {
      grid-column: span 9; } }
  .c-grid__u_10 {
    grid-column: span 10; }
  @media (min-width: 768px) {
    .c-grid__u_md_10 {
      grid-column: span 10; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_10 {
      grid-column: span 10; } }
  .c-grid__u_11 {
    grid-column: span 11; }
  @media (min-width: 768px) {
    .c-grid__u_md_11 {
      grid-column: span 11; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_11 {
      grid-column: span 11; } }
  .c-grid__u_12 {
    grid-column: span 12; }
  @media (min-width: 768px) {
    .c-grid__u_md_12 {
      grid-column: span 12; } }
  @media (min-width: 1080px) {
    .c-grid__u_lg_12 {
      grid-column: span 12; } }