@charset "UTF-8";

/* ------------------------------------------
共通
------------------------------------------*/
.p-root .note{
    color: var(--color-red);
    font-size: var(--fs-14);
}

/* ------------------------------------------
doctor
------------------------------------------
.p-root .doctor .doctor-box{
    display: flex;
    justify-content: center;
    gap: 4%;
}
.p-root .doctor .doctor-box .doctor-box__img{
    width: 22%;
}
.p-root .doctor .doctor-box .doctor-box__name{
    display: flex;
    gap: var(--gap-30);
    align-items: center;
}
.p-root .doctor .doctor-box .doctor-box__name h3{
    font-size: var(--fs-30);
}
.p-root .doctor .doctor-box .doctor-box__name p{
    font-size: var(--fs-19);
}
.p-root .doctor .doctor-box .doctor-box__bio h4{
    font-size: var(--fs-17);
    margin-bottom: .4em;
}
.p-root .doctor .doctor-box .doctor-box__bio .doctor-list dl{
    display: flex;
    gap: var(--gap-60);
}

.p-root .doctor .c-tbl tbody th{
    width: 12%;
    vertical-align: top;
}
.p-root .doctor .c-tbl td{
    position: relative;
    padding-left: 3em;
    vertical-align: top;
}
.p-root .doctor .c-tbl td::before{
    content: "";
    position: absolute;
    width: .45em;
    height: .45em;
    border-radius: 50%;
    background: currentcolor;
    opacity: 0.8;
    left: 1.8em;
    top: 2.8em;
    transform: translateY(-50%);
}
.p-root .doctor .c-link-rectangle a{
    color: #fff;
    background: var(--color-navy);
}

/* Tablet (Portrait)
------------------------------------------
@media only screen and (min-width: 768px) and (max-width: 959px) {
.p-root .doctor .doctor-box .doctor-box__img{
	width: 28%;
}
}

/* Mobile (Portrait)
------------------------------------------
@media only screen and (max-width: 767px) {
.p-root .doctor .doctor-box{
	display: grid;
	gap: var(--gap-20);
}
.p-root .doctor .doctor-box .doctor-box__img{
	width: 70%;
	margin-inline: auto;
}
.p-root .doctor .doctor-box .doctor-box__name{
	display: grid;
	gap: var(--gap-1em);
	width: 70%;
	margin-inline: auto;
}
.p-root .doctor .doctor-box .doctor-box__bio h4{
	margin-bottom: .2em;
}
.p-root .doctor .doctor-box .doctor-box__bio .doctor-list dl{
	gap: var(--gap-20);
}
.p-root .doctor .doctor-box .doctor-box__bio .doctor-list dl dt{
	width: 4em;
}
.p-root .doctor .c-tbl td::before{
	top: 1.8em;
}
}


/* ------------------------------------------
policy
------------------------------------------*/
.p-root .policy .c-topics {
    background: #4c68a5;
    padding: var(--gap-100) 7%;
}
.p-root .policy .c-catch-fs29,
.p-root .policy .c-link-under a{
    color: #fff;
}
.p-root .policy .c-topics .c-flt-small__img.--left{
    width: 25%;
    margin-right: 0;
}
.p-root .policy .c-topics .c-flt-small__txt.--right{
    width: 70.5%;
    float: right;
}
.p-root .policy .c-topics p.u-ft-min{
    font-size: var(--fs-22);
    letter-spacing: .1em;
    line-height: 1.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.p-root .policy .c-topics .c-flt-small__img.--left{
	width: 30%;
}
.p-root .policy .c-topics .c-flt-small__txt.--right{
	width: 65.5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.p-root .policy .c-topics .c-flt-small__img.--left{
	margin-inline: auto;
	width: 70%;
}
.p-root .policy .c-topics .c-flt-small__txt.--right{
	width: 100%;
	float: none;
}
}