@charset "UTF-8";
/* CSS Document */
.w60per img {
    width: 40%;
    padding-top: 0%;padding-bottom: 10%;
}
.w80per,.zeh_w80per{width: 80%;margin: 0 auto;}
.w60per p{margin-right: 10%;}
.w40per img,.w80per img,.zeh_w80per img{width: 100%;}
.fd80{font-size: 20px;}
.fu140{font-size: 24px;font-weight: bold;}

.w50per{width: 50%;}
.w50per img{width: 100%;}

.zeh_h3{background: url("../img/zeh_h3.svg")no-repeat;background-position: bottom;background-size: contain;padding-bottom: 1%;}
.color_red{color: #EA5514;}
.small_copy{font-size: 1rem;color: #000000;}
.border_b{border-bottom: solid 1px gray;padding-bottom: 0.5%;}
.normal{font-weight: normal;}

.slide-container {
    width: 100%;
    margin: 30px auto;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.slide-wrapper {
  display: flex;
  animation: slide-flow 40s infinite linear 1s both;
}
.slide{
  width: 320px;
  object-fit:cover;
  border: 1px solid #fff;
}
@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/


@media screen and (max-width: 560px){
.zeh_w80per{width: 100%;margin: 0 auto;}
.fd80{font-size: 16px;}

.w50per{width: 100%;}
.w48per img{padding-bottom: 4%;}
.w60per img {
    width: 60%;
    padding-top: 5%;padding-bottom: 10%;
}
.w60per p{margin-right: 0%;}

}