.s-temp div, .s-temp p {
    margin: 0;
    padding: 0;
}

.s-temp  {
    margin: 20px 0 0;
}
.s-temp > p {
    font-size: 16px;
}
.s-temp .st__title p {
    font-size: 20px;
}
.s-temp > div{
    margin-top: 20px;
}

.s-temp > div.st__title{
    border-left: 3px solid #40BDF4;
    padding-left: 1em;
}
.s-temp > div.st__title p{
    font-weight: bold;
}
.s-temp > div.st__txt p{
    font-size: 18px;
    line-height: calc(32 / 18);
}
.s-temp .st__cul{
    display: grid;
    grid-template-columns: 40% 1fr;
    width: 100%;
    gap: 30px;
    margin-top: 20px;
}
.s-temp .st__cul.st__cul--order{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.s-temp .st__cul.st__cul--3col{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.s-temp .st__cul .cul__img {
    width: 100%;
    aspect-ratio: 1.5 / 1;  
    border-radius: 10px;
    overflow: hidden;
}
.s-temp .st__cul .cul__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.s-temp .st__cul .cul__txt{
    margin-top: 10px;
}
.s-temp .st__cul .cul__txt p {
     font-size: 18px;
    line-height: calc(32 / 18);
}

.s-temp .st__list{
    display: grid;
    /*grid-template-columns: max-content 1fr;*/        
    grid-template-columns: minmax(120px, 200px) 1fr;     
}
.s-temp .st__list > dt {
    background-color: #40BDF4;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #40BDF4;
    padding: 10px;
}
.s-temp .st__list > dt:first-of-type {
    border-top: 1px solid #40BDF4;
    border-top-left-radius: 10px;    
}
.s-temp .st__list > dt:last-of-type{
    border-bottom: 1px solid #40BDF4;
    border-bottom-left-radius: 10px;    
}
.s-temp .st__list > dt > p{
    color: #fff;
}
.s-temp .st__list > dd {
    margin-left: 0;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    border-right:  1px solid #ddd;
}
.s-temp .st__list > dd p{
    
}
.s-temp .st__list > dd:first-of-type{
     border-top: 1px solid #ddd;
    border-top-right-radius: 10px;  
}
.s-temp .st__list > dd:last-of-type{
    border-bottom-right-radius: 10px;  
}
    
.s-temp .st__img{
    width: fit-content;        
    /*max-height: 500px;*/
    /*aspect-ratio: 2.5 / 1;*/  
    /*border-radius: 10px;*/
    /*overflow: hidden;*/
    height: fit-content;
    margin: 20px auto 0;
}
.s-temp .st__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    vertical-align: top;
    
    max-height: 500px;
    border-radius: 10px;
    overflow: hidden;
    max-width: fit-content;
}
.s-temp__attention .sta__title{
    display: flex;
    gap: 10px;
}
.s-temp__attention .sta__title p{
    font-size: 24px; 
    font-weight: bold;
}
.s-temp__attention .sta-title__img{
    width: 25px;
    display: flex;
    height: fit-content;
    margin: auto 0;
}
.s-temp__attention .sta-title__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
}
.s-temp__attention ul {
    padding-left: 30px;
}
.s-temp__attention li p{
     font-size: 18px;
    line-height: calc(32 / 18);
}

/*** スマホ・CMS（スマホ）版 ***/
@media screen and (max-width: 767px) {
    .original-contents .s-temp .st__cul{
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .original-contents .s-temp .st__cul .cul__txt{
        margin-top: 0;
    }
    .original-contents .s-temp .st__cul.st__cul--order{
        grid-template-columns: 1fr;        
    }
    
    .original-contents .s-temp .st__cul .cul__txt p,
    .original-contents .s-temp > div.st__txt p{
        font-size: 16px;
        line-height: calc(28 / 16);
    }
    
    .original-contents .s-temp .st__cul.st__cul--3col{
        grid-template-columns: 1fr;
        margin-top: 40px;
    }
    
    .original-contents .s-temp .st__list > dt:last-of-type,
    .original-contents .s-temp .st__list > dt:first-of-type,
    .original-contents .s-temp .st__list > dt{
        border-radius: 8px;
    }
    
    .original-contents .s-temp .st__list > dd{
        border: none;
        padding: 10px 0;
    }
    
    .original-contents .s-temp .st__list > dd p{
        font-size: 16px;
        line-height: calc(28 / 16);
    }
    
    .original-contents .s-temp .st__list{
        grid-template-columns: 1fr;
    }
    
    .original-contents .s-temp .st__img img{
        max-height: 300px;
    }
    
    .original-contents .s-temp__attention .sta__title p{
        font-size: 20px;
        
    }
    
    .original-contents .s-temp__attention li p{
        font-size: 16px;
        line-height: calc(28 / 16);
    }
}




.yosakoinet-common-sp .s-temp .st__cul{
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .yosakoinet-common-sp .s-temp .st__cul .cul__txt{
        margin-top: 0;
    }
    .yosakoinet-common-sp .s-temp .st__cul.st__cul--order{
        grid-template-columns: 1fr;        
    }
    
    .yosakoinet-common-sp .s-temp .st__cul .cul__txt p,
    .yosakoinet-common-sp .s-temp > div.st__txt p{
        font-size: 16px;
        line-height: calc(28 / 16);
    }


.yosakoinet-common-sp .s-temp .st__cul.st__cul--3col{
    grid-template-columns: 1fr;
    margin-top: 40px;
    
}

.yosakoinet-common-sp .s-temp .st__list > dt:last-of-type,
    .yosakoinet-common-sp .s-temp .st__list > dt:first-of-type,
    .yosakoinet-common-sp .s-temp .st__list > dt{
         border-radius: 8px;
    }
    
    .yosakoinet-common-sp .s-temp .st__list > dd{
        border: none;
        padding: 10px 0;
    }
    
    
    .yosakoinet-common-sp .s-temp .st__list > dd p{
        font-size: 16px;
        line-height: calc(28 / 16);
    }
    
    
    .yosakoinet-common-sp .s-temp .st__list{
        grid-template-columns: 1fr;
    }
    .yosakoinet-common-sp .s-temp .st__img img{
        max-height: 300px;
    }
    
    .yosakoinet-common-sp .s-temp__attention .sta__title p{
        font-size: 20px;
    }
    
    .yosakoinet-common-sp .s-temp__attention li p{
         font-size: 16px;
        line-height: calc(28 / 16);
    }