#page-custom-css-id .theme-fo-base .wrapper .contents section:nth-child(even){background:#f5f5f5}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner{max-width:1100px;padding:20px;margin:auto}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row{display:flex;align-items:flex-start;position:relative;margin-bottom:72px}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row{display:block}}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row{display:block}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col{padding:0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.text_col{display:block;position:relative;z-index:1;box-shadow:0 3px 8px var(--fo-shadow-color);background:#fff;padding:50px 60px}@media screen and (min-width: 770px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.text_col{margin:60px 0 0 calc((100% - 700px) - 606px);width:606px !important}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.text_col{margin:-30px auto 0;padding:30px;width:100% !important}}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.text_col{margin:-30px auto 0;padding:30px}}@media screen and (min-width: 577px) and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.text_col{width:calc(100% - 40px) !important}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.img_col{display:block;position:relative}@media screen and (min-width: 770px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.img_col{width:700px !important}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.img_col{position:relative;max-width:none;width:calc(100% + 40px) !important;margin:0 -20px}}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.img_col{position:relative;max-width:none;width:calc(100% + 40px) !important;margin:0 -20px}}@media screen and (min-width: 577px) and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.img_col{width:100% !important;margin:0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.img_col .component.image{margin:0}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row.reverse{display:flex;flex-wrap:wrap-reverse}}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row.reverse{display:flex}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row.reverse .col.text_col{margin-left:0}@media screen and (min-width: 770px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row.reverse .col.text_col{margin:60px calc((100% - 700px) - 606px) 0 0}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row.reverse .col.text_col{margin:-30px auto 0}}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row.reverse .col.text_col{margin-left:auto}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row.reverse .col.img_col{right:0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row+.demo04_row{margin:72px 0 0}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row .col.text_col{z-index:0;margin-left:0}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.demo04_row.reverse .col.text_col{margin-right:0}
.contents .content-1 {
  /* sample */
}

.contents .content-1 .row.row-1 {
  /* sample */
}
.contents .content-1 .row.row-1 .col.col-1 {
  /* sample */
}
.contents .content-1 .row.row-1 .col.col-1 .component.rich-heading {
  /* sample */
}
.contents .content-1 .row.row-1 .col.col-1 .component.tag_cloud {
  /* sample */
}

.contents .content-2 {
  /* sample */
}

.contents .content-2 .row.row-1 {
  /* sample */
}
.contents .content-2 .row.row-1 .col.col-1 {
  /* sample */
}
.contents .content-2 .row.row-1 .col.col-1 .component.rich-heading {
  /* sample */
}

.contents .content-3 {
  /* sample */
}

.contents .content-3 .row.row-1 {
  /* sample */
}
.contents .content-3 .row.row-1 .col.col-1 {
  /* sample */
}
.contents .content-3 .row.row-1 .col.col-1 .component.rich-heading {
  /* sample */
}
.contents .content-3 .row.row-1 .col.col-1 .component.richtext {
  /* sample */
}
.contents .content-3 .row.row-1 .col.col-2 {
  /* sample */
}
.contents .content-3 .row.row-1 .col.col-2 .component.image {
  /* sample */
}

.contents .content-3 .row.row-2 {
  /* sample */
}
.contents .content-3 .row.row-2 .col.col-1 {
  /* sample */
}
.contents .content-3 .row.row-2 .col.col-1 .component.image {
  /* sample */
}
.contents .content-3 .row.row-2 .col.col-2 {
  /* sample */
}
.contents .content-3 .row.row-2 .col.col-2 .component.rich-heading {
  /* sample */
}
.contents .content-3 .row.row-2 .col.col-2 .component.richtext {
  /* sample */
}

.contents .content-3 .row.row-3 {
  /* sample */
}
.contents .content-3 .row.row-3 .col.col-1 {
  /* sample */
}
.contents .content-3 .row.row-3 .col.col-1 .component.rich-heading {
  /* sample */
}
.contents .content-3 .row.row-3 .col.col-1 .component.richtext {
  /* sample */
}
.contents .content-3 .row.row-3 .col.col-2 {
  /* sample */
}
.contents .content-3 .row.row-3 .col.col-2 .component.image {
  /* sample */
}

.contents .content-4 {
  /* sample */
}

.contents .content-4 .row.row-1 {
  /* sample */
}
.contents .content-4 .row.row-1 .col.col-1 {
  /* sample */
}
.contents .content-4 .row.row-1 .col.col-1 .component.rich-heading {
  /* sample */
}
.contents .content-4 .row.row-1 .col.col-1 .component.text {
  /* sample */
}

.contents .content-4 .row.row-2 {
  /* sample */
}
.contents .content-4 .row.row-2 .col.col-1 {
  /* sample */
}
.contents .content-4 .row.row-2 .col.col-1 .component.text {
  /* sample */
}
.contents .content-4 .row.row-2 .col.col-1 .component.richtext {
  /* sample */
}
.contents .content-4 .row.row-2 .col.col-2 {
  /* sample */
}
.contents .content-4 .row.row-2 .col.col-2 .component.text {
  /* sample */
}
.contents .content-4 .row.row-2 .col.col-2 .component.richtext {
  /* sample */
}
.contents .content-4 .row.row-2 .col.col-2 .component.text {
  /* sample */
}

.side {
  /* sample */
}

.side {
  /* sample */
}

.foot {
  /* sample */
}

.foot .row.row-1 {
  /* sample */
}
.foot .row.row-1 .col.col-1 {
  /* sample */
}
.foot .row.row-1 .col.col-1 .component.script-comp {
  /* sample */
}

.foot .row.row-2 {
  /* sample */
}
.foot .row.row-2 .col.col-1 {
  /* sample */
}

.foot .row.row-3 {
  /* sample */
}
.foot .row.row-3 .col.col-1 {
  /* sample */
}
.foot .row.row-3 .col.col-1 .component.text {
  /* sample */
}
.foot .row.row-3 .col.col-1 .component.image {
  /* sample */
}

.header, .main-visual {
  /* sample */
}

.header .row.row-1, .main-visual .row.row-1 {
  /* sample */
}
.header .row.row-1 .col.col-1, .main-visual .row.row-1 .col.col-1 {
  /* sample */
}

.navi, .navi-001-01, .navi-002-01 {
  /* sample */
}

.navi .row.row-1, .navi-001-01 .row.row-1, .navi-002-01 .row.row-1 {
  /* sample */
}
.navi .row.row-1 .col.col-1, .navi-001-01 .row.row-1 .col.col-1, .navi-002-01 .row.row-1 .col.col-1 {
  /* sample */
}
.navi .row.row-1 .col.col-1 .component.list, .navi-001-01 .row.row-1 .col.col-1 .component.list, .navi-002-01 .row.row-1 .col.col-1 .component.list {
  /* sample */
}
.navi .row.row-1 .col.col-2, .navi-001-01 .row.row-1 .col.col-2, .navi-002-01 .row.row-1 .col.col-2 {
  /* sample */
}
.navi .row.row-1 .col.col-2 .component.button, .navi-001-01 .row.row-1 .col.col-2 .component.button, .navi-002-01 .row.row-1 .col.col-2 .component.button {
  /* sample */
}
.navi .row.row-1 .col.col-2 .component.button, .navi-001-01 .row.row-1 .col.col-2 .component.button, .navi-002-01 .row.row-1 .col.col-2 .component.button {
  /* sample */
}
.navi .row.row-1 .col.col-2 .component.button, .navi-001-01 .row.row-1 .col.col-2 .component.button, .navi-002-01 .row.row-1 .col.col-2 .component.button {
  /* sample */
}

.side {
  /* sample */
}

.side {
  /* sample */
}

.fixed-side .row.row-1 {
  /* sample */
}
.fixed-side .row.row-1 .col.col-1 {
  /* sample */
}