#h1_head p{ background-image: url("../img/title/tit_other.webp");  }

/*レッスン*/
#links{ margin: 0 0 80px 0; padding: 0 40px; position: relative; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
#links h2{width: 100%;}
#links article{width: 48%; background-color: #fff; box-shadow: 3px 3px 6px #b2b2b2; padding: 40px 0;}
#links article h3{border-left: 5px solid var(--green); padding-left: 10px; margin: 0 20px 20px 40px; }
#links article p{margin: 0 40px;}
#links 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;}
.lead{margin: 40px 0; width: 100%;}
#links article p.detail{padding-top: 20px;}


/*******tablet*******/
@media screen and (orientation: portrait){
#links{display: block; margin-top: 80px;}
#links article{width: 100%; }
.lesson02{margin-top: 40px; padding: 1px 0 20px 0; }
.lesson01{margin-top: 40px; margin-bottom: 0px; padding: 0 0 20px 0;  }
#links article img{display: block; margin: 0 auto;}
#links .btn{margin-bottom: 0px;}
}

/*******SP*******/
@media screen and (max-width:600px){
#links{padding: 0px 20px 80px 20px;}
#links article p{margin: 0 20px;}
#links article h3{ padding-left: 10px; margin: 0 0 20px 0px; }
}

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