.c5-bg-black {
    background: #36373b; 
    position: relative;
    border-image-source: linear-gradient(#36373b, #36373b);
    border-image-slice: 0 fill;
    border-image-outset: 0 100vw;
    color: #FFF;
    padding-bottom: 80px;
}
.c5-blue-title {
    background: #0f8baf;
    padding: 1rem 0;
    margin: 0;
    overflow-x: hidden;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
@media only screen and (max-width: 767px) {
.c5-blue-title {
    padding: 0;
}}
.c5-blue-title__text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
}
.c5-blue-title__text p {
    font-weight: 600;
    margin: 0;
    font-size: clamp(15px, 2vw, 24px);
}
.c5-blue-border-title {
    border-top: solid 1.5px;
    border-bottom: solid 1.5px;
    border-color: #0f8baf;
    margin: 0;
    overflow-x: hidden;
}
.c5-blue-border-title__text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
}
.c5-blue-border-title__text p {
    font-weight: 600;
    margin: 0;
    font-size: clamp(15px, 2vw, 24px);
    text-align: center;
}
.c5-col {
  display: block; }
  @media only screen and (min-width: 767px) {
    .c5-col {
      display: flex;
      justify-content: center;
      align-items: center; } }
  .c5-col__img {
    flex: 0 1 50%;
    text-align: center; }
  .c5-col__txt {
    flex: 1;
    margin-left: 0; }
    @media only screen and (min-width: 767px) {
      .c5-col__txt {
        margin-left: 20px; } }
  .c5-col .button-link {
    display: block; }
    @media only screen and (min-width: 767px) {
      .c5-col .button-link {
        display: flex; } }
    .c5-col .button-link p {
      margin: 0 1rem 0 0; }
      .c5-col .button-link p:last-of-type {
        margin: 0 0 20px 0; }
        @media only screen and (min-width: 767px) {
          .c5-col .button-link p:last-of-type {
            margin: 0; } }
      .c5-col .button-link p button {
        width: 200px; }

.c5-description {
    text-align: center;
    font-size: 1.2rem;
}
 @media only screen and (max-width: 767px) {
     .c5-description {
         font-size: 1.1rem;
}
}
.c5-product__link__btn a {
    display: inline-block;
    background: #2D75C7;
    color: #fff;
    padding: 0.8em 2.5em;
}
.c5-sp-br {
    display: none;
}
@media only screen and (max-width: 767px) {
.c5-sp-br {
    display: block;
}
}
.c5-modelName-flex {
    display: flex;
}
@media only screen and (max-width: 767px) {
.c5-modelName-flex {
    flex-direction: column-reverse;
    align-items: flex-start;
}}
.c5-new-icon {
    margin-top: 2px;
    margin-left: 15px;
    margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
.c5-new-icon {
    margin-left: 0;
}}
.c5-product__link {
    text-align: center;
}
.c5-product__link__txt {
    margin-right: 20px;
    text-align: left;
}
@media only screen and (max-width: 767px) {
.c5-product__link__txt {
    margin-right: 0px;
    text-align: center;
}}
.c5-mt100 {
    margin-top: 100px!important;
}
@media screen and (max-width: 639px){
.c5-mt100 {
    margin-top: 60px!important;
}}
.c5-mt80 {
    margin-top: 80px!important;
}
@media screen and (max-width: 639px){
.c5-mt80 {
    margin-top: 40px!important;
}}
.c5-mt70 {
    margin-top: 70px!important;
}
@media screen and (max-width: 942px){
.c5-mt70 {
    margin-top: 40px!important;
}}
.c5-tablet-mt50 {
    margin-top: 10px!important;
}
@media screen and (max-width: 768px){
.c5-tablet-mt50 {
    margin-top: 50px!important;
}}
.c5-mb60 {
    margin-bottom: 60px!important;
}
@media screen and (max-width: 942px){
.c5-mb60 {
    margin-bottom: 20px!important;
}}