@charset "UTF-8";

#clinic2025 h3{font-family: 'Noto Sans JP', sans-serif; font-weight: 600; text-align: center; color: #666; font-size: 30px; margin: 50px auto 20px auto; padding: 0;}

.accordion {width: 100%;}
.attention{font-size: 12px; line-height: 1em;}
.accordion-box25{color: #000;}

a{color: #000;}
a:visited{color: #000;}
.whitebox label{color: #3282dc;}
.acrobat{max-width: 200px; margin: 0 5%;}
.privacybox label{color: #fff; font-size: 20px; text-align: center; }
/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}
.accordion-hidden001 {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block; 
  padding: 10px 80px 10px 10px;
  cursor: pointer;
  margin: 5px 0 0 0;
  position: relative;
}

#clinic2025 .accordion-open {
  display: block; 
  padding: 40px 30px 40px 30px;
  cursor: pointer;
  margin: 5px 0;
  position: relative;
  border-bottom: none;
}


/* ＋アイコン */
.accordion-open001::after{
  content: '';
background:url("/module/lib/qaplus.png") no-repeat;
height: 50px; width: 50px;
 position: absolute; background-size: 30px;
vertical-align: middle; right: 0px; top: 35%;
}

.accordion-hidden001:checked+.accordion-open001:after {
background:url("/module/lib/qaminus.png") no-repeat;
height: 50px; width: 50px;
 position: absolute; background-size: 30px;
vertical-align: middle; right: 0px; top: 35%;
}



.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 1.5px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}



.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}



/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}


/* ↑ここまで共通 */
/* 中にいろいろ入れたいとき */
.accordion-box25 {background: #fff;
  display: block;
  height: 0; border-radius:  0 0 30px 30px;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}
#clinic2025 .accordion-box25{padding:0 2%;}
#clinic2025 .accordion-box25 p{margin-bottom: 5px; }
.accordion02 .accordion-box25 {
  display: block; padding: 0 20%;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}

.privacybox .accordion-box25 {
  display: block; padding: 0 20%;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}


.accordion-hidden:checked+.accordion-open+.accordion-box25 {
  height: auto;
  opacity: 1;
}
.accordion-hidden001:checked+.accordion-open001+.accordion-box25 {
  height: auto;
  opacity: 1;
}



/*--------------------------------------------------------------
clinics_list
--------------------------------------------------------------*/
#clinic2025{padding:5% ; font-family: 'Noto Sans JP', sans-serif;}

#clinic2025 label{color: #fff; font-weight: 600; font-size: 14px; text-align: center; letter-spacing:0.5em; background: rgb(20,111,191);
background: #f28f8f;
}
@media only screen and (min-width:600px) {
#clinic2025 label{font-size: 16px;}
}

@media only screen and (min-width:769px) {
#clinic2025 h3{ font-size: 40px; margin: 50px auto 30px auto; padding: 0;}

#clinic2025 label{font-size: 24px;} 
#clinic2025 .accordion-open {
display: block;
padding: 80px 30px 80px 30px;
cursor: pointer;
margin: 5px 0;
position: relative;
border-bottom: none;
}
}


.clinics_list {
    width: 100%;
    max-width: 990px;
    margin: 0 auto 10px;
}

.clinics_list_area{
    text-align: center;
    margin-bottom: 3rem;
}

.clinics_list_area_title{
    margin: 100px auto 50px;
    color: #3282dc;
}

.clinics_list .clinics_list_title{
    display: table;
    background: url(/module/lib/clinics_list_bg.jpg) no-repeat;
    width: 100%;
    max-width: 930px;
    height: 60px;
    margin: 0 auto;
    position:relative;
    line-height: 40px;
    cursor: pointer;
    padding: 0;
    color: #333;
    font-size: 26px;
    text-align: center;
    box-sizing: border-box;
}

.clinics_list .clinics_list_title h3{
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.clinics_list .clinics_list_title::after{
    content:"";
    font-family:fontawesome;
    position:absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/icon_open_white.png) no-repeat 50% 50%;
}

.clinics_list .clinics_list_title.is-active::after{
    content:"";
    font-family:fontawesome;
    position:absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/icon_close_white.png) no-repeat 50% 50%;
}

.clinics_list .clinics_list_item_wrap{
    display:none;
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    line-height:40px;
    font-size:85%;
    color:#777;
    border: 1px solid #f28f8f;
    box-sizing: border-box;
}

.clinics_list_title.is-active ~ .clinics_list_item_wrap{
    display: block;
}

.clinics_list_item{padding: 0 5px;
    justify-content: flex-start;
    padding-bottom: 20px;
}

.clinics_list_item li{
    width: 100%; border-bottom: 1px solid #f28f8f;
    margin: 10px 0;
    text-align: left;
 padding-bottom: 10px;
    padding-right: 10px;
}

.clinics_list_item li:nth-child(4n){
    border-right: none;
}

.clinics_list_item li .title{
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    color: #f28f8f;
}

.clinics_list_item li .address{color: #3e3a39;
    font-size: 14px;
    line-height: 1.4;
    margin: 3px 0;
}

.clinics_list_item li .tel{
    font-size: 18px;
    color: #f28f8f;
    position: relative;
    padding-left: 35px;
}

.clinics_list_item li .tel::after{
    content: "";
    position: absolute;
    left: 3px;
    top: 12px;
    width: 25px;
    height: 16px;
    background: url(/module/lib/clinics_list_tel_icon.png) no-repeat 50% 50%;     background-size: contain;

}

.clinics_list_item li .access{
    font-size: 17px;
    line-height: 1.1;
    color: #f18d4e;
    padding-left: 35px;
    position: relative;
    margin: 3px 0;
}

.clinics_list_item li .access::after{
    content: "";
    position: absolute;
    left: 7px;
    top: -2px;
    width: 17px;
    height: 23px;
    background: url(/module/lib/clinics_list__access_icon_a.png) no-repeat 50% 50%;     background-size: contain;

}

.clinics_list_item li .time{
    font-size: 16px;
    color: #f18d4e;
    padding-left: 35px;
    position: relative;
}

.clinics_list_item li .time::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url(/module/lib/clinics_list_time_icon_a.png) no-repeat 50% 50%;     background-size: contain;

}

.clinics_list_item li .parking{
    font-size: 16px;
    color: #f18d4e;
    padding-left: 35px;
    position: relative;
}

.clinics_list_item li .parking::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url(/module/lib/privacys_list_parking_icon_a.png) no-repeat 50% 50%;     background-size: contain;

}


@media screen and (max-width: 650px){
    .clinics_list_area {
        text-align: center;
        padding-top: 10%;
    }

    .clinics_list_area_title {
        margin-top: 2%;
        margin-bottom: 5%;
    }

    .clinics_list {
        margin: 0 auto 2%;
    }

    .clinics_list .clinics_list_title {
        width: 95%;
        height: calc(95vw*0.1);
        background: url(/module/lib/clinics_list_bg_sp.jpg) no-repeat center bottom;
        background-size: cover;
    }

    .clinics_list .clinics_list_title h3 {
        line-height: 1;
    }

    .clinics_list .clinics_list_title::after {
        top: 25%;
        right: 3%;
        width: 6%;
        height: 50%;
    }

    .clinics_list_title.is-active .clinics_list_item_wrap {
        display: inline-block;
    }

    .clinics_list .clinics_list_title.is-active::after {
        top: 25%;
        right: 3%;
        width: 6%;
        height: 50%;
    }

    .clinics_list .clinics_list_item_wrap {
        width: 95%;
        line-height: 60%;
    }

    .clinics_list .clinics_list_item {
        padding-bottom: 5%;
    }

    .clinics_list .clinics_list_item li {
        width: 47%;
        margin: 5% 0 0;
        padding: 0 1%;
    }

    .clinics_list .clinics_list_item li:nth-child(2n) {
        border-right: none;
    }

    .clinics_list .clinics_list_item li:after {
        content: '';
        width: 90%;
        height: 1px;
        margin: 7% auto 0;
        display: block;
        background: #23bbd7;
    }

    .clinics_list .clinics_list_item li .tel,
    .clinics_list .clinics_list_item li .access,
    .clinics_list .clinics_list_item li .time,
    .clinics_list .clinics_list_item li .parking,
    .clinics_list .info_title {
        padding-left: 20%;
    }

    .clinics_list_item li .tel::after {
        left: 0px;
        top: -2px;
        width: 25px;
        height: 13px;
        background-size: contain;
    }

    .clinics_list_item li .access::after {
        left: 4px;
        top: -1px;
        width: 17px;
        height: 19px;
        background-size: contain;
    }

    .clinics_list_item li .time::after {
        left: 3px;
        top: 5px;
        width: 20px;
        height: 17px;
        background-size: contain;
    }

    .clinics_list_item li .parking::after {
        left: 3px;
        width: 18px;
        background-size: contain;
    }

    .clinics_list .clinics_reservation {
        text-align: center;
        margin-left: 2%;
        padding: 0;
        display: inline-block;
        width: 100%;
    }

    .clinics_list .clinics_reservation .line {
        padding: 1% 0 2%;
        line-height: 1.5;
        margin-right: 1%;
        text-align: center;
    }

    .clinics_list .clinics_reservation .mail {
        padding: 1% 0 2%;
        line-height: 1.5;
    }

    .clinics_list .clinics_reservation .line::after,
    .clinics_list .clinics_reservation .mail::after {
        content: '';
        display: none;
    }