/*====================================================
////id |  greeting
====================================================*/
.greeting-text-name {
    font-size: .85em;
}
.greeting-text-name .name {
    display: inline-block;
    font-size: 1.35em;
    line-height: 1.2;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .greeting-inner {
        padding-top: min(8vw, 60px);
    }
    .greeting-item-wrapper {
        display: grid;
            grid-gap: min(7vw, 40px);
    }
    .greeting-img {
        margin: auto;
        width: min(100%, 600px);
    }
    .greeting-img-figure {
        padding-top: 70%;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
    .greeting-inner {
        padding-top: 80px;
    }
    .greeting-item-wrapper {
        display: flex;
            gap: min(5vw, 70px);
    }
    .greeting-img {
        width: min(30vw, 400px);
    }
    .greeting-img-figure {
        height: 100%;
    }
    .greeting-text {
        flex: 1;
        margin: auto;
        max-width: 1000px;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  profile
====================================================*/
.profile-item {
    border-top: solid 1px var(--gray);
    padding: min(4vw, 40px) 0;
}
.profile-item:first-child {
    border-top: none;
    padding-top: 0;
}
.profile-item:last-child {
    padding-bottom: 0;
}
.profile-item dl.gridBox {
    grid-gap: 0 min(2vw, 2em);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .profile-item-wrapper {
        margin-top: min(3vw, 20px);
    }
    .profile-item .profile-item-title {
        font-size: 1.1em;
        margin-bottom: .3em;
    }
}
@media screen and (max-width: 769px) {
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .profile-content {
        display: flex;
            gap: 0 min(8vw, 70px);
            justify-content: space-between;
    }
    .profile-detail {
        flex: 1;
        max-width: 860px;
    }
    .profile-item-wrapper {
        display: grid;
            grid-template-columns: auto 1fr;
    }
    .profile-item {
        display: grid;
            grid-template-columns: subgrid;
            grid-column: span 2;
            grid-gap: min(3vw, 40px);
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .profile-content {
        display: grid;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  introduction
====================================================*/
#introduction::before {
    background: var(--green);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        left: 0;
        bottom: 0;
    width: 100%;
    height: 55%;
}
.introduction-img-wrapper {
    display: grid;
        grid-template-columns: 1fr 1fr;
}
.introduction-img .introduction-img-figure::before {
    background: var(--l_yellow);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .introduction-inner {
        padding-bottom: min(8vw, 40px);
    }
    .introduction-img-figure {
        padding-top: min(52vw, 300px);
    }
}

@media screen and (max-width: 600px) {
    .introduction-img-wrapper {
        grid-template-columns: 1fr;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .introduction-inner {
        padding-bottom: min(8vw, 90px);
    }
    .introduction-img-wrapper {
        margin-top: min(6vw, 50px);
    }
    .introduction-img-figure {
        padding-top: 55%;
    }
}

@media (hover: hover) {}


/*====================================================
////id |  overview
====================================================*/
.overview-item {
    border-top: solid 1px var(--gray);
    padding: min(4vw, 40px) 0;
}
.overview-item:first-child {
    border-top: none;
    padding-top: 0;
}
.overview-item:last-child {
    padding-bottom: 0;
}
.overview-item dl.gridBox {
    grid-gap: 0 min(2vw, 2em);
}
.overview-access-map {
    margin: min(10vw, 60px) auto 0;
    width: min(100%, 1060px);
}
.overview-access-map iframe {
    width: 100%;
    height: min(61vw, 360px);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .overview-item-wrapper {
        margin-top: min(3vw, 20px);
    }
    .overview-item .overview-item-title {
        font-size: 1.1em;
        margin-bottom: .3em;
    }
}
@media screen and (max-width: 769px) {
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .overview-content {
        display: flex;
            gap: 0 min(8vw, 70px);
            justify-content: space-between;
    }
    .overview-detail {
        flex: 1;
        max-width: 860px;
    }
    .overview-item-wrapper {
        display: grid;
            grid-template-columns: auto 1fr;
    }
    .overview-item {
        display: grid;
            align-items: center;
            grid-template-columns: subgrid;
            grid-column: span 2;
            grid-gap: min(3vw, 40px);
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .overview-content {
        display: grid;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {}

/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {}