@charset "utf-8";

/* ========================
    .about-fv
    ========================== */
.about-fv {
    background-image: url(../images/dodo_png/about__firstView.png);
    padding:96px 0 88px;
}

.about-fv__image{
    margin-left:8.5%;
    max-width:214px;
}

.about-fv__lead{
    margin:40px auto 0;
    width:85.3%;
    max-width:320px;
    
}

.about-fv__flex{
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding:0 10.4%; */
}



@media screen and (min-width:768px) {
    .about-fv{
        padding:96px 8.5% 64px;
        margin:0 auto;
    }

    .about-fv__flex{
        max-width:1440px;
        justify-content: center;
        gap:8.5%;
       
    }

    .about-fv__image{
        max-width:600px;
    }

    .about-fv__lead{
        font-size:2.4rem;
        max-width:600px;
    }
    
}

/* ========================
    .about-concept
    ========================== */
.about-concept {
    padding: 48px 6.4% 0;
}

.about-concept h2 {
    text-align: center;
}

.about-concept__image {
    margin-top: 16px;
}


.about-concept__txt {
    max-width: 257px;
    margin: 0 auto;
}

.about-concept p {
    margin-top: 24px;
}

@media screen and (min-width:768px) {

    .about-concept {
        padding: 64px 1.6%;
    }

    /* .about-concept__inner{
        max-width: 1033px;
        margin: 32px auto 0;
    } */

    .about-concept__flex{
        display: flex;
        justify-content: center;
        align-items: center;
        gap:62px;
        max-width: 1030px;
        margin: 32px auto 0;
    

    }

    .about-concept__txt {
        max-width: 500px;

        margin:0 0;

    }

    .about-concept__txt p{
        font-size: 1.8rem;
    }

    .about-concept__image{
        max-width:538px;
        width:37.3%;
        margin: 0;
    }

  
    
}

/* ========================
    .about-coach
    ========================== */
    .about-coach{
        padding:48px 0 0;
    }
    .about-coach__name,
    .about-coach__image{
        margin-top:32px;
    }

    .about-coach__name{
        padding:0 12.8%;
        text-align: center;
    }

    .about-coach__history{
        padding:32px 6.2%;
        font-size:1.4rem;
    }
    .history-item{
        display: flex;
        flex-direction: column;
    }

    .history-item--topic{
        margin-top:16px;
        pointer-events: all;
    
    }

    .history__topic{
        border-radius: 4px;
border: 1px solid #91735E;
    }

    .history__topic,
    .history-item--detail{
        padding:8px 16px;
    }

    .detail__txt{
        font-size:1.4rem;
    }

    .about-coach h2{
        text-align: center;
    }

    @media screen and (min-width:768px) {
        .about-coach__inner{
            display: flex;
            max-width:760px;
            justify-content: center;
            align-items:self-start;
            gap:40px;
            margin:64px auto 0;
        }
        .about-coach__name,
        .about-coach__history{
            padding:0;
        }

        .about-coach__name h3{
            font-size:3.2rem;
        }
        .about-coach__image{
            max-width:327px;
        }
        .about-coach__history{
            max-width:413px;
        }
        .history-item--topic{
            pointer-events: none;
        }
        .history__topic{
            display:block;
        }
        .history__topic::-webkit-details-marker{
            display:none;
        }
        
    }

    /* ========================
    .about-works
    ========================== */
    .about-works{
        margin-bottom:48px;
    }

    .btn-viewmore__instagram{
        position:relative;
       width:166px;
       margin:0 auto;

    }
    .btn-viewmore__instagram::after{
        position:absolute;
        content: '';
        background-image: url(../images/dodo_png/oni.svg);
        width:64px;
        aspect-ratio: 64/43;
        top:-35px;
        right:0;
    } 

    .slick-slider--satoko{
        margin:32px 0 56px;
    }

    .slider__item--satoko{
        margin-right:24px;
    }

    .about-works h2{
        text-align: center;
    }

    @media screen and (min-width:768px) {
        .about-works {
            margin-top: 48px;
        }

        .slick-slider--satoko{
            max-width:1084px;
            margin: 40px auto 56px;
        }
        
    }

     /* ========================
    .about-event
    ========================== */
.about-event{
    background-image: url(../images/dodo_png/about__firstView.png);
    text-align: center;
}

.mukuri{
    margin-top:16px;
}

.about-event__lead,
.about-event__image{
    margin-top:32px;
}

.about-event__image{
    border-radius:10px 10px 0 0;
}

.about-event__item{
    max-width:327px;
    margin:0 auto;
}

.about-event__detail{
    background-color: #D6CEB4;
    border-radius: 0 0 10px 10px;
}

.about-event__detail dt{
    font-size:1.6rem;
    text-align: center;
}
.about-event__detail dd{
    font-size:1.4rem;
    padding:16px 8px;
    text-align: left;
}

.event-else{
    margin:40px auto 0;
    background-image: url(../images/dodo_png/white-maru.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding:24px;
}

.event-recruit{
    margin-top:40px;
}

.event-recruit img{
    width:80px;
    margin-top:24px;

}

.footer h2{
    text-align: left;
}






