#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.demo01_sec .inner{counter-reset:number 0;max-width:100%;padding:20px 0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row{padding:30px 0 60px}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row{padding-bottom:0}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row{display:block;padding:15px 0 30px}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row.reverse{display:flex;flex-flow:wrap-reverse}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col{padding:0}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col{display:block;width:100%}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col{display:block;background:#fff;position:relative;width:54vw !important;box-shadow:0 3px 8px var(--fo-shadow-color);padding:30px 50px 30px 20px;z-index:1}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col{width:100% !important;padding:20px}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col{width:100% !important;padding:20px}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col::before,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col::before{counter-increment:number 1;content:"0" counter(number);color:#EFF4F1;font-size:160px;line-height:1;position:absolute;right:27vw;bottom:0;z-index:-1}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col::before,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col::before{right:0}}@media screen and (min-width: 770px) and (max-width: 1024px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col::before,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col::before{right:auto;left:0}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col::before,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col::before{right:0;left:auto}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col .component,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col .component{max-width:calc(530px - 50px - 20px);width:100%;margin-left:auto}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col .component,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col .component{max-width:100%}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col .component,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col .component{max-width:100%}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col{z-index:1;margin-left:-4vw;padding:30px 20px 30px 50px}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col{padding:20px;margin-left:0}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col{padding:20px;margin-left:0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col::before{right:auto;left:31vw}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col::before{right:0;left:auto}}@media screen and (min-width: 770px) and (max-width: 1024px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col::before{left:auto;right:0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col .component{max-width:540px;margin-left:0;margin-right:auto}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col .component{max-width:100%}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col .component{max-width:100%}}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.img_col{width:100% !important}}@media screen and (min-width: 770px) and (max-width: 1024px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.img_col{width:50% !important}}@media screen and (min-width: 770px) and (max-width: 834px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.img_col{width:100% !important}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col .component.image{margin:0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner{max-width:100%;padding:20px 0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row{margin-bottom:70px}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row:last-child{margin-bottom:0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col{padding:0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textL_col,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textR_col{background:#fff;padding:30px 40px;max-width:590px;width:100% !important;position:relative;display:block;margin-bottom:60px;box-shadow:0 3px 8px var(--fo-shadow-color)}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textL_col,#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textR_col{max-width:none}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textL_col{margin-left:auto;margin-right:-60px}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textL_col{margin:0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textR_col{margin-right:auto;margin-left:-60px}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textR_col{margin:0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.img_col{padding-top:60px;vertical-align:bottom}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.img_col{padding-top:0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.img_col .component.image{margin:0}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.img_col{width:100% !important}}@media screen and (min-width: 770px) and (max-width: 1024px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.img_col{width:50% !important}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner{max-width:100%;padding:20px 0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.title_row{max-width:1060px;width:100%;margin:auto}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row{max-width:85%;width:100%;margin-left:auto}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row{max-width:100%;margin-top:50px}}@media screen and (min-width: 770px) and (max-width: 1024px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row{max-width:95%}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row .col.img_col{vertical-align:middle;padding:0}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row .col.img_col{padding:0 0 0 20px;margin-top:20px}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row .col.text_col{vertical-align:middle;padding:0 30px}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row .col.text_col{padding:0 20px}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row .col.text_col .component.read_text ul{margin:20px 0 0 20px}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row .col.text_col .component.num_text{margin-bottom:20px;color:#EDAE1C;line-height:1}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row.reverse{margin-right:auto;margin-left:0}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row.reverse .col.img_col{padding:0 20px 0 0}}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row.reverse .col.img_col .component.image{margin-top:0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo03_sec .inner .row.column2_row+.column2_row{margin-top:60px;margin-bottom:50px}#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.slide04_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.slide04_row{display:block}}@media screen and (max-width: 769px){#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_row{display:block}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_row .col{padding:0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_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.slide04_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.slide04_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.slide04_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.slide04_row .col.text_col{width:calc(100% - 40px) !important}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_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.slide04_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.slide04_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.slide04_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.slide04_row .col.img_col{width:100% !important;margin:0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_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.slide04_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.slide04_row.reverse{display:flex}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_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.slide04_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.slide04_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.slide04_row.reverse .col.text_col{margin-left:auto}}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_row.reverse .col.img_col{right:0}#page-custom-css-id .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_row+.slide04_row{margin:72px 0 0}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textL_col,#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section.demo01_sec .inner .row.column2_row .col.textR_col{display:table-cell !important;z-index:auto}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textL_col,#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section.demo02_sec .inner .row.column2_row .col.textR_col{display:table-cell !important;width:50% !important;margin:0}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section.demo04_sec .inner .row.slide04_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.slide04_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.text { /* 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-2 .row.row-2 { /* sample */ } .contents .content-2 .row.row-2 .col.col-1 { /* sample */ } .contents .content-2 .row.row-2 .col.col-1 .entry-list { /* sample */ } .side { /* sample */ } .side .component.text { /* sample */ } .side .component.button { /* sample */ } .side .component.button { /* sample */ } .side .component.button { /* sample */ } .side .component.border { /* sample */ } .side .component.search { /* sample */ } .side .component.border { /* sample */ } .side .component.tag_cloud { /* sample */ } .side .component.border { /* sample */ } .side .component.rich-heading { /* sample */ } .side .component.list { /* sample */ } .side .component.border { /* sample */ } .side .component.rich-heading { /* sample */ } .side .component.list { /* sample */ } .side .component.border { /* sample */ } .side .component.rich-heading { /* sample */ } .side .component.list { /* sample */ } .side .component.border { /* sample */ } .side .component.rich-heading { /* sample */ } .side .component.list { /* sample */ } .side .component.border { /* sample */ } .side .component.rich-heading { /* sample */ } .side .component.list { /* 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 */ }