@charset "utf-8";


/* ==================
maincaption
===================*/
.section--maincaption{
    display: flex;
    padding: 25px 8.8%;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background: url(../images/background2.jpg) lightgray 50% / cover no-repeat;
}

.maincaption__topic{
    color:var(--black) #000;
    font-size: 2.2rem;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
}

.maincaption__topic::before, .maincaption__topic::after{
    content: "";
    width: 30px;
    height: 3px;
    background-color: #FF6600;
    top: 50%;
}

.maincaption__txt{
    text-align: left;
}

/* maincaption pc */
@media screen and (min-width:769px){

    .section--maincaption{
        padding: 95px 8.8% 95px;
    }

    .maincaption__topic{
        font-size: 52px;
        font-weight: 700;
    }

    .maincaption__topic::before, .maincaption__topic::after{
        content: "";
        width: 80px;
        height: 5px;
        background-color: #FF6600;
        top: 50%;
    }
}

/* ==================
profile
===================*/

.section--profile{
    display: flex;
    padding: 30px 9.8%;
    flex-direction: column;
    align-items: center;
    gap: 37px;
    align-self: stretch;
    background: url(../images/background2reverse.jpg) lightgray 50% / cover no-repeat;
}

.topic{
    font-size: 2.0rem;
    font-weight: 700;
}

.profile__top{
    text-align: center;
}

.profile__picture-sp{
    max-width: 59%;
}

.profile__picture-pc{
    display: none;
}

.name__ja{
    margin-top: 10px;
}

.name__ja,.name__en{
    text-align: center;
    font-size: 2.0rem;
    font-weight: 700;
}

.minitopic{
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
}

.profile__career__txt{
    text-align: left;
}

.profile__careernow__txt{
    text-align: left;
}

.profile__qualification__txt{
    text-align: left;
}

/* profile pc */
@media screen and (min-width:769px){

    .section--profile{
        padding: 81px 12.5% 99px;
    }

    .topic{
        font-size: 5.2rem;
    }

    .profile__picture-sp{
        display: none;
    }

    .profile__picture-pc{
        display: block;
    }

    .name__ja,.name__en{
        font-size: 3.6rem;
    }

    .minitopic{
        font-size: 4.0rem;
    }

    .profile__career__txt,.profile__careernow__txt,.profile__qualification__txt{
        font-size: 2.4rem;
    }
}

/* ==================
books
===================*/
.section--books{
    display: flex;
    padding: 30px 19.2%;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: url(../images/background2.jpg) lightgray 50% / cover no-repeat;
}

.book__content{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    text-align: center;
    margin-top: 46px;
}

.book__picture-pc{
    display: none;
}

.book__name{
    font-size: 2.0rem;
    font-weight: 600;
    text-align: left;
    margin-top: 8px;
}

.book__content__detail{
    text-align: left;
}

.btn--books{
    margin-top: 46px;
}

/* book pc */
@media screen and (min-width:769px){
    .section--books{
        padding: 97px 8.2% 97px 9.7%;
    }

    .book__contentall{
        display: flex;
        gap: 160px;
    }

    .book__picture-sp{
        display: none;
    }

    .book__picture-pc{
        display: block;
    }

    .book__name{
        font-size: 3.9rem;
    }

    .book__content__detail{
        font-size: 2.4rem;
    }
}