/*-------------------------------------- special (특화진료) ---------------------------------------*/ #contents.mimisome {position: relative; overflow:hidden;} #contents.mimisome .pc {position: relative;} #contents.mimisome .mo {display: none;} .mimisome-story1{position:relative;} .mimisome-story1 .title_box img {width: 35rem;} .mimisome-story1 .title_box p {font-weight: 500;font-size: 4.4em;margin-top:3rem} .mimisome-story1 .title_box span {display: block; margin-top: 5rem;font-size: 1.125em;} .mimisome-story1 .title_box.tit_color1 {color:var(--white);} .mimisome-story1 .title_box.tit_color1 img {filter: invert(95%) sepia(94%) saturate(2%) hue-rotate(273deg) brightness(116%) contrast(100%);} .mimisome-story1 .title_box.tit_color2 {color:var(--black);} .mimisome-story1 .title_box.tit_color2 img {} .mimisome-story1 .mimi_color {filter: invert(35%) sepia(84%) saturate(1314%) hue-rotate(360deg) brightness(97%) contrast(104%);} .mimisome-story1 .ms_top_wrap{position:relative;overflow:hidden;} .mimisome-story1 .ms_top_wrap.load{background-size:100%;} .mimisome-story1 .ms_top_wrap img{opacity:0;height:100%;} .mimisome-story1 .ms_top_wrap.load > img{opacity:1;} .mimisome-story1 .absBox{position:absolute;top:35%;left:0;width:100%;text-align:center;} .mimisome-story1 .ms_top_wrap2{padding-top:25rem;} .mimisome-story1 .ms_top_wrap2 .box{height:2rem;margin-bottom:9rem;} .mimisome-story1 .fixed_text p{line-height:1.3;margin:2rem 0 0;} .mimisome-story1 .fixed_text-2{position:absolute;top:8%;left:0;width:100%;text-align:center;z-index:-1;} .mimisome-story1 .fixed_text-2.stop{position:static;top:auto;left:auto;transform:Translate(0)!important;} .mimisome-story1 .fixed_text.fixed-bottom{position:Absolute;left:0;top:auto;bottom:3%;} .mimisome-story1 .ms_scroll{margin-top:50rem;background-color:var(--white);} .mimisome-story1 .ms_scroll .tscroll{position:relative;width:100%;max-width:78rem;text-align:left;left:0;margin:0 auto 20rem;} .mimisome-story1 .ms_scroll .tscroll > div{position:relative;padding-left:20rem;line-height:1;margin-bottom:50rem;} .mimisome-story1 .ms_scroll .tscroll > div span{line-height:1;} .mimisome-story1 .ms_scroll .tscroll span.abs{position:absolute;line-height:1;} .mimisome-story1 .ms_scroll .tscroll span > span { line-height:1; transition: all .2s linear;} .mimisome-story1 .ms_scroll .tscroll .abs-text { position:absolute; top:0; left:0; padding-left:39rem;} .mimisome-story1 .ms_scroll .tscroll .abs-text img {margin:0 1rem;} .mimisome-story1 .span_abs {font-size: initial; font-weight: 300; color: var(--aaa); position: absolute; left: 24rem; top: 14rem;} .mimisome-story1 .span_abs2 { font-size: initial;font-weight: 300; color:var(--aaa); position: absolute; left: 44rem; top: 14rem;} .mimisome-story1 .span_abs3 { font-size:initial; font-weight: 300; color: var(--aaa); position: absolute; left: 50%; transform:translateX(-50%); top:22rem;} .mimisome-story1 .ms_scroll .tstext {width: 100%; text-align: center;height: 60rem;} .mimisome-story1 .ms_scroll .tstext .stit {font-size: 1.8em; font-weight: bold;margin-bottom:9rem; color:var(--aaa); } .mimisome-story1 .ms_scroll .tstext .tit {margin-bottom: 5rem;} .mimisome-story1 .ms_scroll .tstext .stxt {font-size: 1.25em;} .mimisome-story1 .ms_scroll .tstext .stxt span {display: block; margin:2rem 0; line-height: 150%;} .mimisome-story1 .fixed_text-1 p,.mimisome-story1 .fixed_text-1 > img{opacity:0;} .mimisome-story1 .fixed_text-1 p.load,.mimisome-story1 .fixed_text-1 > img.load{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);-webkit-transition:all .75s ease;-moz-transition:all .75s ease;-ms-transition:all .75s ease;-o-transition:all .75s ease;transition:all .75s ease;opacity:1;} .mimisome-story2{position:relative;background:url(../image/some_bg1.webp) no-repeat center center;background-size:cover;width:100%;height:700px; z-index: 1;} .mimisome-story2 .s-inner{position:relative;z-index:100;} .mimisome-story2 .s-inner,.mimisome-story2 .cellbox{width:100%;height:100%;} .mimisome-story2 .cellbox{font-size:1em;display:flex;text-align:center;} .mimisome-story2 .cellbox .cell{position:relative;display:inline-block;vertical-align:top;width:33.33%;height:100%;} .mimisome-story2 .cellbox .cell:not(:last-child):before{content:'';display:inline-block;width:1px;height:100%;background:rgba(255,255,255,.3);position:absolute;top:0;right:0;} .mimisome-story2 .cellbox .cell .tbox{display:table;width:100%;height:100%;} .mimisome-story2 .cellbox .cell .tbox .tw{display:flex;text-align:center;flex-direction:column;align-content:center;justify-content:center;height:100%;} .mimisome-story2 .cellbox .cell .tbox .tw em{display:inline-block;color:rgba(255,255,255,0.5);text-transform:uppercase;transition:all .5s ease;height:30px;font-size:.9em;font-weight:200;} .mimisome-story2 .cellbox .cell .tbox .tw p{display:block;height:60px;font-size:32px;color:rgba(255,255,255,0.5);transition:all .5s ease;} .mimisome-story2 .cellbox .cell span{color:rgba(255,255,255,0.5);position:relative;width:50%;transition:all .5s ease;line-height:150%;font-size:1.125em;padding-top:5rem;margin:0 auto;} .mimisome-story2 .cellbox .cell span::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:5rem;height:2px;background:var(--white);opacity:0.5;transition:all .5s ease;} .mimisome-story2 .cellbox .cell.on .tbox .tw span::before,.mimisome-story2 .cellbox .cell:hover .tbox .tw span::before{opacity:1;} .mimisome-story2 .absImg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;} .mimisome-story2 .absImg > div{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover!important;opacity:0;transition:all .75s ease;font-size:0;transform:scale(1.15);} .mimisome-story2 .absImg > div.on{transform:scale(1);opacity:1;z-index:10;} .mimisome-story2 .absImg > div:nth-child(1){background:url(../image/some_bg1.webp) no-repeat center center;} .mimisome-story2 .absImg > div:nth-child(2){background:url(../image/some_bg2.webp) no-repeat center center;} .mimisome-story2 .absImg > div:nth-child(3){background:url(../image/some_bg3.webp) no-repeat center center;} .mimisome-story2 .absImg > div > img{opacity:0;} .mimisome-story2 .cellbox .cell.on .tbox .tw span, .mimisome-story2 .cellbox .cell:hover .tbox .tw span, .mimisome-story2 .cellbox .cell.on .tbox .tw em, .mimisome-story2 .cellbox .cell:hover .tbox .tw em, .mimisome-story2 .cellbox .cell.on .tbox .tw p, .mimisome-story2 .cellbox .cell:hover .tbox .tw p{color:var(--white);} .mimisome-story3{background:var(--white);padding:20rem 0 10rem;} .mimisome-story3 .story3_wrap{position:relative;height:600px;} .mimisome-story3 .story3_wrap .link_bg_area{position:absolute;left:0;top:0;width:75%;height:50rem;background:url(../image/some_img1.webp) no-repeat center / cover;} .mimisome-story3 .story3_wrap .link_text_area{position:absolute;display:flex;right:0;bottom:0;background-color:var(--white);width:50%;height:40rem;justify-content:space-between;align-items:flex-end;padding:10rem 0 10rem 8rem;} .mimisome-story3 .story3_wrap .link_text_area .text_box{display:flex;flex-direction:column;} .mimisome-story3 .story3_wrap .link_text_area .text_box em{font-weight:400;font-size:1.125em;} .mimisome-story3 .story3_wrap .link_text_area .text_box span{font-weight:700;font-size:1.4em;color:var(--aaa);} .mimisome-story3 .story3_wrap .link_text_area .text_box p{font-size:3em;font-weight:700;margin:2rem 0 5rem;} .mimisome-story3 .story3_wrap .link_text_area .link_btn{position:relative;} .mimisome-story3 .story3_wrap .link_text_area .link_btn p{width:6rem;height:6rem;border:1px solid var(--aaa);position:relative;border-radius:100%;} .mimisome-story3 .story3_wrap .link_text_area .link_btn i{position:absolute;font-size:2em;top:50%;left:50%;transform:translate(-50%,-50%);} .mimisome-story3 .story3_wrap .link_text_area:hover .link_btn { animation:tada 1s both; } .mimisome-story3 .story3_wrap .link_text_area:hover .link_btn p {border:1px solid var(--main-color1); background-color: var(--main-color1);color:var(--white);} @media screen and (max-width:600px) { .mimisome-story1 .fixed_text p {font-size: 1.8em;} .mimisome-story1 .ms_top_wrap.load > img {max-height:90vh;} .mimisome-story1 .absBox {top:50%;transform:translateY(-50%);} .mimisome-story1 .ms_scroll .tscroll {display: none;} .mimisome-story1 .ms_scroll .tstext {height: 40rem;} .mimisome-story1 .ms_scroll .tstext .stit {font-size: 1.2em; margin-bottom: 4rem;} .mimisome-story1 .ms_scroll .tstext .stxt {font-size: 1em;} .mimisome-story1 .ms_scroll .tstext .tit {opacity:1 !important; width: 80%;margin:0 auto;} .mimisome-story1 .ms_scroll .tstext .tit img {width: 100%;} .mimisome-story2 {background-position: 65% center !important;height: 100vh;} .mimisome-story2 .cellbox {flex-direction: column;} .mimisome-story2 .cellbox .cell {width: 100%;} .mimisome-story2 .cellbox .cell:not(:last-child):before {width: 100%; height: 1px;top: auto; bottom: 0;} .mimisome-story2 .cellbox .cell .tbox .tw em {height: auto; margin-bottom: 1rem;} .mimisome-story2 .cellbox .cell .tbox .tw p {height: auto; font-size: 1.8em;} .mimisome-story2 .cellbox .cell span {font-size: 1em; width:60%; margin-top: 1em; padding-top:2rem; } .mimisome-story2 .absImg > div:nth-child(1) { background-position: 65% center !important;} .mimisome-story2 .absImg > div:nth-child(2) { background-position:50% center !important;} .mimisome-story2 .absImg > div:nth-child(3) { background-position: 60% center !important;} .mimisome-story3 {padding:10rem 0 15rem ;} .mimisome-story3 .story3_wrap {height: auto;} .mimisome-story3 .story3_wrap .link_bg_area[data-aos] {dn } .mimisome-story3 .story3_wrap .link_bg_area {position: relative; width: 100%; height: 30rem;} .mimisome-story3 .story3_wrap .link_text_area { width: 90%; padding: 10%; right: auto; left: 0; height: auto; bottom: auto; top: 60%; margin: 0 5%;} .mimisome-story3 .story3_wrap .link_text_area .text_box em {font-size: 1em;} .mimisome-story3 .story3_wrap .link_text_area .text_box p {font-size: 1.5em;margin: 1rem 0 2rem;} .mimisome-story3 .story3_wrap .link_text_area .text_box span {font-size: .9em; font-weight: 400; } .mimisome-story3 .story3_wrap .link_text_area .link_btn p {width: 4rem; height: 4rem; } } /*-------------------------------------- clinic ---------------------------------------*/ #contents.clinic{position:relative;margin:5rem 0 0;} #contents.clinic .address_wrap{position:relative;padding-bottom:15rem;} #contents.clinic .address_wrap h3{font-weight:700;border-bottom:1px solid var(--333);padding:1rem 0;font-size: 1.5em;} #contents.clinic .address_wrap .clinic_slide_area {margin:2rem 0;} #contents.clinic .address_wrap .clinic_slide_area img {width: 100%;} #contents.clinic .address_wrap .clinic_slide_area .arrow_next, #contents.clinic .address_wrap .clinic_slide_area .arrow_prev {color:var(--white);} .swiper-pagination-bullet-active {background-color:var(--white);} #contents.clinic .address_wrap .map_area{margin:2rem 0 5rem;padding-top: 10rem;} #contents.clinic .address_wrap .map_area .map .map_api{width:100%;} #contents.clinic .address_wrap .map_area .addr{width:100%;text-align:center;background-color:var(--222);color:var(--white);padding:2.5rem 0;} #contents.clinic .address_wrap .clinic_info_area{position:relative;display:flex;} #contents.clinic .address_wrap .clinic_info_area .tit{width:20%;font-weight:700;font-size:1.25em;} #contents.clinic .address_wrap .clinic_info_area .time_box .time .time_list dl{display:flex;margin-bottom:1.2rem;font-size:1.125em;} #contents.clinic .address_wrap .clinic_info_area .time_box .time .time_list dt{width:34%;} #contents.clinic .address_wrap .clinic_info_area .time_box .time .time_list > p{display:flex;flex-direction:column;margin:2rem 0 5rem;} #contents.clinic .address_wrap .clinic_info_area .time_box .time .time_list > p > span{line-height:150%;} #contents.clinic .address_wrap .clinic_info_area .time_box .time .time_list > p > span.color{color:var(--main-color1);} #contents.clinic .address_wrap .clinic_info_area .time_box .reser .btn_reser{display:flex;width:90%;align-items:center;justify-content:center;font-size:1.2em;border-radius:1rem;margin:0 0 1rem;} #contents.clinic .address_wrap .clinic_info_area .time_box .reser .btn_reser.call{background-color:var(--main-color2);} #contents.clinic .address_wrap .clinic_info_area .time_box .reser .btn_reser.katalk{background-color:var(--main-color1);color:var(--white);} #contents.clinic .address_wrap .clinic_info_area .time_box .reser .btn_reser a{display:flex;align-items:center;width:100%;justify-content:center;padding:1.5rem 0;} #contents.clinic .address_wrap .clinic_info_area .time_box .reser .btn_reser p{margin-right:2rem;display:flex;align-items:center;font-weight:700;} #contents.clinic .address_wrap .clinic_info_area .time_box .reser .btn_reser p > i{font-size:1.35em;margin-right:1rem;} #contents.clinic .address_wrap .clinic_info_area .parking_box .parking_info ul li{display:flex;align-items:center;margin-right:2rem;} #contents.clinic .address_wrap .clinic_info_area .parking_box .parking_info em{position:relative;display:flex;width:2.5rem;height:2.5rem;background-color:var(--333);color:var(--white);align-items:center;justify-content:center;border-radius:100%;font-size:.9em;font-weight:700;margin-right:1rem;} @media screen and (max-width:600px) { } #contents.clinic .event_wrap{position:relative;background-color:var(--main-color3);padding:10rem 0;} #contents.clinic .event_wrap .title_area{border-bottom:1px solid var(--333);display:flex;justify-content:space-between;align-items:flex-end;padding:2rem 0;} #contents.clinic .event_wrap .title_area h3 > p{font-family:Edensor, sans-serif;font-size:3.5em;font-weight:400;} #contents.clinic .event_wrap .title_area a{display:flex;align-items:center;} #contents.clinic .event_wrap .title_area a > span{font-weight:700;margin-right:1rem;} #contents.clinic .event_wrap .event_list_area{margin:3rem 0 0;} #contents.clinic .event_wrap .event_box{position:relative;width:94%;margin:0 auto 5rem;} #contents.clinic .event_wrap .event_box .thum_list .thum_box{background:#eee;width:100%;overflow:hidden;min-height:19.5rem;max-height:auto;} #contents.clinic .event_wrap .event_box .thum_list .thum_box img{display:block; width: 100%; } #contents.clinic .event_wrap .event_box .thum_list .thum_box em{position:absolute;left:0;top:0;text-align:center;line-height:3rem;width:8rem;height:3rem;background:var(--main-color1);color:var(--white);} #contents.clinic .event_wrap .event_box .thum_list .tit_box{margin-top:2rem;} #contents.clinic .event_wrap .event_box .thum_list .tit_box .tit{display:flex;align-items:center;flex-wrap:wrap;} #contents.clinic .event_wrap .event_box .thum_list .tit_box .tit > h3{display:inline-block;font-size:1.1em;margin-right:.5rem;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; max-width:55%;} #contents.clinic .event_wrap .event_box .thum_list .tit_box .tit > span{width:1.8rem;height:1.8rem;font-size:.7em;font-weight:700;border-radius:100%;display:flex;align-items:center;justify-content:center;margin:0 .2rem;} #contents.clinic .event_wrap .event_box .thum_list .tit_box .tit > span.ico_new{background:#ffe55d;color:#ff8d0a;} #contents.clinic .event_wrap .event_box .thum_list .tit_box .tit > span.ico_hot{background:#ffd6e2;color:#ff487c;} #contents.clinic .event_wrap .event_box .thum_list .tit_box .tit > span.ico_up{background:#d1e2ff;color:#4f8dff;} #contents.clinic .event_wrap .event_box .thum_list .tit_box > p{font-size:1.4em;font-weight:700;color:var(--main-color1);} #contents.clinic .event_wrap .event_box .thum_list .tit_box > p > em {font-size: .8em;} #contents.clinic .event_wrap .event_box .thum_list .tit_box > span{display: block; color: var(--555); margin: 1rem 0; line-height: 120%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;} #contents.clinic .event_wrap .event_box .cart_list{position:relative;display:block;margin:1rem 0;} #contents.clinic .event_wrap .event_box .cart_list .btn_box{border:1px solid var(--ccc);display:flex;align-items:center;justify-content:center;padding:1rem;cursor: pointer;} #contents.clinic .event_wrap .event_box .cart_list .btn_box span{margin-right:1rem;} #contents.clinic .event_wrap .event_box .cart_list .cart_product{width:100%;position:relative;border-top:2px solid var(--ccc);} #contents.clinic .event_wrap .event_box .cart_list .cart_product ul li{width:100%;border-bottom:1px solid var(--ccc);padding:1.2rem 0;} #contents.clinic .event_wrap .event_box .cart_list .cart_product ul li:last-child{border-bottom:0;} #contents.clinic .event_wrap .event_box .cart_list .prod_box{display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-direction: column;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title{display:flex;width:100%;justify-content:space-between;align-items:center;flex-direction: column;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .tit{width:100%;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .tit p{font-size: 1em; font-weight: 700; line-height: 130%;word-break: keep-all;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .tit span{color:var(--555);display:block;font-size:.8em;line-height:120%;word-break: keep-all;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .price{display:flex;;align-items:center; margin-top: 0.5rem;font-size:1.125em;width:100%;white-space: nowrap;justify-content: space-between;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .price .price_box {display: flex; flex-direction: column;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .price .discount {display:flex; align-items: center;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .price .discount > p{color:var(--main-color1); font-weight:700;margin-right:.5rem;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .price .discount > span{font-size:.8em; } #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .price .normal {font-size: .7em;color:var(--aaa); margin-top: 0.5rem; text-decoration: line-through;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .cart{width:4rem;height:4rem;background:var(--ccc);border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--white);} #contents.clinic .event_wrap .event_box .cart_list .prod_box .cart:hover{background:var(--main-color1);} #contents.clinic .event_wrap .event_box .cart_list .prod_box .cart i{font-size:1.5em;} #contents.clinic .address_wrap .clinic_info_area .parking_box .parking_map{display: block;margin-top: 2rem;} #contents.clinic .address_wrap .clinic_info_area .parking_box .parking_map img {width:100%;} #contents.clinic .address_wrap .clinic_info_area .cont,#contents.clinic .address_wrap .clinic_info_area .time_box .time .time_list dd{width:80%;} #contents.clinic .address_wrap .clinic_info_area .time_box,#contents.clinic .address_wrap .clinic_info_area .parking_box{width:50%;display:flex;flex-direction:column;justify-content:flex-start;;} #contents.clinic .address_wrap .clinic_info_area .time_box .time,#contents.clinic .address_wrap .clinic_info_area .time_box .reser,#contents.clinic .address_wrap .clinic_info_area .parking_box .parking_info,#contents.clinic .address_wrap .clinic_info_area .parking_box .parking_info ul{display:flex;} #contents.clinic .doctor_wrap{position:relative;padding:17rem 0 25rem;overflow:hidden;} #contents.clinic .doctor_wrap::before {content: ''; width: 60%; height: 20rem; position: absolute; left: 50%; bottom: -5rem; background: url(../image/title_mimisome.svg) no-repeat center; background-size: 100%; opacity: .05; transform: translateX(-50%);} #contents.clinic .doctor_wrap .title_area{text-align:center; } #contents.clinic .doctor_wrap .title_area > h3{font-family:Edensor, sans-serif;} #contents.clinic .doctor_wrap .title_area > h3 span{font-size:1.5em;font-weight:300;} #contents.clinic .doctor_wrap .title_area > h3 p{font-size:4em;font-weight:400;margin-top:1rem;} #contents.clinic .doctor_wrap .title_area > p{position:relative;padding-top:10rem;font-weight:700;font-size:1.125em;} #contents.clinic .doctor_wrap .title_area > p::before{content:'';width:1px;height:7rem;position:absolute;left:50%;top:5%;background-color:var(--main-color1);} #contents.clinic .doctor_wrap .doctor_list_area{margin-top:5rem;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box{position:relative;width:90%;min-height:30rem;border-radius:1.5rem;overflow:hidden;background-color:var(--main-color2);margin:5%;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .title_box{position:absolute;left:3rem;top:5rem;z-index:1;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .title_box > p{border-bottom:1px solid var(--aaa);padding-bottom:1rem;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .title_box > p > em{display:block;font-size:.8em;color:var(--555);} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .title_box > p > span{display:block;font-size:1.5em;font-weight:700;margin-top:1rem;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .title_box > span{color:var(--555);display:block;padding:2rem 0;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .doctor_img{position:absolute;right:0;bottom:0;} #contents.clinic .doctor_wrap .doctor_list_area .btn_doctor{border: 1px solid var(--main-color1); transition: all 0.2s linear; display: flex; align-items: center; padding: 2rem 0; color: var(--main-color1); width: 50%; justify-content: center; margin: 0 auto; border-radius: 5rem; margin-top: 5rem;} #contents.clinic .doctor_wrap .doctor_list_area .btn_doctor span{margin-right:1rem; font-weight: bold;} #contents.clinic .doctor_wrap .doctor_list_area .btn_doctor:hover {background-color: var(--main-color1); color:var(--white);} #contents.clinic .event_wrap .event_list_area ul,#contents.clinic .doctor_wrap .doctor_list_area ul{display:flex;flex-wrap:wrap;} #contents.clinic .event_wrap .event_list_area ul li,#contents.clinic .doctor_wrap .doctor_list_area ul li{width:25%;} @media screen and (max-width:600px) { .swiper-button-prev:after, .swiper-button-next:after {font-size: 2.5rem;} #contents.clinic .address_wrap .map_area .map{height: 200px !important; } #contents.clinic .address_wrap .map_area .addr {padding: 1.5rem 0;font-size: .9em;} #contents.clinic .address_wrap .clinic_info_area {flex-direction: column;} #contents.clinic .address_wrap .clinic_info_area .time_box .time, #contents.clinic .address_wrap .clinic_info_area .time_box .reser, #contents.clinic .address_wrap .clinic_info_area .parking_box .parking_info,#contents.clinic .address_wrap .clinic_info_area .parking_box .parking_info ul {flex-direction: column;} #contents.clinic .address_wrap .clinic_info_area .tit {margin-bottom: 2rem;} #contents.clinic .address_wrap .clinic_info_area .parking_box .parking_info ul li {margin-right: 0; margin-bottom: 1rem;} #contents.clinic .address_wrap .clinic_info_area .time_box, #contents.clinic .address_wrap .clinic_info_area .parking_box {width: 100%;} #contents.clinic .address_wrap .clinic_info_area .time_box .time .time_list dt {width: 30%;} #contents.clinic .address_wrap .clinic_info_area .time_box .reser .btn_reser {width: 100%;} #contents.clinic .address_wrap .clinic_info_area .time_box {margin-bottom: 4rem;} #contents.clinic .address_wrap .clinic_info_area .parking_box .parking_map img{max-width: 100%;} #contents.clinic .address_wrap .clinic_info_area .cont, #contents.clinic .address_wrap .clinic_info_area .time_box .time .time_list dd {width: 100%;} #contents.clinic .event_wrap .event_box .thum_list .thum_box {min-height: auto;} #contents.clinic .event_wrap .event_list_area ul li {width: 100%;} #contents.clinic .doctor_wrap .doctor_list_area ul li {width: 50%;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .title_box {position: absolute; left: 10%; top: 15%;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .doctor_img {position: absolute; width: 100%; height: 100%;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .doctor_img img{position: absolute; width: 80%; right:0; bottom:0;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box {margin: 2% ; width: auto; min-height: 25rem;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .title_box > p > span {font-size: 1.2em;} #contents.clinic .doctor_wrap .doctor_list_area .doctor_box .title_box > span {padding:1rem 0; font-size: .9em;} #contents.clinic .doctor_wrap::before {width: 90%; bottom: -8rem;} #contents.clinic .address_wrap {padding-bottom:10rem;padding-top: 4rem;} #contents.clinic .address_wrap .clinic_info_area .parking_box .parking_map {margin-top: 0;} #contents.clinic .address_wrap .map_area {padding-top:4rem;} #contents.clinic .event_wrap .title_area h3 > p {font-size: 2em;} #contents.clinic .event_wrap .event_box .thum_list .thum_box em {width: 5.2rem; height: 2.5rem; font-size: .8em; line-height: 2.5rem;} #contents.clinic .event_wrap .event_box .thum_list .tit_box > span {font-size: .9em; line-height: 120%; } #contents.clinic .event_wrap .event_box .thum_list .tit_box > p {font-size: 1.2em;} #contents.clinic .event_wrap .event_box .thum_list .tit_box .tit > span { width: 1.8rem; height: 1.8rem; margin: 0 0.1rem;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .tit p {font-size: 1em; line-height: 130%;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .tit {width: 100%;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title {width: 100%;flex-direction: column;align-items: flex-start;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .title .price {font-size: 1em; } #contents.clinic .event_wrap .event_box .cart_list .prod_box .cart {width: 3.5rem; height: 3.5rem;} #contents.clinic .event_wrap .event_box .cart_list .prod_box .cart i {font-size: 1.2em;} #contents.clinic .event_wrap {padding:5rem 0;} #contents.clinic .event_wrap .title_area a > span {font-size: .9em;} #contents.clinic .doctor_wrap {padding: 10rem 0;} #contents.clinic .doctor_wrap .title_area > h3 span {font-size: 1em;} #contents.clinic .doctor_wrap .title_area > h3 p {font-size: 2.5em;} #contents.clinic .doctor_wrap .title_area > p::before {height: 4rem;} #contents.clinic .doctor_wrap .title_area > p {padding-top: 6rem; font-size: 1em;} #contents.clinic .doctor_wrap .doctor_list_area .btn_doctor {width: 80%; padding: 1.5rem 0;} } /*-------------------------------------- sleep_anesthesia ---------------------------------------*/ #contents.sleep_anesthesia{position:relative;margin:5rem 0 0;} #contents.sleep_anesthesia .sleep_wrap{position:relative;padding-bottom:0;} .inner_padding {padding-top:3rem;box-sizing:border-box;} .title_sup {height:27px;line-height:27px;text-align:center;font-size:20px;} .titles {margin-top:27px;height:49px;line-height:49px;text-align:center;font-size:54px;font-weight:bold;} .title_sub {margin-top:61px;} .academy .title_sub {margin-top:40px;} .title_sub p {text-align:center;font-size:20px;} .title_sub p:nth-child(2) {margin-top:15px;} .ico_wrap {margin-top:103px;height:212px;} .ico_wrap ul li {float:left;width:25%;height:212px;text-align:center;} .ico_wrap ul li div.info_title {margin-top:28px;height:23px;line-height:23px;font-size:24px;font-weight:bold;} .ico_wrap ul li div.info_title span {color:#ff6600;} .ico_wrap ul li div.info_sub {margin-top:10px;height:17px;line-height:17px;font-size:18px;} #contents.sleep_anesthesia .pic_wrap ul {display:flex; justify-content: space-between; margin-top:100px; gap:20px;} #contents.sleep_anesthesia .pic_wrap ul li {width:calc(33.333% - 20px);} #contents.sleep_anesthesia .pic_wrap ul li img {width:100%;} #contents.sleep_anesthesia .go_btn {display:block; width:240px; height:60px; border:1px solid #ff6600; line-height:58px; text-align:center; margin:0 auto; color:#ff6600; border-radius:100px; margin-top:70px; font-size:18px;} .sub_quick_box {text-align:center; margin-top:140px; background:url("/data/academy/bg01.webp") no-repeat center bottom; padding-bottom:110px;} .sub_quick_box h2 { font-family:"Shiningstar"; font-weight:normal; font-size:62px; margin-bottom:40px;} .sub_quick_box ul {display:flex; max-width:1300px; margin:0 auto;} .sub_quick_box ul li {width:100%; text-align:center;} .sub_quick_box ul li strong {display:block; margin:23px 0; font-size:20px; line-height:1.3;} .sub_quick_box ul li span { font-size:18px;} #sub_visual2 {position:relative;margin-top:135px;width:100%;height:355px;background-position:center;background-size:cover;background-repeat:no-repeat;} #sub_visual2.bg_sleep {background-image:url(/data/sleep_anesthesia/sleep_anesthesia_sub_bg.webp);} #sub_visual2 > div.inner {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;} #sub_visual2 > div.inner p:nth-child(1) {margin-top:-58px;font-size:20px;} #sub_visual2 > div.inner p:nth-child(2) {margin-top:6px;font-size:45px;font-weight:bold;} #sub_content {position:relative;margin:56px 0 0;width:100%;} #sub_content > div.inner {text-align:center;} #sub_content > div.inner p:nth-child(1), #sub_content > div.inner p:nth-child(3) {font-size:50px;font-weight:bold;} #sub_content > div.inner p:nth-child(2) {margin-top:23px;font-size:50px;font-weight:bold;} #sub_content > div.inner p:nth-child(2) span {font-family:"Shiningstar";font-size:65px;font-weight:normal;color:#ff6600;} #sub_content > div.inner p:nth-child(3) {margin-top:14px;} #sub_content > div.inner .txt {font-size:22px; margin-top:50px; display:block; line-height:1.4;} #sub_content > div.inner div.explanation {margin-top:92px;padding:0 215px;height:197px;box-sizing:border-box;} #sub_content > div.inner div.explanation ul li {float:left;display:flex;width:353px;height:197px;align-items:center;justify-content:center;border:2px solid #ccc;border-radius:20px;box-sizing:border-box;} #sub_content > div.inner div.explanation ul li:nth-child(1) {margin-right:33px;} #sub_content > div.inner div.explanation ul li p {font-size:26px;font-weight:500;} #sub_content > div.inner div.explanation ul li p:nth-child(2) {margin-top:10px;} #sub_content > div.inner div.person {margin-top:19px;height:510px;} #sub_content2 {position:relative;width:100%;height:304px;} #sub_content2 > div.inner {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;} #sub_content2 > div.inner p:nth-child(1) {font-size:20px;} #sub_content2 > div.inner p:nth-child(2) {margin-top:22px;font-size:40px;font-weight:bold;} #sub_content3 {position:relative;width:100%;padding-bottom:25rem;box-sizing:border-box;} #sub_content3 > div.inner div.point {margin-top:80px;height:360px;} #sub_content3 > div.inner div.point div.left {float:left;width:calc(100% - 585px);height:360px;padding-top:60px;box-sizing:border-box;} #sub_content3 > div.inner div.point div.left .point_ico {height:42px;} #sub_content3 > div.inner div.point div.left .point_title {margin-top:30px;height:51px;font-size:40px;font-weight:bold;} #sub_content3 > div.inner div.point div.left .point_sub {margin-top:41px;height:36px;display:flex;flex-direction:column;justify-content:center;} #sub_content3 > div.inner div.point div.left .point_sub p {font-size:20px;} #sub_content3 > div.inner div.point div.left .point_sub p:nth-child(2) {margin-top:15px;} #sub_content3 > div.inner div.point div.right {float:left;width:585px;height:360px;} #sub_content3 > div.inner div.point:nth-child(1) {margin-top:0;} #sub_content3::before {margin-top:200px;content:'';width:60%;height:20rem;position:absolute;left:50%;bottom:-5rem;background:url(../image/title_mimisome.svg) no-repeat center;background-size:100%;opacity:.05;transform:translateX(-50%);} @media screen and (max-width:600px) { .academy .titles {height:auto; line-height:1.2;} .academy .title_sub {margin-top:10px;} #contents.sleep_anesthesia .pic_wrap ul {display:block; margin-top:50px;} #contents.sleep_anesthesia .pic_wrap ul li {width:auto;} #sub_content > div.inner .txt {font-size:16px;} #sub_content > div.inner .txt br {display:none;} .sub_quick_box h2 {margin-bottom:0px;} .sub_quick_box ul {flex-wrap:wrap; justify-content: center;} .sub_quick_box ul li {margin-top:30px; word-break: keep-all;} .sub_quick_box ul li br {display:none;} .sub_quick_box ul li strong {margin:15px 0;} .sub_quick_box ul li img {width:80px;} } /*-------------------------------------- event ---------------------------------------*/ #contents.event {position:relative;margin:10rem 0 ;} #contents.event .not_evnet_wrap {position: relative; padding:20rem 0; } #contents.event .not_evnet_wrap .not_event {display:flex; flex-direction: column; align-items: center;} #contents.event .not_evnet_wrap .not_event i {font-size:3em;color:var(--main-color1);} #contents.event .not_evnet_wrap .not_event p {font-size: 1.125em; margin-top: 1rem;;} #contents.event .event_wrap .event_list_area{margin:3rem 0;} #contents.event .event_wrap .event_list_area ul {display:flex;flex-wrap:wrap; } #contents.event .event_wrap .event_list_area ul li {width: 25%; } #contents.event .event_wrap .event_box{position:relative;width:94%;margin:3rem auto;} #contents.event .event_wrap .event_box .thum_list .thum_box{background:var(--main-color3);width:100%;overflow:hidden;min-height:auto;max-height:19.5rem;position: relative;} #contents.event .event_wrap .event_box .thum_list .thum_box img{display:block;width: 100%;} #contents.event .event_wrap .event_box .thum_list .thum_box em{position:absolute;left:0;top:0;text-align:center;line-height:3rem;width:8rem;height:3rem;background:var(--black);color:var(--white);} #contents.event .event_wrap .event_box .thum_list .tit_box{margin-top:2rem;} #contents.event .event_wrap .event_box .thum_list .tit_box .tit{display:flex;align-items:center;flex-wrap:wrap;justify-content: space-between;} #contents.event .event_wrap .event_box .thum_list .tit_box .tit > h3{display:inline-block;font-size:1.1em;margin-right:.5rem;text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; max-width: 80%;} #contents.event .event_wrap .event_box .thum_list .tit_box .tit .badge {display:flex} #contents.event .event_wrap .event_box .thum_list .tit_box .tit .badge > span{width:1.8rem;height:1.8rem;font-size:.7em;font-weight:700;border-radius:100%;display:flex;align-items:center;justify-content:center;margin:0 .2rem;} #contents.event .event_wrap .event_box .thum_list .tit_box .tit .badge > span.ico_new{background:#ffe55d;color:#ff8d0a;} #contents.event .event_wrap .event_box .thum_list .tit_box .tit .badge > span.ico_hot{background:#ffd6e2;color:#ff487c;} #contents.event .event_wrap .event_box .thum_list .tit_box .tit .badge > span.ico_up{background:#d1e2ff;color:#4f8dff;} #contents.event .event_wrap .event_box .thum_list .tit_box .event_time {font-size: .9em;} #contents.event .event_wrap .event_box .thum_list .tit_box .event_time ul {display: flex; flex-direction: column; } #contents.event .event_wrap .event_box .thum_list .tit_box .event_time ul li {display: flex; width: 100%;padding: 0.3rem 0; font-size: .95em; color: var(--999);} #contents.event .event_wrap .event_box .thum_list .tit_box .event_time ul li:last-child {margin-bottom:1rem;} #contents.event .event_wrap .event_box .thum_list .tit_box .event_time p {width: 100%;} #contents.event .event_wrap .event_box .thum_list .tit_box > p{font-size:1.4em;font-weight:700;color:var(--main-color1);} #contents.event .event_wrap .event_box .thum_list .tit_box > p > em {font-size: .8em; } #contents.event .event_wrap .event_box .thum_list .tit_box > span{display:block;color:var(--555);margin:1rem 0;line-height: 120%; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height: auto; max-height: 2.4em;} #contents.event .event_wrap .event_box .cart_list{position:relative;display:block;margin:1rem 0;} #contents.event .event_wrap .event_box .cart_list .btn_box{border:1px solid var(--ccc);display:flex;align-items:center;justify-content:center;padding:1rem;cursor: pointer;} #contents.event .event_wrap .event_box .cart_list .btn_box span{margin-right:1rem;} #contents.event .event_wrap .event_box .cart_list .cart_product{width:100%;position:relative;border-top:2px solid var(--ccc);} #contents.event .event_wrap .event_box .cart_list .cart_product ul {display:flex;flex-direction: column;} #contents.event .event_wrap .event_box .cart_list .cart_product ul li{width:100%;border-bottom:1px solid var(--ccc);padding:1.2rem 0;} #contents.event .event_wrap .event_box .cart_list .cart_product ul li:last-child{border-bottom:0;} #contents.event .event_wrap .event_box .cart_list .prod_box{display: flex; align-items: center; justify-content: space-between; width: 100%; flex-direction: column;} #contents.event .event_wrap .event_box .cart_list .prod_box .title{display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-direction: column;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .tit{width:100%; word-break: keep-all;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .tit > p{font-size:1em;font-weight:700;line-height: 130%; word-break: keep-all;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .tit > span{position: relative;width: 100%; color:var(--555);display:block;font-size:.8em;line-height:120%;word-break: break-all; white-space: normal;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .price{display:flex;align-items:center;font-size:1.125em;width:100%;justify-content:space-between;white-space: nowrap; margin-top: 0.5rem;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .price .price_box {display:flex;flex-direction: column;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .price .discount {display:flex; align-items: center;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .price .discount > p{color:var(--main-color1); font-weight:700;margin-right:.3rem; } #contents.event .event_wrap .event_box .cart_list .prod_box .title .price .discount > span{font-size:.8em; } #contents.event .event_wrap .event_box .cart_list .prod_box .title .price .normal {font-size: .7em;color:var(--aaa); margin-top: .5rem; text-decoration: line-through; display: none;} #contents.event .event_wrap .event_box .cart_list .prod_box .cart{width:4rem;height:4rem;background:var(--ccc);border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--white);} #contents.event .event_wrap .event_box .cart_list .prod_box .cart:hover{background:var(--main-color1);} #contents.event .event_wrap .event_box .cart_list .prod_box .cart i{font-size:1.5em;} @media screen and (max-width:600px) { #contents.event {margin:5rem 0;} #contents.event .event_wrap .event_list_area {padding-top:17rem;} #contents.event .event_wrap .event_list_area ul li {width: 100%;} #contents.event .event_wrap .event_box .thum_list .thum_box {max-height:initial;} #contents.event .event_wrap .event_box .thum_list .thum_box em {width: 5.2rem; height: 2.5rem; font-size: .8em; line-height: 2.5rem;} #contents.event .event_wrap .event_box .thum_list .tit_box > span {font-size: .9em;} #contents.event .event_wrap .event_box .thum_list .tit_box > p {font-size: 1.2em;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .tit > p {font-size: 1em;width: 100%; word-break: break-all;} #contents.event .event_wrap .event_box .cart_list .prod_box .title {flex-direction: column;align-items: flex-start; width: 100%;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .tit {width: 100%;} #contents.event .event_wrap .event_box .cart_list .prod_box .title .price {font-size: 1.15em; width: 100%; margin-top: 1rem;} #contents.event .event_wrap .event_box {margin: 3rem auto 0;} #contents.event .event_wrap .event_box .cart_list .prod_box .cart {width: 3.5rem; height: 3.5rem;} #contents.event .event_wrap .event_box .cart_list .prod_box .cart i {font-size: 1.2em;} #contents.event .event_wrap .event_box .thum_list .tit_box .tit > h3 {max-width:70%} #contents.event .event_wrap .event_box .thum_list .tit_box .tit > span {width: 1.8rem; height: 1.8rem; margin:0 0.1rem;} } /*-------------------------------------- infomation ---------------------------------------*/ #contents.infomation {position:relative;} #contents.infomation .infomation_wrap {display:flex; justify-content: space-between; flex-grow: 1;} #contents.infomation .infomation_wrap .info_view_area {width: 60%;} #contents.infomation .infomation_wrap .info_select_area {width: 40%; } #contents.infomation .not_infomation_wrap {position: relative; padding:20rem 0; } #contents.infomation .not_infomation_wrap .not_info {display:flex; flex-direction: column; align-items: center;} #contents.infomation .not_infomation_wrap .not_info i {font-size:3em;color:var(--main-color1);} #contents.infomation .not_infomation_wrap .not_info p {font-size: 1.125em; margin-top: 1rem;;} #contents.infomation .info_view_area {position: relative;} #contents.infomation .info_view_area img {width: 100%; display: block;} #contents.infomation .info_select_area {position: sticky; height: 90vh; top: 10rem; bottom: 0; z-index:1;} #contents.infomation .info_select_area .info_tab_box {border-bottom:10px solid var(--eee);} #contents.infomation .info_select_area .info_tab_box ul{display:flex; border-left:1px solid var(--ddd);} #contents.infomation .info_select_area .info_tab_box ul li{width: 50%;border-right:1px solid var(--ddd); box-sizing:border-box} #contents.infomation .info_select_area .info_tab_box ul li a{ display: flex; align-items: center; justify-content: center; height: 6rem; border-bottom:1px solid var(--ddd); text-align: center;font-weight: bold;} #contents.infomation .info_select_area .info_tab_box ul li a.active {background-color: var(--main-color1); color:var(--white);} #contents.infomation .info_select_area .info_cont_box { position: relative; margin:6rem 0 6rem 8rem;} #contents.infomation .info_select_area .info_cont_box .bg {display: none;} #contents.infomation .info_select_area .info_cont_box .info_title { margin:6rem 0;} #contents.infomation .info_select_area .info_cont_box .info_title .info_tit {position: relative; margin-bottom: 2rem; display:flex;align-items: center;} #contents.infomation .info_select_area .info_cont_box .info_title .info_tit h3 {font-size: 2em; display: inline-block; margin-right: 1rem; } #contents.infomation .info_select_area .info_cont_box .info_title .info_tit .tag {display: block; margin:0 .3rem; border-radius:.5rem; padding:.5rem 1rem;font-weight: bold; font-size: .8em;} #contents.infomation .info_select_area .info_cont_box .info_title .info_tit .tag.best { background: #d1e2ff; color: #4f8dff;} #contents.infomation .info_select_area .info_cont_box .info_title .info_tit .tag.new{ background: #ffe55d; color: #ff8d0a;} #contents.infomation .info_select_area .info_cont_box .info_title .info_tit .tag.hot {background: #ffd6e2; color: #ff487c;} #contents.infomation .info_select_area .info_cont_box .info_title .info_con {position: relative;} #contents.infomation .info_select_area .info_cont_box .info_title .info_con .stit {font-weight: bold; color:var(--555); line-height: 130%;} #contents.infomation .info_select_area .info_cont_box .info_title .info_con .low_price {margin-top: 2rem;font-weight: bold; color:var(--main-color1);display:flex;align-items: center;} #contents.infomation .info_select_area .info_cont_box .info_title .info_con .low_price p {font-size: 1.8em; margin-right:.5rem; } #contents.infomation .info_select_area .info_cont_box .info_title .info_con .low_price span {} #contents.infomation .info_select_area .info_cont_box .info_select {position: relative;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box {position: relative;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box { position: relative;border:1px solid var(--ddd); box-sizing:border-box; border-radius: 1rem; cursor: pointer; height: 8rem; display: flex; align-items: center; padding: 0 2rem;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box:hover { color: #333; transition: all .3s;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box.active .option-list { max-height: 40rem; overflow-y: auto;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box.active {border:1px solid var(--main-color1);} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .text { display: flex; width: 100%; align-items: center; justify-content: space-between;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .option-list { position: absolute; top: 100%; left: 0; width: 100%; overflow: hidden; max-height: 0; z-index: 2; background: #fff;list-style: none; padding: 0; border-radius: 5px; margin-top:2px; box-shadow: 0 0 2px rgba(0,0,0,0.3);} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .option-list .option {padding:1.5rem 2rem;width: 100%; display:flex; justify-content: space-between;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .option-list .option:hover { background-color: var(--main-color3);} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .op_tit {text-align:left; } #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .op_tit p {font-weight: bold; margin-bottom: 0.5rem; font-size: 1.125em;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .op_tit span {font-size: .8em; color: var(--555);} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .op_price {text-align:right;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .op_price p{font-size: 1.125em; font-weight: bold; color: var(--main-color1); margin-bottom: 0.5rem;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box .op_price span{text-decoration: line-through; color: var(--aaa); font-size: .8em; display:none;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box {position: relative; height: auto; max-height: 250px; overflow-y: auto; } #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box ul li {margin:1rem 0;;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk {width: auto; padding:2rem; border-radius:1rem; background-color: var(--main-color3);display:flex;justify-content: space-between; align-items: center;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .name_box {position: relative; width: 50%;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .name_box span {font-size: .9em;font-weight: 500; color:var(--main-color1);} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .name_box p {font-size: 1.2em; line-height: 150%; font-weight: 600;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .name_box em {font-size: .9em; color: var(--555);} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .pric_box {display:flex;align-items: center; width: 50%; justify-content: flex-end;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .price {text-align: right; margin-right: 1rem;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .price p {font-size: 1.3em; line-height: 150%; font-weight: 500; color: var(--main-color1);} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .price span{text-decoration: line-through; color: var(--aaa);} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .del_box {} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .del_box a {} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .del_box i {} #contents.infomation .info_select_area .info_cont_box .info_select .price_box {position: relative; margin:3rem 0;display:flex;justify-content: space-between;align-items: center;} #contents.infomation .info_select_area .info_cont_box .info_select .price_box .price_tit {display:flex;align-items: center;} #contents.infomation .info_select_area .info_cont_box .info_select .price_box .price_tit p {display: inline-block;font-size: 1.2em;font-weight: bold; } #contents.infomation .info_select_area .info_cont_box .info_select .price_box .price_tit em {font-size: .9em; color:var(--555);margin-left:.5rem;} #contents.infomation .info_select_area .info_cont_box .info_select .price_box .price_value {text-align: right;font-weight: bold;} #contents.infomation .info_select_area .info_cont_box .info_select .price_box .price_value p {display: inline-block; font-size: 1.8em;font-weight: bold; color:var(--main-color1);} #contents.infomation .info_select_area .info_cont_box .info_select .price_box .price_value span {margin-left: .5em;} #contents.infomation .info_select_area .info_cont_box .info_select .price_box .price_value em {display: block; font-size: .9em; color:var(--555); margin-top: 1rem;} #contents.infomation .info_select_area .info_cont_box .info_select .cart_box {position: relative; width: 100%;} #contents.infomation .info_select_area .info_cont_box .info_select .cart_box ul {display:flex; } #contents.infomation .info_select_area .info_cont_box .info_select .cart_box li {width: 100%;} #contents.infomation .info_select_area .info_cont_box .info_select .cart_box a {font-size: 1.125em; font-weight: 500;height: 6rem;border-radius:1rem;display: flex; align-items: center; justify-content: center; box-sizing:border-box } #contents.infomation .info_select_area .info_cont_box .info_select .cart_box a.cart {margin-left:0;} #contents.infomation .info_select_area .info_cont_box .info_select .cart_box a.reser {margin-right:0;} #contents.infomation .info_select_area .info_cont_box .info_select .cart_box ul.on a.cart{background: var(--white); border:2px solid var(--333); color:var(--333);} #contents.infomation .info_select_area .info_cont_box .info_select .cart_box ul.on a.reser{background: var(--black);color:var(--white);} #contents.infomation .info_select_area .info_cont_box .info_select .cart_box ul.off a.cart{pointer-events: none; background: var(--white); border:2px solid var(--ccc); color:var(--aaa);} #contents.infomation .info_select_area .info_cont_box .info_select .cart_box ul.off a.reser{pointer-events: none; background: var(--ddd);color:var(--aaa);} .mo_info_btn {display: none;} .mo_info_title {display: none;} .mo_info_title { margin:6rem 0;} .mo_info_title .info_tit {position: relative; margin-bottom: 2rem; display:flex;align-items: center;} .mo_info_title .info_tit h3 {font-size: 2em; display: inline-block; margin-right: 1rem; } .mo_info_title .info_tit .tag {display: block; margin:0 .3rem; border-radius:.5rem; padding:.5rem 1rem;font-weight: bold; font-size: .8em;} .mo_info_title .info_tit .tag.best { background: #d1e2ff; color: #4f8dff;} .mo_info_title .info_tit .tag.new{ background: #ffe55d; color: #ff8d0a;} .mo_info_title .info_tit .tag.hot {background: #ffd6e2; color: #ff487c;} .mo_info_title .info_con {position: relative;} .mo_info_title .info_con .stit {font-weight: bold; color:var(--555);line-height: 130%;} .mo_info_title .info_con .low_price {margin-top: 2rem;font-weight: bold; color:var(--main-color1);display:flex;align-items: center;} .mo_info_title .info_con .low_price p {font-size: 1.8em; margin-right:.5rem; } .mo_info_title .info_con .low_price span {} @media screen and (max-width:1100px) { #contents.infomation .info_select_area .info_cont_box {margin:6rem 0 0; padding:0 20px;} #contents.infomation .info_select_area .info_cont_box .info_title .info_tit {display:block;} #contents.infomation .info_select_area .info_cont_box .info_title .info_tit h3 {display:block; margin-bottom:10px;} #contents.infomation .info_select_area .info_cont_box .info_title .info_tit .tag {display:inline-block;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box { height:5rem;} #contents.infomation .info_select_area .info_cont_box .info_select .price_box {display:block;} } @media screen and (max-width:600px) { .mo_info_title {display: block; margin: 0rem 0 3rem;} .mo_info_title .info_tit {margin-bottom: 1rem;} .mo_info_title .info_tit h3 {font-size: 1.8em;} .mo_info_title .info_tit .tag {font-size: .6em; padding:.3rem .6rem; } .mo_info_title .info_con .stit {font-weight: 400;} .mo_info_title .info_con .low_price p {font-size: 1.5em;} #contents.infomation {padding-top:13rem;} #contents.infomation .infomation_wrap {width: 100%;} #contents.infomation .info_select_area .info_cont_box .info_title {display: none;} #contents.infomation .infomation_wrap .info_select_area {position: fixed; width: 100%; left: 0; bottom: 0; top: auto; height: 100%; z-index: 3;} #contents.infomation .info_select_area .info_cont_box {margin:0%;position: absolute; bottom: 0;width: 100%; height: 100%; padding:0;} #contents.infomation .infomation_wrap .info_view_area {width: 100%; } #contents.infomation .info_select_area .info_cont_box .bg {display: block;position: absolute; left:0; top:0; background: var(--black);opacity:.3; width: 100%; height: 100%;} #contents.infomation .info_select_area .info_cont_box .info_select {position: absolute; bottom:0; border-radius: 1.5rem 1.5rem 0 0; background: var(--white); width: 100%; padding: 5%;} #contents.infomation .info_select_area {display: none;} #contents.infomation .info_select_area.open {display: block;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_box .info_select_box {height: 6.5rem;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk {padding: 1rem 2rem;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .price p {font-size: 1em;} #contents.infomation .info_select_area .info_cont_box .info_select .price_box .price_value p {font-size: 1.5em;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .name_box {width: 75%;} #contents.infomation .info_select_area .info_cont_box .info_select .sel_chk_box .sel_chk .name_box p {font-size: 1em;line-height: 130%;} .mo_info_btn {display: block;padding:5%;position:fixed; bottom:0; left:0;z-index:1;width: 100%; background: var(--white); z-index:12;} .mo_info_btn button {display: block;background: var(--333);border:0; width: 100%; padding:2rem 0; color:var(--white);border-radius:1rem;} } /*-------------------------------------- reservation ---------------------------------------*/ #contents.reservation {position:relative;margin:2rem 0 10rem;} #contents.reservation hr {position: relative; width: 100%; height: 10rem; display: block; border:0;margin: 0;} #contents.reservation .rs_line {padding-bottom:1.5rem;position: relative;} #contents.reservation .rs_line::before {content:''; position: absolute; bottom:.5rem; width: 100%; height: 1px; background: var(--ccc); } #contents.reservation .rs_line::after {content:''; position: absolute; bottom:0; width: 100%; height: 2px; background: var(--555);} #contents.reservation .title_area {width: 100%; border-bottom:1px solid var(--aaa);} #contents.reservation .title_area h2 {padding:2rem 0;font-weight: bold; font-size: 1.4em;} #contents.reservation .reser_form {display:flex;margin:1.5rem 0;align-items: center;} #contents.reservation .reser_form .tit {width: 20%;} #contents.reservation .reser_form .tit > p {display: inline-block;font-size: 1.125em; font-weight: bold; } #contents.reservation .reser_form .tit > em {color:#ff0000; margin-left:.5rem;} #contents.reservation .reser_form .cont {width: 80%;} #contents.reservation .reser_form .telephone {display:flex;align-items: center;justify-content: space-between} #contents.reservation .reser_form .reser_it{background-color: var(--white); border:0; border-radius:1rem; height: 6rem; padding: 0 2rem; border: 1px solid var(--ddd);} #contents.reservation .reser_form .reser_it:focus { border: 1px solid var(--main-color1); } #contents.reservation .reser_form .reser_ta{width: 100%; background-color: var(--white); max-height:20rem; height:20rem; border-radius:1rem; padding:2rem; resize: none; border: 1px solid var(--ddd);} #contents.reservation .reser_form .reser_ta:focus { border: 1px solid var(--main-color1); } #contents.reservation .reser_form .wfull {width: 100%; } #contents.reservation .reser_form .whalf {width: 50%; } #contents.reservation .reser_form .wsmall {width: 20%; } #contents.reservation .reser_form .wtel3 {width: 25%; text-align: center;} #contents.reservation .reser_form .wtel4 {width: 30%; text-align: center;} #contents.reservation .reser_form .tel-delimiter {margin:0 1rem;} #contents.reservation #put_procedure_wrap {position: relative; } #contents.reservation #clinic_select_wrap {position: relative;} #contents.reservation #reservation_info_wrap {position: relative;} #contents.reservation #reservation_submit_wrap {position: relative;} #put_procedure_wrap .title_area{display:flex; align-items: center; justify-content: space-between;} #put_procedure_wrap .add_produre_btn {position: relative;} #put_procedure_wrap .add_produre_btn a {border:1px solid var(--aaa);padding:1rem 2rem; border-radius:5rem;margin:0 .3rem; cursor: pointer;display: inline-block;} #put_procedure_wrap .add_produre_btn a span {color:var(--aaa);} #put_procedure_wrap .add_produre_btn a:hover { border-color:var(--main-color1);background-color: var(--main-color1);transition: all 0.2s linear;} #put_procedure_wrap .add_produre_btn a:hover span {color:var(--white);font-weight: bold;} #put_procedure_wrap .proce_select_area {position: relative;} #put_procedure_wrap .proce_select_area .chk_menu{position: relative;padding:1.5rem 0; display:flex;justify-content: space-between; align-items: center;border-bottom: 1px dashed #ccc;} #put_procedure_wrap .proce_select_area .chk_menu .chk_del button{background: var(--white); border:1px solid var(--aaa); color:var(--666); border-radius:.5rem; padding:.5rem 1rem;} #put_procedure_wrap .proce_select_area .all_chk_box {} #put_procedure_wrap .proce_select_area .proce_chk_list {position: relative;} #put_procedure_wrap .proce_select_area .proce_chk_list ul {display:flex;flex-wrap: wrap;} #put_procedure_wrap .proce_select_area .proce_chk_list ul li {width: 50%;} #put_procedure_wrap .proce_select_area .proce_chk_box {display:flex;align-items: center; background-color: var(--main-color3);padding:3rem;margin:1rem;border-radius:1rem;} #put_procedure_wrap .proce_select_area .proce_chk_box .chk {width: 5rem;} #put_procedure_wrap .proce_select_area .proce_chk_box .cont {display:flex; width: 100%;justify-content: space-between; align-items: center;align-items: flex-start; flex-direction: column;} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .tit {} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .tit > em { font-weight: 400; color:var(--main-color1);display: inline-block; margin-bottom: .5rem;} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .tit > p {display: block;font-weight: bold; font-size: 1.2em;margin-bottom: 1rem; } #put_procedure_wrap .proce_select_area .proce_chk_box .cont .tit > span {display: block;color:var(--aaa); font-size: .9em; } #put_procedure_wrap .proce_select_area .proce_chk_box .cont .price {display:flex;align-items: center;} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .price > p {display: inline-block;font-size:1.3em; font-weight: bold; color:var(--main-color1);} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .price > em {margin-left: .5rem;font-size: .9em;} #put_procedure_wrap .proce_total_area {position: relative;margin-top: 1rem; } #put_procedure_wrap .proce_total_area .total_box {position: relative; padding:4rem 3rem;background-color: var(--main-color2);border-radius:1rem; display:flex; width: 100%;justify-content: space-between; align-items: center;} #put_procedure_wrap .proce_total_area .total_box .tit {display:flex;align-items: center;} #put_procedure_wrap .proce_total_area .total_box .tit > p {display: inline-block;font-weight: bold; font-size: 1.3em; } #put_procedure_wrap .proce_total_area .total_box .tit > span {color:var(--aaa); margin-left:1rem; font-size: .9em;} #put_procedure_wrap .proce_total_area .total_box .price {display:flex;align-items: center;width: 50%;justify-content: flex-end;} #put_procedure_wrap .proce_total_area .total_box .price > p {display: inline-block;font-size:1.8em; font-weight: bold; color:var(--main-color1);} #put_procedure_wrap .proce_total_area .total_box .price > span {display: inline-block;margin-left:1rem; } #put_procedure_wrap .proce_total_area .total_box .price > em {margin-right: 0; font-size: .9em; position: absolute; margin-bottom: -5rem;} #clinic_select_wrap .clinic_select_area{display:flex;align-items: center; padding:4rem;background-color: var(--main-color3);margin:2rem 0 1rem;} #clinic_select_wrap .clinic_select_area .clinic_select_box {width: 40%} #clinic_select_wrap .clinic_select_area > span {width: 60%; padding-left:2rem;color:var(--555);} #clinic_select_wrap .clinic_select_box { position: relative;border:1px solid var(--ddd); background-color: var(--white); box-sizing:border-box; border-radius: 1rem; cursor: pointer; height: 6rem; display: flex; align-items: center; padding: 0 2rem;} #clinic_select_wrap .clinic_select_box:hover { color: #333; transition: all .3s;} #clinic_select_wrap .clinic_select_box.active .option-list { max-height: none;} #clinic_select_wrap .clinic_select_box.active {border:1px solid var(--main-color1);} #clinic_select_wrap .clinic_select_box .text { display: flex; width: 100%; align-items: center; justify-content: space-between;} #clinic_select_wrap .clinic_select_box .option-list { position: absolute; top: 100%; left: 0; width: 100%; overflow: hidden; max-height: 0; z-index: 2; background: #fff;list-style: none; padding: 0; border-radius: 5px; margin-top:2px; box-shadow: 0 0 2px rgba(0,0,0,0.3);} #clinic_select_wrap .clinic_select_box .option-list .option {padding:1.5rem 2rem;width: 100%; display:flex; justify-content: space-between;} #clinic_select_wrap .clinic_select_box .option-list .option:hover { background-color: var(--main-color3);} #reservation_info_wrap .reservation_area {display:flex; justify-content: space-between; padding: 3rem 0 !important;} #reservation_info_wrap .reservation_area #calendarBox {width: 45%;} #reservation_info_wrap .reservation_area .reser_info_box {width:50%;} #reservation_info_wrap .res_cation_area {position: relative; margin-top:1rem; padding:3rem; background-color: var(--main-color2); border-radius: 1rem; width: 100%; } #reservation_info_wrap .time_select_box { position: relative;border:1px solid var(--ddd); box-sizing:border-box; border-radius: 1rem; cursor: pointer; height: 6rem; display: flex; align-items: center; padding: 0 2rem;} #reservation_info_wrap .time_select_box:hover { color: #333; transition: all .3s;} #reservation_info_wrap .time_select_box.t_active .time_option_list { max-height: 300px; overflow-y:auto;} #reservation_info_wrap .time_select_box.t_active {border:1px solid var(--main-color1);} #reservation_info_wrap .time_select_box .time_text { display: flex; width: 100%; align-items: center; justify-content: space-between;} #reservation_info_wrap .time_select_box .time_option_list { position: absolute; top: 100%; left: 0; width: 100%; overflow: hidden; max-height: 0; z-index: 2; background: #fff;list-style: none; padding: 0; border-radius: 5px; margin-top:2px; box-shadow: 0 0 2px rgba(0,0,0,0.3);} #reservation_info_wrap .time_select_box .time_option_list .time_option {padding:1.5rem 2rem;width: 100%; display:flex; justify-content: space-between;} #reservation_info_wrap .time_select_box .time_option_list .time_option:hover { background-color: var(--main-color3);} #reservation_submit_wrap .agree_box_area {position: relative; margin-top:1rem;} #reservation_submit_wrap .agree_box_area textarea.agree_cont {width: 100%; font-size: .8em; line-height: 150%; background-color: var(--white); max-height:15rem; height:15rem; border-radius:1rem; padding:2rem; resize: none; border: 1px solid var(--ddd);} #reservation_submit_wrap .agree_box_area .agree_chk {margin:4rem auto; display:flex; justify-content: center; } #reservation_submit_wrap .submit_area {display: flex;justify-content: center; } #reservation_submit_wrap .submit_area a {display: flex; align-items: center; justify-content: center;cursor: pointer; width: 50%; height: 8rem; position: relative; background: var(--main-color1);border-radius:1rem;} #reservation_submit_wrap .submit_area a p {color:var(--white);font-weight: bold; font-size: 1.25em;} #pop_reser_ok {position: fixed; top:0;left:0;width: 100%; height: 100%; z-index:3; display: none;} #pop_reser_ok .bg {position: fixed; top:0; left:0; width: 100%; height: 100%; background: var(--black); opacity:.3;} #pop_reser_ok .pop_reser_area {position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);display: flex;flex-direction: column; align-items: center; justify-content: space-between; padding:3rem; width: 50rem; height: 37rem; background-color: var(--white); border-radius:2rem; border:2px solid var(--main-color1); z-index:4;} #pop_reser_ok .pop_reser_area .close{position: absolute; right:3rem; top:3rem; } #pop_reser_ok .pop_reser_area .close a {cursor: pointer;} #pop_reser_ok .pop_reser_area .close a i {font-size: 2em;font-weight: bold;} #pop_reser_ok .pop_reser_area .pop_text_box{width: 100%; height: 80%;display: flex;flex-direction: column; align-items: center; justify-content: center; } #pop_reser_ok .pop_reser_area .pop_text_box i {font-size: 5em;margin-bottom:2rem;} #pop_reser_ok .pop_reser_area .pop_text_box p {font-weight: bold;font-size: 1.125em;} #pop_reser_ok .pop_reser_area .pop_text_box span {margin: 1rem 0; font-size: .9em; color:var(--main-color1);} #pop_reser_ok .pop_reser_area .pop_btn_box{width: 100%; height: 20%; max-height: 6rem; display:flex;} #pop_reser_ok .pop_reser_area .pop_btn_box a { position: relative;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius:1rem; margin: 0 1%;} #pop_reser_ok .pop_reser_area .pop_btn_box a p {font-weight: bold; font-size: 1.125em;} #pop_reser_ok .pop_reser_area .pop_btn_box a.color1 {background: var(--main-color1);} #pop_reser_ok .pop_reser_area .pop_btn_box a.color1 p {color:var(--white);} #pop_reser_ok .pop_reser_area .pop_btn_box a.color2 {border:2px solid var(--main-color1);} #pop_reser_ok .pop_reser_area .pop_btn_box a.color2 p {color:var(--main-color1);} #reser_inquiry_wrap {position: relative; width: 100%; height: 60rem;background-color: var(--main-color3); border-top:1px solid var(--ddd);display:flex;justify-content: center; align-items: center; } #reser_inquiry_wrap .reser_inquiry_area {width:50%;} #reser_inquiry_wrap .inquiry_tit_box{text-align: center;} #reser_inquiry_wrap .inquiry_tit_box p {font-size: 1.6em;font-weight: bold;margin-bottom: 1rem;} #reser_inquiry_wrap .inquiry_tit_box span {color:var(--555);} #reser_inquiry_wrap .inquiry_box{margin:5rem 0;} #reser_inquiry_wrap .sumit_box{position: relative; } #reser_inquiry_wrap .sumit_box a {position: relative; height: 6rem; display: block;background: var(--main-color1); border-radius:1rem; display: flex; align-items: center; justify-content: center;} #reser_inquiry_wrap .sumit_box a p {color:var(--white);font-weight: bold; font-size: 1.125em;} #reser_view_wrap {} #reser_view_wrap .reser_view_area {position: relative;} #reser_view_wrap .reser_view_area .view_list {} #reser_view_wrap .reser_view_area .view_list ul {display:flex;flex-wrap: wrap} #reser_view_wrap .reser_view_area .view_list ul li{ margin:1.5rem 0;} #reser_view_wrap .reser_view_area .view_list ul li.w50 {width: 50%;} #reser_view_wrap .reser_view_area .view_list ul li.w50 .tit {width: 15rem ;} #reser_view_wrap .reser_view_area .view_list ul li.w50 .cont {width:calc(100% - 15rem);} #reser_view_wrap .reser_view_area .view_list ul li.w100 {width: 100%;} #reser_view_wrap .reser_view_area .view_list ul li.w100 .tit {width: 15rem ;} #reser_view_wrap .reser_view_area .view_list ul li.w100 .cont {width:calc(100% - 15rem);} #reser_view_wrap .reser_view_area .res_view_box {display:flex; align-items: center; } #reser_view_wrap .reser_view_area .res_view_box .tit {} #reser_view_wrap .reser_view_area .res_view_box .tit p {font-weight: bold;padding-left:2rem;} #reser_view_wrap .reser_view_area .res_view_box .cont {min-height:6rem;background: var(--main-color3);border: 1px solid var(--main-color2);border-radius:1rem; display:flex; align-items: center; padding:2rem;line-height: 150%;} #reser_view_wrap .reser_view_area .res_view_box .cont span {font-size: .9em;margin-left:2rem; color:var(--555);} #reser_view_wrap .state {width: 100%; max-width:8rem; height:3rem; font-weight: bold; display: flex; justify-content: center; align-items: center; border-radius:1rem;} .reser_cation_area {position: relative;line-height: 150%; margin-top:1rem; padding:3rem; background-color: var(--main-color2); border-radius: 1rem; width: 100%; } .reser_submit_btn {margin-top: 5rem;} .reser_submit_btn ul {display:flex;justify-content: center;} .reser_submit_btn ul li {width:100% ; margin: 0 1%;} .reser_submit_btn ul li a {width: 100%; height: 8rem; border-radius:1rem; display: flex; align-items: center;justify-content: center; cursor: pointer;} .reser_submit_btn ul li a p {font-weight: bold; font-size: 1.25em;color:currentColor} .reser_submit_btn ul li a.reser_modify {background-color: var(--main-color1); color:var(--white);} .reser_submit_btn ul li a.reser_cancel {border:2px solid var(--ccc); color:var(--aaa);} #reser_list_wrap {} #reser_list_wrap .reser_list_area {position: relative; width: 100%;} #reser_list_wrap .reser_list_area .reser_all {padding:2rem 0; border-bottom:1px dashed var(--ddd);} #reser_list_wrap .reser_list_area .reser_list {padding:2rem 0;} #reser_list_wrap .reser_list_area .reser_list > ul {display:flex;flex-wrap: wrap; } #reser_list_wrap .reser_list_area .reser_list > ul > li {width: 50%;} #reser_list_wrap .reser_list_area .reser_list .reser_box {background-color: var(--main-color3); margin:2%; border-radius:1.5rem; transition: all 0.2s linear; padding:3rem; border:2px solid var(--main-color3); box-sizing:border-box; } #reser_list_wrap .reser_list_area .reser_list .reser_box .state_box {display:flex; border-bottom:1px dashed var(--aaa);align-items: center; padding-bottom:2rem ;} #reser_list_wrap .reser_list_area .reser_list .reser_box .state_box .box_chk {margin-right: 1rem;} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list {} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list ul {margin:1rem 0; display:flex;flex-direction: column;} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list ul li {display:flex; margin:.8rem 0;line-height: 130%;} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list ul li .tit {width: 20%;font-weight: bold;} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list ul li .cont {width: 80%;} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list .btn-view {display: block; text-align: center;} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list .btn-view span { padding:2rem 0;display: inline-block;font-weight: bold;width: 100%;border-radius:1rem;} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list .btn-view span.view_more { background: var(--white);border:2px solid var(--ccc); color:var(--aaa);} #reser_list_wrap .reser_list_area .reser_list .reser_box .box_list .btn-view span.view_conf {background: var(--main-color1);border:2px solid var(--main-color1); color:var(--white);} #reser_list_wrap .state {position: relative; width: 100%; padding-left:2rem; font-weight: bold; display: flex; justify-content: center; align-items: center; margin: 0 auto;} #reser_list_wrap .state::before {content:''; position: absolute; width: 1rem; height: 1rem; background:currentColor; left:0; border-radius:100%;} .state_conf {color:var(--main-color1);} .state_cancel { color:var(--black);} .state_standby { color:var(--999);} #pop_reser_cancel {position: fixed; top:0;left:0;width: 100%; height: 100%; z-index:3; display: none;} #pop_reser_cancel .bg {position: fixed; top:0; left:0; width: 100%; height: 100%; background: var(--black); opacity:.3;} #pop_reser_cancel .pop_reser_area {position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);display: flex;flex-direction: column; align-items: center; justify-content: space-between; padding:3rem; width: 50rem; height: 37rem; background-color: var(--white); border-radius:2rem; border:2px solid var(--main-color1); z-index:4;} #pop_reser_cancel .pop_reser_area .close{position: absolute; right:3rem; top:3rem; } #pop_reser_cancel .pop_reser_area .close a {cursor: pointer;} #pop_reser_cancel .pop_reser_area .close a i {font-size: 2em;font-weight: bold;} #pop_reser_cancel .pop_reser_area .pop_text_box{width: 100%; height: 80%;display: flex;flex-direction: column; align-items: center; justify-content: center; } #pop_reser_cancel .pop_reser_area .pop_text_box i {font-size: 5em;margin-bottom:2rem;} #pop_reser_cancel .pop_reser_area .pop_text_box p {font-weight: bold;font-size: 1.125em;} #pop_reser_cancel .pop_reser_area .pop_btn_box{width: 100%; height: 20%; max-height: 6rem;} #pop_reser_cancel .pop_reser_area .pop_btn_box a { position: relative;cursor: pointer; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: var(--main-color1);border-radius:1rem;} #pop_reser_cancel .pop_reser_area .pop_btn_box a p {color:var(--white);font-weight: bold; font-size: 1.125em;} @media screen and (max-width:600px) { #put_procedure_wrap .add_produre_btn a span {font-size: .9em;} #put_procedure_wrap .add_produre_btn a {padding: 0.8rem 1.5rem;} #put_procedure_wrap .proce_select_area .chk_menu .chk_del button {font-size: .9em} #put_procedure_wrap .proce_select_area .proce_chk_list ul {flex-direction: column;} #put_procedure_wrap .proce_select_area .proce_chk_list ul li {width: 100%;} #put_procedure_wrap .proce_select_area .proce_chk_box {margin:.5rem 0;padding: 2rem 5%;} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .tit > p {font-size: 1.1em;} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .tit > span { line-height: 1.3;word-break: break-all; white-space: normal;} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .price {margin-top: .5rem;} #put_procedure_wrap .proce_select_area .proce_chk_box .cont .price > p {font-size: 1.25em;} #put_procedure_wrap .proce_total_area .total_box .price > p {font-size: 1.5em;} #put_procedure_wrap .proce_total_area .total_box .tit > p{font-size: 1.1em;} #put_procedure_wrap .proce_total_area .total_box {padding: 2rem 5% 4rem;} #clinic_select_wrap .clinic_select_area .clinic_select_box {width: 100%;} #clinic_select_wrap .clinic_select_area > span {width: 100%; padding:1rem 0;font-size: .8em;} #clinic_select_wrap .clinic_select_area {align-items: gflex-start;flex-direction: column; padding: 2rem 5%;} #reservation_info_wrap .reservation_area {flex-direction: column;} #reservation_info_wrap .reservation_area #calendarBox {width: 100%;} #reservation_info_wrap .reservation_area .reser_info_box {width: 100%;} #contents.reservation .reser_form .tit > p {font-size: 1em;} #reservation_info_wrap .time_select_box {height: 5rem;} #contents.reservation hr {height: 6rem;} #contents.reservation .reser_form .reser_it {height: 5rem;} #contents.reservation .reser_form .reser_ta {height: 10rem;} #reservation_submit_wrap .agree_box_area .agree_chk {margin: 2rem 0;} #reservation_info_wrap .res_cation_area {padding: 2rem 5%;} #reservation_submit_wrap .submit_area a {width: 100%;height: 6rem} #pop_reser_ok .pop_reser_area .close {right:2rem; top:2rem;} #pop_reser_ok .pop_reser_area {width: 80%; padding:2rem; height: 30rem; } #reser_inquiry_wrap .reser_inquiry_area {width: 80%; } #reser_inquiry_wrap {height: 50rem;} #reser_inquiry_wrap .inquiry_tit_box p {font-size: 1.3em;} #reser_inquiry_wrap .inquiry_tit_box span {font-size: .9em; line-height: 130%;} #contents.reservation .reser_form {align-items: flex-start; flex-direction: column;} #contents.reservation .reser_form .cont {width: 100%;} #contents.reservation .reser_form .tit {width: 100%; margin-bottom: 1rem;} #contents.reservation .reser_form .tel-delimiter {margin:0 .5rem; font-weight: bold;} #reser_list_wrap .reser_list_area .reser_list > ul > li{width: 100%;} #reser_view_wrap .reser_view_area .view_list ul {margin: 2rem 0;} #reser_view_wrap .reser_view_area .view_list ul li.w100 .tit {width: 100%; } #reser_view_wrap .reser_view_area .view_list ul li.w100 .cont {width: 100%;} #reser_view_wrap .reser_view_area .view_list ul li.w50 {width: 100%;} #reser_view_wrap .reser_view_area .view_list ul li.w50 .cont {width: 100%;} #reser_view_wrap .reser_view_area .res_view_box {align-items: flex-start; flex-direction: column;} #reser_view_wrap .reser_view_area .res_view_box .tit {margin-bottom: 1rem;} #reser_view_wrap .reser_view_area .res_view_box .tit p {padding-left:0;} #reser_view_wrap .reser_view_area .res_view_box .cont { padding: 1rem 5%; min-height:auto;} #reser_view_wrap .reser_view_area .view_list ul li {margin:1rem 0;} .reser_cation_area {font-size: .9em; padding:2rem 5%;} .reser_cation_area p {margin: 1rem 0;} .reser_submit_btn ul li a {height: 6rem;} } /*-------------------------------------- franchise ---------------------------------------*/ #contents.franchise {position: relative; } #contents.franchise section{width: 100%; min-height:80vh;} #contents.franchise section .title_wrap {font-size: 2.5em;text-align: center; line-height: 130%;display:flex;flex-direction: column;align-items: center; margin-bottom: 8rem;} #contents.franchise section .title_wrap img {display: block;} #contents.franchise section .title_wrap span {font-weight: 300;} #contents.franchise section .title_wrap p {font-weight: bold;} /*---------------*/ #contents.franchise .fran_top {position: relative; height: calc(100vh - 9rem); background:url(../image/franchise_bg.webp) no-repeat center / cover; margin-top: 9rem;} #contents.franchise .fran_top .top_title {position: absolute;left:50%; top:50%;transform:translate(-50%, -50%);text-align: center; color:var(--white);display: flex; flex-direction: column; align-items: center; } #contents.franchise .fran_top .top_title > p {} #contents.franchise .fran_top .top_title > p > img {display: block;margin-bottom: 2rem;} #contents.franchise .fran_top .top_title > p > span {display: block;font-size: 2.8em;font-weight: bold;} #contents.franchise .fran_top .top_title > span {font-size: 1.25em; line-height: 150%;} #contents.franchise .fran_top .top_title > hr {display: block; width:6rem; height: .4rem; background: #fff; margin:4rem 0;} /*---------------*/ #contents.franchise .fran_whyus {padding:15rem 0;} #contents.franchise .fran_whyus .title_wrap {font-size: 2em;} #contents.franchise .fran_whyus .title_wrap img {width: fit-content;margin-bottom: 3rem;} #contents.franchise .fran_whyus .cont_wrap {position: relative;} #contents.franchise .fran_whyus .cont_wrap ul {display:flex; flex-wrap: wrap;} #contents.franchise .fran_whyus .cont_wrap ul li {width: 33.33%;} #contents.franchise .fran_whyus .whyus_box {background-color:var(--main-color2);margin:5%;display: block; min-height:40rem;border-radius:1rem; display:flex;flex-direction: column;justify-content: center; align-items: center;} #contents.franchise .fran_whyus .whyus_box .icon{width:10rem; height: 10rem;background-repeat: no-repeat; background-position:center;background-size:100%;margin-bottom: 5rem;filter: invert(37%) sepia(96%) saturate(2437%) hue-rotate(4deg) brightness(98%) contrast(98%);} #contents.franchise .fran_whyus .whyus_box .icon.ico1{background-image:url(../image/fran_icon1.svg);} #contents.franchise .fran_whyus .whyus_box .icon.ico2{background-image:url(../image/fran_icon2.svg);} #contents.franchise .fran_whyus .whyus_box .icon.ico3{background-image:url(../image/fran_icon3.svg);width: 12rem;} #contents.franchise .fran_whyus .whyus_box .icon.ico4{background-image:url(../image/fran_icon4.svg);} #contents.franchise .fran_whyus .whyus_box .icon.ico5{background-image:url(../image/fran_icon5.svg);} #contents.franchise .fran_whyus .whyus_box .icon.ico6{background-image:url(../image/fran_icon6.svg);} #contents.franchise .fran_whyus .whyus_box .text {text-align: center;margin:0 10%;font-size: 1.125em;} #contents.franchise .fran_whyus .whyus_box .text > p {font-weight: bold; margin-bottom: 2rem;font-size: 1.2em;} #contents.franchise .fran_whyus .whyus_box .text > span {line-height: 150%;} /*---------------*/ #contents.franchise .fran_process {background-color:var(--main-color3); padding:15rem 0;} #contents.franchise .fran_process .cont_wrap {position: relative;} #contents.franchise .fran_process .cont_wrap ul {display:flex;flex-wrap: wrap; } #contents.franchise .fran_process .cont_wrap li {width: 25%;} #contents.franchise .fran_process .cont_wrap li .proc_bar {position: relative;} #contents.franchise .fran_process .cont_wrap li .proc_bar::before {content:''; width: 100%; height: 1px; background: #000;position: absolute; left:0; bottom:0;} #contents.franchise .fran_process .cont_wrap li .proc_bar em {position: relative;display: inline-block; padding-bottom:2rem; margin-left:4rem;font-weight: bold;font-size: 2em} #contents.franchise .fran_process .cont_wrap li .proc_bar em::before {content:''; width: 1.5rem; height:1.5rem; border-radius:100px; background: #000;position: absolute; left: 60%; bottom: -25%; transform: translate(-50%, -50%); } #contents.franchise .fran_process .cont_wrap li .proc_cont {display: block;margin-top: 3rem;padding:0 5%;} #contents.franchise .fran_process .cont_wrap li .proc_cont .proc_list {background: var(--white);position: relative;padding:3rem; margin-bottom:1rem;} #contents.franchise .fran_process .cont_wrap li .proc_cont .proc_list > p {font-weight: bold;font-size: 1.25em;margin-bottom: 1rem ;} #contents.franchise .fran_process .cont_wrap li .proc_cont .proc_list > span {line-height: 150%;} #contents.franchise .fran_process .cont_wrap li.process1 .proc_bar::before, #contents.franchise .fran_process .cont_wrap li.process1 .proc_bar em::before{background-color:#ef5a02} #contents.franchise .fran_process .cont_wrap li.process1 .proc_bar em, #contents.franchise .fran_process .cont_wrap li.process1 .proc_cont .proc_list > p {color:#ef5a02} #contents.franchise .fran_process .cont_wrap li.process2 .proc_bar::before, #contents.franchise .fran_process .cont_wrap li.process2 .proc_bar em::before{background-color:#c84b02} #contents.franchise .fran_process .cont_wrap li.process2 .proc_bar em, #contents.franchise .fran_process .cont_wrap li.process2 .proc_cont .proc_list > p {color:#c84b02} #contents.franchise .fran_process .cont_wrap li.process3 .proc_bar::before, #contents.franchise .fran_process .cont_wrap li.process3 .proc_bar em::before{background-color:#9a3a01} #contents.franchise .fran_process .cont_wrap li.process3 .proc_bar em, #contents.franchise .fran_process .cont_wrap li.process3 .proc_cont .proc_list > p {color:#9a3a01} #contents.franchise .fran_process .cont_wrap li.process4 .proc_bar::before, #contents.franchise .fran_process .cont_wrap li.process4 .proc_bar em::before{background-color:#6b2800} #contents.franchise .fran_process .cont_wrap li.process4 .proc_bar em, #contents.franchise .fran_process .cont_wrap li.process4 .proc_cont .proc_list > p {color:#6b2800} #contents.franchise .fran_process .cont_wrap li.process4 .proc_bar::after {content:''; width: 5rem; height: 1px; transform: rotate(225deg ) translate(-90%, 0%); background: #6b2800; position: absolute; right: 2.5rem; bottom: 5rem;} /*---------------*/ #contents.franchise .fran_viewing {padding:20rem 0;} #contents.franchise .fran_viewing .fran_gall_area {position: relative; } #contents.franchise .fran_viewing .fran_gall_area ul {} #contents.franchise .fran_viewing .fran_gall_area li {width: 50%; overflow:hidden; } #contents.franchise .fran_viewing .fran_gall_area li img {width: 100%;} #contents.franchise .fran_viewing .fran_gall_area .btn_area {position: absolute; top:50%; z-index:2;width: 100%; display:flex;justify-content: space-between; } #contents.franchise .fran_viewing .fran_gall_area .btn_area > div {font-size:5em; cursor: pointer;position: absolute; color:#fff;transform:translateY(-50%);} #contents.franchise .fran_viewing .fran_gall_area .btn_area > div.btn-next {right:10%} #contents.franchise .fran_viewing .fran_gall_area .btn_area > div.btn-prev {left:10%} #contents.franchise .fran_viewing .link {margin-top:5rem; display:flex;align-items: center; justify-content: center;} #contents.franchise .fran_viewing .link a{background:var(--main-color1); color:var(--white);font-size: 2em; padding:2rem 3rem;border-radius:1rem; display:flex; align-items: center;} #contents.franchise .fran_viewing .link a > span{font-weight: bold;} #contents.franchise .fran_viewing .link a > i {font-size: 1.25em;} /*---------------*/ #contents.franchise .fran_call { position: relative; background-color: var(--main-color1); padding:15rem 0;} #contents.franchise .fran_call .title_wrap { font-size: 3em; color: var(--white);} #contents.franchise .fran_call .cont_wrap { position: relative;} #contents.franchise .fran_call .cont_wrap .call_area { display: flex; flex-direction: column; align-items: center;} #contents.franchise .fran_call .cont_wrap .call_area .call_box { display: flex; width: 58%; background: #fff; margin: 1rem 0; padding: 4rem 8rem; border-radius: 1rem; font-size: 1.5em; align-items: center; font-weight: bold;} #contents.franchise .fran_call .cont_wrap .call_area .call_box > span { width: 30%; font-size: .8em;} #contents.franchise .fran_call .cont_wrap .call_area .call_box > p { width: 70%; display: flex; align-items: center;} #contents.franchise .fran_call .cont_wrap .call_area .call_box > p > i { margin-right: 1rem;font-size: 1.25em;} #contents.franchise .fran_call .cont_wrap .call_area .call_box > p > span {font-size: 1.125em;} @media screen and (max-width:600px) { #contents.franchise section {min-height: auto; } #contents.franchise section .title_wrap {font-size: 1.5em;margin-bottom:3rem;} #contents.franchise .fran_top {margin-top:6rem; height:calc(100vh - 6rem);} #contents.franchise .fran_top .top_title {width: 60%;} #contents.franchise .fran_top .top_title > hr {width: 4rem; } #contents.franchise .fran_top .top_title > p > span {font-size: 1.8em;} #contents.franchise .fran_top .top_title > p > img {width: 100%;} #contents.franchise .fran_top .top_title > span {font-size: 1em; } #contents.franchise .fran_top .top_title > span br {display: none;} #contents.franchise .fran_whyus {padding:10rem 0;} #contents.franchise .fran_whyus .title_wrap img {width: 50%;} #contents.franchise .fran_whyus .title_wrap {font-size: 1.5em ;} #contents.franchise .fran_whyus .cont_wrap ul li {width: 50%;} #contents.franchise .fran_whyus .whyus_box {margin: 3%;min-height: 30rem} #contents.franchise .fran_whyus .whyus_box .icon {width:6rem; height: 6rem; margin-bottom: 3rem;} #contents.franchise .fran_whyus .whyus_box .text {font-size: 1em;margin:0 5%;} #contents.franchise .fran_whyus .whyus_box .text > p {line-height: 130%;} #contents.franchise .fran_whyus .whyus_box .text > span {width: 100%; display: block; } #contents.franchise .fran_whyus .whyus_box .text > span br {display: none;} #contents.franchise .fran_whyus .whyus_box .icon.ico3 {width: 8rem;} #contents.franchise .fran_process {padding:10rem 0 5rem;} #contents.franchise .fran_process .cont_wrap li {width: 50%; margin-bottom: 5rem;} #contents.franchise .fran_process .cont_wrap li .proc_cont .proc_list > p {font-size: 1em;} #contents.franchise .fran_process .cont_wrap li .proc_cont .proc_list {padding:2rem;} #contents.franchise .fran_viewing {padding:10rem 0 ;} #contents.franchise .fran_viewing .fran_gall_area li {width: 70%;} #contents.franchise .fran_viewing .fran_gall_area .btn_area > div {font-size: 2em;} #contents.franchise .fran_viewing .fran_gall_area .btn_area > div.btn-prev {left:5%;} #contents.franchise .fran_viewing .fran_gall_area .btn_area > div.btn-next {right:5%;} #contents.franchise .fran_viewing .link a {font-size: 1em;padding: 1.5rem 2rem;} #contents.franchise .fran_call {padding:10rem 0;} #contents.franchise .fran_call .title_wrap {font-size: 1.5em;} #contents.franchise .fran_call .cont_wrap .call_area .call_box {width: 100%; padding: 2rem; font-size: 1.25em;margin:.5rem 0;} #contents.franchise .fran_call .cont_wrap .call_area .call_box > p > span {font-size: 1em; } } /*-------------------------------------- siteinfo ---------------------------------------*/ #contents.siteinfo {position: relative; margin:10rem 0; line-height: 150%;} #contents.siteinfo #siteinfo_wrap {position: relative;} #contents.siteinfo > hr {position: relative; width: 100%; height:10rem; display: block; border:0;margin: 0;} #contents.siteinfo .info_memo {background: var(--main-color2); text-align: center; padding:5rem 0; font-size: 1.125em;} #siteinfo_wrap h2{display: block; padding-bottom:2rem; font-size: 1.6em; font-weight: 600; border-bottom:3px solid var(--black); margin-bottom:5rem} #siteinfo_wrap hr {position: relative; width: 100%; height:5rem; display: block; border:0;margin: 0;} #siteinfo_wrap .siteinfo_area {width: 100%;;} #siteinfo_wrap .siteinfo_area .text_area {position: relative;} #siteinfo_wrap .siteinfo_area .text_area h3 {font-weight: bold;font-size: 1.3em;margin-bottom: 2rem;} #siteinfo_wrap .siteinfo_area .text_area .text_box {border:1px solid var(--ddd);padding:3rem;} #siteinfo_wrap .siteinfo_area .text_area .text_box .text:last-child {margin-bottom:0;} #siteinfo_wrap .siteinfo_area .text_area .text {margin-bottom:3rem; color:var(--333);} #siteinfo_wrap .siteinfo_area .text_area .text p.stit{font-weight: bold;font-size: 1.1em;margin-bottom:.5rem;color:var(--black)} #siteinfo_wrap .siteinfo_area .text_area .text ul { padding-left: 2rem;margin-top: 1rem;} #siteinfo_wrap .siteinfo_area .text_area .text ul > li {margin-bottom:.5rem;} #siteinfo_wrap .siteinfo_area .text_area .text ul > li > ul {font-size: .95em;margin-top: .5rem; margin-bottom: 1.5rem;color:var(--555);} #siteinfo_wrap .siteinfo_area .text_area .text ul > li > ul > li {margin-bottom:.5rem;} #siteinfo_wrap .siteinfo_area .text_area .text ul.ty-num1 {list-style: decimal;} #siteinfo_wrap .siteinfo_area .text_area .text ul.ty-num2 {list-style: hangul; } #siteinfo_wrap .siteinfo_area .text_area .text ul.ty-num3 {list-style: inherit; } #siteinfo_wrap .siteinfo_area .text_area .text ul.ty-num4 {list-style: circle; } #siteinfo_wrap .siteinfo_table {width: 100%;border-collapse : collapse; border-spacing : 0; margin-bottom: 5rem;} #siteinfo_wrap .siteinfo_table thead th {background: var(--main-color1);border-right:1px solid var(--main-color3);color:var(--white);height: 4em;} #siteinfo_wrap .siteinfo_table tbody th {background: var(--main-color2);border-bottom:1px solid var(--aaa);border-right:1px solid var(--aaa);} #siteinfo_wrap .siteinfo_table tbody td {border-bottom:1px solid var(--aaa);border-right:1px solid var(--aaa);text-align: center;height: 3.5em;} #siteinfo_wrap .siteinfo_table tbody td:last-child {border-right: 0;} #siteinfo_wrap .siteinfo_tab {width:100%; margin:0 auto; height:auto; position:relative; display:flex; margin-bottom: 20px; } #siteinfo_wrap .siteinfo_tab .tab_area {flex:1;text-align:center;} #siteinfo_wrap .siteinfo_tab .tab{display:block; padding:20px 0; color:#878787;background: #f5f5f5; text-align:center;font-size:1.125em; border-bottom:3px solid #000;} #siteinfo_wrap .siteinfo_tab .tab.active{background:var(--white); color:#000 !important; font-weight:bold; border:3px solid #000; border-bottom:0 solid #000;} #siteinfo_wrap .siteinfo_tab .tab_cont {width:100%; height:100%;: 2rem; position:absolute; top:70px; left:0;} @media screen and (max-width:600px) { }