@charset "UTF-8";

/*----- main -----*/
.introductionWrap {
    background: #E6EEF6;
    padding: 25px 0 125px;
}
.introductionWrap.news-and-doctors-column {
    background: #E6EEF6 url("../images/bg3.png") no-repeat center bottom;
    background-size: 1200px 240px;
}
.introductionTxt {
    width: 90%;
    max-width: 1200px;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: center;
    margin: 0 auto;
}
.introductionTxt span {
    font-size: calc( 16 / var(--root-font-size) * 1rem );
}
.introductionTxt.pdB {
    padding: 0 0 75px;
}
.introductionTxtSmall {
    width: 90%;
    max-width: 1200px;
    text-align: center;
    padding: 50px 0 75px;
    margin: 0 auto;
}

aside.nav {
    padding: 25px 0 0;
}
aside.nav ul {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}
aside.nav ul li {
    width: 380px;
    margin: 0 10px;
}

@media screen and (max-width: 960px) {
.introductionWrap {
    background: #E6EEF6;
    padding: 25px 0 75px;
}
.introductionWrap.news-and-doctors-column {
    background: #E6EEF6;
}
.introductionTxt {
    width: 90%;
    max-width: 1200px;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: center;
    margin: 0 auto;
}
.introductionTxt span {
    font-size: calc( 16 / var(--root-font-size) * 1rem );
}
.introductionTxt.pdB {
    padding: 0 0 50px;
}
.introductionTxtSmall {
    width: 90%;
    max-width: 1200px;
    text-align: center;
    padding: 25px 0 50px;
    margin: 0 auto;
}

aside.nav {
    padding: 0;
}
aside.nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}
aside.nav ul li {
    width: 100%;
    max-width: 380px;
    margin: 0 10px 10px;
}
}

/*----- About Us -----*/
main#about-us {
}
main#about-us section#policy {
}
main#about-us section#policy ol {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#about-us section#policy ol.flexWrap {
    justify-content: space-between;
}
main#about-us section#policy ol.flexWrap li {
    width: 29%;
    text-align: center;
}
main#about-us section#policy ol.flexWrap li figure {
    padding: 0 0 25px;
}
main#about-us section#policy ol.flexWrap li figure img {
    border-radius: 10px;
}
main#about-us section#policy ol.flexWrap li p.number {
    color: #F5A8A0;
    font-size: calc( 40 / var(--root-font-size) * 1rem );
    padding: 0 0 10px;
}
main#about-us section#policy ol.flexWrap li p.txt {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 2.5%;
}
main#about-us section#policy ol.flexWrap li p.note {
    position: relative;
    text-align: left;
    padding: 0 2.5% 0 calc(2.5% + 1em);
    margin: 15px auto 0;
}
main#about-us section#policy ol.flexWrap li p.note::before {
    content: "＊";
    position: absolute;
    top: 0;
    left: 2.5%;
}

main#about-us section#quality {
    padding: 75px 0 125px;
}
main#about-us section#quality ul {
    width: 90%;
    max-width: 1200px;
    padding: 75px 0;
    margin: 0 auto;
}
main#about-us section#quality ul.flexWrap {
    justify-content: space-between;
}
main#about-us section#quality ul.flexWrap li {
    width: 24%;
}
main#about-us section#quality div.noticeLink {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#about-us section#quality div.noticeLink div.flexWrap {
    align-items: center;
    justify-content: space-between;
    width: 90%;
    border: #A0BCDC solid 1px;
    border-radius: 10px;
    padding: 50px 7.5%;
    margin: 0 auto;
}
main#about-us section#quality div.noticeLink div.flexWrap p.txt {
    font-size: min(2vw, calc( 24 / var(--root-font-size) * 1rem ));
}
main#about-us section#quality div.noticeLink div.flexWrap a.btn {
    max-width: 300px;
}

main#about-us section#doctor {
    background: #F7F7F7;
    padding: 75px 0 125px;
}
main#about-us section#doctor div.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    padding: 75px 0 0;
    margin: 0 auto;
}
main#about-us section#doctor div.flexWrap div.imgBlock1 {
    width: 43.75%;
    padding: 0 0 125px;
}
main#about-us section#doctor div.flexWrap div.imgBlock2 {
    width: 45%;
    margin: 0 0 0 auto;
}
main#about-us section#doctor div.flexWrap div.imgBlock1 img,
main#about-us section#doctor div.flexWrap div.imgBlock2 img {
    border-radius: 10px;
}
main#about-us section#doctor div.flexWrap div.txtBlock1,
main#about-us section#doctor div.flexWrap div.txtBlock2 {
    width: 47.5%;
    padding: 0 0 125px;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 {
    position: relative;
}
main#about-us section#doctor div.flexWrap div.txtBlock1::after {
    content: "";
    position: absolute;
    right: 0;
    top: 60px;
    width: 116px;
    height: 148px;
    background: url("../images/illust_baerery1.svg") no-repeat center center;
    background-size: contain;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.position {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 15px;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.name {
    font-size: calc( 28 / var(--root-font-size) * 1rem );
    padding: 0 0 50px;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.name span {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    color: #89A9CD;
    padding: 0 0 0 1em;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.txt {
    line-height: 2;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.copy {
    font-size: min(2vw, calc( 24 / var(--root-font-size) * 1rem ));
    padding: 0 0 50px;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 .ttl {
    background: #A0BCDC;
    border-radius: 10px;
    color: #FFF;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    padding: 10px 30px;
    margin: 0 0 25px;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 ul {
    padding: 0 30px 25px;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 ul li {
    line-height: 2;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 ul.round li {
    position: relative;
    padding: 0 0 0 1.5em;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 ul.round li::before {
    content: "●";
    position: absolute;
    top: 0;
    left: 0;
    color: #A0BCDC;
}

main#about-us section#clinic-introduction {
    background: #E6EEF6;
    padding: 75px 0 125px;
}

main#about-us section#clinic-equipment {
    padding: 75px 0 125px;
}

main#about-us section#historyLink {
    background: #F7F7F7;
    padding: 150px 0;
}
main#about-us section#historyLink div.bnr {
    position: relative;
    display: flex;
    align-items: center;
    width: 90%;
    max-width: 1200px;
    height: 300px;
    background: url("../images/bnr_history_pc.png") no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    color: #FFF;
    padding: 0 5%;
    margin: 0 auto;
}
main#about-us section#historyLink div.bnr a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
main#about-us section#historyLink div.bnr div.ttl {
    padding: 0 0 10px;
}
main#about-us section#historyLink div.bnr div.ttl .en {
    font-size: calc( 45 / var(--root-font-size) * 1rem );
    letter-spacing: 0.1em;
}
main#about-us section#historyLink div.bnr p.txt {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
}

main#about-us section#charactor {
    padding: 75px 0 125px;
}
main#about-us section#charactor div.img {
    width: 90%;
    max-width: 980px;
    padding: 75px 0;
    margin: 0 auto;
}
main#about-us section#charactor p.txt {
    width: 90%;
    max-width: 675px;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #FFF 50%, #FFF 100%), linear-gradient(0deg, #89A9CD 1px, transparent 1px);
    background-size: 4px 100%, 100% 2em;
    line-height: 2em; /* 文字の高さ */
    border-top: transparent dashed 1px;
    color: #A0BCDC;
    font-size: calc( 18 / var(--root-font-size) * 1rem );
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    text-align: center;
    margin: 0 auto;
}

ul.clinic_slider li,
.modaal-content-container {
    text-align: center;
}
ul.clinic_slider li figure,
.modaal-content-container figure {
    padding: 0 0 50px;
}
ul.clinic_slider li figure img,
.modaal-content-container figure img {
    border-radius: 10px;
}
.modaal-content-container figure img {
    width: 100%;
    max-width: 550px;
    border-radius: 10px;
}
ul.clinic_slider li .ttl,
.modaal-content-container .ttl {
    color: #A0BCDC;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    line-height: 1.5;
    padding: 0 0 25px;
}
ul.clinic_slider li p.txt,
.modaal-content-container p.txt {
    border-top: #89A9CD dashed 1px;
    border-bottom: #89A9CD dashed 1px;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    line-height: 1.5;
    padding: 25px 0;
}
ul.clinic_slider .slick-slide {
    margin: 0 min(5vw, 75px)!important;/*スライド左右の余白調整*/
}
.slide-arrow {
    position: absolute;
    top: calc(19.25vw - 25px);
    z-index: 9;
    width: 50px;
    height: 50px;
}
.prev-arrow {
    left: calc(20% - 25px);
    background: url("../images/slide_prev.svg") no-repeat center center;
    background-size: contain;
}
.next-arrow {
    right: calc(20% - 25px);
    background: url("../images/slide_next.svg") no-repeat center center;
    background-size: contain;
}

@media screen and (max-width: 960px) {
main#about-us {
}
main#about-us section#policy {
}
main#about-us section#policy ol {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#about-us section#policy ol.flexWrap {
    flex-wrap: wrap;
    justify-content: center;
}
main#about-us section#policy ol.flexWrap li {
    width: 100%;
    max-width: 350px;
    text-align: center;
    margin: 0 2.5vw 50px;
}
main#about-us section#policy ol.flexWrap li:last-child {
    margin: 0 2.5vw;
}
main#about-us section#policy ol.flexWrap li figure {
    padding: 0 0 25px;
}
main#about-us section#policy ol.flexWrap li figure img {
    border-radius: 10px;
}
main#about-us section#policy ol.flexWrap li p.number {
    color: #F5A8A0;
    font-size: calc( 40 / var(--root-font-size) * 1rem );
    padding: 0 0 10px;
}
main#about-us section#policy ol.flexWrap li p.txt {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 2.5%;
}
main#about-us section#policy ol.flexWrap li p.note {
    position: relative;
    text-align: left;
    padding: 0 2.5% 0 calc(2.5% + 1em);
    margin: 15px auto 0;
}
main#about-us section#policy ol.flexWrap li p.note::before {
    content: "＊";
    position: absolute;
    top: 0;
    left: 2.5%;
}

main#about-us section#quality {
    padding: 75px 0;
}
main#about-us section#quality ul {
    width: 90%;
    max-width: 1200px;
    padding: 0 0 50px;
    margin: 0 auto;
}
main#about-us section#quality ul.flexWrap {
    flex-wrap: wrap;
    justify-content: center;
}
main#about-us section#quality ul.flexWrap li {
    width: 100%;
    max-width: 290px;
    margin: 0 2.5vw 25px;
}
main#about-us section#quality ul.flexWrap li:last-child {
    margin: 0 2.5vw;
}
main#about-us section#quality div.noticeLink {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#about-us section#quality div.noticeLink div.flexWrap {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    border: #A0BCDC solid 1px;
    border-radius: 10px;
    padding: 50px 5vw;
    margin: 0 auto;
}
main#about-us section#quality div.noticeLink div.flexWrap p.txt {
    width: 100%;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 0 0 25px;
}
main#about-us section#quality div.noticeLink div.flexWrap a.btn {
    max-width: 300px;
    margin: 0 auto;
}

main#about-us section#doctor {
    background: #F7F7F7;
    padding: 75px 0;
}
main#about-us section#doctor div.flexWrap {
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
}
main#about-us section#doctor div.flexWrap div.imgBlock1 {
    width: 100%;
    max-width: 530px;
    padding: 0 0 50px;
    margin: 0 auto;
}
main#about-us section#doctor div.flexWrap div.imgBlock2 {
    width: 100%;
    max-width: 530px;
    margin: 0 auto;
}
main#about-us section#doctor div.flexWrap div.imgBlock1 img,
main#about-us section#doctor div.flexWrap div.imgBlock2 img {
    border-radius: 10px;
}
main#about-us section#doctor div.flexWrap div.txtBlock1,
main#about-us section#doctor div.flexWrap div.txtBlock2 {
    width: 100%;
    max-width: 530px;
    padding: 0 0 25px;
    margin: 0 auto;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 {
    position: relative;
    padding: 0 0 calc(25px + 148px);
}
main#about-us section#doctor div.flexWrap div.txtBlock1::after {
    content: "";
    position: absolute;
    right: 0;
    top: inherit;
    bottom: 0;
    width: 116px;
    height: 148px;
    background: url("../images/illust_baerery1.svg") no-repeat center center;
    background-size: contain;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.position {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 15px;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.name {
    font-size: calc( 28 / var(--root-font-size) * 1rem );
    padding: 0 0 50px;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.name span {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    color: #89A9CD;
    padding: 0 0 0 1em;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.txt {
    line-height: 2;
}
main#about-us section#doctor div.flexWrap div.txtBlock1 p.copy {
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    padding: 0 0 50px;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 .ttl {
    background: #A0BCDC;
    border-radius: 10px;
    color: #FFF;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    padding: 10px 1.5em;
    margin: 0 0 25px;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 ul {
    padding: 0 0 25px 1.5em;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 ul li {
    line-height: 2;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 ul.round li {
    position: relative;
    padding: 0;
}
main#about-us section#doctor div.flexWrap div.txtBlock2 ul.round li::before {
    content: "●";
    position: absolute;
    top: 0;
    left: -1.5em;
    color: #A0BCDC;
}

main#about-us section#clinic-introduction {
    background: #E6EEF6;
    padding: 75px 0;
}

main#about-us section#clinic-equipment {
    padding: 75px 0;
}

main#about-us section#historyLink {
    background: #F7F7F7;
    padding: 75px 0;
}
main#about-us section#historyLink div.bnr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    max-width: 1200px;
    height: 300px;
    background: url("../images/bnr_history_sp.png") no-repeat center center;
    background-size: cover;
    border-radius: 10px;
    color: #FFF;
    padding: 30px min(8vw, 30px);
    margin: 0 auto;
}
main#about-us section#historyLink div.bnr a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
main#about-us section#historyLink div.bnr div.ttl {
    padding: 0 0 10px;
}
main#about-us section#historyLink div.bnr div.ttl .en {
    font-size: calc( 45 / var(--root-font-size) * 1rem );
    letter-spacing: 0.1em;
}
main#about-us section#historyLink div.bnr p.txt {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
}

main#about-us section#charactor {
    padding: 75px 0;
}
main#about-us section#charactor div.img {
    width: 90%;
    max-width: 360px;
    padding: 25px 0 75px;
    margin: 0 auto;
}
main#about-us section#charactor p.txt {
    width: 90%;
    max-width: 675px;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #FFF 50%, #FFF 100%), linear-gradient(0deg, #89A9CD 1px, transparent 1px);
    background-size: 4px 100%, 100% 2em;
    line-height: 2em; /* 文字の高さ */
    border-top: transparent dashed 1px;
    color: #A0BCDC;
    font-size: min(4.5vw, calc( 18 / var(--root-font-size) * 1rem ));
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    text-align: center;
    margin: 0 auto;
}

ul.clinic_slider li,
.modaal-content-container {
    text-align: center;
}
ul.clinic_slider li figure,
.modaal-content-container figure {
    padding: 0 0 50px;
}
ul.clinic_slider li figure img,
.modaal-content-container figure img {
    border-radius: 10px;
}
.modaal-content-container figure img {
    width: 100%;
    max-width: 550px;
    border-radius: 10px;
}
ul.clinic_slider li .ttl,
.modaal-content-container .ttl {
    color: #A0BCDC;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    padding: 0 0 25px;
}
ul.clinic_slider li p.txt,
.modaal-content-container p.txt {
    border-top: #89A9CD dashed 1px;
    border-bottom: #89A9CD dashed 1px;
    font-size: calc( 18 / var(--root-font-size) * 1rem );
    padding: 25px 0;
}
ul.clinic_slider .slick-slide {
    margin: 0 min(5vw, 75px)!important;/*スライド左右の余白調整*/
}
.slide-arrow {
    position: absolute;
    top: calc(34.7vw - 18px);
    z-index: 9;
    width: 36px;
    height: 36px;
}
.prev-arrow {
    left: 5vw;
    background: url("../images/slide_prev.svg") no-repeat center center;
    background-size: contain;
}
.next-arrow {
    right: 5vw;
    background: url("../images/slide_next.svg") no-repeat center center;
    background-size: contain;
}
}

main#about-us section#history {
}
main#about-us section#history ul.historyWrap {
}
main#about-us section#history ul.historyWrap li.history:nth-child(odd) {
    background: #FFF;
}
main#about-us section#history ul.historyWrap li.history:nth-child(even) {
    background: #F7F7F7;
}
main#about-us section#history ul.historyWrap li.history:first-child {
    padding: 50px 0 0;
}
main#about-us section#history ul.historyWrap li.history div.inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap,
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR.flexWrap,
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2.flexWrap {
    justify-content: space-between;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR.flexWrap,
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2.flexWrap {
    flex-wrap: wrap;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexL {
    position: relative;
    width: 135px;
    padding: 50px 0;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexL::before {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    width: 22px;
    height: 22px;
    background: #89A9CD;
    border-radius: 50%;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexL::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    width: 2px;
    height: 100%;
    background: #89A9CD;
}
main#about-us section#history ul.historyWrap li.history:first-child div.inner.flexWrap div.flexL::after {
    top: 71px;
    height: calc(100% - 71px);
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexL div.year-number p {
    color: #89A9CD;
    font-size: calc( 28 / var(--root-font-size) * 1rem );
    line-height: 42px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR {
    width: calc(100% - 135px);
    padding: 50px 0;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR img {
    border-radius: 10px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.txtBlock {
    width: calc(100% - 300px);
    padding: 0 50px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.txtBlock p {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.txtBlock p.name {
    color: #89A9CD;
    line-height: 42px;
    padding: 0 0 50px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.txtBlock p.name span {
    font-size: calc( 28 / var(--root-font-size) * 1rem );
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock1 {
    width: 300px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2 {
    width: 100%;
    padding: 75px 0 50px 50px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2::after {
    content: "";
    display: block;
    width: 31.5%;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2 img {
    width: 31.5%;
}

@media screen and (max-width: 960px) {
main#about-us section#history {
}
main#about-us section#history ul.historyWrap {
}
main#about-us section#history ul.historyWrap li.history:nth-child(odd) {
    background: #FFF;
}
main#about-us section#history ul.historyWrap li.history:nth-child(even) {
    background: #F7F7F7;
}
main#about-us section#history ul.historyWrap li.history:first-child {
    padding: 0;
}
main#about-us section#history ul.historyWrap li.history div.inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap,
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR.flexWrap,
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR.flexWrap,
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2.flexWrap {
    flex-wrap: wrap;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexL {
    position: relative;
    width: 100%;
    padding: 50px 0 10px calc(22px + 5vw);
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexL::before {
    content: "";
    position: absolute;
    top: 60px;
    left: 0;
    right: inherit;
    width: 22px;
    height: 22px;
    background: #89A9CD;
    border-radius: 50%;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexL::after,
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR::after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    right: inherit;
    width: 2px;
    height: 100%;
    background: #89A9CD;
}
main#about-us section#history ul.historyWrap li.history:first-child div.inner.flexWrap div.flexL::after {
    top: 71px;
    height: calc(100% - 71px);
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexL div.year-number p {
    color: #89A9CD;
    font-size: calc( 28 / var(--root-font-size) * 1rem );
    line-height: 42px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR {
    position: relative;
    width: 100%;
    padding: 0 0 50px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR img {
    border-radius: 10px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.txtBlock {
    width: 100%;
    padding: 0 0 50px calc(22px + 5vw);
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.txtBlock p {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.txtBlock p.name {
    color: #89A9CD;
    line-height: 42px;
    padding: 0 0 25px;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.txtBlock p.name span {
    font-size: calc( 28 / var(--root-font-size) * 1rem );
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock1 {
    width: 100%;
    padding: 0 0 0 calc(22px + 10vw);
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2 {
    width: 100%;
    padding: 0 0 0 calc(22px + 10vw);
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2::after {
    content: "";
    display: block;
    width: 100%;
}
main#about-us section#history ul.historyWrap li.history div.inner.flexWrap div.flexR div.imgBlock2 img {
    width: 100%;
    padding: 25px 0 0;
}
}

/*----- Medical Services -----*/
main#medical-services {
}
main#medical-services p.medical-subject {
    width: 90%;
    max-width: 600px;
    border-top: #A0BCDC dashed 1px;
    border-bottom: #A0BCDC dashed 1px;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 20px 10px;
    margin: 0 auto;
}
main#medical-services p.medical-subject span {
    color: #89A9CD;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    padding: 0 2em 0 0;
}

main#medical-services section.subject {
    padding: 75px 0 125px;
}
main#medical-services section.subject ul.symptom {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#medical-services section.subject ul.symptom.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#medical-services section.subject ul.symptom::after {
    content: "";
    display: block;
    width: 18%;
}
main#medical-services section.subject ul.symptom li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 18%;
    height: 220px;
    background: #EBF0F7;
    border-radius: 10px;
    text-align: center;
    margin: 0 0 50px;
    transition: 0.5s 0s;
}
main#medical-services section.subject ul.symptom li:hover {
    background: #F7F7F7;
}
main#medical-services section.subject ul.symptom li figure {
    padding: 0 0 10px;
}
main#medical-services section.subject ul.symptom li .ttl {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-decoration: underline;
}
main#medical-services section.subject ul.symptom li:hover .ttl {
    text-decoration: none;
}
main#medical-services section.subject ul.symptom li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
main#medical-services section.subject div.inner {
    width: 90%;
    max-width: 1200px;
    padding: 75px 0 0;
    margin: 0 auto;
}
main#medical-services section.subject div.inner.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#medical-services section.subject div.inner div.imgBlock1 {
    width: 45%;
    padding: 0 0 100px;
}
main#medical-services section.subject div.inner div.imgBlock1 img {
    border-radius: 10px;
}
main#medical-services section.subject div.inner div.imgBlock2 {
    width: 100%;
}
main#medical-services section.subject div.inner div.imgBlock2.flexWrap {
    justify-content: space-between;
}
main#medical-services section.subject div.inner div.imgBlock2 img {
    width: 24%;
    border-radius: 10px;
}
main#medical-services section.subject div.inner div.txtBlock1 {
    width: 50%;
    padding: 0 0 100px;
}
main#medical-services section.subject div.inner div.txtBlock1 ul.btnWrap {
    padding: 25px 0 0;
}
main#medical-services section.subject div.inner div.txtBlock1 ul.btnWrap li {
    padding: 0 0 25px;
}
main#medical-services section.subject div.inner div.txtBlock2 {
    width: 100%;
}
main#medical-services section.subject div.inner div.txtBlock2.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#medical-services section.subject div.inner div.txtBlock2 div.block {
    width: 48.25%;
    background: #E6EEF6;
    border-radius: 10px;
    padding: 30px 3.75%;
    margin: 0 0 3.5%;
}
main#medical-services section.subject div.inner div.txtBlock2 div.block p {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 15px;
}
main#medical-services section.subject div.inner div.txtBlock2 div.block ul li {
    position: relative;
    padding: 0 0 0 1.5em;
}
main#medical-services section.subject div.inner div.txtBlock2 div.block ul li::before {
    content: "●";
    position: absolute;
    top: 0;
    left: 0;
    color: #A0BCDC;
}

main#medical-services .clinic-equipment {
    padding: 50px 0 0;
}
main#medical-services .clinic-equipment div.flexWrap {
    align-items: center;
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    background: #FFF;
    border-radius: 10px;
    padding: 75px 5%;
    margin: 0 auto;
}
main#medical-services .clinic-equipment div.flexWrap div.imgBlock {
    width: 22.5%;
}
main#medical-services .clinic-equipment div.flexWrap div.imgBlock img {
    border-radius: 10px;
}
main#medical-services .clinic-equipment div.flexWrap div.txtBlock {
    width: 70%;
}

main#medical-services section#dermatology,
main#medical-services section#cosmetic-dermatology,
main#medical-services section#influenza {
    background: #FFF;
}

main#medical-services section#allergy,
main#medical-services section#medical-hair-removal,
main#medical-services section#other {
    background: #F7F7F7;
}

main#medical-services section#cosmetic-dermatology section#beauty-equipment {
    padding: 50px 0 0;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap {
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    background: #EBF0F7;
    border-radius: 10px;
    padding: 75px 5%;
    margin: 0 auto;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap .subTtl {
    width: 32.5%;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap {
    width: 67.5%;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap li {
    padding: 0 0 15px;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap li:last-child {
    padding: 0;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap li .menuSquare {
    margin: 0 25px 0 0;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment .none {
    display: none;
}
/*----- modaal css -----*/
/*全て共通：hideエリアをはじめは非表示*/
.hide-area {
    display: none;
}
.modaal-close {
    top: 10px!important;
    right: 5vw!important;
    background: transparent!important;
    border-radius: 5px!important;
}
.modaal-close::after, 
.modaal-close::before {
    width: 2px!important;
    height: 30px!important;
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
    background: #FFF!important;
    margin: auto;
}
.modaal-close::before {
    -webkit-transform: rotate(-60deg)!important;
    -ms-transform: rotate(-60deg)!important;
    transform: rotate(-60deg)!important;
}
.modaal-close::after {
    -webkit-transform: rotate(60deg)!important;
    -ms-transform: rotate(60deg)!important;
    transform: rotate(60deg)!important;
}
/*以下はコンテンツ内のレイアウト*/
.modaal-wrapper {
    z-index: 10001!important;
}
.modaal-overlay {
    z-index: 10000!important;
}
.modaal-inner-wrapper {
    padding: 2.5% 5%!important;
}
.modaal-container {
    max-width: 750px!important;
    border-radius: 10px!important;
    box-shadow: none!important;
}
.modaal-content-container {
    padding: 50px 5vw!important;
}

main#medical-services section#influenza div.latestWrap,
main#medical-services section#influenza div.dlWrap {
    width: 90%;
    max-width: 1080px;
    border-radius: 15px;
    padding: 40px 5% 60px;
    margin: 0 auto;
}
main#medical-services section#influenza div.latestWrap {
    position: relative;
    background: #CEDCED;
    margin: 0 auto 75px;
}
main#medical-services section#influenza div.latestWrap::after {
    content: "";
    position: absolute;
    top: 25px;
    right: -25px;
    width: 180px;
    height: 54px;
    background: url("../images/illust_pippi1.svg") no-repeat center center;
    background-size: contain;
}
main#medical-services section#influenza div.dlWrap {
    background: #EBF0F7;
}
main#medical-services section#influenza div.latestWrap p.txt,
main#medical-services section#influenza div.dlWrap p.txt {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 20px 0 0;
}
main#medical-services section#influenza div.latestWrap .ttl,
main#medical-services section#influenza div.dlWrap .ttl {
    font-size: calc( 22 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 0 0 40px;
}
main#medical-services section#influenza div.latestWrap div.btnWrap,
main#medical-services section#influenza div.dlWrap div.btnWrap {
    width: 90%;
    max-width: 750px;
    margin: 0 auto;
}
main#medical-services section#influenza div.latestWrap ul.btnWrap li,
main#medical-services section#influenza div.dlWrap ul.btnWrap li {
    padding: 0 0 25px;
}
main#medical-services section#influenza div.latestWrap ul.btnWrap li:last-child,
main#medical-services section#influenza div.dlWrap ul.btnWrap li:last-child {
    padding: 0;
}

main#medical-services section#other table {
    overflow: hidden;
    width: 90%;
    max-width: 1080px;
    background: #FFF;
    border: #A0BCDC solid 1px;
    border-collapse: separate;
    border-radius: 10px;
    font-size: min(1.5vw, calc( 18 / var(--root-font-size) * 1rem ));
    margin: 50px auto 25px;
}
main#medical-services section#other table tr th,
main#medical-services section#other table tr td {
    border-top: #A0BCDC solid 1px;
    vertical-align: middle;
    padding: 25px;
}
main#medical-services section#other table tr:first-child th,
main#medical-services section#other table tr:first-child td {
    border-top: none;
}
main#medical-services section#other table th {
    width: 27.5%;
}
main#medical-services section#other table td {
    width: 25%;
    border-left: #A0BCDC solid 1px;
}
main#medical-services section#other table td.times {
    width: 10%;
    text-align: center;
    padding: 25px 0;
}
main#medical-services section#other table td.target {
    width: 37.5%;
}
main#medical-services section#other table td.time {
    width: 10%;
    padding: 15px 25px;
}
main#medical-services section#other table td.price {
    width: 15%;
    padding: 15px 25px;
}
main#medical-services section#other table thead th {
    width: 100%;
    background: #A0BCDC;
    color: #FFF;
    font-size: min(2vw, calc( 24 / var(--root-font-size) * 1rem ));
    text-align: center;
}
main#medical-services section#other p.note {
    position: relative;
    width: 90%;
    max-width: 1080px;
    font-size: min(1.5vw, calc( 18 / var(--root-font-size) * 1rem ));
    padding: 0 25px 0 calc(25px + 1em);
    margin: 0 auto;
}
main#medical-services section#other p.note::before {
    content: "＊";
    position: absolute;
    top: 0;
    left: 25px;
}
main#medical-services section#other a.btn {
    max-width: 500px;
    margin: 50px auto 75px;
}

main#medical-services section#other section#availability {
    padding: 50px 0 0;
}
main#medical-services section#other section#availability div.flexWrap {
    position: relative;
    justify-content: space-between;
    width: 90%;
    max-width: 1080px;
    background: #FFF;
    border-radius: 10px;
    padding: 50px 3.75%;
    margin: 0 auto;
}
main#medical-services section#other section#availability div.flexWrap::after {
    content: "";
    position: absolute;
    bottom: 50px;
    left: calc(4.16675% + 75px);
    width: 116px;
    height: 148px;
    background: url("../images/illust_baerery1.svg") no-repeat center center;
    background-size: contain;
}
main#medical-services section#other section#availability div.flexWrap div.flexL {
    width: 35%;
}
main#medical-services section#other section#availability div.flexWrap div.flexR {
    width: 62.5%;
}
main#medical-services section#other section#availability div.flexWrap div.flexR p {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
}
main#medical-services section#other section#availability div.flexWrap div.flexR address {
    margin: 25px 0;
}

@media screen and (max-width: 960px) {
main#medical-services {
}
main#medical-services p.medical-subject {
    width: 90%;
    max-width: 600px;
    border-top: #A0BCDC dashed 1px;
    border-bottom: #A0BCDC dashed 1px;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 20px 10px;
    margin: 0 auto 25px;
}
main#medical-services p.medical-subject span {
    display: block;
    color: #89A9CD;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    padding: 0 0 5px;
}

main#medical-services section.subject {
    padding: 75px 0;
}
main#medical-services section.subject ul.symptom {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
main#medical-services section.subject ul.symptom.flexWrap {
    flex-wrap: wrap;
    justify-content: center;
}
main#medical-services section.subject ul.symptom::after {
    content: "";
    display: block;
    width: 45%;
    max-width: 200px;
    margin: 0 1.25% 2.5%;
}
main#medical-services section.subject ul.symptom li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 45%;
    max-width: 200px;
    height: auto;
    aspect-ratio: 1;
    background: #EBF0F7;
    border-radius: 10px;
    text-align: center;
    margin: 0 1.25% 2.5%;
    transition: 0.5s 0s;
}
main#medical-services section.subject ul.symptom li:hover {
    background: #F7F7F7;
}
main#medical-services section.subject ul.symptom li figure {
    width: 97.5px;
    padding: 0 0 5px;
    margin: 0 auto;
}
main#medical-services section.subject ul.symptom li .ttl {
    font-size: calc( 16 / var(--root-font-size) * 1rem );
    text-decoration: underline;
}
main#medical-services section.subject ul.symptom li:hover .ttl {
    text-decoration: none;
}
main#medical-services section.subject ul.symptom li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
main#medical-services section.subject div.inner {
    width: 90%;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
}
main#medical-services section.subject div.inner.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#medical-services section.subject div.inner div.imgBlock1 {
    width: 100%;
    padding: 0 0 50px;
}
main#medical-services section.subject div.inner div.imgBlock1 img {
    border-radius: 10px;
}
main#medical-services section.subject div.inner div.imgBlock2 {
    width: 100%;
}
main#medical-services section.subject div.inner div.imgBlock2.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#medical-services section.subject div.inner div.imgBlock2 img {
    width: 47.5%;
    border-radius: 10px;
    margin: 0 0 5%;
}
main#medical-services section.subject div.inner div.txtBlock1 {
    width: 100%;
    padding: 0 0 50px;
}
main#medical-services section.subject div.inner div.txtBlock1 ul.btnWrap {
    padding: 25px 0 0;
}
main#medical-services section.subject div.inner div.txtBlock1 ul.btnWrap li {
    padding: 0 0 15px;
}
main#medical-services section.subject div.inner div.txtBlock1 ul.btnWrap li:last-child {
    padding: 0 0 25px;
}
main#medical-services section.subject div.inner div.txtBlock2 {
    width: 100%;
}
main#medical-services section.subject div.inner div.txtBlock2.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#medical-services section.subject div.inner div.txtBlock2 div.block {
    width: 100%;
    background: #E6EEF6;
    border-radius: 10px;
    padding: 30px 5vw;
    margin: 0 0 25px;
}
main#medical-services section.subject div.inner div.txtBlock2 div.block p {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 15px;
}
main#medical-services section.subject div.inner div.txtBlock2 div.block ul li {
    position: relative;
    padding: 0 0 0 1.5em;
}
main#medical-services section.subject div.inner div.txtBlock2 div.block ul li::before {
    content: "●";
    position: absolute;
    top: 0;
    left: 0;
    color: #A0BCDC;
}

main#medical-services .clinic-equipment {
    padding: 25px 0 0;
}
main#medical-services .clinic-equipment div.flexWrap {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    max-width: 1200px;
    background: #FFF;
    border-radius: 10px;
    padding: 50px 5vw;
    margin: 0 auto;
}
main#medical-services .clinic-equipment div.flexWrap div.imgBlock {
    width: 100%;
    max-width: 236px;
    padding: 0 0 25px;
    margin: 0 auto;
}
main#medical-services .clinic-equipment div.flexWrap div.imgBlock img {
    border-radius: 10px;
}
main#medical-services .clinic-equipment div.flexWrap div.txtBlock {
    width: 100%;
}

main#medical-services section#dermatology,
main#medical-services section#cosmetic-dermatology,
main#medical-services section#influenza {
    background: #FFF;
}

main#medical-services section#allergy,
main#medical-services section#medical-hair-removal,
main#medical-services section#other {
    background: #F7F7F7;
}

main#medical-services section#cosmetic-dermatology section#beauty-equipment {
    padding: 50px 0 0;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    background: #EBF0F7;
    border-radius: 10px;
    padding: 50px 5vw;
    margin: 0 auto;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap .subTtl {
    width: 100%;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap {
    width: 100%;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap li {
    padding: 0 0 25px;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap li.flexWrap {
    flex-wrap: wrap;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap li:last-child {
    padding: 0;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment div.flexWrap ul.btnWrap li .menuSquare {
    margin: 0 0 10px;
}
main#medical-services section#cosmetic-dermatology section#beauty-equipment .none {
    display: none;
}
/*----- modaal css -----*/
/*全て共通：hideエリアをはじめは非表示*/
.hide-area {
    display: none;
}
.modaal-close {
    top: 10px!important;
    right: 5vw!important;
    background: transparent!important;
    border-radius: 5px!important;
}
.modaal-close::after, 
.modaal-close::before {
    width: 2px!important;
    height: 30px!important;
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
    background: #FFF!important;
    margin: auto;
}
.modaal-close::before {
    -webkit-transform: rotate(-60deg)!important;
    -ms-transform: rotate(-60deg)!important;
    transform: rotate(-60deg)!important;
}
.modaal-close::after {
    -webkit-transform: rotate(60deg)!important;
    -ms-transform: rotate(60deg)!important;
    transform: rotate(60deg)!important;
}
/*以下はコンテンツ内のレイアウト*/
.modaal-wrapper {
    z-index: 10001!important;
}
.modaal-overlay {
    z-index: 10000!important;
}
.modaal-inner-wrapper {
    padding: 5%!important;
}
.modaal-container {
    max-width: 100%!important;
    border-radius: 10px!important;
    box-shadow: none!important;
}
.modaal-content-container {
    padding: 50px 5vw!important;
}

main#medical-services section#influenza div.latestWrap,
main#medical-services section#influenza div.dlWrap {
    width: 90%;
    max-width: 1080px;
    border-radius: 15px;
    padding: 50px 5vw;
    margin: 0 auto;
}
main#medical-services section#influenza div.latestWrap {
    position: relative;
    background: #CEDCED;
    margin: 0 auto 25px;
}
main#medical-services section#influenza div.latestWrap::after {
    content: "";
    position: absolute;
    top: -25px;
    right: -2.5vw;
    width: 180px;
    height: 54px;
    background: url("../images/illust_pippi1.svg") no-repeat center center;
    background-size: contain;
}
main#medical-services section#influenza div.dlWrap {
    background: #EBF0F7;
}
main#medical-services section#influenza div.latestWrap p.txt,
main#medical-services section#influenza div.dlWrap p.txt {
    font-size: calc( 18 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 0;
}
main#medical-services section#influenza div.latestWrap .ttl,
main#medical-services section#influenza div.dlWrap .ttl {
    font-size: calc( 22 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 0 0 25px;
}
main#medical-services section#influenza div.latestWrap div.btnWrap,
main#medical-services section#influenza div.dlWrap div.btnWrap {
    width: 90%;
    max-width: 750px;
    margin: 0 auto;
}
main#medical-services section#influenza div.latestWrap ul.btnWrap li,
main#medical-services section#influenza div.dlWrap ul.btnWrap li {
    padding: 0 0 15px;
}
main#medical-services section#influenza div.latestWrap ul.btnWrap li:last-child,
main#medical-services section#influenza div.dlWrap ul.btnWrap li:last-child {
    padding: 0;
}

main#medical-services section#other table {
    overflow: hidden;
    width: 600px;
    background: #FFF;
    border: #A0BCDC solid 1px;
    border-collapse: separate;
    border-radius: 10px;
    font-size: calc( 14 / var(--root-font-size) * 1rem );
    margin: 0 auto 10px;
}
main#medical-services section#other table tr th,
main#medical-services section#other table tr td {
    border-top: #A0BCDC solid 1px;
    vertical-align: middle;
    padding: 10px 15px;
}
main#medical-services section#other table tr:first-child th,
main#medical-services section#other table tr:first-child td {
    border-top: none;
}
main#medical-services section#other table th {
    width: 27.5%;
}
main#medical-services section#other table td {
    width: 25%;
    border-left: #A0BCDC solid 1px;
}
main#medical-services section#other table td.times {
    width: 15%;
    text-align: center;
    padding: 25px 0;
}
main#medical-services section#other table td.target {
    width: 42.5%;
}
main#medical-services section#other table td.time,
main#medical-services section#other table td.price {
    display: block;
}
main#medical-services section#other table td.time {
    width: 100%;
    padding: 10px 15px 0;
}
main#medical-services section#other table td.price {
    width: 100%;
    border-top: none;
    padding: 0 15px 10px;
}
main#medical-services section#other table thead th {
    width: 100%;
    background: #A0BCDC;
    color: #FFF;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: left;
}
main#medical-services section#other p.note {
    position: relative;
    width: 90%;
    max-width: 600px;
    font-size: calc( 14 / var(--root-font-size) * 1rem );
    padding: 0 0 0 1em;
    margin: 15px auto 0;
}
main#medical-services section#other p.note::before {
    content: "＊";
    position: absolute;
    top: 0;
    left: 0;
}
main#medical-services section#other a.btn {
    width: 90%;
    max-width: 500px;
    margin: 25px auto 50px;
}

main#medical-services section#other section#availability {
    padding: 25px 0 0;
}
main#medical-services section#other section#availability div.flexWrap {
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    max-width: 1080px;
    background: #FFF;
    border-radius: 10px;
    padding: 50px 5vw 198px;
    margin: 0 auto;
}
main#medical-services section#other section#availability div.flexWrap::after {
    content: "";
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    width: 116px;
    height: 148px;
    background: url("../images/illust_baerery1.svg") no-repeat center center;
    background-size: contain;
    margin: 0 auto;
}
main#medical-services section#other section#availability div.flexWrap div.flexL {
    width: 100%;
}
main#medical-services section#other section#availability div.flexWrap div.flexR {
    width: 100%;
}
main#medical-services section#other section#availability div.flexWrap div.flexR p {
    font-size: calc( 18 / var(--root-font-size) * 1rem );
}
main#medical-services section#other section#availability div.flexWrap div.flexR address {
    margin: 25px 0;
}
}

/*----- article -----*/
section.medical-servicesArticle {
    padding: 75px 0;
}
section.medical-servicesArticle div.inner {
    width: 90%;
    max-width: 1200px;
    padding: 50px 0 0;
    margin: 0 auto;
}
section.medical-servicesArticle div.inner.flexWrap {
    justify-content: space-between;
}
section.medical-servicesArticle div.inner div.articleBlock {
    width: 65%;
}
section.medical-servicesArticle div.inner div.articleBlock h2,
section.medical-servicesArticle div.inner div.articleBlock h3,
section.medical-servicesArticle div.inner div.articleBlock p,
section.medical-servicesArticle div.inner div.articleBlock ul li,
section.medical-servicesArticle div.inner div.articleBlock ol li,
section.medical-servicesArticle div.inner div.articleBlock table {
    line-height: 1.75;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlWrap {
    position: relative;
    margin: 0 0 50px;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlWrap .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    background: #EBF0F7;
    border-radius: 50%;
    margin: auto 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlWrap .ttl {
    background: #A0BCDC;
    border-radius: 10px;
    color: #FFF;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 15px 0;
    margin: 0 0 0 55px;
}
section.medical-servicesArticle div.inner div.articleBlock section {
    clear: both;
    margin: 75px 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock {
    position: relative;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock a {
    position: absolute;
    top: 3px;
    right: 0;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 150px;
    height: 30px;
    border: #89A9CD solid 1px;
    border-radius: 15px;
    color: #89A9CD;
    padding: 0 15px;
    transition: 0.5s 0s;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock a:hover {
    background: #89A9CD;
    color: #FFF;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 8px;
    height: 12px;
    background: url("../images/arrow_right.svg") no-repeat center center;
    background-size: contain;
    margin: auto 0;
    transition: 0.5s 0s;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock a:hover::after {
    background: url("../images/arrow_rightW.svg") no-repeat center center;
    background-size: contain;
}
section.medical-servicesArticle div.inner div.articleBlock figure {
    text-align: center;
    margin: 0 25px 50px;
}
section.medical-servicesArticle div.inner div.articleBlock p.txt {
    margin: 0 25px 25px;
}
section.medical-servicesArticle div.inner div.articleBlock a.bnr {
    margin: 0 25px 25px;
}
section.medical-servicesArticle div.inner div.articleBlock span.blue {
    color: #89A9CD;
}
section.medical-servicesArticle div.inner div.articleBlock span.pink {
    color: #F5A8A0;
}
section.medical-servicesArticle div.inner div.articleBlock div.block {
}
section.medical-servicesArticle div.inner div.articleBlock div.block .floatImg {
    float: right;
    max-width: 160px;
    margin-left: 25px;
    margin-bottom: 25px;
}
section.medical-servicesArticle div.inner div.articleBlock div.list {
    border: #89A9CD solid 1px;
    border-radius: 10px;
    padding: 25px;
    margin: 0 0 25px;
}
section.medical-servicesArticle div.inner div.articleBlock div.list .listTtl {
    width: 100%;
    color: #F5A8A0;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 25px;
    text-align: center;
}
section.medical-servicesArticle div.inner div.articleBlock div.list .listTtl.blue {
    color: #89A9CD;
}
section.medical-servicesArticle div.inner div.articleBlock div.list .listTtl.pink {
    color: #F5A8A0;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.square li,
section.medical-servicesArticle div.inner div.articleBlock div.list table th span.square {
    position: relative;
    padding: 0 0 0 1em;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th span.square {
    display: inline-block;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.square li::before,
section.medical-servicesArticle div.inner div.articleBlock div.list table th span.square::before {
    content: "◼︎";
    position: absolute;
    top: 0;
    left: 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th span.square::before {
    color: #89A9CD;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.pdB li {
    padding: 0 0 25px;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.pdB li:last-child {
    padding: 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.list .ttl {
    color: #89A9CD;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 0.5em;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.underLine li {
    text-decoration: underline;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table {
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th {
    padding: 0 1em 0 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th span {
    color: #89A9CD;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table td {
}
section.medical-servicesArticle div.inner div.articleBlock ul.exImg {
    margin: 0 25px 50px;
}
section.medical-servicesArticle div.inner div.articleBlock ul.exImg.flexWrap {
    justify-content: space-between;
}
section.medical-servicesArticle div.inner div.articleBlock ul.exImg li {
    width: 22.5%;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_blue {
    border-bottom: #89A9CD dashed 1px;
    color: #89A9CD;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 25px 10px;
    margin: 25px 0;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_blue.round {
    position: relative;
    padding: 0 25px 10px calc(25px + 1em);
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_blue.round::before {
    content: "●";
    position: absolute;
    top: 0;
    left: 25px;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_pink {
    border-bottom: #F5A8A0 dashed 1px;
    color: #F5A8A0;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 25px 10px;
    margin: 25px 0;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_pink.triangle {
    position: relative;
    padding: 0 25px 10px calc(25px + 1em);
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_pink.triangle::before {
    content: "▼";
    position: absolute;
    top: 0;
    left: 25px;
}
section.medical-servicesArticle div.inner aside.sideBlock {
    width: 30%;
}
section.medical-servicesArticle div.inner aside.sideBlock p.ttl {
    background: #F7F7F7;
    border-radius: 10px;
    color: #89A9CD;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 15px 0;
}
section.medical-servicesArticle div.inner aside.sideBlock ul li {
    border-bottom: #89A9CD dashed 1px;
    color: #F5A8A0;
    text-align: center;
    padding: 30px 0;
}
section.medical-servicesArticle div.inner aside.sideBlock ul li a {
    text-decoration: underline;
}
section.medical-servicesArticle div.inner aside.sideBlock ul li a:hover {
    text-decoration: none;
}

@media screen and (max-width: 960px) {
section.medical-servicesArticle {
    padding: 75px 0;
}
section.medical-servicesArticle div.inner {
    width: 90%;
    max-width: 1200px;
    padding: 25px 0 0;
    margin: 0 auto;
}
section.medical-servicesArticle div.inner.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
section.medical-servicesArticle div.inner div.articleBlock {
    width: 100%;
    padding: 0 0 75px;
}
section.medical-servicesArticle div.inner div.articleBlock h2,
section.medical-servicesArticle div.inner div.articleBlock h3,
section.medical-servicesArticle div.inner div.articleBlock p,
section.medical-servicesArticle div.inner div.articleBlock ul li,
section.medical-servicesArticle div.inner div.articleBlock ol li,
section.medical-servicesArticle div.inner div.articleBlock table {
    line-height: 1.75;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlWrap {
    position: relative;
    margin: 0 0 50px;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlWrap .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background: #EBF0F7;
    border-radius: 50%;
    margin: auto 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlWrap .ttl {
    background: #A0BCDC;
    border-radius: 10px;
    color: #FFF;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: left;
    padding: 15px 15px 15px 65px;
    margin: 0 0 0 50px;
}
section.medical-servicesArticle div.inner div.articleBlock section {
    clear: both;
    margin: 50px 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock {
    position: relative;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock a {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 150px;
    height: 30px;
    border: #89A9CD solid 1px;
    border-radius: 15px;
    color: #89A9CD;
    padding: 0 15px;
    margin: 0 0 15px;
    transition: 0.5s 0s;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock a:hover {
    background: #89A9CD;
    color: #FFF;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 8px;
    height: 12px;
    background: url("../images/arrow_right.svg") no-repeat center center;
    background-size: contain;
    margin: auto 0;
    transition: 0.5s 0s;
}
section.medical-servicesArticle div.inner div.articleBlock div.ttlBlock a:hover::after {
    background: url("../images/arrow_rightW.svg") no-repeat center center;
    background-size: contain;
}
section.medical-servicesArticle div.inner div.articleBlock figure {
    text-align: center;
    margin: 0 min(5vw, 25px) 50px;
}
section.medical-servicesArticle div.inner div.articleBlock p.txt {
    margin: 0 0 25px;
}
section.medical-servicesArticle div.inner div.articleBlock a.bnr {
    margin: 0 0 25px;
}
section.medical-servicesArticle div.inner div.articleBlock span.blue {
    color: #89A9CD;
}
section.medical-servicesArticle div.inner div.articleBlock span.pink {
    color: #F5A8A0;
}
section.medical-servicesArticle div.inner div.articleBlock div.block {
}
section.medical-servicesArticle div.inner div.articleBlock div.block .floatImg {
    float: right;
    max-width: 140px;
    margin-left: 15px;
    margin-bottom: 15px;
}
section.medical-servicesArticle div.inner div.articleBlock div.list {
    border: #89A9CD solid 1px;
    border-radius: 10px;
    padding: 25px min(5vw, 25px);
    margin: 0 0 25px;
}
section.medical-servicesArticle div.inner div.articleBlock div.list .listTtl {
    width: 100%;
    color: #F5A8A0;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 25px;
    text-align: center;
}
section.medical-servicesArticle div.inner div.articleBlock div.list .listTtl.blue {
    color: #89A9CD;
}
section.medical-servicesArticle div.inner div.articleBlock div.list .listTtl.pink {
    color: #F5A8A0;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.square li,
section.medical-servicesArticle div.inner div.articleBlock div.list table th span.square {
    position: relative;
    padding: 0 0 0 1em;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th span.square {
    display: inline-block;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.square li::before,
section.medical-servicesArticle div.inner div.articleBlock div.list table th span.square::before {
    content: "◼︎";
    position: absolute;
    top: 0;
    left: 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th span.square::before {
    color: #89A9CD;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.pdB li {
    padding: 0 0 25px;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.pdB li:last-child {
    padding: 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.list .ttl {
    color: #89A9CD;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 0.5em;
}
section.medical-servicesArticle div.inner div.articleBlock div.list.underLine li {
    text-decoration: underline;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table {
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th,
section.medical-servicesArticle div.inner div.articleBlock div.list table td {
    display: block;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th {
    padding: 0;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table th span {
    color: #89A9CD;
}
section.medical-servicesArticle div.inner div.articleBlock div.list table td {
    padding: 0 0 1.5em;
}
section.medical-servicesArticle div.inner div.articleBlock ul.exImg {
    margin: 0 0 50px;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_blue {
    border-bottom: #89A9CD dashed 1px;
    color: #89A9CD;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 10px;
    margin: 25px 0;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_blue.round {
    position: relative;
    padding: 0 0 10px 1em;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_blue.round::before {
    content: "●";
    position: absolute;
    top: 0;
    left: 0;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_pink {
    border-bottom: #F5A8A0 dashed 1px;
    color: #F5A8A0;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 10px;
    margin: 25px 0;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_pink.triangle {
    position: relative;
    padding: 0 0 10px 1em;
}
section.medical-servicesArticle div.inner div.articleBlock .ttl_pink.triangle::before {
    content: "▼";
    position: absolute;
    top: 0;
    left: 0;
}
section.medical-servicesArticle div.inner aside.sideBlock {
    width: 100%;
}
section.medical-servicesArticle div.inner aside.sideBlock p.ttl {
    background: #F7F7F7;
    border-radius: 10px;
    color: #89A9CD;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 15px 0;
}
section.medical-servicesArticle div.inner aside.sideBlock ul li {
    border-bottom: #89A9CD dashed 1px;
    color: #F5A8A0;
    text-align: center;
    padding: 15px 0;
}
section.medical-servicesArticle div.inner aside.sideBlock ul li a {
    text-decoration: underline;
}
section.medical-servicesArticle div.inner aside.sideBlock ul li a:hover {
    text-decoration: none;
}
}
@media screen and (max-width: 480px) {
section.medical-servicesArticle div.inner div.articleBlock ul.exImg.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
section.medical-servicesArticle div.inner div.articleBlock ul.exImg li {
    width: 47.5%;
    margin: 0 0 25px;
}
}

/*----- Treatment Cost -----*/
main#treatment-cost {
}
main#treatment-cost section.cost {
    width: 90%;
    max-width: 1200px;
    padding: 100px 0 75px;
    margin: 0 auto;
}
main#treatment-cost section.cost table {
    overflow: hidden;
    width: 90%;
    border: #A0BCDC solid 1px;
    border-collapse: separate;
    border-radius: 10px;
    font-size: min(1.5vw, calc( 18 / var(--root-font-size) * 1rem ));
    margin: 0 auto;
}
main#treatment-cost section.cost table tr th,
main#treatment-cost section.cost table tr td {
    border-top: #A0BCDC solid 1px;
    vertical-align: middle;
    padding: 25px;
}
main#treatment-cost section.cost table tr:first-child th,
main#treatment-cost section.cost table tr:first-child td {
    border-top: none;
}
main#treatment-cost section.cost table th {
    width: 67.5%;
}
main#treatment-cost section.cost table.plural1 th {
    width: 57.5%;
}
main#treatment-cost section.cost table.plural2 th,
main#treatment-cost section.cost table.plural3 th {
    width: 27.5%;
}
main#treatment-cost section.cost table td {
    width: 32.5%;
    border-left: #A0BCDC solid 1px;
}
main#treatment-cost section.cost table.plural1 td {
    width: 25%;
}
main#treatment-cost section.cost table.plural1 td.price {
    width: 17.5%;
    border-left: none;
}
main#treatment-cost section.cost table.plural2 td.times,
main#treatment-cost section.cost table.plural3 td.times {
    width: 10%;
    text-align: center;
    padding: 25px 0;
}
main#treatment-cost section.cost table.plural2 td.target,
main#treatment-cost section.cost table.plural3 td.target {
    width: 37.5%;
}
main#treatment-cost section.cost table.plural2 td.time {
    width: 10%;
    padding: 15px 25px;
}
main#treatment-cost section.cost table.plural2 td.price {
    width: 15%;
    padding: 15px 25px;
}
main#treatment-cost section.cost table.plural3 td.price {
    width: 25%;
}
main#treatment-cost section.cost p.note {
    width: 90%;
    padding: 25px 25px 0;
    margin: 0 auto;
}

main#treatment-cost section#cosmetics {
    padding: 100px 0 0;
}
main#treatment-cost section#cosmetics div.flexWrap {
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    background: #F7F7F7;
    border-radius: 10px;
    padding: 100px 5%;
    margin: 0 auto;
}
main#treatment-cost section#cosmetics div.flexWrap div.imgBlock {
    width: 50%;
}
main#treatment-cost section#cosmetics div.flexWrap div.imgBlock img {
    border-radius: 10px;
}
main#treatment-cost section#cosmetics div.flexWrap div.txtBlock {
    width: 42.5%;
}
main#treatment-cost section#cosmetics div.flexWrap div.txtBlock p.name {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 75px;
}
main#treatment-cost section#cosmetics div.flexWrap div.txtBlock ul li {
    position: relative;
    padding: 0 0 0 1em;
}
main#treatment-cost section#cosmetics div.flexWrap div.txtBlock ul li::before {
    content: "＊";
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 960px) {
main#treatment-cost {
}
main#treatment-cost section.cost {
    width: 90%;
    max-width: 1200px;
    padding: 75px 0 25px;
    margin: 0 auto;
}
div.scroll {
    width: 90%;
    max-width: 600px;
    overflow-x: auto;
    margin: 0 auto;
}
main#treatment-cost section.cost div.scroll {
    width: 100%;
}
div.scroll::-webkit-scrollbar {
    height: 10px; /* スクロールバーの高さ */
}
div.scroll::-webkit-scrollbar-thumb {
    background: #A0BCDC; /* ツマミの色 */
    border-radius: 5px;
}
div.scroll::-webkit-scrollbar-track {
    background: #E6EEF6; /* トラックの色 */
    border-radius: 5px;
}
main#treatment-cost section.cost table {
    overflow: hidden;
    width: 100%;
    max-width: 600px;
    border: #A0BCDC solid 1px;
    border-collapse: separate;
    border-radius: 10px;
    font-size: calc( 14 / var(--root-font-size) * 1rem );
    margin: 0 auto;
}
main#treatment-cost section.cost table.plural2,
main#treatment-cost section.cost table.plural3 {
    width: 600px;
    margin: 0 0 10px;
}
main#treatment-cost section.cost table tr th,
main#treatment-cost section.cost table tr td {
    border-top: #A0BCDC solid 1px;
    vertical-align: middle;
    padding: 10px 15px;
}
main#treatment-cost section.cost table tr:first-child th,
main#treatment-cost section.cost table tr:first-child td {
    border-top: none;
}
main#treatment-cost section.cost table th {
    width: 67.5%;
}
main#treatment-cost section.cost table.plural1 th {
    width: 57.5%;
}
main#treatment-cost section.cost table.plural2 th,
main#treatment-cost section.cost table.plural3 th {
    width: 27.5%;
}
main#treatment-cost section.cost table td {
    width: 32.5%;
    border-left: #A0BCDC solid 1px;
}
main#treatment-cost section.cost table.plural1 td {
    display: block;
    width: 100%;
    padding: 15px 15px 0;
}
main#treatment-cost section.cost table.plural1 td.price {
    width: 100%;
    border-top: none;
    border-left: #A0BCDC solid 1px;
    padding: 0 15px 15px;
}
main#treatment-cost section.cost table.plural2 td.times,
main#treatment-cost section.cost table.plural3 td.times {
    width: 15%;
    text-align: center;
    padding: 25px 0;
}
main#treatment-cost section.cost table.plural2 td.target,
main#treatment-cost section.cost table.plural3 td.target {
    width: 42.5%;
}
main#treatment-cost section.cost table.plural2 td.time,
main#treatment-cost section.cost table.plural2 td.price {
    display: block;
}
main#treatment-cost section.cost table.plural2 td.time {
    width: 100%;
    padding: 10px 15px 0;
}
main#treatment-cost section.cost table.plural2 td.price {
    width: 100%;
    border-top: none;
    padding: 0 15px 10px;
}
main#treatment-cost section.cost table.plural3 td.price {
    width: 25%;
}
main#treatment-cost section.cost p.note {
    width: 100%;
    max-width: 600px;
    font-size: calc( 14 / var(--root-font-size) * 1rem );
    padding: 15px 0 0;
    margin: 0 auto;
}

main#treatment-cost section#cosmetics {
    padding: 100px 0 0;
}
main#treatment-cost section#cosmetics div.flexWrap {
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    max-width: 1200px;
    background: #F7F7F7;
    border-radius: 10px;
    padding: 25px 5vw 50px;
    margin: 0 auto;
}
main#treatment-cost section#cosmetics div.flexWrap div.imgBlock {
    width: 100%;
    max-width: 550px;
    padding: 0 0 25px;
    margin: 0 auto;
}
main#treatment-cost section#cosmetics div.flexWrap div.imgBlock img {
    border-radius: 10px;
}
main#treatment-cost section#cosmetics div.flexWrap div.txtBlock {
    width: 100%;
}
main#treatment-cost section#cosmetics div.flexWrap div.txtBlock p.name {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 15px;
}
main#treatment-cost section#cosmetics div.flexWrap div.txtBlock ul li {
    position: relative;
    padding: 0 0 0 1em;
}
main#treatment-cost section#cosmetics div.flexWrap div.txtBlock ul li::before {
    content: "＊";
    position: absolute;
    top: 0;
    left: 0;
}
}

/*----- Clinic hours ｜ Access -----*/
main#clinic-hours-and-access {
}

main#clinic-hours-and-access section#clinic-hours {
}

main#clinic-hours-and-access section#access {
    padding: 75px 0 125px;
}
main#clinic-hours-and-access section#access .googleMap {
    width: 90%;
    max-width: 1200px;
    padding: 0 0 75px;
    margin: 0 auto;
}
main#clinic-hours-and-access section#access .googleMap iframe {
    width: 100%;
    height: 600px;
}
main#clinic-hours-and-access section#access p.address {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 0 0 15px;
}
main#clinic-hours-and-access section#access div.tel {
    text-align: center;
}

main#clinic-hours-and-access section#parking {
    background: #F7F7F7;
    padding: 75px 0 125px;
}
main#clinic-hours-and-access section#parking div.inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#clinic-hours-and-access section#parking div.inner.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#clinic-hours-and-access section#parking div.inner div.block {
    width: 46.25%;
}
main#clinic-hours-and-access section#parking div.inner div.block.img {
    text-align: center;
    padding: 0 0 50px;
}
main#clinic-hours-and-access section#parking div.inner div.block.img figure {
    padding: 0 0 25px;
}
main#clinic-hours-and-access section#parking div.inner div.block.img figure img {
    border-radius: 10px;
}
main#clinic-hours-and-access section#parking div.inner div.block.img p {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
}
main#clinic-hours-and-access section#parking div.inner div.block.img p.ttl {
    color: #89A9CD;
    font-size: calc( 24 / var(--root-font-size) * 1rem );
    padding: 0 0 5px;
}
main#clinic-hours-and-access section#parking div.inner div.block.note {
    padding: 50px 0 0;
}
main#clinic-hours-and-access section#parking div.inner div.block.note p.speech-bubble {
    position: relative;
    width: 100%;
    max-width: 480px;
    background: #FFF;
    border-radius: 10px;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 50px 25px;
    margin: 0 auto 50px;
}
main#clinic-hours-and-access section#parking div.inner div.block.note p.speech-bubble::after {
    content: "";
    position: absolute;
    bottom: -25px;
    right: 150px;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 36px solid #FFF;
    border-bottom: 0;
}
main#clinic-hours-and-access section#parking div.inner div.block.note div.illustration {
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
}

@media screen and (max-width: 960px) {
main#clinic-hours-and-access {
}

main#clinic-hours-and-access section#clinic-hours {
}

main#clinic-hours-and-access section#access {
    padding: 75px 0;
}
main#clinic-hours-and-access section#access .googleMap {
    width: 90%;
    max-width: 1200px;
    padding: 0 0 50px;
    margin: 0 auto;
}
main#clinic-hours-and-access section#access .googleMap iframe {
    width: 100%;
    height: 350px;
}
main#clinic-hours-and-access section#access p.address {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    text-align: center;
    padding: 0 0 15px;
}
main#clinic-hours-and-access section#access div.tel {
    text-align: center;
}

main#clinic-hours-and-access section#parking {
    background: #F7F7F7;
    padding: 75px 0;
}
main#clinic-hours-and-access section#parking div.inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#clinic-hours-and-access section#parking div.inner.flexWrap {
    flex-wrap: wrap;
    justify-content: center;
}
main#clinic-hours-and-access section#parking div.inner div.block {
    width: 100%;
    max-width: 550px;
}
main#clinic-hours-and-access section#parking div.inner div.block.img {
    text-align: center;
    padding: 0 0 50px;
}
main#clinic-hours-and-access section#parking div.inner div.block.img figure {
    padding: 0 0 25px;
}
main#clinic-hours-and-access section#parking div.inner div.block.img figure img {
    border-radius: 10px;
}
main#clinic-hours-and-access section#parking div.inner div.block.img p {
    font-size: calc( 18 / var(--root-font-size) * 1rem );
}
main#clinic-hours-and-access section#parking div.inner div.block.img p.ttl {
    color: #89A9CD;
    font-size: calc( 22 / var(--root-font-size) * 1rem );
    padding: 0 0 5px;
}
main#clinic-hours-and-access section#parking div.inner div.block.note {
    padding: 50px 0 0;
}
main#clinic-hours-and-access section#parking div.inner div.block.note p.speech-bubble {
    position: relative;
    width: 100%;
    max-width: 480px;
    background: #FFF;
    border-radius: 10px;
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 50px 25px;
    margin: 0 auto 50px;
}
main#clinic-hours-and-access section#parking div.inner div.block.note p.speech-bubble::after {
    content: "";
    position: absolute;
    bottom: -25px;
    right: 150px;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 36px solid #FFF;
    border-bottom: 0;
}
main#clinic-hours-and-access section#parking div.inner div.block.note div.illustration {
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
}
}

/*----- Recruit -----*/
main#recruit {
}

main#recruit section#about-us {
    position: relative;
    padding: 75px 0 calc(125px + 180px);
}
main#recruit section#about-us::after {
    content: "";
    position: absolute;
    bottom: 125px;
    left: 0;
    right: 0;
    width: 90%;
    max-width: 1200px;
    height: 180px;
    background: url("../images/recruit_illustration.png") no-repeat right center;
    background-size: 600px 180px;
    margin: 0 auto;
}
main#recruit section#about-us ol {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#recruit section#about-us ol.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
}
main#recruit section#about-us ol::after {
    content: "";
    display: block;
    width: 32%;
}
main#recruit section#about-us ol li {
    width: 32%;
    background: #D9E4F1;
    border-radius: 10px;
    text-align: center;
    padding: 15px 15px 30px;
    margin: 0 0 25px;
}
main#recruit section#about-us ol li div.ttl {
    min-height: 100px;
}
main#recruit section#about-us ol li div.ttl.flexWrap {
    align-items: center;
    justify-content: center;
}
main#recruit section#about-us ol li div.ttl p {
    line-height: 1.25;
}
main#recruit section#about-us ol li div.ttl p.number {
    color: #F5A8A0;
    font-size: calc( 40 / var(--root-font-size) * 1rem );
    padding: 0 15px 0 0;
}
main#recruit section#about-us ol li div.ttl p.ttl {
    font-size: calc( 24 / var(--root-font-size) * 1rem );
}
main#recruit section#about-us ol li figure {
    padding: 0 0 25px;
}
main#recruit section#about-us ol li p.txt {
    min-height: 4.5em;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #D9E4F1 50%, #D9E4F1 100%), linear-gradient(0deg, #FFF 1px, transparent 1px);
    background-size: 4px 100%, 100% 1.5em;
    line-height: 1.5em; /* 文字の高さ */
    font-size: calc( 20 / var(--root-font-size) * 1rem );
}

main#recruit section#about-us section#staff-voice {
    padding: 75px 0 125px; 
}
main#recruit section#about-us section#staff-voice div.flexWrap {
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    background: #F7F7F7;
    border-radius: 10px;
    padding: 50px 75px 50px 50px;
    margin: 0 auto;
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexL {
    width: 25%;
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexL div.subTtl {
    position: relative;
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexL div.subTtl::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 135px;
    height: 40.5px;
    background: url("../images/illust_pippi1.svg") no-repeat center center;
    background-size: contain;
    transform: scale(-1, 1);
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexR {
    width: 65%;
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexR p {
    line-height: 2;
}

main#recruit section#recruitment-type {
    background: #F7F7F7;
    padding: 75px 0 125px;
}
main#recruit section#recruitment-type ul.accordion-area {
    width: 90%;
    max-width: 1200px;
    padding: 125px 0 150px;
    margin: 0 auto;
}
main#recruit section#recruitment-type div.contactWrap {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#recruit section#recruitment-type div.contactWrap div.inner {
    position: relative;
    width: 90%;
    background: url("../images/bg2Left.png") no-repeat right calc(50% + 375px) top 50px, url("../images/bg2Right.png") no-repeat left calc(50% + 375px) top 50px;
    background-size: 255px 167px, 255px 167px;
    background-color: #FFF;
    border-radius: 10px;
    text-align: center;
    padding: 100px 0;
    margin: 0 auto;
}
main#recruit section#recruitment-type div.contactWrap div.inner::after {
    content: "";
    position: absolute;
    bottom: 25px;
    right: 75px;
    width: 116px;
    height: 148px;
    background: url("../images/illust_baerery1.svg") no-repeat center center;
    background-size: contain;
}
main#recruit section#recruitment-type div.contactWrap div.inner p.txt {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
    padding: 0 0 50px;
}

@media screen and (max-width: 960px) {
main#recruit {
}

main#recruit section#about-us {
    position: relative;
    padding: 25px 0 calc(75px + 27vw);
}
main#recruit section#about-us::after {
    content: "";
    position: absolute;
    bottom: 75px;
    left: 0;
    right: 0;
    width: 90%;
    max-width: 1200px;
    height: 27vw;
    background: url("../images/recruit_illustration.png") no-repeat center center;
    background-size: 90vw 27vw;
    margin: 0 auto;
}
main#recruit section#about-us ol {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#recruit section#about-us ol.flexWrap {
    flex-wrap: wrap;
    justify-content: center;
}
main#recruit section#about-us ol::after {
    content: "";
    display: block;
    width: 100%;
}
main#recruit section#about-us ol li {
    width: 100%;
    max-width: 550px;
    background: #D9E4F1;
    border-radius: 10px;
    text-align: center;
    padding: 15px 5vw 30px;
    margin: 0 auto 25px;
}
main#recruit section#about-us ol li div.ttl {
    min-height: 75px;
}
main#recruit section#about-us ol li div.ttl.flexWrap {
    align-items: center;
    justify-content: center;
}
main#recruit section#about-us ol li div.ttl p {
    line-height: 1.25;
}
main#recruit section#about-us ol li div.ttl p.number {
    color: #F5A8A0;
    font-size: calc( 40 / var(--root-font-size) * 1rem );
    padding: 0 15px 0 0;
}
main#recruit section#about-us ol li div.ttl p.ttl {
    font-size: calc( 24 / var(--root-font-size) * 1rem );
}
main#recruit section#about-us ol li figure {
    padding: 0 0 15px;
}
main#recruit section#about-us ol li p.txt {
    min-height: 4.5em;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #D9E4F1 50%, #D9E4F1 100%), linear-gradient(0deg, #FFF 1px, transparent 1px);
    background-size: 4px 100%, 100% 1.5em;
    line-height: 1.5em; /* 文字の高さ */
    font-size: calc( 18 / var(--root-font-size) * 1rem );
}

main#recruit section#about-us section#staff-voice {
    padding: 25px 0 75px; 
}
main#recruit section#about-us section#staff-voice div.flexWrap {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    max-width: 1200px;
    background: #F7F7F7;
    border-radius: 10px;
    padding: 50px 5vw;
    margin: 0 auto;
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexL {
    width: 100%;
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexL div.subTtl {
    position: relative;
    margin: 0 0 25px;
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexL div.subTtl::after {
    content: "";
    position: absolute;
    right: 5vw;
    bottom: 0;
    width: 135px;
    height: 40.5px;
    background: url("../images/illust_pippi1.svg") no-repeat center center;
    background-size: contain;
    transform: scale(-1, 1);
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexR {
    width: 100%;
}
main#recruit section#about-us section#staff-voice div.flexWrap div.flexR p {
    line-height: 2;
}

main#recruit section#recruitment-type {
    background: #F7F7F7;
    padding: 75px 0;
}
main#recruit section#recruitment-type ul.accordion-area {
    width: 90%;
    max-width: 1200px;
    padding: 25px 0 75px;
    margin: 0 auto;
}
main#recruit section#recruitment-type div.contactWrap {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#recruit section#recruitment-type div.contactWrap div.inner {
    position: relative;
    width: 100%;
    background: url("../images/bg2Left.png") no-repeat right calc(50% + 165px) top 25px, url("../images/bg2Right.png") no-repeat left calc(50% + 165px) top 25px;
    background-size: 175.6px 115px, 175.6px 115px;
    background-color: #FFF;
    border-radius: 10px;
    text-align: center;
    padding: 50px 5vw calc(50px + 148px);
    margin: 0 auto;
}
main#recruit section#recruitment-type div.contactWrap div.inner::after {
    content: "";
    position: absolute;
    bottom: 25px;
    right: 5vw;
    width: 116px;
    height: 148px;
    background: url("../images/illust_baerery1.svg") no-repeat center center;
    background-size: contain;
}
main#recruit section#recruitment-type div.contactWrap div.inner p.txt {
    font-size: calc( 18 / var(--root-font-size) * 1rem );
    padding: 25px 0;
}
}

div#slider_horizontal {
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #E6EEF6 0%, #E6EEF6 25%, #FFF 25%, #FFF 100%);
    padding: 0 0 50px;
}
div#slider_horizontal ul.slider li:nth-child(even) {
    padding: min(4vw, 60px) 0 0;
}
div#slider_horizontal ul.slider img {
    width: 100%;/*スライダー内の画像を横幅100%に*/
    height: auto;
    border-radius: 10px;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
div#slider_horizontal ul.slider .slick-slide {
    margin: 0 min(1vw, 15px);/*スライド左右の余白調整*/
}

@media screen and (max-width: 960px) {
div#slider_horizontal {
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #E6EEF6 0%, #E6EEF6 25%, #FFF 25%, #FFF 100%);
}
div#slider_horizontal ul.slider li:nth-child(even) {
    padding: min(4vw, 60px) 0 0;
}
div#slider_horizontal ul.slider img {
    width: 100%;/*スライダー内の画像を横幅100%に*/
    height: auto;
    border-radius: 10px;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
div#slider_horizontal ul.slider .slick-slide {
    margin: 0 min(1vw, 15px);/*スライド左右の余白調整*/
}
}

/*アコーディオン全体*/
main#recruit .accordion-area {
}
main#recruit .accordion-area li {
    padding: 25px 0 0;
}
main#recruit .accordion-area li div.inner {
    overflow: hidden;
    width: 90%;
    border-radius: 10px;
    margin: 0 auto;
}
main#recruit .accordion-area li.nurse div.inner {
    border: #A0BCDC solid 1px;
}
main#recruit .accordion-area li.medical-administration div.inner {
    border: #DBDBDB solid 1px;
}
/*アコーディオンタイトル*/
main#recruit .accordion-area li .title {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 25px 5%;
    transition: 0.5s 0s;
}
main#recruit .accordion-area li.nurse .title {
    background: #A0BCDC;
    color: #FFF;
}
main#recruit .accordion-area li.medical-administration .title {
    background: #DBDBDB;
}
main#recruit .accordion-area li .title.close {
}
main#recruit .accordion-area li .title p {
    font-size: calc( 24 / var(--root-font-size) * 1rem );
}
main#recruit .accordion-area li .title p.full,
main#recruit .accordion-area li .title p.part {
    width: 100px;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    margin: 0 20px 0 0;
    transition: 0.5s 0s;
}
main#recruit .accordion-area li.nurse .title p.full,
main#recruit .accordion-area li.nurse .title p.part {
    background: #FFF;
    color: #A0BCDC;
}
main#recruit .accordion-area li.medical-administration .title p.full,
main#recruit .accordion-area li.medical-administration .title p.part {
    background: #A0BCDC;
    color: #FFF;
}
main#recruit .accordion-area li .title.close p.full,
main#recruit .accordion-area li .title.close p.part {
}
/*アイコンの＋と×*/
main#recruit .accordion-area li .title::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 12px;
    transition: 0.5s 0s;
}
main#recruit .accordion-area li.nurse .title::after {
    background: url("../images/arrow_bottomW.svg") no-repeat center center;
    background-size: contain;
}
main#recruit .accordion-area li.medical-administration .title::after {
    background: url("../images/arrow_bottom.svg") no-repeat center center;
    background-size: contain;
}
main#recruit .accordion-area li .title::after {    
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto 0;
}
/*　closeというクラスがついたら形状変化　*/
main#recruit .accordion-area li .title.close::after {
    transform: rotate(180deg);
}
/*アコーディオンで現れるエリア*/
main#recruit .accordion-area li .box {
    display: none;/*はじめは非表示*/
}
main#recruit .accordion-area li .box table {
    width: 100%;
    background: #FFF;
    font-size: calc( 18 / var(--root-font-size) * 1rem );
}
main#recruit .accordion-area li .box table th {
    width: 20%;
    background: #E6EEF6;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    padding: 25px 0;
}
main#recruit .accordion-area li.nurse .box table th,
main#recruit .accordion-area li.nurse .box table td {
    border-bottom: #A0BCDC solid 1px;
}
main#recruit .accordion-area li.medical-administration .box table th,
main#recruit .accordion-area li.medical-administration .box table td {
    border-bottom: #DBDBDB solid 1px;
}
main#recruit .accordion-area li .box table tr.last th {
    border-bottom: none;
}
main#recruit .accordion-area li .box table td {
    width: 80%;
    border-bottom: #A0BCDC solid 1px;
    padding: 25px;
}
main#recruit .accordion-area li .box table tr.last td {
    border-bottom: none;
}
main#recruit .accordion-area li .box table tr.last td.none {
    text-align: center;
}

@media screen and (max-width: 960px) {
/*アコーディオン全体*/
main#recruit .accordion-area {
}
main#recruit .accordion-area li {
    padding: 25px 0 0;
}
main#recruit .accordion-area li div.inner {
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
    margin: 0 auto;
}
main#recruit .accordion-area li.nurse div.inner {
    border: #A0BCDC solid 1px;
}
main#recruit .accordion-area li.medical-administration div.inner {
    border: #DBDBDB solid 1px;
}
/*アコーディオンタイトル*/
main#recruit .accordion-area li .title {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 25px calc(5vw + 18px) 25px 5vw;
    transition: 0.5s 0s;
}
main#recruit .accordion-area li.nurse .title {
    background: #A0BCDC;
    color: #FFF;
}
main#recruit .accordion-area li.medical-administration .title {
    background: #DBDBDB;
}
main#recruit .accordion-area li .title.close {
}
main#recruit .accordion-area li .title p {
    font-size: calc( 20 / var(--root-font-size) * 1rem );
}
main#recruit .accordion-area li .title p.full,
main#recruit .accordion-area li .title p.part {
    width: 75px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px 0 0;
    transition: 0.5s 0s;
}
main#recruit .accordion-area li.nurse .title p.full,
main#recruit .accordion-area li.nurse .title p.part {
    background: #FFF;
    color: #A0BCDC;
}
main#recruit .accordion-area li.medical-administration .title p.full,
main#recruit .accordion-area li.medical-administration .title p.part {
    background: #A0BCDC;
    color: #FFF;
}
main#recruit .accordion-area li .title.close p.full,
main#recruit .accordion-area li .title.close p.part {
}
/*アイコンの＋と×*/
main#recruit .accordion-area li .title::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 12px;
    transition: 0.5s 0s;
}
main#recruit .accordion-area li.nurse .title::after {
    background: url("../images/arrow_bottomW.svg") no-repeat center center;
    background-size: contain;
}
main#recruit .accordion-area li.medical-administration .title::after {
    background: url("../images/arrow_bottom.svg") no-repeat center center;
    background-size: contain;
}
main#recruit .accordion-area li .title::after {    
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto 0;
}
/*　closeというクラスがついたら形状変化　*/
main#recruit .accordion-area li .title.close::after {
    transform: rotate(180deg);
}
/*アコーディオンで現れるエリア*/
main#recruit .accordion-area li .box {
    display: none;/*はじめは非表示*/
}
main#recruit .accordion-area li .box table {
    width: 100%;
    background: #FFF;
    font-size: calc( 16 / var(--root-font-size) * 1rem );
}
main#recruit .accordion-area li .box table th {
    width: 100%;
    background: #E6EEF6;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    padding: 15px 5vw;
}
main#recruit .accordion-area li.nurse .box table th,
main#recruit .accordion-area li.nurse .box table td {
    display: block;
    border-bottom: #A0BCDC solid 1px;
}
main#recruit .accordion-area li.medical-administration .box table th,
main#recruit .accordion-area li.medical-administration .box table td {
    border-bottom: #DBDBDB solid 1px;
}
main#recruit .accordion-area li .box table tr.last th {
    border-bottom: none;
}
main#recruit .accordion-area li .box table td {
    width: 100%;
    border-bottom: #A0BCDC solid 1px;
    padding: 25px 5vw;
}
main#recruit .accordion-area li .box table tr.last td {
    border-bottom: none;
}
main#recruit .accordion-area li .box table tr.last td.none {
    text-align: center;
}
}

/*----- Medical Questionnaire Form -----*/
main#medical-questionnair-form {
}

main#medical-questionnair-form section#first-and-beauty {
}
main#medical-questionnair-form section#first-and-beauty ul {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#medical-questionnair-form section#first-and-beauty ul li {
    border-bottom: #89A9CD dashed 1px;
    padding: 0 0 125px;
    margin: 0 0 75px;
}
main#medical-questionnair-form section#first-and-beauty ul li:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
main#medical-questionnair-form section#first-and-beauty ul li div.btnWrap {
    position: relative;
    width: 90%;
    padding: 50px 0 0;
    margin: 50px auto 25px;
}
main#medical-questionnair-form section#first-and-beauty ul li div.btnWrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 75px;
    width: 90px;
    height: 120px;
    background: url("../images/icon_pdf.png") no-repeat center center;
    background-size: contain;
}
main#medical-questionnair-form section#first-and-beauty ul li p.note {
    position: relative;
    width: 90%;
    padding: 0 25px 0 calc(25px + 1em);
    margin: 0 auto;
}
main#medical-questionnair-form section#first-and-beauty ul li p.note::before {
    content: "＊";
    position: absolute;
    top: 0;
    left: 25px;
}
main#medical-questionnair-form section#first-and-beauty ul li p.note a {
    color: #F5A8A0;
    text-decoration: underline;
}
main#medical-questionnair-form section#first-and-beauty ul li p.note a:hover {
    text-decoration: none;
}

@media screen and (max-width: 960px) {
main#medical-questionnair-form {
}

main#medical-questionnair-form section#first-and-beauty {
}
main#medical-questionnair-form section#first-and-beauty ul {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
main#medical-questionnair-form section#first-and-beauty ul li {
    border-bottom: #89A9CD dashed 1px;
    padding: 0 0 75px;
    margin: 0 0 75px;
}
main#medical-questionnair-form section#first-and-beauty ul li:last-child {
    border-bottom: none;
    padding: 0;
    margin: 0;
}
main#medical-questionnair-form section#first-and-beauty ul li .introductionTxt {
    width: 100%;
}
main#medical-questionnair-form section#first-and-beauty ul li div.btnWrap {
    position: relative;
    width: 100%;
    padding: 25px 0 0;
    margin: 25px auto;
}
main#medical-questionnair-form section#first-and-beauty ul li div.btnWrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 5vw;
    width: 60px;
    height: 90px;
    background: url("../images/icon_pdf.png") no-repeat center center;
    background-size: contain;
}
main#medical-questionnair-form section#first-and-beauty ul li p.note {
    position: relative;
    width: 100%;
    padding: 0 0 0 1em;
    margin: 0 auto;
}
main#medical-questionnair-form section#first-and-beauty ul li p.note::before {
    content: "＊";
    position: absolute;
    top: 0;
    left: 0;
}
main#medical-questionnair-form section#first-and-beauty ul li p.note a {
    color: #F5A8A0;
    text-decoration: underline;
}
main#medical-questionnair-form section#first-and-beauty ul li p.note a:hover {
    text-decoration: none;
}
}