#profile{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1260px; margin: 0px 40px 0 40px; }
.greeting{width: 60%;}
.fade-slider {position: relative; width: 380px; height: 475px; overflow: hidden; border-radius: 190px 190px 0 0; margin: 40px auto 0 auto;}
.fade-slider img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: fadeSlide 12s infinite; }

/* 画像枚数に応じてディレイをずらす */
.fade-slider img:nth-child(1) { animation-delay: 0s; }
.fade-slider img:nth-child(2) { animation-delay: 3s; }
.fade-slider img:nth-child(3) { animation-delay: 6s; }
.fade-slider img:nth-child(4) { animation-delay: 9s; }

@keyframes fadeSlide { 0%   { opacity: 0; transform: scale(1); } 8%   { opacity: 1; } 25%  { opacity: 1; transform: scale(1.1) } 33%  { opacity: 0; transform: scale(1) } 100% { opacity: 0; } }

/*レッスン*/
#lesson{ margin: 0 0 0px 0; padding: 80px 40px; position: relative; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
#lesson h2{width: 100%;}
#lesson article{width: 48%; background-color: #fff; box-shadow: 3px 3px 6px #b2b2b2; padding: 0 0;}
#lesson article h3{margin: 40px 40px 20px 40px; border-left: 5px solid var(--green); padding-left: 10px; }
#lesson article p{margin: 0 40px;}
#lesson article p.season{margin: 0; background-color: var(--bg_green); font-size: 135%; padding: 0.2em 40px; text-align: right;}
#lesson article img{width: 450px; max-width: 100%;}
.lesson02{margin-top: 80px; background-image: url("../img/leaf02.svg"),url("../img/leaf.svg"); background-size: 32% auto,15% auto; background-repeat: no-repeat, no-repeat; background-position: right 44px bottom 44px, left 44px bottom 44px;}
.lesson01{margin-bottom: 80px; background-image: url("../img/leaf.svg"),url("../img/leaf02.svg"); background-size: 35% auto,19% auto; background-repeat: no-repeat, no-repeat; background-position: left 44px bottom 44px, right 44px top 44px;}
#lesson .btn{margin-bottom: 40px;}

/*******tablet*******/
@media screen and (orientation: portrait){
#profile{display: block; margin: 0 40px; }
.greeting{width: 100%; margin-top: 80px;}
.profile{width: 100%;}

#lesson h2.jn .stit_b{margin-top: 80px; margin-bottom: 0;}

#lesson{display: block;}
#lesson article{width: 100%;}
#lesson article h3{margin: 20px 40px 20px 40px;  }
.lesson02{margin-top: 40px; padding: 0 0 20px 0; }
.lesson01{margin-top: 40px; margin-bottom: 0px; padding: 0 0 20px 0;  }
#lesson article img{display: block; margin: 0 auto;}
#lesson .btn{margin-bottom: 0px;}

}

/*******SP*******/
@media screen and (max-width:600px){
 .fade-slider {position: relative; width: 60vw; height: 75vw; }
#profile{display: block; margin: 0 20px; }

#lesson{padding: 40px 20px 80px 20px;}
#lesson article p{margin: 0 20px;}
#lesson article h3{margin: 10px 20px 20px 0 ; }
#lesson article p.season{padding: 0.2em 20px; }
}

/*******Wide*******/
@media screen and (min-width:1260px){
#profile{margin: 0 auto; }
#lesson{ padding: 80px calc(50% - 630px); }
}