@charset "UTF-8";




/* ========================================================
  
  common

======================================================== */
.c-box--s {
    > div {
        max-width: 960px;
        margin-inline: auto;
    }
}
.c-prof__name {
    > span {
        width: 100%;
    }
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.c-prof {
    text-align: center;
    .c-prof__name {
        text-align: center;
        justify-content: center;
    }
}
}


/* ========================================================
  
  page common

======================================================== */
.p-bg {
    position: absolute;
    width: 50vw;
    max-width: max-content;
    left: 58%;
    top: 0;
    z-index: -1;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.p-bg {
    width: 80vw;
    left: 40%;
}
}


/* ========================================================
  
  content

======================================================== */

/*---------------------------------------------------------
 Chairman
---------------------------------------------------------*/
.chairman {
    .c-bg-color {
        background-color: #e2d5ba;
    }
    .c-bg-img {
		-webkit-mask-image: linear-gradient(to bottom, transparent 10%, black 80%);
		mask-image: linear-gradient(to bottom, transparent 10%, black 80%);
		inset: auto 0 0 0;
        opacity: 0.5;
    }
    .c-flt {
        .c-hdg--min {
            font-size: min(3.4vw,250%);
            padding-bottom: .8em;
            margin-bottom: 1em;
            border-bottom: 1px solid #FFF;
        }
    }
    .c-box--s {
        background-color: rgb(255 255 255 / 0.8);
        margin-top: 7%;
    }
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.chairman {
    .c-flt__img {
        width: 45%;
    }
    .c-flt__txt {
        width: 50%;
    }
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.chairman {
    .c-flt {
        .c-hdg--min {
            width: 50%;
            margin-left: auto;
        }
    }
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.chairman {
    .c-flt {
        .c-hdg--min {
            font-size: 140%;
        }
    }
}
}

/* Chairman - main
-----------------------------------------------*/
.chairman-main {
    position: relative;
}
.chairman-prof {
    .chairman-prof__img {
        position: relative;
		-webkit-mask-image: linear-gradient(to left, transparent 0%, black 30%);
		mask-image: linear-gradient(to top, left 0%, black 30%);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: auto;
		mask-size: auto;
        z-index: -2;
    }
    .c-prof__name {
        .u-font-en {
            color: #FFF;
        }
    }
}
.chairman-copy {
	position: absolute;
    color: #FFF;
	font: var(--font-min);
	font-size: min(4vw,312%);
	line-height: 1.4;
	letter-spacing: .14em;
	white-space: nowrap;
	writing-mode: vertical-rl;
    left: 0;
    top: 2.4em;

    > span {
        display: block;
        max-height: max-content;
        background: linear-gradient(to bottom, var(--grd-color-l), var(--grd-color-r));
        padding: .4em 0;

        &:nth-of-type(2) {
            margin-top: 2em;
            margin-right: .4em;
        }
    }
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.chairman-prof {
    position: relative;

    .p-bg {
        top: auto;
        bottom: 30px;
    }
    .chairman-prof__img {
        width: 83%;
        max-width: max-content;
        margin-left: -12%;
    }
    .c-prof {
        position: absolute;
        left: 66%;
        top: 50%;
        translate: 0 -50%;
    }
}
.chairman-main {
    > p {
        width: 80%;
        margin-left: auto;
    }
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.chairman-prof {
    .p-bg {
        top: 60vw;
    }
    .chairman-prof__img {
        margin-left: calc(50% - 50vw);
		margin-bottom: 8%;
    }
    .c-prof {
        padding-left: 20%;
    }
}
.chairman-copy {
	font-size: 140%;
}
}




/*---------------------------------------------------------
 Doctor
---------------------------------------------------------*/
.doctor {
    .p-bg {
        opacity: 0.25;
    }
    .c-box--s {
        background-color: rgb(21 178 190 / 0.1);
        margin-top: 5%;
    }
}
.dr-box {
    margin-bottom: 8.4%;

    &:last-child {
        margin-bottom: 0;
    }
}
.dr-ttl {
    text-align: center;
    padding-bottom: 1em;
    margin-bottom: 2em;
    border-bottom: 1px solid var(--color-taq);

    & h3 {
        font-size: 155%;
        margin-top: .2em;
    }
}
.dr-col2 {
    position: relative;

    .c-prof {
        margin-top: 6%;
    }
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.dr-col2 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 42% 52%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.doctor {
    .p-bg {
        top: 60vw;
    }
    .c-box--s {
        margin-top: 8%;
    }
}
.dr-box {
    margin-bottom: 10%;
}
.dr-ttl {
    font-size: 120%;
    margin-bottom: 1.5em;

    & h3 {
        font-size: 135%;
    }
}
.dr-col2__img {
    width: 80%;
    margin: 0 auto 5%;
}
}

/* Doctor - record
-----------------------------------------------*/
.dr-record {
    position: relative;
    max-width: 28em;
    text-align: center;
    color: #FFF;
    font-size: min(1.6vw,100%);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .1em;
    background: url(../images/staff/bg-laurel@2x.png) no-repeat left 16% center,
                linear-gradient(to right, #b4beff, #fcc7e9);
    background-size: 38% auto, 100% 100%;
    padding: 2em 34% 1.5em 3%;
    border-radius: .6em;
    box-shadow: 0 4em 30px -3em rgb(0 0 0 / 0.2);
    margin-top: 8%;

    & p {
        margin-bottom: .5em;
    }
    & dt {
        font-size: 125%;
        letter-spacing: .15em;
        margin-bottom: .6em;

        &.is-lg {
            font-size: 200%;
            margin-bottom: .2em;
        }
    }
    & dd {
        font-size: 175%;
        > span {
            font: var(--font-en);
            font-size: 214%;
            line-height: 0.8;
            vertical-align: -0.05em;
        }
    }
}
.dr-record__img {
    position: absolute;
    width: 32%;
    max-width: max-content;
    right: 25%;
    bottom: 0;
    translate: 50% 0;
    filter: drop-shadow(0 6px 15px rgb(0 0 0 / 0.2));
    will-change: filter;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.dr-record {
    width: 92%;
    font-size: 90%;
    padding: 1.5em 30% 1em 3%;
    margin: 8% auto 0;
}
.dr-record__img {
    right: 22%;
}
}



/*---------------------------------------------------------

---------------------------------------------------------*/

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {


}