@media screen and (min-width: 751px){.is-hidePcTab{display:none!important}}.clinic-list{font-family:NotoSansCJK500,sans-serif;font-weight:500}@media screen and (min-width: 751px){.clinic-list{padding:100px 0 120px}}@media screen and (max-width: 750px){.clinic-list{padding:40px 0 80px}}.clinic-list__inner{width:calc(100% - 30px);margin:0 auto}@media screen and (min-width: 751px){.clinic-list__inner{max-width:1260px}}@media screen and (max-width: 750px){.clinic-list__inner{max-width:580px}}.clinic-list__headingWrap{text-align:center}@media screen and (min-width: 751px){.clinic-list__heading{font-size:32px}}@media screen and (max-width: 750px){.clinic-list__heading{font-size:26px}}@media screen and (max-width: 750px){.clinic-list__read{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 751px){.clinic-list__wrap:first-child{margin-top:80px}.clinic-list__wrap:nth-child(n+2){margin-top:60px}}@media screen and (max-width: 750px){.clinic-list__wrap:first-child{margin-top:30px}.clinic-list__wrap:nth-child(n+2){margin-top:40px}}.clinic-list__wrapTitle{font-family:NotoSansCJK700,sans-serif;font-weight:700}.clinic-list__wrapTitle:before{content:"";width:20px;height:20px;margin-right:10px;display:inline-block;-webkit-transform:translateY(2px);transform:translateY(2px);background:url(../assets/icon-location.svg) no-repeat center/contain}@media screen and (min-width: 751px){.clinic-list__wrapTitle{font-size:22px}}@media screen and (max-width: 750px){.clinic-list__wrapTitle{font-size:18px}}@media screen and (max-width: 750px){.clinic-list__regionGroup{max-width:550px;margin:0 auto;position:relative}.clinic-list__regionGroup:before{content:"";width:75px;height:55px;display:block;position:absolute;top:0;left:0;z-index:3;background:-webkit-gradient(linear,left top,right top,from(#fff),to(transparent));background:linear-gradient(to right,#fff,transparent)}.clinic-list__regionGroup:after{content:"";width:75px;height:55px;display:block;position:absolute;top:0;right:0;z-index:3;background:-webkit-gradient(linear,right top,left top,from(#fff),to(transparent));background:linear-gradient(to left,#fff,transparent)}}@media screen and (min-width: 751px){.clinic-list__swiperWrap{padding-bottom:10px;overflow-x:auto}.clinic-list__swiperWrap::-webkit-scrollbar{height:3px}}@media screen and (max-width: 750px){.clinic-list__swiperWrap{margin:0 auto;border-bottom:1px solid #D7D7D7}}@media screen and (min-width: 751px){.clinic-list__swiperWrap .swiper{margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-bottom:1px solid #D7D7D7}}.clinic-list__swiperWrap .swiper-wrapper{margin-bottom:0;padding-bottom:10px;padding-left:0;list-style:none}.clinic-list__swiperWrap .swiper-slide{position:relative;cursor:pointer;font-family:NotoSansCJK700,sans-serif;font-weight:500;white-space:nowrap;color:#d7d7d7;text-align:center}.clinic-list__swiperWrap .swiper-slide.is-active{pointer-events:none;color:#008cff}.clinic-list__swiperWrap .swiper-slide.is-active:after{content:"";width:100%;display:block;position:absolute;bottom:-10px;left:0;background-color:#008cff}@media screen and (min-width: 751px){.clinic-list__swiperWrap .swiper-slide{width:auto;padding:0 40px;font-size:22px}.clinic-list__swiperWrap .swiper-slide.is-active:after{height:4px}.clinic-list__swiperWrap .swiper-slide:hover{color:#008cff66}.clinic-list__swiperWrap .swiper-slide:hover:after{content:"";width:100%;height:4px;display:block;position:absolute;bottom:-10px;left:0;background-color:#008cff66}}@media screen and (max-width: 750px){.clinic-list__swiperWrap .swiper-slide.is-active:after{height:2px;bottom:-10px}}@media screen and (max-width: 750px){.clinic-list__swiperWrap .swiper-button-prev,.clinic-list__swiperWrap .swiper-button-next{width:auto;height:auto;display:block;top:32px}}@media screen and (max-width: 750px){.clinic-list__swiperWrap .swiper-button-prev:after{content:"";display:block;border-style:solid;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:11px solid #008CFF;border-left:0}}@media screen and (max-width: 750px){.clinic-list__swiperWrap .swiper-button-next:after{content:"";display:block;border-style:solid;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:11px solid #008CFF;border-right:0}}.clinic-list__areaBox{border-radius:12px;background-color:#f2f2f2}@media screen and (min-width: 751px){.clinic-list__areaBox{min-height:200px;margin-top:20px;padding:4px 14px}}@media screen and (max-width: 750px){.clinic-list__areaBox{margin-top:30px;padding:4px 20px}}.clinic-list__areaList{padding-left:unset;display:none;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}@media screen and (min-width: 751px){.clinic-list__areaList.is-active{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width: 750px){.clinic-list__areaList.is-active{display:block}}.clinic-list__area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;font-family:NotoSansCJK700,sans-serif;font-weight:700;cursor:pointer;border-radius:8px;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.16);box-shadow:0 3px 8px #00000029;background-color:#fff}.clinic-list__area:after{content:"";width:18px;height:18px;display:inline-block;position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:100px;background:#cce8ff url(./icon-arrow.svg) no-repeat center/6px}.clinic-list__area.is-active{pointer-events:none;color:#008cff;background-color:#cce8ff}.clinic-list__area.is-active:after{background-color:#fff}@media screen and (min-width: 751px){.clinic-list__area{width:185px;height:60px;margin:10px;font-size:20px;-webkit-transition:background-color .25s;transition:background-color .25s}.clinic-list__area:hover{background-color:#cce8ff66}.clinic-list__area:hover:after{background:#fff url(./icon-arrow.svg) no-repeat center/6px}}@media screen and (max-width: 750px){.clinic-list__area{width:100%;height:50px}.clinic-list__area:nth-child(n+2){margin-top:10px}}.clinic-list__list{padding-left:unset;display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}@media screen and (min-width: 751px){.clinic-list__list{margin-top:30px}.clinic-list__list.is-show{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width: 750px){.clinic-list__list{max-width:420px;margin:30px auto 0}.clinic-list__list.is-show{display:block}}.clinic-list__item{border-radius:8px;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.16);box-shadow:0 3px 8px #00000029}@media screen and (min-width: 751px){.clinic-list__item{width:48%;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.clinic-list__item:nth-child(n+3){margin-top:60px}}@media screen and (max-width: 750px){.clinic-list__item{padding:18px}.clinic-list__item:nth-child(n+2){margin-top:20px}}.clinic-list__imageWrap{margin:unset}@media screen and (min-width: 751px){.clinic-list__imageWrap{max-width:300px;width:53%}}.clinic-list__imageWrap img{width:100%;overflow:hidden;border-radius:8px;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 751px){.clinic-list__description{max-width:225px;width:42%}}.clinic-list__description p{margin:5px 0 0;font-size:15px;line-height:1.6;font-weight:500}.clinic-list__description span{font-weight:700;color:#008cff}.clinic-list__itemTitle{margin:unset;font-size:18px;font-family:NotoSansCJK700,sans-serif;font-weight:700}.clinic-list__buttonWrap{max-width:210px;margin:30px auto 0}.clinic-list__button{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;font-family:NotoSansCJK500,sans-serif;font-weight:500;color:#fff;border-radius:100px;-webkit-box-shadow:4px 4px 8px rgba(0,0,0,.2);box-shadow:4px 4px 8px #0003;background-color:#008cff}@media screen and (min-width: 751px){.clinic-list__button:hover{color:#008cff;text-decoration:underline;background-color:#cce8ff}}.clinic-list__note{font-size:15px;line-height:1.6;font-weight:500}@media screen and (min-width: 751px){.clinic-list__note{margin-top:30px}}@media screen and (max-width: 750px){.clinic-list__note{margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clinic-list.css.map */