/*
Theme Name: jikotiryonavi
*/



/*contents3*/

.contents3{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contents3 h1{
    margin-top: 10px;
    font-size: 30px;
    line-height: 132.15%;
    display: flex;
    align-items: center;
	border-left: 4px solid #FF7A00;
    padding-left: 8px;
    padding-right: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}
@media(max-width: 650px) {
    .contents3 h1 {
        font-size: 20px;
        border: none;
        padding-left: 0;
    }
}
.sp-post-thumbnail {
    margin: 10px auto;
    width: 100%;
}
.sp-post-thumbnail img {
    width: 100%;
    height: auto;
}
.pc-post-thumbnail {
    margin: 32px auto 10px;
    width: 90%;
}
.pc-post-thumbnail img {
    width: 100%;
    height: auto;
}
.area-clinic-page-intro p {
    font-weight: 400;
    font-size: 14px;
    line-height: 147.15%;
    margin: 5px auto 15px;
    width: 90%;
}
.area-clinic-page-intro span {
    color: #0886DF;
    font-weight: 700;
}
.pc-area-clinic-page-intro p {
    font-size: 16px;
    line-height: 132.15%;
    width: 100%;
    margin: 20px auto;
}
h2.area-h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 132.15%;
    color: #FAA268;
}
/*contents4*/

.contents4{
    padding: 8px 16px;
    gap: 12px;
    background: #FBF9F7;
}
.contents4-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.total-hospital{
    /* Frame 15 */
    display: flex;
    align-items: flex-end;
    gap: 4px;
}
.total-hospital-data{
        font-size: 18px;
        color: #FAA268;
    }

.total-hospital-count{
    font-size: 14px;
    align-items: center;
    color: #585858;
}

.date-detail{
    white-space: nowrap;
    font-size: 14px;
    color: #585858;
}

.tabs-btn{
    text-align: center;
    box-sizing: border-box;
    padding: 16px 10px;
    height: 49px;
    background: #fff;
    width: 25%;
    float: left;
    display: block;
    white-space: nowrap;
}

.hospital-category{
    padding: 12px 16px;
    display: flex;
    gap: 12px;
    background-color: #FCE1C6;
    text-align: center;
}

.tag{
    display: flex;
    gap: 12px;
    width: 100%;
}
.hospital-category
.tags-btn{
    display: block;
    width: calc(100% / 3);
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    height: 25px;
    color: #585858;
    padding: 4px 10px;
    background: #FFFFFF;
    box-shadow: 0px 2px 0px #E6E6E6;
    border-radius: 100px;
}
@media(max-width: 450px) {
    .hospital-category .tags-btn {
        font-size: 10px;
        white-space: nowrap;
    }
}

#all-symptoms-tab,
#all-symptoms-all-clinic-tab,
#all-symptoms-orthopedic-tab,
#all-symptoms-osteopathic-clinic-tab,
#all-symptoms-hospital-tab,
#bruise-tab,
#bruise-all-clinic-tab,
#bruise-orthopedic-tab,
#bruise-osteopathic-clinic-tab,
#bruise-hospital-tab,
#trauma-tab,
#trauma-all-clinic-tab,
#trauma-orthopedic-tab,
#trauma-osteopathic-clinic-tab,
#trauma-hospital-tab,
#flogging-tab,
#flogging-all-clinic-tab,
#flogging-orthopedic-tab,
#flogging-osteopathic-clinic-tab,
#flogging-hospital-tab {
    display: none;
}

#all-symptoms-radio:checked ~ #all-symptoms-tab,
#bruise-radio:checked ~ #bruise-tab,
#trauma-radio:checked ~ #trauma-tab,
#flogging-radio:checked ~ #flogging-tab {
    display: block;
}

input[name="clinic"],
input[name='symptoms'],
input[name='all-symptom-clinic_kind'],
input[name='bruise_clinic_kind'],
input[name='symptoms'],
input[name='trauma-clinic_kind'],
input[name='flogging-clinic_kind']{
    display: none;
    position: relative;
}

#all-symptoms-radio:checked ~ .all-symptoms-label,
#bruise-radio:checked ~ .bruise-label,
#trauma-radio:checked ~ .trauma-label,
#flogging-radio:checked ~ .flogging-label {
    box-sizing: border-box;
    border-bottom: 2px solid #FAA268;
    color: #FAA268;
}


#all-clinic-radio:checked ~ .all-clinic-label,
#orthopedic-radio:checked ~ .orthopedic-label,
#osteopathic-clinic-radio:checked ~ .osteopathic-clinic-label {
	background: #FAA268;
    color: #fff;
}

#all-symptoms-all-clinic-radio:checked ~ .all-symptoms-all-clinic-label,
#all-symptoms-orthopedic-radio:checked ~ .all-symptoms-orthopedic-label,
#all-symptoms-osteopathic-clinic-radio:checked ~ .all-symptoms-osteopathic-clinic-label,
#all-symptoms-hospital-radio:checked ~ .all-symptoms-hospital-label {
    background: #0886DF;
    color: #fff;
}
#bruise-all-clinic-radio:checked ~ .bruise-all-clinic-label,
#bruise-orthopedic-radio:checked ~ .bruise-orthopedic-label,
#bruise-osteopathic-clinic-radio:checked ~ .bruise-osteopathic-clinic-label,
#bruise-hospital-radio:checked ~ .bruise-hospital-label {
    background: #0886DF;
    color: #fff;
}
#trauma-all-clinic-radio:checked ~ .trauma-all-clinic-label,
#trauma-orthopedic-radio:checked ~ .trauma-orthopedic-label,
#trauma-osteopathic-clinic-radio:checked ~ .trauma-osteopathic-clinic-label,
#trauma-hospital-radio:checked ~ .trauma-hospital-label {
    background: #0886DF;
    color: #fff;
}
#flogging-all-clinic-radio:checked ~ .flogging-all-clinic-label,
#flogging-orthopedic-radio:checked ~ .flogging-orthopedic-label,
#flogging-osteopathic-clinic-radio:checked ~ .flogging-osteopathic-clinic-label,
#flogging-hospital-radio:checked ~ .flogging-hospital-label {
    background: #0886DF;
    color: #fff;
}
.hospital-category:has(>#all-symptoms-all-clinic-radio:checked) ~ #all-symptoms-all-clinic-tab,
.hospital-category:has(>#all-symptoms-orthopedic-radio:checked) ~ #all-symptoms-orthopedic-tab,
.hospital-category:has(>#all-symptoms-osteopathic-clinic-radio:checked) ~ #all-symptoms-osteopathic-clinic-tab,
.hospital-category:has(>#all-symptoms-hospital-radio:checked) ~ #all-symptoms-hospital-tab {
    display: block;
}
.hospital-category:has(>#all-symptoms-osteopathic-clinic-radio:checked) ~ #all-symptoms-all-clinic-tab,
.hospital-category:has(>#all-symptoms-orthopedic-radio:checked) ~ #all-symptoms-all-clinic-tab,
.hospital-category:has(>#all-symptoms-hospital-radio:checked) ~ #all-symptoms-all-clinic-tab {
    display: none !important;
}

.hospital-category:has(>#bruise-all-clinic-radio:checked) ~ #bruise-all-clinic-tab,
.hospital-category:has(>#bruise-orthopedic-radio:checked) ~ #bruise-orthopedic-tab,
.hospital-category:has(>#bruise-osteopathic-clinic-radio:checked) ~ #bruise-osteopathic-clinic-tab,
.hospital-category:has(>#bruise-hospital-radio:checked) ~ #bruise-hospital-tab {
    display: block;
}
.hospital-category:has(>#trauma-all-clinic-radio:checked) ~ #trauma-all-clinic-tab,
.hospital-category:has(>#trauma-orthopedic-radio:checked) ~ #trauma-orthopedic-tab,
.hospital-category:has(>#trauma-osteopathic-clinic-radio:checked) ~ #trauma-osteopathic-clinic-tab,
.hospital-category:has(>#trauma-hospital-radio:checked) ~ #trauma-hospital-tab {
    display: block;
}
.hospital-category:has(>#flogging-all-clinic-radio:checked) ~ #flogging-all-clinic-tab,
.hospital-category:has(>#flogging-orthopedic-radio:checked) ~ #flogging-orthopedic-tab,
.hospital-category:has(>#flogging-osteopathic-clinic-radio:checked) ~ #flogging-osteopathic-clinic-tab,
.hospital-category:has(>#flogging-hospital-radio:checked) ~ #flogging-hospital-tab {
    display: block
}

/*blocks*/
.hospital-detail{
    padding-bottom: 10px;
    border-bottom: 3px solid;
    border-block-color: #dcdcdc;
    list-style: none;
}
.hospital-detail a {
    text-decoration: none;
}
.pc-hospital-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1600px;
    list-style: none;
    margin: 40px auto 0;
    padding: 0 30px;
}
.hospital-detail-right {
    width: calc(100% - 430px);
}
@media(max-width: 1000px) {
    .hospital-detail-right {
        width: 100%;
        margin-top: 20px;
    }
}
.pc-hospital-detail-left {
    width: 400px;
}
@media(max-width: 1000px) {
    .pc-hospital-detail {
        display: block;
    }
    .pc-hospital-detail-left {
        width: 90%;
        margin: 0 auto;
    }
}
.hospital-name{
    font-weight: 700;
    font-size: 16px;
    line-height: 31px;
    padding-left: 10px;
    color: #222222;
    margin: 0;
}
.hospital-name a {
    text-decoration: none;
    color: inherit;
}
.pc-hospital-name {
    font-weight: 700;
    font-size: 24px;
    padding-left: 16px;
    color: #222222;
    margin: 0;
}
.pc-hospital-name a {
    font-size: 24px;
    color: #4661A4;
    margin-bottom: 8px;
    text-decoration: none;
    color: inherit;
}
.pc-hospital-top-images {
    display: flex;
    width: 100%;
    overflow-x: scroll;
}
.pc-hospital-top-images.slick-initialized {
    display: flex;
    width: 95%;
    gap: 15px;
    margin: 15px auto 0;
}
.pc-hospital-top-images .slick-list {
    padding: 0 !important;
}
.pc-hospital-top-images.pre button:last-of-type {
    left: 90%;
}

.slick-arrow.slick-next:before,
.slick-arrow.slick-prev:before {
    color: gray;
    opacity: 1;
}
.slick-arrow.slick-prev {
    left: 3%;

}
.slick-arrow.slick-prev:before {
    width: 20px;
    height: 20px;
    display: block;
}
.hospital-top-image.pc {
    width: 100%;
    max-width: 400px;
	aspect-ratio: 10/7;
	position: relative;
}
.hospital-top-image.pc img {
	width: 95%;
	height: 100%;
	position: relative;
    object-fit: cover;
}

.slick-next {
    left: 92%;
}
.slick-prev {
    left: 3%;
    z-index: 1;
}

.hospital-detail-content {
    padding: 0 16px;
}
.hospital-detail-content.pc {
    margin-top: 4px;
}
.Treatment-content{
    display: flex;
    align-items: center;
    padding: 8px 0 6px 10px;
}

.Treatment-content-title{
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    background-color: #808080;
    padding: 2px 5px 4px;
    margin: 0 11px 0 0;
    white-space: nowrap;
    align-items: center;
    display: flex;
}

.Treatment-contents{
    font-size: 12px;
    color: #585858;
}
.hospital-top-images {
    overflow-x: scroll;
    overflow-y: hidden;
    overflow-y:hidden!important;
    display: flex;
    padding-left: 10px;
    gap: 14px
}
.hospital-top-image.sp {
    height: 116px;
    flex-shrink: 0;
	aspect-ratio: 10/7;
	position: relative;
}
.hospital-top-image.sp img {
    height: 100%;
    width: 100%;
	    position: absolute;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hospital-locations{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin: 0 0 12px;
}
.hospital-locations.sp {
    margin: 0;
    gap: 0;
    padding-left: 20px;
}
.hospital-location-address{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
.hospital-information-item {
    font-size: 10px;
    width: auto;
    color: #0886DF;
}
.hospital-information-icon{
    width: 16px;
    position: relative;
    height: auto;
}
.hospital-information-icon img {
    width: 100%;
    height: 100%;
}
.hospital-location-address-text{
    font-size: 12px;
    line-height: 17px;
    align-items: center;
    color: #222222;
    text-decoration: none;
}
.hospital-location-station{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
}

.hospital-location-station-text{
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #222222;
}

.good-points{
    display: flex;
    flex-direction: column;
    gap:5.5px;
    padding-bottom: 18px;
}
.good-points.sp{
    padding-bottom: 7px;
    gap: 2px;
    margin-top: 8px;
}
.good-points.pc{
    margin-top: 8px;
    padding-bottom: 0;
}
.good-point{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.good-point.sp + .good-point.sp {
    margin-top: 4px;
}
.good-point img {
	width: 20px;
	height: auto;
}
.good-point.sp img {
    width: 15px;
    height: auto;
}
.good-point-text{
    color: #0886DF;
    font-size: 14px;
    font-weight: 700;
    gap:6px
}
.good-point-text.sp {
    line-height: 1.5;
    font-size: 14px;
}
.hospital-tags{
    display: flex;
    flex-direction: row;
    padding-bottom: 8px;
    justify-content: flex-start;
}
.hospital-tags.sp {
    margin-top: 10px;
    padding-left: 10px;
}
.hospital-tags.pc {
    padding-bottom: 0px;
}

.hospital-tag{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    width: calc((100% - 12px) / 3);
    border: 1px solid #0886DF;
}
.hospital-tag:nth-child(n + 2) {
    margin-left: 4px;
}
.hospital-tag-text{
    justify-content: center;
/*     height: 17px; */
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #0886DF;
}
.Slider.sp {
    margin-top: 5px;
}
.Slider.sp.active {
    height: 100%;
}
.hospital-review {
    display: flex;
    align-items: center;
    gap: 20px;
}
.hospital-review-star-wrapper {
    position: relative;
    width: 120px;
    height: 25px;
    margin-left: 15px;
    font-size: 24px;
    line-height: 1;
}
.hospital-review-star {
    position: absolute;
    overflow:hidden;
    white-space:nowrap;
    color: #FFB800;
}
.hospital-review-star-gray {
    position: absolute;
    white-space:nowrap;
    overflow: hidden;
    color:#BBBBBB;
}
.calendar-table{
    border: 1px solid #D8D8D8 !important;
    border-spacing: 0;
    color: #222222;
    width: 100%;
    margin-top: 15px;
	table-layout: fixed;
}
.calendar-table.sp {
    margin-top: 0;
}

.hospital-review-text {
    color: #DC2A2A;
    font-size: 24px;
    font-weight: 700;
    line-height: 132.152%;
}
.calendar-table th,
.calendar-table td {
    border: none;
}

.calendar-table-header{
background: #EEEEEE;
width: 100%;
padding: 5px 10px;
text-align: left;
}

.calendar-table-header-left{
    font-weight: 500;
    font-size: 15px;
    line-height: 17px;
    color: #222222;
    width: 33%;
    padding: 5px 10px;
}
.calendar-table-header-left.sp {
    font-size: 12px;
}
.calendar-content-left{
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    width: 33%;
}
.calendar-content-left {
    padding: 4px 10px;
}
.calendar-week{
    font-size: 12px;
    line-height: 17px;
    color: #222222;
    text-align: center;
}
.calendar-remark {
    padding-left: 10px;
    padding-bottom: 3px;
    color: #585858;
    font-size: 12px;
}
.sp-clinic-detail-more {
    color: #fff;
    font-family: "Noto Sans JP";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    width: 236px;
    text-align: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: 15px;
    text-decoration: none;
    background: linear-gradient(180deg, #1791E7 0%, #C3E4FC 100%);
    box-shadow: 0px 2px 0px 0px #BBBBBB;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    border-radius: 30px;
    padding-left: 13px;
}
.sp-clinic-detail-more img {
    width: 18px;
}
.pc-clinic-detail-more-container {
    display: block;
    margin: 14px auto 0;
    width: 270px;


}
.pc-clinic-detail-more {
    color: #fff;
    font-family: "Noto Sans JP";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(180deg, #1791E7 0%, #C3E4FC 100%);
    box-shadow: 0px 2px 0px 0px #BBBBBB;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;
    border-radius: 30px;
    padding-left: 13px;
}
.pc-clinic-detail-more img {
    width: 18px;
}
.sp-clinic-reserve-btn {
    display: block;
    width: 95%;
    margin: 10px auto 0;
    position: relative;
}
.sp-clinic-reserve-btn .phone-mark {
    position: absolute;
    display: block;
    width: 5vw;
    height: auto;
    top: 43%;
    transform: translateY(-50%);
    left: 10%;
}
.pc-area-clinic-reserve-btn {
    width: 100%;
    max-width: 400px;
    margin: 5px auto 0;
    display: block;
    cursor: pointer;
}
.pc-area-clinic-reserve-btn img {
    width: 100%;
    height: auto;
}

.slider{
        display: flex;
        margin-top: 15px;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px;
        gap: 8px;
        width: 375px;
        height: 93px;
        overflow: auto;
        scroll-snap-type: x;
        display: flex;
}
@keyframes sliderAnimation {
    100% {
      transform: translateX(-30%);
    }
  }  
    .slides{
        scroll-snap-type: x;
        display: flex;
        overflow: auto;
        gap: 5px;
    }
    .slides.pc{
        gap: 20px;
        margin-top: 15px;
    }

    .user-voice{
        /* user voice */
        box-sizing: border-box;
        scroll-snap-align: start;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 16px 12px;
        gap: 12px;
        width: 250px;
        flex:none;
        background: #E8F7FF;
        border-radius: 4px;
    }

    .user-voice.sp {
        gap: 0px;
    }
    .user-voice.pc{
        flex-direction: inherit;
        align-items: center;
        gap: 12px;
        width: calc((100% - 40px) / 3);
    }
    .voice-face {
        width: 60px;
        height: 60px;
    }
        .img-voice{
            position: relative;
        }
            .mask-group{
                position: absolute;
                left: 0px;
                top: 0px;
            }
            .user-voice-details{
                display: flex;
                flex-shrink: 0;
                flex-direction: row;
                align-items: center;
                padding: 0px;
                gap: 6px;
            }
            .user-voice-details.sp {
                margin-right: auto;
            }
                .user-voice-name{
                    font-size: 12px;
                    line-height: 17px;
                    display: flex;
                    color: #585858;
							font-weight: 700;
                }
                .user-voice-gender{
                    font-weight: 700;
                    font-size: 12px;
                    line-height: 17px;
                    display: flex;
                    color: #585858;
                }
                .user-voice-age{
                    font-weight: 700;
                    font-size: 12px;
                    line-height: 17px;
                    display: flex;
                    color: #585858;
                }
                .slash1{
                    font-size: 12px;
                    line-height: 17px;
                    display: flex;
                    color: #222222;
                }
                .slash2{
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 17px;
                    display: flex;
                    color: #222222;
                }
            .user-voice-details-text{
                font-style: normal;
                font-weight: 500;
                font-size: 12px;
                line-height: 17px;
                display: flex;
                align-items: center;
                color: #222222;
                align-self: stretch;
                margin-top: 3px;
            }
            .user-voice-details-text.pc {
                margin-top: 5px;
            }
            .pc-clinic-more-btn{
                color: #fff;
                font-family: "Noto Sans JP";
                font-size: 18px;
                font-style: normal;
                font-weight: 700;
                line-height: 50px;
                width: 80%;
                max-width: 480px;
                text-align: center;
                margin: 0 auto;
                text-decoration: none;
                background: linear-gradient(180deg, #1791E7 0%, #C3E4FC 100%);
                box-shadow: 0px 2px 0px 0px #BBBBBB;
                border: none;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 5px;
                border-radius: 30px;
            }
            .pc-clinic-more-btn img {
                width: 24px;
                height: auto;
            }

block{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 16px;
    gap: 12px;
}
.pagination{
    display: flex;
    gap: 16px;
}

.region-attention-wrapper {
	position: relative;
    width: 95%;
    margin: 0 auto;
}
@media(min-width: 700px) {
  .region-attention-wrapper {
    display: none;
  }
}
@media(min-width: 1200px) {
    .pc-hospital-list-wrapper {
        display: flex;
        gap: 60px;
        flex-direction: row-reverse;
    }
    aside {
        width: 340px;
    }
}
@media(max-width: 1199px) {
    .pc-hospital-list-wrapper {
        display: block;
    }
    aside {
        display: none;
    }
}
@media(min-width: 640px) and (max-width: 1001px) {
    .pc-main-content {
        padding-top: 20px;
    }
}
.pc-hospital-top-images .slick-dots {
    display: none !important;
}
@media(min-width: 1002px) and (max-width: 1299px) {
    .pc-header-menu-wrapper {
        margin-top: 90px;
    }
}




/*都道府県ページデザイン*/
.contents3-pre {
    margin-bottom: 0px;
    width: 90%;
    margin: 0 auto 15px;
    padding-bottom: 20px;
    border-bottom: solid 6px #F09F55;
}
.contents3-pre h1 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    color: #1C2975;
    margin: 0px;
    position: relative;
    top: 10px;

}
.date-pre-top {
    font-size: 14px;
    font-weight: 400;
    color: #1C2975;
    display: flex;
    flex-direction: row-reverse;
    width: 90%;
    margin: 0 auto;
}
.date-pre-top p {
    margin: 0px;
    
}
.area-clinic-page-intro.pre p {
    font-size: 16px;
    color: #1C2975;
    width: 90%;
}
.hospital-detail.pre {
    display: block;
}
.hospital-detail-content.pre {
    list-style: none;
    margin-top: 20px;
}
.ranking-and-name.pre {
    display: flex;
}
.ranking-and-name {
    display: flex;
}
.rank-img.pre {
    background-image: url(../images/king-icon-sp.png);
    background-repeat: no-repeat;
    width: 67px;
    height: 52px;
	flex-shrink: 0;
}
.rank-img.pre-pc {
    background-image: url(../images/king-icon.png);
    background-repeat: no-repeat;
    width: 98px;
    height: 68px;

}

.rank-img.pre-pc p {
    font-size: 30px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    position: relative;
    bottom: -2px;
    margin: 20px 0;
}

.rank-img.pre p {
    font-size: 23px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 3px;
    width: 67px;
    margin: 20px 0;
}
.hospital-name.pre.two-lines {
    line-height: 22px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.hospital-name pre {
    padding: 0px;
}
.hospital-name.pre {
    font-size: 17px;
    padding: 0px;
    color: #4661A4;
    line-height: 63px;
}
.hospital-tag.pre {
    width: calc((80% - 12px) / 3);
    border-radius: 4px;
    background-color: #4661A4;
    border: none;
    padding: 10px 0px;
}
.hospital-tags.sp.pre {
    margin-top: 0px;
    padding-left: 0px;
}
.hospital-feature {
    color: #1C2975;
    margin-top: 20px;
}
.hospital-top-image.pc.pre {
    flex-shrink: 0;
    width: 400px;
    height: 280px;
}
.intro-text {
    font-size: 16px;
    color: #1C2975;
}
.hospital-tag-text.pre {
    color: #ffffff;
    line-height: 12px;
    text-align: center;
}
.hospital-top-image.sp.pre {
    width: 223px;
    height: 142px;
}
.hospital-reputation.pre-pc {
    background-color: #F09F55;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    width: 95%;
    margin: 15px auto 0;
}
.calendar-table.pre {
    margin-top: 10px;
}
.calendar-table.pre-pc {
    border: none;
    width: 95%;
    margin: 0 auto;
}

.hospital-reputation.pre {
    text-align: center;
    background-color: #F09F55;
    color: #ffffff;
    padding: 10px;
    margin-top: 20px;
}
.hospital-reputation.pre {
    font-size: 14px;
    line-height: 30px;
    margin-top: 20px;
}
.user-voice.pre {
    width: 97%;
    margin: 0 auto 8px;
    border-radius: 10px;
background: #FDF5E6;
}
.user-voice-wrapper {
    margin-top: 20px;
}
.slides.pc.pre-pc {
    width: 95%;
    margin: 20px auto 10px;
}
.pc-hospital-detail.pre-pc .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.user-voice.sp.pre div {
    color: #1C2975;
}

.info-wrapper.pre {
    display: flex;
    font-size: 14px;
}
.info-wrapper {
    display: flex;
}
.info-wrapper-box {
    color: #1C2975;
    width: 95%;
    margin: 20px auto 0;
}


.blue-mark {
    width: 9px;
height: 9px;
transform: rotate(-45deg);
background: #4661A4;
margin: 7px 4px 0 4px;
}
.google-map {
    width: 97%;
    margin: 2px auto;
}
.google-map iframe {
    height: 180px;
    width: 100%;
}
@media(max-width: 1200px) {
    .google-map {
        aspect-ratio: 400 / 300;
    }
    .google-map iframe{
        height: 100%;
    }
}

.call-reserve-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    align-items: self-end;
}
@media(min-width: 768px) {
    .call-reserve-wrapper.sp {
        display: none;
    }
}
@media(max-width: 767px) {
    .call-reserve-wrapper.pc {
        display: none;
    }
}


@media(min-width: 1200px) {
    .pc-hospital-detail.pre-pc {
        margin: 80px auto 0px;
    }
    .contents3-pre {
        margin: 0 auto 8px;
        padding-bottom: 20px;

    }
    .contents3-pre h1 {
        font-size: 30px;
    }
    .date-pre-top {
        font-size: 18px;
        width: 90%;
        margin: 0 auto;
    }

    .pc-area-clinic-page-intro.pre p {
        font-size: 20px;
        color: #1C2975;
    }
    
    .intro-text {
        font-size: 18px;
        line-height: 25px;
    }
    .user-voice.pc {
        flex-direction: column;
    }
    .detail-top {
        width: 95%;
        margin: 0 auto;
    }
    .hospital-name.pre-pc{
        padding-top: 0px;
        width: 100%;
    }
    .hospital-tag.pre-pc {
        width: calc((80% - 12px) / 3);
        border-radius: 4px;
        background-color: #4661A4;
        color: #ffffff;
        border: none;
        padding: 0px;
    }
    .hospital-tags.pc.pre-pc {
        margin-left: 20px;
    }
    .hospital-tag-text.pre-pc {
        color: #ffffff;
        line-height: 36px;
        display: block;
        font-size: 15px;
        text-align: center;
    }
    .hospital-top-image.pc.pre img {
        width: 95%;
    }
    .slick-list {
        width: 95%;
        margin: 0 auto;
    }
        /* 口コミ*/
     .user-voice-details-text.pre-pc  {
        font-family: 'Inter';
        font-size: 14px;
        font-weight: 400;
        color: #1C2975;
        line-height: 18px;
    }
    .pc-clinic-voice-right.pre-pc {
        width: 85%;
    }
    .user-voice-name.pre-pc {
        font-family: 'Inter';
        font-size: 14px;
        font-weight: 900;
        color: #1C2975;
    }
    .user-voice.pre-pc {
        background: #FDF5E6;
    }
    .blue-mark {
        width: 9px;
        height: 9px;
        transform: rotate(-45deg);
        background-color: #4661A4;
        margin: 7px 8px 0px 0px;
    }
    .detail-bottom-wrapper {
        display: flex;
        width: 95%;
        margin: 0 auto;

    }
    .google-map {
        width: 100%;
        margin-right: 20px;
    }
    .google-map iframe {
        height: 220px;
        width: 100%;
    }
    .pc-area-clinic-reserve-btn.pre-pc img {
        width: 100%;
    }
}