.elementor-kit-6{--e-global-color-primary:#3783A3;--e-global-color-secondary:#FCCB00;--e-global-color-text:#000000;--e-global-color-accent:#989898;--e-global-color-ceab8fd:#4C809F;--e-global-color-aa6d80e:#4C809F40;--e-global-color-538a896:#F2F0E5;--e-global-color-3c84d49:#4C809F99;--e-global-color-17b4b74:#FFF134;--e-global-typography-primary-font-family:"Noto Sans JP";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.8rem;--e-global-typography-primary-word-spacing:0.06em;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Sans JP";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5rem;--e-global-typography-accent-font-family:"Noto Sans JP";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.5rem;background-color:#EEF4F7;color:var( --e-global-color-astglobalcolor3 );font-family:"Noto Sans JP", Sans-serif;font-size:18px;font-weight:400;line-height:1.5rem;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 h2{color:var( --e-global-color-accent );font-family:"Noto Sans JP", Sans-serif;font-size:20px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.ribbon-right {
    position: absolute;
    bottom: 20px;
    right: -10px;
    padding: 0.5rem 1rem;
    background-color: #4c809f;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.ribbon-right span::before,
.ribbon-right span::after{
    position: absolute;
    top: -25%;
    right: 0px;
    width: 0px;
    height: 0px;
    border: none;
    border-top:10px solid transparent;
    border-left:10px solid #335a71;
    content: '';
}


.ribbon-left {
    position: absolute;
    bottom: 20px;
    left: -10px;
    padding: 0.5rem 1rem;
    background-color: #4c809f;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.ribbon-left span::before,
.ribbon-left span::after{
    position: absolute;
    top: -25%;
    left: 0px;
    width: 0px;
    height: 0px;
    border: none;
    border-top:10px solid transparent;
    border-right:10px solid #335a71;
    content: '';
}

@media screen and (max-width: 766px) {
  /* ここにモバイル用のCSSを書く */
  .ribbon-right {
    bottom: 10px;
    font-size: 15px;
}

  .ribbon-left {
    bottom: 10px;
    font-size: 15px;
}
 
}

.box-triangle {
background-image: linear-gradient(
135deg
, #4c809f 50px, transparent 0);
}/* End custom CSS */