p[name="medical-lp"] {
    font-size: 1.6em;
    letter-spacing: 0.05em;
    line-height: 1.55em;
    margin: 0;
}

/* header */
/* header {
    position: fixed;
    background-color: #fff;
    width: 100%;
} */
img#logo {
    width: 10%;
    margin: 1em 3em;
}
img#fv {
    margin-top: 3em;
    width: 100%;
}
figure.medical-lp-img {
    margin: 0;
}

/* section_introduction */
.section_introduction {
    padding: 8em 0;
}
div#introduction {
    background-color: #fff;
    max-width: 1150px;
    margin: 0 auto;
    padding: 4em 6em;
    text-align: center;
}
h2.bigtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.8em;
    /* letter-spacing: 0.08em; */
}
h2#introductiontitle::before, h2#introductiontitle::after {
    content: "";
    flex-grow: 0.3;
    background: #000;
    height: 2px;
}
h2.bigtitle::before {
    margin-right: 30px;
}
h2.bigtitle::after {
    margin-left: 30px;
}
#introduction p {
    margin: 2em 0 1em;
    text-align: center;
}
h2#introductiontitle {
    margin-top: 1em;
}
.section_introduction[style] {
    background-position: right !important;
}

/* section_service */
.section_reservation {
    padding: 10em 0 7em;
}
.section_service {
    padding: 10em 0 5em;
}
h4.medical-sub-title {
    font-size: 1.6em;
    text-align: center;
    background-color: #FBD245;
    width: 11em;
    margin: 0 auto 0.9em;
    color: #fff;
    padding: 0.4em 0;
}
h2#servicetitle::before, h2#servicetitle::after {
    content: "";
    flex-grow: 0.278;
    background: #000;
    height: 2px;
}
div#service {
    background-color: #fff;
    max-width: 1150px;
    margin: 5em auto;
    padding: 4em 2em;
    align-items: center;
}
.flex {
    display: flex;
    justify-content: space-between;
}
p.list01 {
    background-color: #211B61;
    color: #fff;
    height: 5em;
    text-align: center;
    line-height: 5em;
    margin: 0.7em 0;
    font-weight: bold;
    flex: 1;
}
p.list02 {
    margin: 0 0 0 1em;
    flex: 4.5;
}
.servicelist.flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
img#serviceimg {
    width: 100%;
}
#service>div {
    flex: 1;
}
#service figure {
    flex: 1;
}
.servicelist.flex:first-child {
    /* align-items: flex-start; */
}
.servicelist.flex:first-child>.list01 {
    /* margin-top: 0.2em; */
}
span.medical-lp-space {
    margin-left: 6px;
}

/* section_reservation */
.flow {
    max-width: 1150px;
    margin: 5em auto;
}
h2#reservationtitle::before, h2#reservationtitle::after {
    content: "";
    flex-grow: 0.294;
    background: #000;
    height: 2px;
}
.flow .flex {
    background-color: #F0F0F0;
    border-radius: 10px;
    padding: 3em;
    justify-content: flex-start;
    align-items: center;
}
.flow .flex img {
    width: 8%;
}
.flowspace {
    padding-left: 3em;
}
.icon_under {
    text-align: center;
}
img.under {
    width: 5%;
    margin: 1em;
}
p.flowtext {
    font-size: 2.1em;
    color: #DA9694;
    font-weight: bold;
    margin: 0 0 0.2em;
}
.section_reservation>h4 {
    background-color: #DA9694;
}
.flowspace a>img {
    width: 20% !important;
    margin: 0.2em 0 0;
}

/* section_question */
div#question {
    max-width: 1150px;
    margin: 5em auto;
}
h2#questiontitle::before, h2#questiontitle::after {
    content: "";
    flex-grow: 0.296;
    background: #000;
    height: 2px;
}
.flex.questionlist {
    justify-content: flex-start;
    margin: 4em 0;
}
p.qlist {
    background-color: #211B61;
    color: #fff;
    height: 4.4em;
    text-align: center;
    line-height: 4.4em;
    flex: 1;
    font-size: 2.8em;
}
.qa {
    margin: 0 0 0 3em;
    flex: 8;
}
p.questiontext {
    color: #211B61;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.section_question {
    background-color: #F8F9FB;
    padding: 10em 0 5em;
}
.flex.questionlist.center {
    align-items: center;
}

@media screen and (min-width:768px){
    .pc{
        display: block;
    }
    .sp{
        display: none;
    }
}

@media screen and (max-width:768px){
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    p[name="medical-lp"] {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 1.8em;
    }
    /* header */
    img#logo {
        width: 25%;
        margin: 0.5em 1em;
    }
    img#fv {
        margin-top: 2.2em;
        width: 100%;
    }

    /* section_introduction */
    h2.bigtitle {
        font-size: 2rem;
        text-align: center;
    }
    h2.bigtitle::before {
        margin-right: 9px;
    }
    h2.bigtitle::after {
        margin-left: 9px;
    }
    .section_introduction {
        padding: 2em 0;
    }
    div#introduction {
        margin: 1em;
        padding: 2em 1em;
    }
    #introduction p {
        margin: 1.5em;
        text-align: start;
    }

    /* section_service */
    .section_service {
        padding: 4em 0 2em;
    }
    div#service {
        margin: 2em 2em 3em;
        padding: 1.5em 0.5em;
        flex-direction: column-reverse;
    }
    p.list01 {
        flex: 1;
    }
    p.list02 {
        flex: 3.5;
        letter-spacing: 0.02em;
    }
    .servicelist.flex {
        margin: 1em 0;
    }
    p.list01 {
        margin: 0;
        /* text-align: center; */
        line-height: 5em;
    }
    /* .servicelist.flex:first-child {
        align-items: flex-start;
    } */
    #service figure.medical-lp-img {
        margin: 0 auto 1.5em;
    }
    span.medical-lp-space {
        /* display: grid; */
        margin-left: 6px;
    }

    /* section_reservation */
    .section_reservation {
        padding: 4em 0 2em;
    }
    .flow {
        margin: 2em 1em;
    }
    .flow .flex {
        border-radius: 7px;
        padding: 2em 1em;
    }
    .flowspace {
        padding-left: 1em;
    }
    .flow .flex img {
        width: 15%;
    }
    p.flowtext {
        font-size: 1.6rem;
        margin: 0;
    }
    .flowspace a>img {
        width: 35% !important;
        margin: 0.4em 0 0;
    }

    /* section_question */
    .section_question {
        padding: 4em 0 2em;
    }
    p.questiontext {
        font-size: 21px;
    }
    div#question {
        max-width: 1150px;
        margin: 0 1em;
    }
    p.questiontext {
        font-size: 16px;
        flex: 15;
        margin-bottom: 0.2em;
    }
    p.qlist {
        height: 2em;
        line-height: 2em;
        font-size: 14px;
        flex: 1;
        margin: 0 0 0.3em;
        width: 4em;
    }
    .qa {
        margin: 0;
    }
    .flex.questionlist {
        margin: 2em 0;
        display: block;
    }
}