/*--------------
    common
--------------*/
.page-title{
    background: #fdf4e6;
    padding: 64px 0;
    font-weight: 500;
    letter-spacing: 0.24em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 92px;
}

.page-title span{
    font-weight: 500;
    font-size: 2rem;
    display: block;
    color: #eda01e;
    text-transform: uppercase;
    width: 90%;
    margin: auto;
}

.page-section{
    margin-bottom: 116px;
}

.bgOr-title{
    color: #fefefe;
    font-size: clamp(1.6rem, 1.018rem + 2.91vw, 3.2rem);
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.5;
    text-align: center;
    background: #eb9605;
    border-radius: 10px;
    padding: 8px 12px;
    margin-bottom: 32px;
}


/*----- accordion -----*/
/*--.accordion-area li{
    border-bottom: dashed 2px #82d764;
}--*/

.title {
    position: relative;
    transition: all .5s ease;
    color: #eda01e;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 24px;
}

.title span{
    font-size: 1.6rem;
}

.title:hover{
    opacity: 0.8;
}

.title::after{
    position: absolute;
    content: '';
    background: url(img/allow-orange.png) no-repeat center;
    background-size: 100%;
    width: 28px;
    height: 28px;
    top: 50%;
    right: 1%;
    transform: rotate(-90deg) translate(50%, 0%);
    transition: all .5s;
}

.title.close::after{
    transform: rotate(0deg) translate(0%, -50%);
}

.bg-or-accordion .title::after{
    background: url(img/allow-green.png) no-repeat center;
    background-size: 100%;
}

.bg-or-accordion{
    box-sizing: border-box;
    padding: 24px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.box {
    display: none;
    padding: 24px 0 0px;
}

.bg-or-accordion .box{
    border-top: dashed 1px #eb9605;
    margin-top: 16px;
}

.box p{
    font-size: 1.83rem;
    text-align: justify;
}

.accordion-menuList{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 26px;
    padding-bottom: 64px;
}

.accordion-menuList_inner{
    width: 48%;
}

/*--------------
header
--------------*/
.pageHeader-image{
    width: 100%;
    height: 100%;
}

.page-id-20 .pageHeader-image{
    background: url(img/headerImage-greetiong.jpg) no-repeat center;
    background-size: cover;
}

.page-id-18 .pageHeader-image{
    background: url(img/headerImage-faq.jpg) no-repeat center;
    background-size: cover;
}

.page-id-22 .pageHeader-image{
    background: url(img/headerImage-information.jpg) no-repeat center;
    background-size: cover;
}

.category .pageHeader-image,
.single .pageHeader-image{
    background: url(img/headerImage-news.jpg) no-repeat center;
    background-size: cover;
}

/*--------------
KV
--------------*/
.page .main-KV,
.single .main-KV,
.category .main-KV{
    height: 80vh;
}

/*--------------
news
--------------*/
.single-wrapper{
    padding: 92px 0;
}

.single-wrapper p{
    padding-bottom: 16px;
}

.single-wrapper p:last-of-type{
    padding-bottom: 0;
}

.single-title{
    border-bottom: dashed 2px #82d764;
    padding-bottom: 12px;
    margin-bottom: 32px;
}

.single-title h3 {
    color: #eb9605;
}

.page-topics_list li{
    border-bottom: dashed 2px #82d764;
    padding: 24px 0;
}

.page-topics_list li .box p{
    padding-bottom: 16px;
    font-size: clamp(1.4rem, 1.244rem + 0.78vw, 1.83rem);
}

.page-topics_list h2{
    display: block;
    font-size: clamp(1.6rem, 1.164rem + 2.18vw, 2.8rem);
}

.page-topics_list h2 span{
    color: #514e4d;
    font-size: 1.6rem;
    display: block;
}

.other-topics{
    box-sizing: border-box;
    padding: 32px 16px;
    margin-top: 116px;
    border-radius: 1em;
}

.other-topics .topics-list{
    margin: auto;
}

.other-topics .topics-list::before,
.other-topics .topics-list::after {
    display: block;
    content: '';
    position: absolute;
    top: -33px;
    background: #eb9605;
    width: 3px;
    height: 45px;
}

/*--------------
当院について
--------------*/
.staff{
    border-bottom: dashed 2px #82d764;
    margin-bottom: 64px;
    padding-bottom: 64px;
}
.staff:last-of-type{
    border-bottom: none;
}

.staff-image{
    width: 48%;
}

.staff-profile{
    padding-bottom: 32px;
    justify-content: space-between;
}

.staff-profile_text{
    width: 48%;
}

.staff-profile_text h3 span{
    display: block;
}

.staff-profileName{
    font-size: 3.2rem;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding-bottom: 16px;
}

.staff-profileName span{
    font-size: 1.83rem;
    padding-left: 16px;
}

.staff-copy{
    color: #eb9605;
    font-size: 3.2rem;
    font-weight: 500;
    border-bottom: #82d764 2px dashed;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.staff-copy span{
    display: block;
}

.staff-greeting{
    line-height: 2;
    font-size: 1.83rem;
    text-align: justify;
    padding-bottom: 24px;
}

.staff-career dl{
    display: flex;
    gap: 24px;
    font-size: 1.83rem;
    padding-bottom: 8px;
}

.staff-career dl dt{
    color: #eda01e;
}

.accordion-menuList_director dl dt{
    width: 24%;
}

.staff-career ul{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.staff-career ul li{
    text-indent: -1.6rem;
    padding-left: 16px;
}

.staff-career ul li span{
    font-size: 1.83rem;
    position: relative;
    padding-left: 18px;
}

.staff-career ul li span::before{
    content: "";
    position: absolute;
    background: #eda01e;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 0;
    top: 8px;
}

.staff-hobby{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 640px;
    width: 100%;
    margin: auto;
    gap: 24px;
}

.staff-hobby.staff-hobby02 {
    max-width: 100%;
}

.staff-hobby h4{
    width: 200px;
}

.staff-hobby_inner{
    width: 60%;
}
.staff-hobby_inner p {
    text-align: justify;
}

.staff-hobby02 .staff-hobby_inner{
    width: 68%;
}

.staff-hobby02 .staff-hobby_inner .hobby-title{
    border-bottom: dashed 2px #82d764;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.staff-hobby .hobby-title{
    color: #eda01e;
    font-size: 3.2rem;
    font-weight: 500;
}

/* ここから医療行為紹介(追加) */

div.mp-inner {
    padding-bottom: 50px;
}

div.mp-inner01 {
    display: flex;
    justify-content: space-between;
}

div.mp-inner h3 {
    color: #eda01e;
    font-size: 30px;
    margin-bottom: 20px;
}

div.mp-inner p {
    font-size: 18.3px;
}

div.mp-inner01 div.mp-text {
    width: 50%;
}

div.mp-inner01 div.mp-image {
    width: 45%;
}

div.mp-inner01 div.mp-image img {
    width: 100%;
}

/* ここまで */

.aboutUs-medicalList .accordion-menuList_item{
    border-bottom: dashed 2px #82d764;
}

.aboutUs-medicalList .accordion-menuList_item div{
    padding: 16px 0px;
}

.aboutUs-medicalList .accordion-menuList_item p.bg-or{
    padding: 14px;
    border-radius: 20px;
    margin-top: 24px;
}

.aboutUs-medicalList .accordion-menuList_item img{
    margin-top: 24px;
    border: 2px solid #eda01e;

    @media screen and (max-width: 768px){
        border: 1px solid #eda01e;
    }
}

.aboutUs-amiList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
}

.aboutUs-amiList:first-of-type{
    padding-bottom: 16px;
}

.aboutUs-amiList:last-of-type{
    padding-bottom: 56px;
}

.aboutUs-amiList li{
    color: #fefefe;
    background: #eda01e;
    font-size: 2.4rem;
    line-height: 1.4;
    padding: 8px 6px;
    border-radius: 0.5em;
    letter-spacing: 0.16em;
    text-align: center;
    width: calc((100% - 30px) / 3);
}

.aboutUs-amiList li a{
    color: #fefefe;
    font-weight: 400;
}


/*--------------
    faq
--------------*/
.page-faq .accordion-area li{
    padding: 24px 0;
    border-bottom: #82d764 2px dashed;
}

.page-faq .accordion-area h3 span{
    font-size: 4rem;
}

.faq-answer_inner{
    display: flex;
    justify-content: flex-start;
    gap: 24px;
}

.faq-answer_inner span{
    color: #82d764;
    font-size: 4rem;
    font-weight: 500;
    line-height: 1;
}

.faq-answer_inner{
    font-size: 1.83rem;
}

/*--------------
診療内容
--------------*/
.pageCharacter-title{
    display: flex;
    text-align: center;
    max-width: 430px;
    width: 50%;
    margin: auto;
    gap: 20px;
    align-items: center;
}

.pageCharacter-title_title{
    display: block;
    width: 60%;
}

.pageCharacter-title_image{
    width: 40%;
}

#information04 .pageCharacter-title,
#information08 .pageCharacter-title{
    width: 60%;
    max-width: 640px;
}

#information04 .pageCharacter-title_image,
#information08 .pageCharacter-title_image{
    width: 28%;
}

#information05 .pageCharacter-title_image{
    width: 32%;
}

#information04 .pageCharacter-title_title,
#information08 .pageCharacter-title_title{
    width: 56%;
}

.page-information_detailText{
    font-size: clamp(1.4rem, 1.095rem + 1.53vw, 2.24rem);
    padding-bottom: 64px;
}

.page-information_contents{
    padding-bottom: 116px;
}

.page-information_contents img{
    border-radius: 0;
}

.check-list{
    background: #fefefe;
    box-sizing: border-box;
    position: relative;
    max-width: 780px;
    margin: 32px auto 0;
    display: flex;
    flex-direction: column;
}

.check-list:before {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 0px;
    height: 0px;
    border-top: 50px solid #eb9605;
    border-right: 50px solid transparent;
  }

.check-list:after {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 0px;
    height: 0px;
    border-bottom: 50px solid #fdf4e6;
    border-left: 50px solid transparent;
}

.check-list ul{
    border: solid 2px #eb9605;
    padding: 24px 80px;
}

.check-list li{
    border-bottom: dashed 1px #82d764;
    position: relative;
    padding: 12px 12px 12px 24px;
    font-size: 1.83rem;
}

.check-list li::before{
    content: "";
    position: absolute;
    background: #fefefe;
    border: solid 1px #82d764;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 0;
    transform: translate(0px, -50%);
}

.check-list li span{
    font-size: 1.4rem;
}


@media screen and (max-width: 1024px){
/*--------------
common
--------------*/
.page-title {
    padding: 48px 0;
    margin-bottom: 64px;
}

.page-title span{
    font-size: 1.4rem;
}

.page .main-KV,
.single .main-KV,
.category .main-KV{
    height: 64vh;
    min-height: 200px;
}

.other-topics .topics-list{
    width: 90%;
}

/*--------------
当院について
--------------*/
.aboutUs-amiList:first-of-type li,
.aboutUs-amiList:last-of-type li{
    width: 48%;
}

.staff-copy{
    font-size: 2.24rem;
}

}

@media screen and (max-width: 768px){
/*--------------
    common
--------------*/
.page-title{
    padding: 32px 0;
}

.page-section {
    margin-bottom: 64px;
}

.bgOr-title{
    font-size: clamp(1.4rem, 1.095rem + 1.53vw, 2.24rem);
    letter-spacing: 0.06em;
    padding: 12px 8px;
    margin-bottom: 16px;
}

.page .main-KV, .single .main-KV, .category .main-KV {
    height: 50vh;
}

/*----- accordion -----*/
.title{
    width: 92%;
    gap: 8px;
    font-size:clamp(1.6rem, 1.516rem + 0.42vw, 1.83rem);
}

.title span{
    font-size: 1.2rem;
}

.title:after{
    width: 20px;
    height: 20px;
    right: -9%;
}

.bg-or-accordion{
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 16px;
}

.accordion-menuList .bg-or-accordion.accordion-menuList_item{
    border-bottom: none;
}

.box{
    padding: 16px 0 0px;
}

.box p{
    font-size: 1.4rem;
}

.accordion-menuList {
    gap: 0px;
    padding-bottom: 40px;
}

/*--------------
news
--------------*/
.single-wrapper {
    padding: 56px 0;
}

.other-topics{
    margin-top: 72px;
}

.other-topics .topics-list{
    width:100%;
    padding: 24px 16px;
}

.other-topics .topics-list ul{
    padding-bottom: 0;
}

.single-title,
.page-topics_list li{
    border-bottom: dashed 1px #82d764;
}

.page-topics_list li .box p{
    font-size: 1.4rem;
}

/*--------------
当院について
--------------*/
.staff:first-of-type{
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: dashed 1px #82d764;
}

.staff-image{
    width: 50%;
    margin: auto;
}

.staff-profile {
    padding-bottom: 24px;
}

.staff-profile_text{
    width: 100%;
}

.staff-greeting{
    font-size: 1.6rem;
    padding-bottom: 16px;
}

.staff-hobby{
    align-items: flex-start;
}

.staff-hobby h4 {
    width: 160px;
}

.staff-hobby .hobby-title{
    font-size: 2.24rem;
}

.staff-hobby02 .staff-hobby_inner .hobby-title{
    border-bottom: dashed 1px #82d764;
}

.staff-copy{
    font-size: 1.83rem;
    border-bottom: #82d764 1px dashed;
}

.accordion-menuList .accordion-menuList_item{
    display: block;
    width: 100%;
    border-bottom: dashed 1px #82d764;
}

.staff-career dl{
    font-size: 1.6rem;
}

.staff-career dl dt,
.accordion-menuList_director dl dt{
    width: 100%;
}

.aboutUs-amiList li{
    font-size: clamp(1.6rem, 1.516rem + 0.42vw, 1.83rem);
}

/* ここから医療行為紹介(追加) */

div.mp-inner {
    padding-bottom: 30px;
}

div.mp-inner01 {
    display: block;
}

div.mp-inner h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

div.mp-inner p {
    font-size: 16px;
}

div.mp-inner01 div.mp-text {
    width: 100%;
}

div.mp-inner01 div.mp-image {
    max-width: 550px;
    width: 100%;
    margin: 20px auto 0;
}

/* ここまで */

/*--------------
診療内容
--------------*/
.page-information_contents {
    padding-bottom: 72px;
}

.page-information_detailText{
    font-size: clamp(1.4rem, 1.244rem + 0.78vw, 1.83rem);
    padding-bottom: 24px;
}

.check-list ul{
    padding: 24px 40px;
}

.check-list:after{
    border-bottom: 30px solid #fdf4e6;
    border-left: 30px solid transparent;
}

.check-list:before{
    border-top: 30px solid #eb9605;
    border-right: 30px solid transparent;
}

.check-list li{
    font-size: 1.6rem;
    padding: 8px 0 8px 20px;
}

.check-list li span{
    font-size: 1.24rem;
    display: block;
}

.check-list li::before {
    width: 10px;
    height: 10px;
}

.check-list li:nth-of-type(1)::before,
.check-list li:nth-of-type(2)::before{
    top: 24%;
    transform: translate(0px, -24%);
}

/*--------------
    faq
--------------*/
.faq-answer_inner{
    font-size: 1.6rem;
}

.page-faq .accordion-area h3 span,
.faq-answer_inner span{
    font-size: 2.24rem;
}

.page-faq .accordion-area li{
    padding: 16px 0;
    border-bottom: #82d764 1px dashed;
}
}

@media screen and (max-width: 521px){
.page-title {
    padding: 24px 0;
    margin-bottom: 48px;
}

.accordion-menuList_inner {
    width: 100%;
}

/*--------------
当院について
--------------*/
.staff-image{
    width: 80%;
}

.staff-greeting{
    font-size: 1.4rem;
}

.staff-profileName{
    font-size: 2.24rem;
    padding-bottom: 8px;
}

.staff-profileName span{
    font-size: 1.24rem;
    padding-left: 8px;
}

.staff-career dl{
    font-size: 1.4rem;
    display: block;
    gap: 12px;
}

.staff-career dl dd{
    width: 100%;
}

.staff-hobby{
    flex-wrap: wrap;
    gap: 12px;
}

.staff-hobby h4 {
    width: 112px;
}

.staff-hobby .hobby-title{
    font-size: 1.83rem;
    text-align: center;
}

.staff-hobby_inner,
.staff-hobby02 .staff-hobby_inner{
    width: 100%;
}

.staff-career ul li span{
    font-size: 1.4rem;
    padding-left: 14px;
}

.staff-career ul li span::before {
    width: 10px;
    height: 10px;
    top: 6px;
}

.faq-answer_inner{
    font-size: 1.4rem;
    gap: 16px;
}

.check-list ul{
    padding: 16px 16px 56px;
}

/* ここから医療行為紹介(追加) */

div.mp-inner h3 {
    font-size: 20px;
    margin-bottom: 5px;
}

div.mp-inner p {
    font-size: 14px;
}

div.mp-inner01 div.mp-image {
    margin: 10px auto 0;
}

/* ここまで */

/*--------------
診療内容
--------------*/
.pageCharacter-title{
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 90%;
}

#information04 .pageCharacter-title, #information08 .pageCharacter-title{
    width: 90%;
}

.pageCharacter-title_title{
    width: 90%;
}

#information04 .pageCharacter-title_title, #information08 .pageCharacter-title_title{
    width: 100%;
}

.pageCharacter-title_image{
    max-width: 110px;
}

#information04 .pageCharacter-title_image, #information08 .pageCharacter-title_image {
    width: 42%;
}
}