@charset "UTF-8";

/* common */
html{
    font-size: 62.5%;
}

body{
    font-family:"Noto Sans JP", sans-serif;
    font-size:1.4rem ;
    color:#460E0E ;
    line-height:2.2 ;
    font-weight: 400;
    z-index: 9998;
}

header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}

img{
    width: 100%;
    height: auto;
}

.Contact__btn, .workshop__btn, .Campaign__btn{
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #ffffff;
    font-weight: 400;
    padding:16px 30px 17px ;
    margin: 32px auto 0;
    width:237px ;
    text-align: center;
    transition: 0.4s;
    background-color:#E64206 ;
    border-radius:30px ;
    box-shadow:2px 2px 4px gray;  
}

.btn__en{
    display: flex;
    justify-content: center;
    font-family: "Arbutus Slab", serif;
    font-size: 2.0rem;
    line-height: 1.2;
    color: #ffffff;
    font-weight: 400;
    padding:16px 30px 17px ;
    margin: 32px auto 0;
    width:237px ;
    text-align: center;
    transition: 0.4s;
    background-color:#E64206 ;
    border-radius:30px ;
    box-shadow:2px 2px 4px gray;  
}

.btn__en:hover{
    background-color: #FAA755;
    transition: 0.4s;
}

.Campaign__btn:hover{
    background-color: #FAA755;
    transition: 0.4s;
}
.Contact__btn:hover{
    background-color: #FAA755;
    transition: 0.4s;
}
.workshop__btn:hover{
    background-color: #FAA755;
    transition: 0.4s;
}



/* common_1000px */
@media screen and (min-width:1000px){
    body{
    font-size:1.6rem ;
    line-height:2.7 ;
}

.btn__en{
    font-size: 1.8rem;
    line-height: 1.4;
    padding:20px 50px 20px ;
    width:300px ;
    transition: 0.4s;
    margin-top: 64px;
}

.Contact__btn, .workshop__btn, .Campaign__btn{
     font-size: 1.8rem;
    line-height: 1.4;
    padding:20px 50px 20px ;
    width:300px ;
    transition: 0.4s; 
}
}
/* common_1000px */

/* fadeIn */
.fadeIn{
    transform: translate(0, 50px);
    opacity: 0;
    transition: 0.8s;
}

.fadeIn.animated{
    transform: translate(0, 0);
    opacity: 1;
}
/* fadein */


/* loading */
#loading{
    background-color: #E64206;
    position: fixed;
    inset: 0;
    z-index: 9999;
    display:grid ;
    place-items: center;
}

#loading__screen{
    background-color: cornsilk;
    opacity: 0.7;
    position: fixed;
    inset: 0;
    z-index: 9998;
    translate: 0 100vh;
}

.loading__txt{
    font-size: 2.0rem;
    font-family: "Arbutus Slab", serif ;
    color: #FFF5F1;
}
/* loading */


/* pageTop */
.topBtn{
    display: inline-block;
    padding: 10px 0 5px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    width: 50px;
    height: 50px;
    background-color: #E64206;
    color: #ffffff;
    font-family: "Arbutus Slab", serif;
    box-shadow: 2px 2px 4px 2px rgba(29,101, 101, 0.2);

    position: fixed;
    bottom: 5%;
    right:5% ;
}

.topBtn:hover{
    color: #FAA755;
    transition: 0.4s;
}
/* pageTop */

/* pageTop__1000px */
@media screen and (min-width:1000px){
    .topBtn{
    width: 60px;
    height: 60px;
}   
}
/* pageTop__1000px */


/* splitText */
.text{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text.is-active{
    --y: 0;
}

.char{
    display: inline-block;
    margin-left: -3.0%;
    transform: translateY(var(--y, 110%));
    transition: transform 0.4s
    cubic-bezier(0.77, 0, 0.175, 1);
    transition-delay:calc(0.08s* var(--char-index));
}

/* splitText__800px */
@media screen and (min-width:800px){
    .char{
        margin-left: -2.3%;
    }  
}
/* spliteText__800px */

/* splitText__1000px*/
@media screen and (min-width:1000px){
    .char{
        margin-left: -1.9%;
    }  
}
/* spliteText__1000px */

/* splitText__1200px*/
@media screen and (min-width:1200px){
    .char{
        margin-left: -1.5%;
    }  
}
/* spliteText__1200px */

/* splitText__1800px*/
@media screen and (min-width:1800px){
    .char{
        margin-left: -1.0%;
    }  
}
/* spliteText__1800px */


/* header */
.header__group{
    display: flex;
    justify-content: space-between;
     padding:15px 6.4% 12px;
    background-color: #ffffff;
}

.header__logo{
    width:186px;
}

.header__menu{
    width: 24px;
    margin-top: 1.5%;
    margin-right: 5%;
}
.nav__header{
    display: flex;
    justify-content: space-between;
     padding:20px 6.4% 12px;
    background-color: #ffffff;
}

.nav{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transform: translate(-100%);
    transition: 0.4s;
}

.nav.active{
    transform: translateX(0);
}
.nav__logo{
    width:186px;
}

.nav__btn{
    width: 20px;
    height: 20px;
    margin-right: 5%;
}

.nav__group{
    position: relative;
}

.nav__list{
    position: absolute;
    z-index: 100%;
    top: 5px;
    margin-left: 10%;
    vertical-align: bottom;
}
.nav__item{
    font-size: 1.6rem;
    margin-top: 0px;
    line-height: 1.0;
    color: #E64206;
    margin-top: 60px;
}

.nav__item:hover{
    color: #FAA755;
    transition: 0.4s;
}

/* header_750px */
@media screen and (min-width:750px){
.header{
    display: flex;
    justify-content: space-between;
    padding:24px 7.6%;
    position: fixed;
    z-index: 9998;
    background-color: #ffffff;
    }

.header__logo{
    width:30.4% ;
    height: auto;
    }

.header__group{
     padding:0px ;
}
.header__menu{
    display: none;
}

.nav{
    background: transparent;
    width: auto;
    height: auto;
    padding: 0;
    position: static;
    transform: translateX(-100%);
    transition: 0.4s;
}

.nav.active{
    transform: translateX(0);
}

.nav__logo{
   display: none;
}

.nav__img{
    display: none;
}

.nav__btn{
    display: none;
}

.nav__list{
    display: flex;
    top: -35px;
    right: 0px;
}
.nav__item{
    font-size: 1.4rem;
    line-height: 1.0;
    margin-top: 3.8%;
    margin-left:30px ;
}
}
/* header_750px */

/* header_1000px */
@media screen and (min-width:1000px) {
    .nav__list{
    top: -30px;
}

.nav__item{
    font-size: 1.6rem;
    margin-left:50px ;
}
} 
/* header_1000px */

/* slider */
.slider{
    pointer-events: none;
}
.slider__itempc{
    display: none;
}

.slider__itemsp{
    width: 100%;
    height: auto;
}

article{
    padding: 48px 6.4%;
    background-color:#FFF5F1 ;
}

/* slider_680px */
@media screen and (min-width:680px){
    .slider__itemsp{
        display: none;
    }

    .slider__itempc{
        display: block;
        margin-top: 50px;
    }
}
/* slider_680px */

/* slider_750px */
@media screen and (min-width:750px){
    .slider__itempc{
        margin-top: 80px;
    }
}
/* slider_750px */


/* article */
article{
    padding: 48px 6.4%;
    background-color:#FFF5F1 ;
}
.article__title{
    font-size: 2.4rem;
    font-family: "Arbutus Slab", serif;
    text-align: center;
    color: #E64206;
    border-bottom: solid #E64206 1px ;
}

.article__txt{
    padding-bottom: 2px;
    border-bottom: #E64206 solid 1px;
}

.article__content{
    margin-top: 32px;
}

/* article_853px */
@media screen and (min-width:853px){
   article{
    padding: 80px 18.4% 100px;
}

.article__content{
    margin-top: 64px;
    line-height: 1.8;
    text-align: center;
}
}
/* article_853px */

/* article_1000px */
@media screen and (min-width:1000px){
.article__title{
    font-size: 3.2rem;
    width: 60%; 
    border-bottom: solid #E64206 3px ;
    margin: 0 auto;
}
}
/* article_853px */

/* Campaign */
.section--campaign{
    padding: 48px 6.4%;
    background-image: url(../img/campain__sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    height: auto;
    aspect-ratio: 375 / 465;
}

.Campaign__ripc{
    display: none;
}

.Campaign__imgpc{
    display: none;
}

.Campaign__title{
    font-size: 2.4rem;
    font-family: "Arbutus Slab", serif;
    text-align: center;
    color:#460E0E;
    border-bottom: solid #802503 1px ;
}

.Campaign__group{
    display: block;
    justify-content: center;
    text-align: center;
    padding:13%  12%;
    margin-top: 32px;
    border:solid #460E0E 1px ;
    background-color: #ffffff;
    position: relative;
}

.Campaign__imgsp{
    margin-top: 10px;
}

.Campaign__btn::before{
    content:'';
    display: inline-block;
    width: 90px;
    height: 44px;
    background: url(../img/threeflowers.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 1.5%;
    bottom:63px ;
}

.Campaign__btn::after{
    content: '';
    display: inline-block;
    background: url(../img/starfishandleaf.png);
    width:48px ;
    height: 42px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right:12% ;
    bottom: 33px;
}

/* Campaign__400px */
@media screen and (min-width:400px){
   
.Campaign__btn::before{
    left: 5%;
    bottom:68px ;
}

.Campaign__btn::after{
    right:15% ;
    bottom: 35px;
}
}
/* Campaign__400px */

/* Campaign__440px */
@media screen and (min-width:440px){
.Campaign__btn::before{
    left: 10%;
    bottom:73px ;
}

.Campaign__btn::after{
    right:18% ;
    bottom: 40px;
}
.section--campaign{
    background-size: contain;
}
}
/* Campaign__440px */

/* Campaign__500px */
@media screen and (min-width:500px){
.Campaign__btn::before{
    left: 15%;
    bottom: 81px;
}
.Campaign__btn::after{
    right:22% ;
    bottom: 45px;
}
}
/* Campaign__500px */

/* Campaign__550px */
@media screen and (min-width:550px){
.Campaign__btn::before{
    left: 18%;
    bottom: 85px;
}
.Campaign__btn::after{
    right:24% ;
    bottom: 49px;
}
}
/* Campaign__550px */

/* Campaign__590px */
@media screen and (min-width:590px){
.Campaign__btn::before{
    left: 21%;
    bottom: 92px;
}
.Campaign__btn::after{
    right:26% ;
    bottom: 53px;
}
}
/* Campaign__590px */

/* Campaign__640px */
@media screen and (min-width:640px){
.Campaign__group{
    margin-top: 40px;

}
.Campaign__btn::before{
    left: 23%;
    bottom: 98px;
}
.Campaign__btn::after{
    right:28% ;
    bottom: 58px;
}
}
/* Campaign__640px */

/* Campaign_690px */
@media screen and (min-width:690px){
    .section--campaign{
    padding: 80px 7.6% 100px;
    background-image: url(../img/flowerCircle.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    aspect-ratio: 1440 / 780;
}

.Campaign__risp{
    display: none;
}
.Campaign__ripc{
    display: block;
    width: 60%;
    margin: 0 auto;
}

.Campaign__imgpc{
    display: block;
    margin: 20px auto -31px;
}
.Campaign__imgsp{
    display: none;
}

.Campaign__title{
    margin: 0 auto;
    border-bottom: solid #460E0E 1px ;
    width: 60%;
}

.Campaign__group{
    padding:25px  5%;
    margin: 32px auto 0;
    width: 70%;
    border:solid #460E0E 2px ;
}

.Campaign__btn{
    margin: -25px auto 0;
}

.Campaign__btn::before{
    width:70px ;
    bottom:45px ;
    left: 16%;
}

.Campaign__btn::after{
    bottom: 15px;
    right:20% ;
}
}
/* Campaign_690px */

/* Campaign_770px */
@media screen and (min-width:770px){
.Campaign__btn::before{
    left: 18%;
}

.Campaign__btn::after{
    right:22% ;
}
}
/* Campaign_770px */

/* Campaign_853px */
 @media screen and (min-width:860px){
.Campaign__btn::before{
    width:75px ;
    bottom:45px ;
    left: 21%;
}

.Campaign__btn::after{
    width:53px ;
    bottom: 15px;
    right:24% ;
}
} 
/* Campaign_853px */

/* Campaign_930px */
@media screen and (min-width:930px){
.Campaign__btn::before{
    bottom:47px ;
    left: 23%;
}

.Campaign__btn::after{
    bottom: 17px;
    right:26% ;
}
}
/* Campaign_930px */

/* Campaign_1000px */
@media screen and (min-width:1000px){
.Campaign__title{
     font-size: 3.2rem;
     margin: 0 auto;
      border-bottom: solid #460E0E 3px ;
      width: 60%;
}

.Campaign__btn::before{
    bottom:56px ;
    left: 22%;
}

.Campaign__btn::after{
    bottom: 20px;
    right:24% ;
}
}
/* Campaign_1000px */

/* Campaign__1100px */
@media screen and (min-width:1100px){
.Campaign__btn::before{
    left: 25%;
}
.Campaign__btn::after{
    right:27% ;
}
}
/* Campaign__1100px */

/* Campaign__1280px */
@media screen and (min-width:1280px){
.Campaign__btn::before{
    left: 28%;
}
.Campaign__btn::after{
    right:30% ;
}
}
/* Campaign__1280px */

/* Campaign__1440px */
@media screen and (min-width:1440px){
.Campaign__title{
    margin-top: 25px;
}
.Campaign__btn::before{
    left: 30%;
    bottom: 70px;
}
.Campaign__btn::after{
    right:32% ;
    bottom: 32px;
}
.Campaign__btn{
    margin: -60px auto 15px;
}
}
/* Campaign__1440px */

/* Campaign__1600px */
@media screen and (min-width:1600px){
.Campaign__title{
    margin-top: 35px;
}
.Campaign__btn::before{
    left: 32%;
}
.Campaign__btn::after{
    right:34% ;
}

.Campaign__title{
    margin-top: 30px;
}

.Campaign__group{
    margin-top: 40px;
}
}
/* Campaign__1600px */

/* Campaign__1800px */
@media screen and (min-width:1800px){
.Campaign__title{
    margin-top: 65px;
}
.Campaign__btn::before{
    left: 34%;
}
.Campaign__btn::after{
    right:35% ;
}
}
/* Campaign__1800px */

/* Campaign__2000px */
@media screen and (min-width:2000px){
.Campaign__title{
    margin-top: 80px;
}
.Campaign__group{
    margin-top: 64px;
}
.Campaign__btn::before{
    left: 36%;
}
.Campaign__btn::after{
    right:37% ;
}
}
/* Campaign__2000px */

/* Campaign__2250px */
@media screen and (min-width:2250px){
.Campaign__title{
    margin-top: 125px;
}

.Campaign__ripc{
    width: 53%;
    margin-top: 25px;
}

.Campaign__imgpc{
    width: 70%;
}
.Campaign__btn::before{
    left: 37%;
}
.Campaign__btn::after{
    right:38% ;
}
}
/* Campaign__2250px */

/* Campaign__2450px */
@media screen and (min-width:2450px){
.Campaign__btn{
    margin-top:-80px ;
    margin-bottom: 25px;
}

.Campaign__btn::before{
    left: 38%;
    bottom: 80px;
}
.Campaign__btn::after{
    right:39.5% ;
    bottom: 42px;
}
}
/* Campaign__2450px */

/* Campaign__2700px */
@media screen and (min-width:2700px){
.Campaign__title{
    margin-top: 210px;
}

.Campaign__btn::before{
    left: 39%;
}
.Campaign__btn::after{
    right:40% ;
}
}
/* Campaign__2700px */



/* feature */
.section--feature{
    padding: 48px 6.4%;
    background-color:#FFF5F1 ;
}

.feature__title{
      font-size: 2.4rem;
      font-family: "Arbutus Slab", serif;
      text-align: center;
      color: #E64206;
      border-bottom: solid #E64206 1px ;
}

.feature__list{
    margin-top: 32px;
    text-align: left;
   display: inline-block;
   justify-content: center;
}

.feature__img{
    width: 280px;
    height: 46px;
    align-items: center;
}

.feature__group{
    text-align: center;
}
 
.family{
    text-align: center;
}
.family__title{
    font-size:1.4rem ;
    font-family: "Inter", sans-serif;
    line-height: 2.2;
    margin-top: 5px;
    text-align: center;
}

.family__img{
    width: 123px;
    height: 176px;
    margin-top: 10px;
}

.family__txt{
    margin-top:20px ;
}

.reason__list{
    padding:35px 8% ;
    background-color: #ffffff;
    border-radius:30px ;
    border: #E64206 solid 1px;
    margin-top: 28px;

}

.reason__list:first-of-type{
    margin-top: 32px;
}

.reason__title{
    padding: 15px;
    color: #ffffff;
    background-color: #E64206;
    border-radius: 50%;
   width: 80px;
   height: 80px;
   line-height: 1.2;
  text-align: center;
  margin: 0 auto;
}

.reason__dec{
    font-size:3.2rem ;
    font-family: "Arbutus Slab", serif; 
    line-height: 1.2;
}

.reason__item{
    font-size: 2.0rem;
    color: #E64206;
    margin-top:32px ;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 20px;
}

.reason__txt{
   text-align: justify;
   line-height: 1.5;
}

/* Feature__645px */
@media screen and (min-width:645px){
.feature__img{
        display: none;
    }

.feature__content{
        display: flex;
        justify-content: center;
        position: relative;
    }

.feature__list{
        background: url(../img/comment_pc.png);
        background-size: cover;
        width: 440px;
        height: 220px;
        padding: 40px 60px 40px 40px;
    }


.family{
        margin-top: 32px;
    }

.reason__group{
      width: 81%;
      margin: auto;
      max-width:1214px ;
    }
}
/* feature__645px */

/* Feature__720px */
@media screen and (min-width:720px){
.reason__group{
      width: 75%;
      margin: auto;
    }
}
/* feature__720px */

/* Feature__1000px */
@media screen and (min-width:1000px){
.reason__group{
      width: 100%;
    }
.section--feature{
    padding: 80px 7.6% 100px;
}

.feature__title{
      font-size: 3.2rem;
      border-bottom: solid #E64206 3px ;
      width: 60%;
      margin:  0 auto;
}

.feature__list{
    margin-top: 64px;
}

.feature__item{
    font-size: 1.4rem;
}

.family{
    margin-top: 64px;
}
 
.family__title{
    font-size:2.4rem ;
    line-height: 2.2;
}


.family__txt{
    margin-top:30px ;
    font-size: 1.8rem;
}

.reason__group{
    display: flex;
    justify-content: space-between;
    margin:64px auto 0;
    gap: 3%;
    max-width: 1200px;
}

.reason__list{
    padding:20px 2% ;
    margin: 0 auto;
    width: 400px;
    height: auto;
}

.reason__list:first-of-type{
    margin-top: 0px;
}

.reason__title{
    padding: 15px;
    color: #ffffff;
    background-color: #E64206;
    border-radius: 50%;
   width: 80px;
   height: 80px;
   line-height: 1.2;
  text-align: center;
  margin: 0 auto;
}

.reason__dec{
    font-size:3.2rem ;
    font-family: "Arbutus Slab", serif; 
    line-height: 1.2;
}

.reason__item{
    font-size: 2.0rem;
    color: #E64206;
    margin-top:32px ;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 20px;
}

.reason__txt{
   text-align: justify;
   line-height: 1.5;
}
}
/* feature__1000px */


/* feature__1800px */
@media screen and (min-width:1800px) {
.reason__group{
    gap: 2%;
}

.reason__list{
    padding:50px 2% ;
    margin-top: 0px;
    width: 550px;
    height: auto;
}
}

/* newClass */
.section--newClass{
    padding: 48px 6.4%;
    background-image: url(../img/cloth.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.newClass__title{
     font-size: 2.4rem;
      font-family: "Arbutus Slab", serif;
      text-align: center;
      color: #460E0E;
      border-bottom: solid #460E0E 1px ;
}

.newClass__group{
    padding:24px 3%;
    background-color: #ffffff;
    opacity: 0.9;
    margin: 32px auto 0;
}

.newClass__pc{
    display: none;
}

.newClass__content{
    line-height: 1.5;
}
.newClass__item{
    font-size: 1.9rem;
   margin-top: 20px;
}

.newClass__dec{
    font-weight: 700;
    color: #E64206;
}

.newClass__sp{
    margin-top:20px ;
    width: 262px;
    height: 246px;
}

.newClass__txt{
    padding:13px 8.8% ;
    margin: 16px auto 0px;
    background-color:#F8E4E7 ;
}

/* newClass__700px */
@media screen and (min-width:700px){
   .newClass__txt{
   width: 67%;
}
}
/* newClass__768px */

/* newClass_1000px */
@media screen and (min-width:1000px){
.section--newClass{
    padding: 80px 7.6% 100px;
}

.newClass__title{
     font-size: 3.2rem;
      color: #460E0E;
      border-bottom: solid #460E0E 3px ;
      width: 60%;
      margin: 0 auto;
}

.newClass__group{
    padding:40px 3%;
    margin-top: 64px;
    max-width: 1200px;
}

.newClass__pc{
   display: none;
   
}
.newClass__sp{
    display: block;
    margin: 0 auto;
}

.newClass__content{
    line-height: 1.5;
    font-size: 2.4rem;
}
.newClass__item{
    font-size: 2.8rem;
   margin-top: 0px;
   line-height: 1.5;
}

.newClass__sp{
    margin-top:30px ;
    width: 362px;
    height: 346px;
}

.newClass__txt{
    padding:13px 8.8% ;
    background-color:#F8E4E7 ;
    margin: 20px auto 0px;
    font-size: 2.4rem;
}
}
/* newClass_1000px */
@media screen and (min-width:1800px){
    .newClass__txt{
    padding:13px 4% ;
    width: 42%;
}
}
/* newClass_1800px */

/* newClass_1800px */


/* Lesson */
.section--Lesson{
    padding: 48px 6.4%;
    background-color:#FFF5F1;
}

.lesson__title{
     font-size: 2.4rem;
      font-family: "Arbutus Slab", serif;
      text-align: center;
      color: #E64206;
      border-bottom: solid #E64206 1px ;
}

.lesson__group{
    margin: 32px auto 0;
    padding:26px 7%;
    background-color: #ffffff;
    border: solid #460E0E 2px;
    border-radius:40px;
    text-align: center;
    max-width: 1200px;
}

.lesson__item{
    line-height: 2.0;
}

.lesson__txt{
    line-height: 1.5;
    font-size: 1.2rem;
}

.lesson__list{
    border-bottom:dashed 1px #460E0E;
    padding: 13px 0;
}

.lesson__list:last-of-type{
    border-bottom: none;
}

.lesson__txt:nth-of-type(4){
    letter-spacing: -10px;
}

.lesson__attention{
    margin-top: 10px;
    text-align: center;
}

/* lesson__1000px */
@media screen and (min-width:1000px){
    .section--Lesson{
    padding: 80px 7.6% 100px;
}

.lesson__title{
     font-size: 3.2rem;
      border-bottom: solid #E64206 3px ;
      width: 60%;
      margin: 0 auto;
}

.lesson__group{
    margin-top: 64px;
    padding:62px 12.6%;
    background-color: #ffffff;
    border: solid #460E0E 2px;
}

.lesson__item{
    font-size:2.2rem ;
    line-height: 2.0;
    margin-left: 40px;
}

.lesson__txt{
    line-height: 2.0;
    font-size: 2.0rem;
}

.lesson__list{
    border-bottom:dashed 1px #460E0E ;
    padding: 30px 0;  
}

.lesson__txt:nth-of-type(4){
    letter-spacing: -10px;
}

.lesson__attention{
    margin-top: 15px;
   font-size: 2.5rem;
}
}
/*  lesson__1000px */

/* lesson__1440px */
@media screen and (min-width:1440px){
.lesson__list{
    display: flex;
    gap: 150px;
}

.lesson__item{
    width: 269px;
    line-height: 2.0;
    font-size: 2.0rem;
    text-align: left;
}

.lesson__txt{
    line-height: 1.8;
}
}
/* lesson__1440px */

/* lesson__1484px */
@media screen and (min-width:1484px){
.lesson__list{
    gap: 95px;
}
}
/* lesson__1484px */

/* lesson__1647px */
@media screen and (min-width:1647px){
.lesson__list{
 gap: 93px;
}
}
/* lesson__1647px */

/* lesson__1750px */
@media screen and (min-width:1751px){
.lesson__list{
 gap: 73px;
}
}
/* lesson__1751px */

/* lesson__1980px */
@media screen and (min-width:1980px){
.lesson__list{
    gap: 43px;
}
}
/* lesson__1980px */

/* lesson__1990px */
@media screen and (min-width:1990px){
.lesson__list{
    gap: 33px;
}
}
/* lesson__1990px */

/* Instructor */
.section--Instructor{
    padding: 48px 6.4%;
    background-image: url(../img/background_flower1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}

.instructor__group{
    padding:40px 7.7% ;
    background-color: #ffffff;
    display: inline-block;
    justify-content: center;
    max-width: 1200px;
}

.instructor__title{
     font-size: 2.4rem;
      font-family: "Arbutus Slab", serif;
      text-align: center;
      color: #460E0E;
      border-bottom: solid #460E0E 1px ;
}

.instructor__img{
    margin-top: 32px;
    width:280px ;
    height: auto;
}

.instructor__name{
    margin-top: 16px;
    font-size:1.6rem ;
    line-height: 2.0;
}

.instructor__item{
    line-height: 1.7;
    margin-top: 8px;
}

.instructor__txt{
    font-size: 1.2rem;
    line-height: 1.8;
}

.instructor__txt:nth-of-type(4){
    letter-spacing: -0.18px;
}

.movie{
    display: inline-block;
  vertical-align: middle;
    color: #E64206;
    margin-top: 30px;
    transition: 0.4s;
    line-height: 1.7;
}

.movie__dec{
    text-decoration: underline solid 1px #E64206;
}

/* Instructor__768px */
@media screen and (min-width:768px){
.instructor__smallgr{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5% ;
}

.instructor__profile{
    margin-top: 10%;
}

.instructor__txt:first-of-type{
    letter-spacing: -0.9px;
}
.instructor__dec{
    letter-spacing: 0;
}

.movie{
    display: flex;
    justify-content: center;
    text-align: center;
}

.ipadbr{
    display: none;
}
}
/*  Instructor__768px */

/* Instructor__1000px */
@media screen and (min-width:1000px){
    .section--Instructor{
    padding: 80px 7.6% 100px;
}

.instructor__group{
    padding:80px 11.8%;
    width: 99.5%;
}

.instructor__title{
     font-size: 3.2rem;
      border-bottom: solid #460E0E 3px ;
      width: 60%;
      margin: 0 auto;
}

.instructor__smallgr{
    margin-top: 64px;
}

.instructor__img{
    margin-top: 0px;
    width:280px ;
    height: auto;
}


.instructor__profile{
    margin-top: 0;
}

.instructor__name{
    margin-top: 5%;
    font-size:2.4rem ;
    line-height: 2.0;
    letter-spacing: -0.2px;
}

.instructor__item{
    line-height: 1.8;
    margin-top: 5px;
}


.instructor__txt{
    font-size: 1.4rem;
    line-height: 1.7;
}

.instructor__txt:nth-of-type(4){
    letter-spacing:0px;
}

.movie{
  text-align: center;

}
}
/*  Instructor__1000px */


/* WorkShop */
.section--WorkShop{
    padding: 48px 6.4%;
    background-color: #FFF5F1;
}

.workshop__title{
     font-size: 2.4rem;
      font-family: "Arbutus Slab", serif;
      text-align: center;
      color: #E64206;
      border-bottom: solid #E64206 1px ;
}

.workshop__group{
   margin: 32px auto 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap:12px ;
    max-width: 330px;
}

.workshop__content{
    padding: 20px 3%;
    background-color: #ffffff;
    border: #E64206 dashed 2px;
    text-align: center;
    width:158px ;
    height:auto;
}

.workshop__list{
    font-size:1.3rem ;
    line-height: 1.6;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.workshop__list:nth-of-type(4){
    font-size: 1.2rem;
    line-height: 1.3;
    height:105px ;
    align-items: center;
}

.workshop__img{
    width:120px ;
    height: 90px;
    object-fit: cover;
   }

.workshop__txt{
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: justify;
    margin-top: 12px;
}

.workshop__contact{
    margin-top: 40px;
    line-height: 1.5;
    margin-bottom: 32px;
    text-align: center;
}

.workshop__btn{
    margin-top: 32px;
    margin:  auto;
}

/* WorkShop__344px */
@media screen and (min-width:344px) {
.workshop__content{
    padding: 11px 3%;
    width:145px ;
}
}
/* WorkShop_344px */

.workshop__content{
    padding: 11px 3%;
    width:48% ;
}
/* WorkShop_360px */

/* Worlshop__768px */
@media screen and (min-width:768px){
    .workshop__content{
    padding: 20px 3%;
    width:31%; 
}

.workshop__group{
    max-width: 930px;
    margin: 32px auto 0;
}

.workshop__contact{
    text-align: center;
}

}
/* Workshop__768px */

/* Worlshop__1000px */
@media screen and (min-width:1000px){
    .section--WorkShop{
    padding: 80px 7.6% 100px;
}

.workshop__title{
     font-size: 3.2rem;
      border-bottom: solid #E64206 3px ;
      width: 60%;
      margin: 0 auto;
}

.workshop__group{
    margin:64px auto 0;
    gap:50px 3.4% ;
}

.workshop__content{
    padding: 40px 5%;
    width:28.4%;
}

.workshop__list{
    font-size:1.3rem ;
    line-height: 1.6;
}

.workshop__img{
    width:140px ;
    height: 91px;
    margin-top: 13px;
   }

.workshop__txt{
    line-height: 1.4;
    text-align: justify;
    margin-top: 12px;
}


.workshop__contact{
    margin: 60px 0;
    line-height: 1.5;
}

.workshop__btn{
    margin: 64px auto 0;
}

.workshop__content:last-of-type{
    width: 28.4%;
}
}
/* Workshop__1000px */

/* Access */
.section--Access{
    padding: 48px 6.4%;
    background-image: url(../img/background_flower2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.access__content{
    padding:24px 17.0% ;
    background-color: #ffffff;
}

.access__title{
     font-size: 2.4rem;
      font-family: "Arbutus Slab", serif;
      text-align: center;
      color: #460E0E;
      border-bottom: solid #802503 1px ;
}

.map{display: block;
    margin-top: 32px;
    width: 100%;
    height: 215px;
}

.access__group{
    margin-top: 30px;
    text-align: left;
}

.access__list{
    line-height: 1.5;
}

.access__item{
       font-size: 1.2rem;
    font-weight: 400;
    margin-top: 25px;
    line-height: 1.3;
}

.access__dec{
   line-height: 1.3;
    font-weight: 700 
}

/* Access__1000px */
@media screen and (min-width:1000px){
    .section--Access{
    padding: 80px 7.6% 100px;
}

.access__content{
    padding:60px 13.0% ;
    width: 99.5%;
}

.access__title{
     font-size: 3.2rem;
      border-bottom: solid #460E0E 3px ;
      width: 60%;
      margin: 0 auto;
}

.map{display: block;
    margin-top: 64px;
    width: 100%;
    height: 300px;
}

.access__group{
    margin-top: 35px;
}

.access__list{
    line-height: 1.5;
    font-size: 2.0rem;
}

.access__item{
       font-size: 2.0rem;
    font-weight: 400;
    margin-top: 18px;
    line-height: 1.5;
}

.access__dec{
   line-height: 1.3;
    font-weight: 700 
}
}
/* Access__1000px */


/* Contact */
.section--Contact{
    padding: 48px 6.4%;
    background-color: #FFF5F1;
}

.contact__title{
       font-size: 2.4rem;
      font-family: "Arbutus Slab", serif;
      text-align: center;
      color: #E64206;
      border-bottom: solid #E64206 1px ;
}

.contact__txt{
    margin-top: 32px;
    text-align: center;
    line-height: 1.5;
}

/* Contact__344px */
@media screen and (min-width:344px){
  .contact__txt{
   font-size: 1.3rem;
    line-height: 1.5;
}
}
/* Contact__344px */

/* Contact__1000px */
@media screen and (min-width:1000px){
    .section--Contact{
    padding: 80px 7.6% 100px;
}

.contact__title{
       font-size: 3.2rem;
      border-bottom: solid #E64206 3px ;
      width: 60%;
      margin: 0 auto;
}

.contact__txt{
    margin-top: 64px;
    font-size: 1.8rem;
}
}
/* Contact__1000px */


/* footer */
.footer{
    padding: 32px 6.4%;
    background-color: #ffffff;
    text-align: center;
}

.footer__img{
    width: 20px;
    height: 20px;
}

.footer__list{
    margin-top: 14px;
}

.footer__item{
    color: #E64206;
    font-family: "Inter", sans-serif;
    line-height: 1.7;
    display: block;
    margin-top: 14px;
}

.footer__item:hover{
    color: #FAA755;
    transition: 0.4s;
}

.copy{
    padding:26.5px 31.7% ;
    background-color: #E64206;
    color: #ffffff;
     font-family: "Inter", sans-serif;
     text-align: center;
}

/* footer__1000px */
@media screen and (min-width:1000px){
    .footer{
    padding: 72px 7.6%;
   display: flex;
   justify-content: space-between;
}

.footer__img{
    width: 30px;
    height: 30px;
}

.footer__list{
    display: flex;
    margin-top: 0px;
}

.footer__item{
    margin-top: 0px;
    margin-left: 50px;
}
}
/* footer__1000px */