input {
-webkit-appearance: none;
}
.image-with-text {
display: flex;
}
@media (min-width: 960px) {
.image-with-text--align-top,
.image-with-text--align-top .image-with-text__info-wrap {
align-items: flex-start;
}
.image-with-text--align-middle,
.image-with-text--align-middle .image-with-text__info-wrap {
align-items: center;
}
.image-with-text--align-bottom,
.image-with-text--align-bottom .image-with-text__info-wrap {
align-items: flex-end;
}
.image-with-text--stretch {
align-items: stretch;
}
.image-with-text--overlap .image-with-text__info-wrap {
padding: 50px 0;
}
.image-with-text--overlap .image-with-text__info {
position: relative;
}
.image-with-text--overlap .image-with-text__info--overlap-pc-right {
width: calc(100% + 36px);
}
.image-with-text--overlap .image-with-text__info--overlap-pc-left {
left: -36px;
width: calc(100% + 36px);
}
.image-with-text.pos-right {
flex-direction: row-reverse;
}
}
.image-with-text.img-w-small .image-with-text__info-wrap {
flex: 2;
}
.image-with-text.img-w-medium .image-with-text__info-wrap {
flex: 1;
}
.image-with-text.img-w-large .image-with-text__info-wrap {
flex: 0.5;
}
.image-with-text__img-wrap {
flex: 1;
position: relative;
z-index: 1;
}     
    .pos-right .image-with-text__img-wrap:after {
        content: "";
        position: absolute;
        width: 246px;
        height: 60px;
        background: linear-gradient(180deg, #ED3951 0%, #F57249 100%);
        border-radius: 18px;
        transform: rotate(90deg);
        top: 40%;
        z-index: -1;
        left: 52%;
        margin-bottom: 50px;
    }

    .pos-left .image-with-text__img-wrap:after {
        content: "";
        position: absolute;
        width: 246px;
        height: 60px;
        background: linear-gradient(180deg, #ED3951 0%, #F57249 100%);
        border-radius: 18px;
        transform: rotate(90deg);
        top: 40%;
        z-index: -1;
        right: 72%;
        margin-bottom: 50px;
    }
.image-with-text__img-wrap--high {
height: 700px;
}
.image-with-text__img-wrap--low {
height: 350px;
}
.image-with-text__title--size-small {
font-size: calc(var(--title-font-size) * 0.8);
}
.image-with-text__title--size-medium {
font-size: calc(var(--title-font-size) * 1);
}
.image-with-text__title--size-large {
font-size: calc(var(--title-font-size) * 1.2);
}
@media (min-width: 960px) {
.image-with-text--stretch .image-with-text__img-wrap--high,
.image-with-text--stretch .image-with-text__img-wrap--low {
height: auto;
}
}
.image-with-text__img-wrap--auto {
height: auto;
object-fit: contain;
}
.image-with-text .color-scheme-none {
background-color: transparent;
color: rgba(var(--color-text));
}
.image-with-text .color-scheme-none .image-with-text__content {
color: rgba(var(--color-text));
}
.image-with-text__info-wrap {
display: flex;
position: relative;
width: 100%;
z-index: 2;
}
.image-with-text__info-reference {
width: 100%;
}
.image-with-text__info {
padding: 12px 0px;
}
.image-with-text__info--align-left {
text-align: left;
}
.image-with-text__info--align-center {
text-align: center;
}
.image-with-text__info--align-right {
text-align: right;
}
.image-with-text__sub-title {
word-wrap: break-word;
font-weight: 400;
margin-top: 20px;
text-transform: uppercase;
}
.image-with-text__content {
margin-top: 20px;
}
.image-with-text__title {
margin-bottom: 20px !important;
margin-top: 20px;
overflow: hidden;font-weight:600;
}
.image-with-text__btn {
margin-top: 20px;
}
.image-with-text__image {
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;

}
.image-with-text__empty-img {
background-color: #f3f3f3;
height: 100%;
width: 100%;
}
.image-with-text__info > :first-child {
margin-top: 0;
}.image-with-text__image-box {
height: 100%;
}

.image-with-text__image-box .empty-image-class {
width: 100%;
background-color: #f3f3f3;
height: 100%;
display: block;
}

.image-with-text__image-box .image-with-text__image {
border-radius: 25px;
width: 80%;
height: 100%;
display: block;
object-fit: cover;
}
@media (max-width: 959px) {

.image-with-text__content { 
    display: none;
}
.image-with-text__content.show {display: block;
}
.destitle {font-weight: 600;
    position: relative;
    width: fit-content;
    padding-right: 20px;
}
.destitle:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid #000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 8px;
        right: 0;
}
.pos-left .image-with-text__img-wrap:after {
    display: none;
}

.pos-right .image-with-text__img-wrap:after {
    display: none;
}
.image-with-text {
display: flex;
flex-direction: column;
}
.image-with-text--overlap .image-with-text__info-wrap {
margin-top: -36px;
padding-left: 14px;
padding-right: 14px;
position: relative;
z-index: 1;
}
.image-with-text.pos-right {
flex-direction: column;
}
.image-with-text .color-scheme-none {
}
.image-with-text__info {
box-sizing: border-box;
left: 0;
padding:0px 20px;
right: 0;
}
.image-with-text__info--m-align-left {
text-align: left;
}
.image-with-text__info--m-align-center {
text-align: center;
}
.image-with-text__info--m-align-right {
text-align: right;
}
.image-with-text__img-wrap {
transform: scale(0.9);
flex-basis: auto; 
}
.image-with-text__img-wrap--high {
height: 400px;
}
.image-with-text__img-wrap--low {
height: 200px;
}
.image-with-text__content,
.image-with-text__sub-title {
margin-top: 15px;
}
.image-with-text__title {
    overflow: hidden;
    font-size: 19px;
    font-weight: 600;
}
.image-with-text__btn {
margin-top: 15px;
} 
.image-with-text__empty-img {
background-color: #f3f3f3;
height: 100%;
width: 100%;
}.image-with-text__image-box .image-with-text__image {
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;

}
}

/* The ipad end responds to the mobile end in vertical screen */
/* @custom-media --tablet (max-width: 959px); */
/* @custom-media --gt-mobile (min-width: 751px); */
/* detectingScreen need to consider the configuration of the tablet */