#page-custom-css-id .theme-fo-base .wrapper .contents section.sample_sec{background:var(--fo-main-color);animation:name 10s ease 1s infinite forwards}@keyframes name{0%{background:var(--fo-main-color)}40%{background:var(--fo-sub-color)}80%{background:var(--fo-accent-color)}100%{background:var(--fo-main-color)}}#page-custom-css-id .theme-fo-base .wrapper .contents section.sample_sec .inner{aspect-ratio:16/9;display:flex;justify-content:center;align-items:center}#page-custom-css-id .theme-fo-base .wrapper .contents section.sample2_sec{background-color:#C0DEED;background:url(https://abs.twimg.com/images/themes/theme1/bg.png) center top repeat-x;animation:awan-animasi 10s linear infinite}@keyframes awan-animasi{from{background-position:0 0}to{background-position:100% 0}}#page-custom-css-id .theme-fo-base .wrapper .contents section.sample2_sec .inner{aspect-ratio:16/9;display:flex;justify-content:center;align-items:center}#page-custom-css-id .theme-fo-base .wrapper .contents section.sample3_sec{height:100vh;display:flex;background-attachment:fixed;justify-content:center;align-items:center}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row.demo_row:hover .col .component.image img{filter:grayscale(0);transition:0.5s}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row.demo_row .col .component.image img{filter:grayscale(100%)}@keyframes circle01{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle01_sample p{background-color:#fff;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50vh;margin-inline:auto;position:relative}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle01_sample p::before{content:"";display:block;width:100%;height:100%;border-top:3px solid #f00;border-bottom:3px solid #f00;border-radius:inherit;position:absolute;z-index:-1;animation:circle01 3s linear infinite}@keyframes rotate-circle02-right{0%{transform:rotate(0deg);background:#fff}25%{transform:rotate(180deg);background:#fff}25.01%{transform:rotate(360deg);background:#000}50%{transform:rotate(360deg);background:#000}75%{transform:rotate(360deg);background:#000}75.01%{transform:rotate(180deg);background:#fff}100%{transform:rotate(0deg);background:#fff}}@keyframes rotate-circle02-left{0%{transform:rotate(0deg)}25%{transform:rotate(0deg)}50%{transform:rotate(180deg)}75%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle02_sample{position:relative;width:120px;height:120px;background:#333;border-radius:50vh;text-align:center;overflow:hidden;z-index:1;margin-inline:auto}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle02_sample::before{content:"";display:block;position:absolute;top:0;left:-60px;width:120px;height:120px;background:#fff;transform-origin:right 60px;z-index:2;animation:rotate-circle02-left 5s linear forwards infinite}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle02_sample::after{content:"";display:block;position:absolute;top:0px;left:60px;width:120px;height:120px;background:#fff;transform-origin:left 60px;z-index:3;animation:rotate-circle02-right 5s linear forwards infinite}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle02_sample p{margin:0 !important;position:absolute;top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50vh;z-index:4}@keyframes color-fade{0%{opacity:1}50%{opacity:0.7}}@keyframes text-fade{0%{opacity:1}25%{opacity:0.8}50%{opacity:0.9}75%{opacity:0.6}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample{position:relative;width:100px;height:100px;margin-inline:auto}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample::after{border-radius:40%;content:"";display:block;width:100%;height:100%;background:linear-gradient(to bottom, #e8a, rgba(250,238,255,0.3) 90%, rgba(230,238,255,0.5));animation:color-fade 3s infinite linear}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p{margin:0 !important}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(1){position:absolute;top:33px;width:100%;z-index:1;color:#fff;text-align:center;font-size:0.7rem;line-height:2rem;letter-spacing:0.15em;animation:text-fade 300ms infinite linear}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(2),#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(3),#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(4){opacity:0.4;position:absolute;background:#0af;width:100px;height:100px;transform-origin:50% 47%;border-radius:40%;animation:rotation 3s infinite linear}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(3){opacity:0.2;background:#ff0;animation:rotation 5s infinite linear}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(4){animation:rotation 2.5s infinite linear}@keyframes circle04{0%{transform:rotate(0deg) translateX(-100px) rotate(0deg)}50%{transform:rotate(0deg) translateX(-100px) rotate(0deg)}100%{transform:rotate(360deg) translateX(-100px) rotate(-360deg)}}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle04_sample{position:relative;width:250px;height:250px;margin-inline:auto}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle04_sample p{margin:0 !important}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle04_sample p:nth-child(1){position:absolute;top:25px;left:25px;width:200px;height:200px;border-radius:50%;border:solid 1px var(--fo-text-main-color);display:flex;align-items:center;justify-content:center}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle04_sample p:nth-child(2){position:absolute;top:100px;left:100px;width:50px;height:50px;border-radius:50%;background:var(--fo-main-color);transform:translateX(-100px);animation:circle04 5s ease-in-out infinite;display:flex;justify-content:center;align-items:center;font-size:30px;line-height:1;letter-spacing:normal;color:#FFF}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.image.img01_sample a img{filter:grayscale(100%)}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.image.img01_sample a img:hover{opacity:1;filter:grayscale(0);transition:0.3s}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.image.img02_sample a{display:block;overflow:hidden}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.image.img02_sample a img:hover{transform:scale(1.3);transition:0.3s}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.image.img03_sample a{display:block;overflow:hidden}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.image.img03_sample a img{transform:scale(1.3)}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.image.img03_sample a img:hover{transform:scale(1);transition:0.3s}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.heading.bd_demo{animation:bdc 5s ease 1s infinite forwards}@keyframes bdc{0%{border-color:var(--fo-main-color)}50%{border-color:var(--fo-accent-color)}100%{border-color:var(--fo-main-color)}}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.heading.bd_demo2{position:relative}@keyframes bgc{0%{height:100%}100%{height:1px}}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.heading.bd_demo2::before{animation:bgc 5s ease 1s infinite forwards;content:"";display:inline-block;width:100%;height:100%;background-color:var(--fo-main-color);position:absolute;bottom:0;left:0}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.heading.bd_demo3{overflow:hidden}@keyframes animetxt{100%{transform:translateX(-100%)}}#page-custom-css-id .theme-fo-base .wrapper .contents section .inner .row .col .component.heading.bd_demo3 :is(h1,h2,h3,h4,h5){animation:animetxt 20s linear infinite;transform:translateX(100%)}#page-custom-css-id .component.entry-list.sample .article-list .entry-list-unit{transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),box-shadow 0.6s ease}#page-custom-css-id .component.entry-list.sample .article-list .entry-list-unit:hover{transform:translate3d(-4px, -4px, 0);box-shadow:5px 5px 16px 0 rgba(0,0,0,0.15) !important}#page-custom-css-id .component.entry-list.sample .article-list .entry-list-unit:hover a.img{overflow:hidden}#page-custom-css-id .component.entry-list.sample .article-list .entry-list-unit:hover a.img img{transform:scale(1.2)}#page-custom-css-id .component.entry-list.sample .article-list .entry-list-unit a.img img{transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle01_sample p::before{animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle02_sample::before{animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle02_sample::after{animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample::after{animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(1){animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(2),#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(3),#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(4){animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(3){animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle03_sample p:nth-child(4){animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.richtext.circle04_sample p:nth-child(2){animation:none}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.heading.bd_demo2::before{animation:none;height:0}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.heading.bd_demo3{overflow:unset}#page-custom-css-id .frame-root .frame-content .theme-fo-base .wrapper .contents section .inner .row .col .component.heading.bd_demo3 :is(h1,h2,h3,h4,h5){animation:none;transform:none}
.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.richtext {
  /* sample */
}

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

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

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

.contents .content-1 .row.row-5 {
  /* sample */
}
.contents .content-1 .row.row-5 .col.col-1 {
  /* sample */
}
.contents .content-1 .row.row-5 .col.col-1 .component.rich-heading {
  /* 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-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.richtext {
  /* sample */
}

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

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

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

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

.contents .content-6 .row.row-2 {
  /* sample */
}
.contents .content-6 .row.row-2 .col.col-1 {
  /* sample */
}
.contents .content-6 .row.row-2 .col.col-1 .component.image {
  /* sample */
}
.contents .content-6 .row.row-2 .col.col-2 {
  /* sample */
}
.contents .content-6 .row.row-2 .col.col-2 .component.image {
  /* sample */
}
.contents .content-6 .row.row-2 .col.col-3 {
  /* sample */
}
.contents .content-6 .row.row-2 .col.col-3 .component.image {
  /* sample */
}
.contents .content-6 .row.row-2 .col.col-4 {
  /* sample */
}

.contents .content-6 .row.row-3 {
  /* sample */
}
.contents .content-6 .row.row-3 .col.col-1 {
  /* sample */
}
.contents .content-6 .row.row-3 .col.col-1 .entry-list {
  /* sample */
}

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

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

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

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

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

.contents .content-7 .row.row-5 {
  /* sample */
}
.contents .content-7 .row.row-5 .col.col-1 {
  /* sample */
}
.contents .content-7 .row.row-5 .col.col-1 .component.button {
  /* sample */
}

.side {
  /* sample */
}

.side {
  /* sample */
}

.side {
  /* sample */
}

.side {
  /* sample */
}

.fixed-side .row.row-1 {
  /* sample */
}
.fixed-side .row.row-1 .col.col-1 {
  /* 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 */
}