@charset "utf-8";
/* CSS Document */

/* common
-------------------------------------------*/
.container {
    margin: 2.5em 0 6em;
}
.line {
    margin: 0;
    background: #acacac;
    height: 2px;
    position: relative;
    overflow: visible;
    border: none;
}
.line::before, .content__wrap::before {
    content: '';
    width: 120px;
    display: block;
    height: 2px;
    position: absolute;
}
.h_pharmacist .line::before, .h_pharmacist .content__wrap::before {
    background: #48B9C3;
}
.p_pharmacist .line::before, .p_pharmacist .content__wrap::before {
    background: #5AA818;
}
.student .line::before, .student .content__wrap::before {
    background: #E87D21;
}
.about .line::before, .about .content__wrap::before {
    background: #3C83BF;
}
.page-top__read {
    margin-bottom: 2.5em;
}
.p-menu__img img {
    width: 100%;
}
.content__wrap {
    position: relative;
    border-top: 2px solid #acacac;
    padding: 2.5em 0 6em;
}
.content__wrap::before {
    top: -2px;
}
section:last-of-type .content__wrap {
    padding-bottom: 0;
}
.main__headline {
    font-size: 25px;
    margin: 0 0 1.5em;
}
.sub__headline {
    font-size: 18px;
    padding: 1em 0 .5em;
}
@media screen and (min-width: 768px) {
    .container {
        margin: 5em 0 9em;
    }
    .page-top__read {
        margin-bottom: 5em;
    }
    .page-top__txt {
        font-size: 20px;
    }
    .main__headline {
        font-size: 40px;
        margin: 0 0 1.8em;
    }
    .content__wrap {
        padding: 4.5em 0 6em;
    }

    .sub__headline {
        font-size: 28px;
    }
}

/* #top
-------------------------------------------*/
/* #top-head */
.top-head__wrap {
    padding: 0;
}
.top-head__inner {
    position: relative;
}
.top-head__txt {
    color: #5791C9;
    font-weight: bold;
    background: #D7E5F2;
    font-size: 11px;
    display: inline-block;
    padding: .2em 1.5em;
    position: absolute;
    bottom: 0;
    right: 0;
}
@media screen and (min-width: 768px) {
    .top-head__wrap {
        max-width: 1300px;
        padding: 0 1em;
    }
    .top-head__txt {
        font-size: 1em;
    }
}

/* #top-menu */
.top-menu__box {
    margin: 1.5em 0;
}
.top-menu__box-link {
    color: #fff;
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 .7em;
}
.top-menu__img {
    width: 28%;
    margin: auto;
}
.top-menu__headline {
    font-size: 20px;
    margin: .5em 0 0;
}
.top-menu__txt {
    line-height: 1.5;
}
#top-menu__h_pharmacist {
    background: #38AAB4;
}
#top-menu__p_pharmacist {
     background: #5AA818;
}
#top-menu__student{
     background: #E87D21;
}

@media screen and (min-width: 768px) {
    .top-menu__inner {
        display: flex;
        justify-content: space-between;
        margin: 4em 0 0;
        text-align: center;
    }
    .top-menu__box {
        width: 30.8%;
        margin: 0;
    }
    .top-menu__box-link {
        height: 23vw;
    }
    .top-menu__img {
        width: 40%;
    }
    .top-menu__headline {
        font-size: 2.4vw;
    }
}

@media screen and (min-width: 1000px) {
    .top-menu__box-link {
        height: 230px;
    }
    .top-menu__headline {
        font-size: 25px;
    }
}

/* top-calendar */
.top__section {
    margin: 5em 0;
}
#top .main__headline {
    text-align: center;
    margin: 0 0 .7em;
}
.top-calendar__iframe iframe {
    width: 100%;
    height: 80vw;
}
#top .button {
    background: #3C83BF;
    max-width: 475px;
}
@media screen and (min-width: 768px) {
    .top__section {
        margin: 8em 0;
    }
    .top-calendar__iframe {
        max-width: 900px;
        margin: auto;
    }
    .top-calendar__iframe iframe {
        height: 600px;
    }
    #top .main__headline {
        margin: 0 0 1em;
    }
    #top .button {
        height: 80px;
    }
}

/* #top-news */
.top__scroll-list {
    overflow-y: scroll;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
}
.top-news__list {
    height: 600px;
}
.top__dot-list li {
    padding: 1.1em 2.5em 1.1em 0;
    margin: 0 1em 0 0;
    line-height: 1.5;
}
.top__dot-list li:not(:last-child) {
    border-bottom: 1px dashed #acacac;
}
#top .pdf-arrow li::after {
    color: #3C83BF;
    right: 1em;
}
@media screen and (min-width: 768px) {
    .top-news__inner {
        max-width: 900px;
        margin: auto;
    }
    .top-news__list {
        height: 480px;
    }
}

/* #top-info */
.top-info__bg {
    background: #EDEDED;
    padding: 4em 0 3em;
}
#top-info li {
    line-height: 1.5;
    display: flex;
    align-items: baseline;
}
.top-info__headline {
    font-size: 25px;
    margin: 0 0 .7em;
    text-align: center;
}
#top-info .list-title {
    margin: 0;
}
.top-update__wrap {
    margin: 0 0 4em;
}
.top-update__list {
    height: 330px;
}
.top-update__list li {
    margin: 1.7em 0;
}
.top-backnumber__list {
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
}
.top-backnumber__list li {
    margin: 0;
}
#top-backnumber .button {
    height: 60px;
}

@media screen and (min-width: 768px) {
    .top-info__wrap {
        display: flex;
        justify-content: space-between;
    }
    .top-info__headline {
        font-size: 28px;
        margin: 0 0 .5em;
        text-align: left;
    }
    .top-update__wrap {
        width: 64%;
        margin: 0;
    }
    .top-update__list li {
        margin: 1.3em 0;
    }
    .top-backnumber__wrap {
        width: 30%;
    }
}

/* #top-about */
.top-about__wrap {
    position: relative;
}
.top-about__bg {
    position: absolute;
    right: 50%;
    z-index: -1;
    bottom: 5em;
    transform: translateX(50%);
}
.top-about__txt {
    margin: 2em 0 7em;
}
@media screen and (min-width: 768px) {
    .top-about__wrap {
        max-width: 920px;
    }
    .top-about__bg {
        right: 0;
        top: -3em; 
        bottom: auto;
        transform: none;
    }
    .top-about__txt {
        max-width: 80%;
        margin: 3.5em auto 3em;
    }
}


/* page-head
-------------------------------------------*/
.h_pharmacist .page-head {
    background: #38AAB4;
}
.p_pharmacist .page-head {
    background: #5AA818;
}
.student .page-head {
    background: #E87D21;
}
.about .page-head {
    background: #3C83BF;
}

.page-head, .page-head a {
    color: #fff;
}
.breadcrumbs__wrap {
    padding: 0 1em;
}
.breadcrumbs__list {
    padding: .5em 0 0;
    line-height: 1;
}
.breadcrumbs__list li {
    font-size: 10px;
    display: inline;
}
.breadcrumbs__list li:not(:last-child)::after {
    font-family: "Font Awesome 6 Free";
    content: '\f105';
    font-weight: bold;
    margin: 0 .5em 0 1em;
}
.page-head__headline {
    padding: 1em 0 1.2em;
    font-size: 7.5vw;
}
.page-head__inner {
    padding: 2em 0 3em;
}
.parent .page-head__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.parent .page-head__headline {
    padding: 0;
}
.page-head__img {
    margin: 0 auto 1em;
    height: 40vw;
}
@media screen and (min-width: 430px) {
    .page-head__headline {
        font-size: 34px;
    }
    .page-head__img {
        height: 125px;
    }
}
@media screen and (min-width: 768px) {
    .breadcrumbs__wrap {
        max-width: 1300px;
    }
    .parent .page-head__wrap {
        height: 350px;
    }
    .breadcrumbs__list {
        height: 50px;
        padding: 1em 0 0;
    }
    .breadcrumbs__list li {
        font-size: 12px;
    }
    .page-head__inner {
        padding: 0;
    }
    .page-head__headline {
        font-size: 40px;
        padding: 1em 0 1.5em;
    }
    .page-head__img {
        height: auto;
    }
}


/* #pharmacist-menu
-------------------------------------------*/
.p-menu__headline {
    font-size: 25px;
    margin: 1.5em 0 .5em;
    text-align: center;
}
.p-menu__img {
    margin: 2.5em 0 0;
}
.p-menu__headline.secret {
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-menu__main .secret::before {
    content: '';
    background: url("../img/h_pharmacist/secret_icon__blue.png");
    width: 25px;
    display: block;
    height: 31px;
    margin-right: .3em;
}
.p-menu__main .button img {
    margin-right: .5em;
}
@media screen and (min-width: 768px) {
    #pharmacist-menu .button {
        max-width: 375px;
        margin-left: 0;
    }
    .p-menu__box {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .p-menu__box:nth-of-type(2n-1) {
        flex-direction: row-reverse;
    }
    .p-menu__headline {
        font-size: 3vw;
        margin: 0 0 .5em;
        text-align: left;
    }
    .p-menu__main, .p-menu__img {
        width: 45%;
    }
    .p-menu__main p {
        font-size: 1.6vw;
    }
    .p-menu__img {
        margin: 0;
    }
    .p-menu__headline.secret {
        justify-content: flex-start;
    }
}
@media screen and (min-width: 1000px) {
    .p-menu__headline {
        font-size: 30px;
    }
    .p-menu__main p {
        font-size: 1em;
    }
}

/* #member-login
-------------------------------------------*/
input[name="pass"], input[name="login"] {
    width: 100%;
    font-size: 1em;
    border-radius: 5px;
    padding: 1em;
}
input[name="pass"] {
    border: 1px solid #707070;
}
input[name="login"] {
    background: #48B9C3;
    border: none!important;
    color: #fff;
    font-weight: bold;
    margin: .8em 0 0;
    cursor: pointer;
}
@media screen and (min-width: 768px) {
    #login-form {
        display: flex;
        align-items: center;
    }
    #login-form input {
        width: auto;
    }
    input[name="pass"] {
        padding: .8em 1.5em;
    }
    input[name="login"] {
        padding: .7em 1.5em;
        margin: 0 0 0 .5em;
    }
}

/* pdf
-------------------------------------------*/
.pdf-arrow li::after {
    font-family: "Font Awesome 6 Free";
    content: '\f138';
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
.pdf__inner {
    margin: 0 0 2em;
    border-top: 1px solid #ACACAC;
    border-bottom: 1px solid #ACACAC;
}
.pdf__toptxt {
    margin: 0 0 2em;
}
.pdf__list:nth-of-type(2) {
    border-top: 1px dotted #ACACAC;
}
.pdf__list li {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 14px 25px 14px 7px;
    line-height: 1.5;
}
.pdf__list li:not(:last-child) {
    border-bottom: 1px dotted #ACACAC;
}
.pdf__list li::before, .member-c01__pdf::before {
    content: '';
    background: url("../img/h_pharmacist/pdf_icon.png") no-repeat;
    width: 26px;
    height: 34px;
    margin-right: 12px;
    flex-shrink: 0;
}
.pdf__list li::after {
    color: #48B9C3;
}
.pdf__button {
    background: #48B9C3;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 5px;
    display: inline-block;
}
.pdf__button::after {
    font-family: "Font Awesome 6 Free";
    content: '\f138';
    margin-left: 5px;
}
@media screen and (min-width: 768px) {
    .pdf__inner {
        margin: 0 0 3em;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        border: none;
    }
    .pdf__toptxt {
        margin: 0 0 3em;
    }
    .pdf__list {
        border-top: 1px solid #ACACAC;
        border-bottom: 1px solid #ACACAC;
        width: 47%;
    }
    .pdf__list:nth-of-type(2) {
        border-top: 1px solid #ACACAC;
    }
    .pdf__list li {
        font-size: 20px;
    }
    .pdf__wrap {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0 0 1em;
    }
    .pdf__box {
        width: 47%;
    }
    .pdf__box .pdf__list {
        width: 100%;
    }
}

/* #p-link
-------------------------------------------*/
.p-link__section {
    margin-top: -8em;
    padding-top: 8em;
}
#p-link {
    padding: 2.5em 0 1em;
}
.p-link__list li {
    text-align: center;
}
.p-link__list li::after {
    font-family: "Font Awesome 6 Free";
    content: '\f13a';
    font-weight: bold;
    color: #48B9C3;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .p-link__list li {
        border: 2px solid #B7B7B7;
        border-radius: 5px;
        font-weight: bold;
        padding: .5em 2.5em;
        margin: 0 0 .7em;
    }
}
@media screen and (min-width: 768px) {
    .p-link__section {
        margin-top: -15em;
        padding-top: 15em;
    }
    #p-link {
        border-bottom: 1px solid #B4B4B4;
        padding: 0 0 2em;
    }
    .p-link__list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .p-link__list li {
        width: calc(100% / 3);
        margin: 2em 0 0;
        font-size: 1.3vw;
        border-right: 1px dotted #ACACAC;
    }
    .p-link__list li:first-child, .p-link__list li:nth-child(4) {
        border-left: 1px solid #ACACAC;
    }
    .p-link__list li:last-child, .p-link__list li:nth-child(3) {
        border-right: 1px solid #ACACAC;
    }
}
@media screen and (min-width: 1200px) {
    .p-link__list li {
        font-size: unset;
    }
}

/* h_pharmacist #member
-------------------------------------------*/
#member .sub__headline {
    padding: 1em 0;
}
.member-c01__list {
    border-top: 1px solid #ACACAC;
    border-bottom: 1px solid #ACACAC;
}
.member-c01__list li:not(:last-child) {
    border-bottom: 1px dotted #ACACAC;
}
.member-c01__list li {
    padding: 1.5em 0;
}
.member-c01__pdf {
    display: flex;
    align-items: center;
    margin: 1.2em 0 0;
}
.member-c01__pdf span::after {
    font-family: "Font Awesome 6 Free";
    content: '\f138';
    font-weight: bold;
    font-size: 14px;
    margin-left: 1em;
    color: #48b9c3;
}
.member-c03__list ul {
    padding-left: 1.4em;
}
.member-c03__list li {
    list-style: disc;
    margin-bottom: .3em;
}
.member-c04__link {
    margin: 0 0 3em;
}
.member-c04__link a {
    font-size: 20px;
    font-weight: bold;
    color: #48B9C3;
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
    .member-c01__wrap {
        max-width: 900px;
        margin: auto;
    }
    .member-c03__list {
        display: flex;
        justify-content: space-between;
    }
    .member-c03__list ul {
        width: 50%;
    }
    .member-c04__link {
        margin: 0 0 5em 2em;
    }
}
@media screen and (max-width: 767px) {
    .member-c01__pdf span {
        display: block;
        padding-right: 1.5em;
    }
    .member-c01__pdf span::after {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* h_pharmacist #workshop
-------------------------------------------*/
@media screen and (max-width: 1218px) {
    .scroll__table {
        overflow-x: scroll;
    }
    .scroll__table table {
        width: 1170px;
    }
}
.workshop-table {
    margin: 0 0 3em;
}
.workshop-table th {
    border-bottom: none;
}
.workshop-table th:first-child {
    width: 13%;
}
.workshop-table th:nth-child(2) {
    width: 43%;
}
.workshop-table th:nth-child(3) {
    width: 25%;
}
.workshop-table td:nth-child(n+4) {
    text-align: center;
}
.workshop__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.workshop__link .pdf__button {
    flex-shrink: 0;
    margin: 0 0 0 2em;
}
@media screen and (min-width: 768px) {
    .workshop-table {
        margin: 0 0 6em;
    }
}

/* h_pharmacist #committee
-------------------------------------------*/
.committee__txt {
    display: flex;
}
.committee__txt span {
    flex-shrink: 0;
}

/* h_pharmacist #byoyaku_news
-------------------------------------------*/
.thumbnail__list {
    margin: 0 0 2em;
}
.thumbnail__list li {
    display: flex;
    align-items: center;
    border-top: 1px dashed #707070;
    padding: 2em 0;
}
.thumbnail__img {
    flex-shrink: 0;
    margin: 0 1em 0 0;
    width: 30%;
}
.thumbnail__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: bold;
    line-height: 1.5;
}
.thumbnail__list li:last-child {
    border-bottom: 1px dashed #707070;
}
.thumbnail__title::after {
    font-family: "Font Awesome 6 Free";
    content: '\f138';
    color: #48B9C3;
    font-weight: bold;
    line-height: 1.5;
}
.thumbnail__title span {
    display: block;
    font-size: 80%;
    font-weight: normal;
    margin: .5em 0 0;
}

@media screen and (min-width: 768px) {
    .thumbnail__list {
        flex-wrap: wrap;
        margin: 0 0 4em;
    }
    .thumbnail__list li {
        width: 47%;
        border-top: 1px dashed #707070;
        border-bottom: 1px dashed #707070;
        padding: 3em 0;
    }
    .thumbnail__list li:nth-child(n+3) {
        border-top: none;
    }
    .thumbnail__img {
        margin: 0 2em 0 0;
        width: auto;
    }
    .thumbnail__title {
        font-size: 20px;
    }
}

/* h_pharmacist #information
-------------------------------------------*/
.area__list a {
    margin-right: 1em;
}
.info__button {
    background: #31949D;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    border-radius: 5px;
    display: inline-block;
    font-size: 1rem;
}
.info__button::after {
    font-family: "Font Awesome 6 Free";
    content: '\f138';
    margin-left: 8px;
}
.info__button.txt {
    margin: 0 .5em;
}
.info-box {
    border: 1px solid #38AAB4;
    margin: 2em 0;
    padding: 1.5em;
}
.info-box__headline {
    margin: 0 0 .8em;
}
.info-box .pdf__inner {
    margin: 0 0 1.5em;
}
.info-box .pdf__list {
    width: 100%;
}
.info-box__table dl {
    margin: .5em 0 0;
}
.info-box__table dt {
    font-weight: bold;
}
.info-box__table dd {
    word-break: break-all;
}
.info-c01__p-link {
    background: url("../img/h_pharmacist/infomation__link.png") center/cover;
    height: 90vw;
    position: relative;
}
.info-c01__p-link__button {
    position: absolute;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding: .3em 2em .3em .7em;
    font-size: 4vw;
    line-height: 1.4;
    border-radius: 5px;
}
.info-c01__p-link__button::after {
    font-family: "Font Awesome 6 Free";
    content: '\f13a';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .5em;
}
.info-c01__p-link__button.button-01 {
    background: #2078C5;
    top: 2em;
    left: 2.5em;
}
.info-c01__p-link__button.button-02 {
    background: #B59522;
    bottom: 6em;
    right: 3.5em;
}
.info-c01__p-link__button.button-03 {
    background: #BC6525;
    bottom: 1.5em;
    left: 1.5em;
}
.info-area__inner {
    margin: 4em 0 0;
}
.area__headline {
    display: flex;
    align-items: center;
    font-size: 20px;
}
.area__headline::before {
    content: '';
    background: #519EDE;
    width: 8px;
    display: inline-block;
    height: 1.5em;
    border-radius: 5px;
    margin-right: .8em;
}
#noto .area__headline::before {
    background: #519EDE;
}
#ishikawa-chuo .area__headline::before {
    background: #D9BC39;
}
#minami-kaga .area__headline::before {
    background: #E08C4F;
}

.area__list li {
    position: relative;
    padding: 0 1em 0 1.7em;
    font-size: 18px;    
    margin: 1.2em 0 0;
}
.area__list li::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    content: '\f138';
    color: #3C83BF;
}
#noto .area__list li::before {
    color: #7EBAED;
}
#ishikawa-chuo .area__list li::before {
    color: #D9BC39;
}
#minami-kaga .area__list li::before {
    color: #EDAD7E;
}
.info-area__tel {
    color: #909090;
    font-weight: bold;
    font-size: 15px;
    margin-left: .8em;
}
.info-area__tel::before {
    font-family: "Font Awesome 6 Free";
    content: '\f095';
}
@media screen and (max-width: 767px) {
    .info-box__table dl {
        display: block;
    }
    .info__button.link {
        display: block;
        margin: .5em 0 0 0;
        width: 130px;
        text-align: center;
    }
    #system .info__button.link {
        width: 160px;
    }
    .target__list .info__button {
        margin: .5em 0 0 auto;
    }
}
@media screen and (min-width: 768px) {
    .info-c01__wrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 2em 0 0;
    }
    .info-box__headline {
        font-size: 20px;
    }
    .info-box {
        margin: 2em 0 0;
        padding: 2em;
    }
    .info-box .pdf__list li {
        font-size: 18px;
    }
    .info-c01__txt {
        width: 50%;
    }
    .info-c01__p-link {
        width: 45%;
        height: 43.8vw;
    }
    .info-c01__p-link__button {
        font-size: 2vw;
    }
    .info-area__inner {
        margin: 7em 0 0;
    }
    .area__headline {
        font-size: 28px;
    }
    .area__list {
        display: flex;
        flex-wrap: wrap;
    }
    .area__list li {
        width: calc(100%/3);
        margin: 2.5em 0 0;
    }
    .info-box__table dd {
        margin-left: 1em;
    }
}
@media screen and (min-width: 1200px) {
    .info-box .pdf__list {
        width: 420px;
    }
    .info-c01__p-link {
        height: 525px;
    }
    .info-c01__p-link__button {
        font-size: 24px;
    }
}

.info-c02__box {
    padding: 2em 0;
}
.info-c02__headline {
    font-size: 18px;
    margin: 0 0 1em;
}
.info-c02__table th {
    width: 30%;
}
.info-c02__table td {
    border-left: none;
}
.info-c02__table a::after {
    color: #48B9C3;
    font-size: 1em;
}
.info-c02__table a:nth-of-type(2n) {
    margin: 0 0 0 1em;
}
@media screen and (min-width: 768px) {
    .info-c02__box {
        padding: 4em 0 2em;
    }
    .info-c02__headline {
        font-size: 24px;
    }
    .info-c02__table, #information-c03 {
        max-width: 850px;
    }
    .info-c02__table th {
        width: 150px;
    }
    .info-c02__table td {
        padding: .6em 1.5em;
    }
}

/* h_pharmacist #documents
-------------------------------------------*/
.doc-c01__txt {
    margin: 0 0 3em;
}
.info-box__table.documents, #documents .pdf__inner, .doc-c02__sub {
    margin-top: 3em;
}
.info-box__table.documents dt {
    font-size: 18px;
}
.new-icon {
    color: #DD6262;
    font-weight: bold;
    font-size: 1rem;
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 8px;
}
.doc-c02__list {
    margin: 1em;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
    .doc-c01__txt {
        margin: 0 0 5em;
    }
    .info-box__table.documents dd {
        margin-left: 2em;
    }
}


/* h_pharmacist #system
-------------------------------------------*/
.system-c01__box {
    background: #ECF8F9;
    padding: .5em 1em;
    margin: 0 0 2em;
}
.system-c03__list {
    margin-top: 2em;
}
.system-c03__list.list li:not(:last-child) {
    padding-bottom: 1.5em;
}
.target__list {
    margin: .5em 0 4em;
}
.target__list li {
    border-bottom: 1px solid #ACACAC;
    padding: 1.2em 0;
}
.target__list li:first-child {
    border-top: 1px solid #ACACAC;
}

@media screen and (min-width: 768px) {
    .system-c01__box {
        padding: 1em 2em;
    }
    .system-c01__box dl {
        margin-left: 2em;
    }
    .target__list {
        margin: 1em 0 8em;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .target__list li {
        width: 47%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .target__list li:nth-child(2) {
        border-top: 1px solid #ACACAC;
    }
    .target__list .info__button {
        flex-shrink: 0;
    }
    .system-c03__target .info__button, .system-c03__list .info__button {
        margin: 0 0 0 1em;
    }
}


/* p_pharmacist #cancer
-------------------------------------------*/
#cancer .info-area__inner {
    margin: 0;
}
#cancer-area article:not(:last-child) {
    margin: 0 0 5em;
}
@media screen and (min-width: 768px) {
    #cancer-area .area__list li {
        margin: 1.8em 0 0;
    }
}

/* p_pharmacist #workshop
-------------------------------------------*/
#p-workshop__list .thumbnail__img {
    border: 1px solid #707070;
}
.p-workshop__headline {
    font-size: 100%;
    margin: 0 2em 1.5em 0;
}
#p-workshop__list .thumbnail__title::after {
    color: #5AA818;
}
.p-workshop__about {
    font-size: 1rem;
}
.p-workshop__about span {
    display: flex;
    font-weight: bold;
    font-size: 1rem;
}
.p-workshop__about span::before {
    content: '';
    width: 20px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
.p-workshop__date span::before {
    background-image: url('../img/p_pharmacist/icon_clock.png');
}
.p-workshop__place span::before {
    background-image: url('../img/p_pharmacist/icon_place.png');
}

/* p_pharmacist #info
-------------------------------------------*/
.info-table {
    margin: 3em 0 1em;
}
.info-table th {
    background: #BDDCA2;
    border-bottom: none;
}
.info__right {
    text-align: right;
}


/* #student
-------------------------------------------*/
.s-message__headline {
    font-size: 25px;
    margin: 0 0 1em;
}
.s-message__img {
    margin: 2em 0;
}
.s-message__box:last-of-type {
    margin: 0 0 5em;
}
.s-magazine__img {
    text-align: center;
}
.s-magazine__img img {
    width: 80%;
    display: inline-block;
}
.s-magazine__bg {
    background: #FADFC9;
    padding: 50vw 0 3em;
    margin: -46vw 0 3em;
}
.s-magazine__headline {
    text-align: center;
    font-size: 13vw;
}
.s-magazine__headline span {
    color: #E87D21;
    font-size: 50%;
    display: block;
}
.s-magazine__headline small {
    font-size: 55%;
    margin: 0 0 0 1em;
}
.s-magazine__contents {
    position: relative;
    padding-left: 1em;
    margin: 2em 0 0;
}
.s-magazine__contents::before {
    content: 'CONTENTS';
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    font-weight: bold;
    font-size: 18px;
    color: #E87D21;
    letter-spacing: 3px;
    left: -1.2em;
}
.s-magazine__list {
    border-top: 1px solid #707070;
}
.s-magazine__list li {
    border-bottom: 1px solid #707070;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    padding: .8em 1.2em .8em 0;
}
.s-magazine__list small {
    font-size: 70%;
}
.s-magazine__list li::after {
    color: #E87D21;
    font-size: .8em;
}

@media screen and (min-width: 768px) {
    .s-message__headline {
        font-size: 36px;
    }
    .s-message__box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 7em;
    }
    .s-message__box:nth-of-type(2n) {
        flex-direction: row-reverse;
    }
    .s-message__box:last-of-type {
        margin: 0 0 12em;
    }
    .s-message__txt p {
        font-size: 20px;
    }
    .s-message__img {
        margin: 0 0 0 2em;
        width: 50%;
    }
    .s-message__box:nth-of-type(2n) .s-message__img {
        margin: 0 2em 0 0;
    }
    .s-magazine__img img {
        width: auto;
    }
    .s-magazine__bg {
        padding: 24em 0 8em;
        margin: -21em 0 8em;
    }
    .s-magazine__headline {
        font-size: 50px;
    }
    .s-magazine__contents {
        max-width: 620px;
        margin: 3em auto 0;
    }
    .s-magazine__list li {
        font-size: 30px;
    }
    .s-magazine__contents {
        padding-left: 0;
    }
    .s-magazine__contents::before {
        font-size: 30px;
        left: -2.5em;
    }
}
@media screen and (min-width: 900px) {
    .s-magazine__contents {
        max-width: 750px;
    }
}
@media screen and (min-width: 1220px) {
    .s-message__img {
        margin: 0;
        width: auto;
    }
}

/* #young
-------------------------------------------*/
.young__box {
    margin: 0 auto 2em;
}
.young__border {
    border: 1px solid #707070;
}
.young__border.none {
    border: none;
}
.young__border, .young__border img {
    border-radius: 10px;
}
.young__info {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,.8);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: .6em 0;
}
.p-young__name {
    font-size: 20px;
    line-height: 2;
}
.p-young__txt {
    margin: 1.5em 0 0;
}
.p-young__img {
    max-width: 360px;
    margin: auto;
}
.p-young__info {
    margin: 0 0 1.5em;
}
@media screen and (max-width: 767px) {
    .young__box {
        max-width: 360px;
    }
    .young__txt {
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) {
    .young__wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .young__box {
        width: 30%;
        margin: 0 5% 5% 0;
    }
    .young__box:nth-child(3n) {
        margin: 0 0 5% 0;
    }
    .p-young__wrap {
        max-width: 840px;
        margin: 0 auto;
    }
    .p-young__flex {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
    }
    .p-young__img {
        margin: 0 8% 0 0;
        flex-shrink: 0;
    }
    .p-young__info {
        margin: 0;
    }
    .p-young__txt {
        margin: 4em 0 0;
    }
}

/* #expert
-------------------------------------------*/
.line-4 {
    line-height: 1.5;
}
.p-expert__question {
    font-size: 18px;
    color: #E87D21;
    margin: 2em 0 .6em;
}
.p-expert__aside {
    background: #F8D8BC;
    padding: 1.5em;
    margin: 2em 0 0;
}
.p-expert__aside_headline {
    font-size: 20px;
    margin: 0 0 .5em;
}
.p-expert__aside_img img {
    margin: 3em auto 0;
}
.p-young__info .small {
    font-size: 12px;
}
@media screen and (min-width: 768px) {
    .p-expert__question {
        font-size: 24px;
        margin: 2.5em 0 .6em;
    }
    .p-expert__aside {
        padding: 2em 3em;
        margin: 4em 0 0;
    }
}


/* #about
-------------------------------------------*/
#about .p-link__list li::after {
    color: #3C83BF;
}
p.about-c01__name {
    text-align: right;
    font-weight: bold;
}
.about-c01__img {
    margin: 2em 0 0;
}
.about-c01__img img {
    margin: auto;
}
.about-c02__wrap h3 {
    font-size: 1rem;
    margin: 2em 0 .5em;
}
.about-c02__wrap h3:first-of-type {
    margin: 0 0 .5em;
}
.about__member {
    border-top: 1px solid #acacac;
    margin: 0 0 3em;
}
.about__member dl {
    border-bottom: 1px solid #acacac;
    padding: 1.2em 0;
}
.about__member dt {
    border-right: 1px solid #acacac;
    width: 30%;
}
.about__member dt, .about__member dd {
    padding: 0 1.5em;
}

@media screen and (min-width: 768px) {
    .about-c01__wrap {
        display: flex;
        justify-content: space-between;
    }
    .about-c01__img {
        flex-shrink: 0;
        margin: 0 0 0 3em;
    }
    p.about-c01__name {
        font-size: 20px;
        margin: 2.5em 0 0;
    }
    .about__member dt {
        width: 240px;
    }
}

/* #link
-------------------------------------------*/
.link__list:first-of-type {
    margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
    .link__list li {
        width: calc(100%/4);
    }
    .link__list:first-of-type {
        margin: 0 0 6em;
    }
}