@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 769px) and (max-width: 960px) {
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*================*/
.about .lead{
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.04em;
}

/*================*/
.about .map{
    margin-top: 30px;
    margin-inline: auto;
    width: 71.16%;
}
.about .map img{
    width: 100%;
}

/*================*/
.about .anchor{
    margin-block: 40px;
}

/*================*/
.about .about-contents{
    padding-bottom: 80px;
}

/*================*/
.about .contents:not(:first-of-type){
    margin-top: 50px;
}
.about .contents__ttl{
    padding-bottom: 14px;
    border-bottom: 1px solid #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.58;
    letter-spacing: 0.08em;
}
.about .content{
    display: flex;
    column-gap: 35px;
    margin-top: 30px;
}
.about .content__img{
    flex-shrink: 0;
    width: 27.75%;
}
.about .content__img img{
    width: 100%;
}
.about .content__ttl{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0.08em;
}
.about .content__text{
    margin-top: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.04em;
}
.about .content__btns{
    display: flex;
    column-gap: 10px;
    margin-top: 24px;
}
.about .content__btn{
    font-size: 16px;
}

/*================*/
/* 下層 */
.about-detail-title{
    padding-top: 60px;
}
.about-detail-title__main{
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 0.08em;
}
.about-detail-contents{
    margin-top: 66px;
    padding-bottom: 60px;
}
.about-detail-content:not(:first-of-type){
    margin-top: 80px;
}
.about-detail-content__ttl{
    font-weight: 700;
    font-size: 24px;
    line-height: 1.58;
    letter-spacing: 0.08em;
}
.about-detail-content__ttl br.sp{
    display: none;
}
.about-detail-content__box{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.about-detail-content__box > *:first-child{
    grid-column: 1 / 2;
}
.about-detail-content__box > *:nth-child(2){
    grid-column: 2 / 3;
}
.about-detail-content__box > *:nth-child(n+3){
    grid-column: 1 / 3;
}
.about-detail-content__img img{
    width: 100%;
}
.about-detail-content__text{
    font-weight: 400;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.04em;
}
.about-detail__btn{
    font-size: 16px;
    text-align: right;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
} /* end of media query */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */