@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, img,small, strong, b, i, dl, dt, dd, ol, ul, li,form, label, table, tbody, tfoot, thead, tr, th, td,article, aside, footer, header,section,audio, video{margin:0;padding:0;border:0;outline:0;font-size:16px;vertical-align:baseline;background:transparent;line-height:1}
html{-webkit-text-size-adjust:100%}
article,aside,footer,header,menu,nav,section{display:block}
ul,ol{list-style:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent}
table{border-collapse:collapse;border-spacing:0}
input, select{vertical-align:middle}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
body{color:#37394D;line-height:1;font-family:"Noto Sans JP",-apple-system, BlinkMacSystemFont,"Segoe UI","Yu Gothic", "Meiryo","Hiragino Kaku Gothic ProN",sans-serif;background-color: #F0F2F5;}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#37394D;-webkit-tap-highlight-color: transparent;}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
li img{vertical-align:middle}
a:hover img.hoverImg{opacity:0.7;filter:alpha(opacity=70);-ms-filter:“alpha(opacity=70)”}
a:active{text-decoration:none}
.cf{zoom:1}
.cf:after{content:"";display:block;clear:both}

.content{max-width: 1120px;margin: 0 auto;}
.content{max-width: 1040px;margin: 0 auto;}
.content:not(.login .content){margin-bottom: 60px;}
input:focus, textarea:focus, button:focus {
  outline: none;
  -webkit-text-size-adjust: none;
} 


/* ----------- LOGIN css ---------- */
.login .content{max-width: 432px;margin: 0 auto;}
.login .top_title{display: flex;align-items: center;gap: 20px;padding: 60px 0 35px;justify-content: center;flex-direction: column;}
.top_title_img{height: 48px;}
.top_title_text {font-size: 2.125em;color: #0CA5B0;font-weight: 600;line-height: 40px;letter-spacing: -0.08em;}
.top_title_text:not(.login .top_title_text) {position: relative;top: -5px;}
.login_input_cont{display: flex;flex-direction: column;align-items: center;gap: 20px;}
.login_input_wrap {max-width: 432px;width: 100%;margin: 0 auto;padding: 0 16px;box-sizing: border-box;}
.id_input, .pw_input{display: flex;max-width: 550px;width: 100%;height: 60px;padding: 17px 20px;border: 1px solid #CBCAD7;color: #667085;font-family: "Noto Sans JP";font-size: 1.125em;font-style: normal;font-weight: 500;line-height: 26px;background: #EAF0F7;box-sizing: border-box;}
.pw_input_wrap {position: relative;max-width: 550px;width: 100%;height: 60px;}
.show_pw_btn {background: url(../common_img/password_off.png) no-repeat;background-size: 22px;cursor: pointer;position: absolute;right: 16px;top: 19px;width: 22px;height: 22px;border: none;}
.show_pw_btn.show {background: url(../common_img/password_on.png) no-repeat;background-size: 22px;background-position-y: 4px;}
.save_pw{padding: 30px 0 40px;max-width: 550px;width: 100%;margin: 0 auto;}
.save_pw input[type="checkbox"]{display: none;}
.save_pw input[type="checkbox"] + label{background: url(../common_img/checkbox_off.png) no-repeat;background-size: 18px;background-position-y: 4px;}
.save_pw input[type="checkbox"]:checked + label{background: url(../common_img/checkbox_on.png) no-repeat;background-size: 18px;background-position-y: 4px;}
.save_pw label {padding-left: 28px;color: #49475A;font-size: 1.125em;font-weight: 400;line-height: 26px;}
.login_btn{max-width: 400px;width: 100%;height: 60px;background: rgb(12, 165, 176);display: block;box-shadow: 0px 12px 18px 4px rgba(12, 165, 176, 0.20);margin: 0 auto;color: #FFF;font-size: 1.375em;font-weight: 700;line-height: 32px;letter-spacing: 1.98px;display: flex;align-items: center;justify-content: center;}
.login_btn{cursor: pointer;transition: all 0.16s ease-in;}
.login_btn:hover{text-decoration: none;color: #0CA5B0;background: rgba(12, 165, 176, .1);box-shadow: 0 0 0 1px rgba(12, 165, 176, .5);}
.id_input,.pw_input,.login_btn {border-radius: 10px;}
.menu_div{text-align: center;font-size: 1.125em;font-style: normal;font-weight: 400;line-height: 26px;display: flex;flex-direction: column;align-items: center;padding: 40px 0;gap: 20px;}
.menu_div a{color: #0CA5B0;}
.menu_div a:hover{text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;color: #0CA5B0;}
.login_txt {width: 400px;margin: 0 auto;}
.login_txt p{font-size: 1.125em;font-weight: 400;line-height: 26px;padding-bottom: 20px;}
.yellow_p_wrap{display: flex;}
.yellow_p {padding-bottom: unset !important;align-items: center;font-size: 16px !important;font-weight: 600 !important;line-height: 24px!important;position: relative;}
.aster{margin-left: 5px;width: 13px;height: 14px;}
.yellow_p span{font-weight: 300;line-height: 24px;}
.a_hover:hover{text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.login .footer{width:380px;margin:0 auto;}
.login .footer .links li a{color: #667085;font-weight: 400;line-height: 24px;}
.login .links_ul{display: flex;gap: 40px;justify-content: center;padding: 40px 0;}
.login .bottom_message,.copyright p{color: #333;text-align: center;font-size: .75em;font-weight: 400;line-height: 16px;}
.login .bottom_message{padding-bottom: 20px;}
.login .copyright{padding-bottom: 60px;}

.login #wrapper{max-width: 450px;margin: 0 auto;background-color: #FFF;width: 100%;min-height:1219px}

/* ----------- main 1to1 css ---------- */

.top_title{display: flex;align-items: center;padding: 60px 0 35px;flex-direction: row;gap: 20px;flex-wrap: wrap;width: 100%;}
.top_title_r{display: flex;gap: 10px;align-items: center;justify-content: space-between;flex-grow: 1;flex-wrap: wrap;}

.wrap{position:relative;}
.header{display: flex;justify-content: space-between;}
.my-page_btn{width:270px;height:46px;border:1px solid #E1E5EB;background-color:#FFF;color:#5D6072;font-size:16px;font-weight:500;line-height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing: border-box;}
.my-page_btn .name{color: #37394D;padding-right: 5px;font-weight: 600;}
.reser_div, .info_div{width:100%;max-width:687px;box-shadow: 3px 6px 35px -6px rgba(65, 99, 172, 0.20);}
.reser_div{height:206px;margin-bottom:20px;}
.title_cont{width: 100%;max-width: 687px;height:40px;background:#0ca5b0;position:relative}
.title_cont .left_title{font-size:20px;font-weight:600;color:#fff;position:absolute;left:20px;top:6px;line-height:28px;}
.left_text{width:100%;max-width:687px;padding:9px 20px;background:#fff;overflow:hidden;cursor:pointer;position:absolute;z-index:1;box-sizing:border-box;}
.reser_div .left_text{min-height:166px;}
.reser_div ul li{display: flex;align-items: center;padding: 12px 10px 13px;gap: 10px;border-bottom: 1px solid #D1D7E1;justify-content: space-between;}
.reser_div ul li:nth-child(n+3){border-bottom:unset;}
.left_text ul li a:hover{text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.reser_div .status{background-size: 70px 24px;width: 70px;height: 24px;}
.status{display: block;}
.status-pending {background: url(../common_img/status-pending.png) no-repeat;}
.status-answered {background: url(../common_img/status-answered.png) no-repeat;}
.status-completed {background: url(../common_img/status-completed.png) no-repeat;}
.status-scheduled {background: url(../common_img/status-scheduled.png) no-repeat;}
.reser_div .title_p{color:#37394D;font-weight:600;line-height:20px;padding: 0 10px;}
.reser_div .day{color:#6F7B8D;font-weight:500;line-height:1.5em;}
.reser_div .point_p{color:#37394D;font-weight:500;line-height:20px;}
.left_text_l{display: flex;align-items: center;}
.left_text_02{background: rgba(173, 176, 190, 0.12);}
.pending_day{color:#EA5455!important;padding: 2px 5px;background: #FFF8E7;}
.info_div{height:279px;margin-bottom:30px;}
.info_div .left_text{min-height:239px;}
.info_div ul li{display: flex;align-items: center;padding: 10px 10px 9px;gap: 10px;border-bottom: 1px solid #D1D7E1;}
.info_div ul li:nth-child(n+5){border-bottom:unset;}
.info_div ul li a {overflow: hidden;white-space: nowrap;color: #37394D;font-weight: 500;line-height: 24px;}
.news_txt{ overflow: hidden; 
  white-space: nowrap;    
  text-overflow: ellipsis; 
  display: block;  }

.user_div{width:333px;height:505px;top:0;right:0}
.user_div_cont{background: #FFF;box-shadow: 3px 6px 35px -6px rgba(65, 99, 172, 0.20);width: 333px;box-sizing: border-box;}
.user_div_cont_01{padding: 36px 20px;height: 290px;margin-bottom: 20px;}
.user_div_cont_02{padding: 36px 30px;height: 195px;}
.user_cont_01_txt{padding: 30px 10px 0;}
.user_div .point_btn{box-sizing: border-box;padding: 17px 22px 17px 21px;outline:none;display:block;width:293px;height:60px;box-shadow: 8px 10px 30px -10px rgba(65, 99, 172, 0.16);background:#E7F6F7;position:relative;top:-3px;text-decoration:none;border: 1px solid #0CA5B0;overflow:visible;cursor: pointer;
    transition: all 0.16s ease-in;}
.point_btn:hover{text-decoration: none;border: 1px solid #0CA5B0;
background: #0CA5B0;
box-shadow: 8px 10px 30px -10px rgba(65, 99, 172, 0.16);}
.point_btn:hover .point_btn_txt{color:#fff;}
.point_btn_txt{color:#0CA5B0;text-align: center;font-size: 18px;font-weight: 600;line-height: 26px;display: flex;align-items: center;justify-content: space-between;width: 250px;}
.point_btn_img{background: url(../common_img/point_btn.png) no-repeat;background-size: 24px;width: 24px;height: 24px;}
.point_btn:hover .point_btn_img{background: url(../common_img/point_btn_on.png) no-repeat;background-size: 24px;width: 24px;height: 24px;}
.user_div_cont p{color: #37394D;font-size: 14px;font-weight: 500;line-height: 24px;display: block;}
.point_link_info{color:#0CA5B0;font-weight:500;line-height:24px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:5%;text-underline-offset:15%;text-underline-position:from-font;padding:30px 0;display:block;}
.point_link_info:hover{color:#0CA5B0;text-decoration-line:none;}
.user_div .user_li{position:relative;display: flex;align-items: center;gap: 6px;}
.user_div .menu_a{display:block;color:#37394D;font-size:14px;font-weight:500;line-height:20px;}
.user_div .menu_a:hover{text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.user_li_fap .menu_a{padding: 30px 0;}
.user_li_img{display: block;}
.user_li_point .user_li_img{background: url(../common_img/user_li_point.png) no-repeat;background-size: 20px;width: 20px;height: 20px;}
.user_li_about .user_li_img{background: url(../common_img/user_li_about.png) no-repeat;background-size: 20px;width: 20px;height: 20px;}
.user_li_fap .user_li_img{background: url(../common_img/user_li_fap.png) no-repeat;background-size: 20px;width: 20px;height: 20px;}
.user_li_set .user_li_img{background: url(../common_img/user_li_set.png) no-repeat;background-size: 20px;width: 20px;height: 20px;}


.tab_content{display:none;z-index: 1;position: relative;top: 3px;width: 1040px;box-sizing: border-box;box-shadow: 3px 6px 35px -6px rgba(65, 99, 172, 0.20);background: #FFF;padding:20px;}
.tab_content.active{display:block}
.tab_content:not(.tab_content.active){display:none!important}
.tab_cont{z-index:1}
.tab_ul{max-width: 1040px;}
.tab_ul .tab_li{float:left;width:169px;height: 53px;;cursor:pointer;margin-right: 5px;}
.tab_ul .tab_li:last-child{margin-right: unset;}
.tab_ul .tab_li .tab_li_cont:last-child{margin-right:unset}
.tab_ul .tab_li .tab_cont{height:53px;background:#F6F7FB;text-align:center;width: 169px;box-sizing: border-box;box-shadow: 3px 6px 35px -6px rgba(65, 99, 172, 0.20);}
.tab_ul .tab_li.active .tab_cont{background:#fff;}
.tab_ul .tab_li .tab_cont .tab_title{color: #37394D;font-weight: 500;line-height: 24px;padding-top:14px;}
.tab_ul .tab_li.active .tab_cont .tab_title{color:#37394D;font-size: 18px;font-weight: 700;line-height: 26px;padding-top:12px;}
.tab_ul .tab_li .top_line{display:block;width:100%;height:3px;max-width: 169px;}
.tab_ul .tab_li .top_line.top_line_1{background: #0CA5B0;}
.tab_ul .tab_li .top_line.top_line_2{opacity: 0.95;background: #5581FF;}
.tab_ul .tab_li .top_line.top_line_3{background:#FACC15;}
.tab_content_1_li, .tab_content_2_li, .tab_content_3_li{width: 100%;min-height: 50px;border-top: 1px solid #D1D7E1;background: #fff;padding: 13px 10px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.tab_content_1_li.even, .tab_content_2_li.even, .tab_content_3_li.even{background: rgba(173, 176, 190, 0.12);}
.tab_content_1_li a:hover, .tab_content_2_li a:hover, .tab_content_3_li a:hover{text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}
.tab_content_1_li .status, .tab_content_2_li .status, .tab_content_3_li .status{background-size: 70px 24px;width: 70px;height: 24px;}

.tab_cont_li_l{display: flex;align-items: center;}
.tab_cont_li_l .title_p{color: #37394D;font-weight: 600;line-height: 18px;padding: 0 36px 0 20px;}
.tab_content_1_li:nth-child(n+10) .tab_cont_li_l .title_p, .tab_content_2_li:nth-child(n+10) .tab_cont_li_l .title_p, .tab_content_3_li:nth-child(n+10) .tab_cont_li_l .title_p{padding: 0 20px;}
.tab_content .date_p{color: #6F7B8D;font-weight: 500;line-height: 18px;}
.tab_content .point_p{color: #37394D;font-weight: 500;line-height: 18px;}
.date_p_scheduled{color:#37394D!important;}
.tab_content_1_li.first_li, .tab_content_2_li.first_li, .tab_content_3_li.first_li{border-top:unset;}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.tab_cont_6_p{color: #37394D;font-weight: 500;line-height: 24px;font-size: 14px;}



    .tab_content_5_ul {
        display: none;
        width: 100%;
        position: absolute;
    }
    .tab_content_5 .margin_div {
        margin: 20px auto;
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .tab_content_5_li .date_p {
        float: left;
        width: 110px;
        font-size: 16px;
        padding-top: 14px;
        text-align: center;
        line-height: 1.5;
    }
    .tab_content_5_li.top_li .top_date_p {
        float: left;
        width: 97px;
        font-size: 16px;
        text-align: left;
        border-left: 1px solid #fff;
        padding: 0 0 0 13px;
        line-height: 40px;
    }
    .tab_content_5_li .title_p {
        float: left;
        width: 70px;
        font-size: 16px;
        text-align: center;
        padding-top: 14px;
        line-height: 1.5;
    }
    .tab_content_5_li .link_a {
        float: left;
        max-width: 520px;
        height: 10px;
        font-size: 16px;
        padding: 14px 0 14px 23px;
        text-decoration: underline;
        line-height: 1.5;
        overflow: hidden;
    }

.tab_content_4_li .date_div .date_div_title {
        font-size: 16px;
        padding: 0 20px;
    }
    .tab_cont_4_p{padding: 0px 4px;
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	color: #37394D;
    }
    .tab_content_4_li.top_li{display: flex;}
    .tab_content_4_li.top_li .top_date_p {
        float: left;
        width: 17%;
        font-size: 16px;
        text-align: center;
        border-left: 1px solid #fff;
        padding: 0;
        line-height: 50px;
    }
    .tab_content_4_li.top_li .top_data_a {
        float: left;
        width: 32.35%;
        font-size: 16px;
        border-left: 1px solid #fff;
        line-height: 1.2;
        padding: 5px 0 0;
        text-decoration: none;
        text-align: center;
    }
    .tab_content_4_li {
        width: 100%;
        min-height: 50px;
        border-top: 1px solid #e5e5e5;
        background: #fff;
    }
.tab_content_4_li .data_a {
        float: left;
        display: block;
        width: 32.35%;
        font-size: 16px;
        padding: 14px 0;
        text-decoration: underline;
        line-height: 1.5;
        text-align: center;
    }
    .tab_content_4_li .data_a .data_a_title {
        font-size: 16px;line-height: 1.2;}

.tab_content_4_li .data_a .icon_pdf {
        display: inline-block;
        width: 16px;
        height: 18px;
        background: url(../common_img/pdficon_small.png) no-repeat;
        position: relative;
        top: 4px;
        left: -4px;
        background-size: cover;
    }
.top_data_a_wrap, .data_a_wrap{display: flex;width: 83%;}
.tab_content_5_li.top_li .top_link_a{width: unset!important;float: left;font-size: 16px;text-align: left;border-left: 1px solid #fff;line-height: 40px;padding: 0 0 0 23px;text-decoration: none;}
.tab_content_6_li {
        width: 100%;
        min-height: 50px;
        border-top: 1px solid #e5e5e5;
        background: #fff;
    }
    .tab_content_6_li .data_a {
        float: left;
        display: block;
        font-size: 16px;
        text-decoration: underline;
        width: calc(100% - 25px);
        height: 25px;
        line-height: 25px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tab_content_6_li .data_a .icon_pdf {
        display: inline-block;
        width: 16px;
        height: 18px;
        background: url(../common_img/pdficon_small.png) no-repeat;
        position: relative;
        top: 4px;
        left: 0;
        margin-right: 5px;
        background-size: cover;
    }
.bottom_msg {
        color: #666;
        font-size: 14px;
        text-align: right;
        padding-top: 20px;padding-bottom: 23px;
    }

.tab_content_5 .bottom_btn_cont .bottom_btn_cont_btn span{display:block;padding-top:7px}




/* ----------- footer css ---------- */
.footer:not(.login .footer){width:100%;background: #4F526A;padding: 66px 0 26px;}
.footer:not(.login .footer) .links{padding:15px 0;text-align:center;padding: 50px 0;}
.footer:not(.login .footer) .links .links_ul{display:flex;gap: 60px;justify-content: center;}
.footer:not(.login .footer) .links .links_ul li.last_li{margin-right:0}
.footer:not(.login .footer) .links .links_ul li a{color: #fff;}

.footer:not(.login .footer) .copyright p{text-align:center;color:#fff;padding:10px 0;line-height:1.8}

.footer:not(.login .footer) .links .links_ul li a:hover{text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;}

.logout{color:#0CA5B0;font-size: 18px;font-weight: 500;display: flex;align-items: center;width: 160px;height: 40px;background: #FFF;justify-content: center;margin: 0 auto;gap: 10px;}
.logout:hover{text-decoration: none;text-decoration: none;
background: #0CA5B0;color: #fff;cursor: pointer;
    transition: all 0.16s ease-in;}
.logout_icon{background: url(../common_img/logout_icon.png) no-repeat;background-size: 18px;width: 18px;height: 18px;display: block;}
.logout:hover .logout_icon{background: url(../common_img/logout_on_icon.png) no-repeat;background-size: 18px;width: 18px;height: 18px;display: block;}


@media print ,screen and (max-width:1080px){
  .content {margin: 0 20px;}
}

@media print ,screen and (min-width:835px) and (max-width:1080px){
  .content:not(.login .content) {
    margin: 0 20px 60px;
    width: 1060px;
    max-width: unset;
    
}
.footer:not(.login .footer) {
    min-width: 1080px;
}
}

@media print ,screen and (min-width:835px){
  
  .top_title:not(.login .top_title){width: 1040px;min-width: 1040px;}
  .reser_div ,.info_div {width: 687px;}
  .disp_tb{display: none;}
  .disp_pc{display: block;}
  .div_cont_pc{display: flex;width: 1040px;gap: 20px;}
  .user_div {position: unset;}
  .tab_cont {width: 1040px;}
}

@media print ,screen and (max-width:834px){
  .disp_tb{display: block!important;}
  .disp_pc{display: none!important;}
  .a_hover{text-decoration-line: underline;text-decoration-style: solid;text-decoration-skip-ink: none;text-decoration-thickness: auto;text-underline-offset: auto;text-underline-position: from-font;}

  .top_title{padding: 80px 0 40px;gap: 15px;}
  .login_txt{width: 100%;margin: unset;padding: 0 40px;box-sizing: border-box;}
  .bottom_message, .copyright p {width: 100%;margin: unset;padding: 0;box-sizing: border-box;}
  .copyright {padding-bottom: 80px;}
  
  html, body {overflow-x: hidden;}

  .login_txt, .login .footer {width: 100% !important;padding: 0 20px;box-sizing: border-box;margin: 0 auto;}

  .login_txt p {font-size: 1em;line-height: 1.6;padding-bottom: 16px;}
  .reser_div ,.info_div {width: 100%;max-width: unset;}
  .title_cont, .left_text {max-width: unset;}
  .top_title:not(.login .top_title) {padding: 40px 0 30px;}
  .top_title_text:not(.login .top_title_text) {font-size: 30px;}
  .popup_head .top_title_text {font-size: 27px!important;top: -3px!important;}
  .my-page_btn {width: 229px;height: 40px;}
  .top_title:not(.login .top_title) ,.top_title_r {flex-wrap: unset;}
  .top_title_img:not(.login .top_title_img) {height: 42px;}
  .tab_ul .tab_li .top_line{height:5px;max-width: 128px;}
  .tab_ul .tab_li .tab_cont{width: 100%;}
  .tab_ul .tab_li{width: calc(16.77% - 5px);height: 55px;}

  .tab_content{width: 100%;}
  .user_div {width: unset;height: unset;}
.user_div_cont {background: unset;box-shadow: unset;width: unset;}
.user_div_cont_01 {padding-top: 60px;height: unset;margin-bottom: unset;padding-bottom: unset;}
.user_div .point_btn {padding:12px 21px;width: 261px;height: 50px;margin: 0 auto;}
.point_btn_txt {font-size: 16px;width: 218px;}
.point_btn_img {background-size: 21px;width: 21px;height: 21px;}
.point_btn:hover .point_btn_img {background-size: 21px;width: 21px;height: 21px;}
.user_cont_01_txt {padding: 40px 0 0;width: 211px;margin: 0 auto;}
.user_div_cont p {font-size: 12px;line-height: normal;}
.point_link_info {line-height: normal;font-size: 14px;padding: 21px 0;}
.user_div .menu_a{font-size: 12px;}
.user_cont_01_txt .menu_a{line-height: normal;}
.user_div_cont_02 .menu_a{line-height: 16px;color: #fff;}
.user_div .user_li_img {background-size: 16px;width: 16px;height: 16px;}
.footer .user_div_cont{padding: unset;}
.user_li_fap .menu_a {padding: unset;}
.user_div .user_li {gap: 4px;}
.user_div_cont_02{height: unset;margin-bottom: 60px;}
.footer:not(.login .footer) {padding: 40px 0 30px;}
.footer:not(.login .footer) .links{padding: 60px 0 30px;}
.logout {font-size: 16px;width: 140px;height: 38px;}
.logout_icon {background-size: 16px;width: 16px;height: 16px;}
.logout:hover .logout_icon {background-size: 16px;width: 16px;height: 16px;}
.copyright:not(.login .copyright) {padding-bottom: unset;}
.footer:not(.login .footer) .copyright p {font-size: 12px;line-height: 16px;}
.footer:not(.login .footer) .links .links_ul li a{line-height: 20px;font-size: 16px;}
.tab_content_5_li.top_li .top_link_a {width: unset!important;}
.tab_content_5 .bottom_btn_cont {left: unset!important;margin-left: unset!important;width: calc(100% - 40px)!important;}
.footer:not(.login .footer) .links .links_ul li a:hover{text-decoration:none}
}

@media print ,screen and (min-width:451px) and (max-width:834px){
  .footer .user_div_cont {
    display: flex;
    gap: 22px;
    justify-content: center;
}
.content:not(.login .content) a, .footer a {text-decoration: underline;}
.logout, .point_btn  {text-decoration: none!important;}
}

@media screen and (max-width:800px){
  .top_title_img:not(.login .top_title_img) {height: 42px;}
  .top_title_text:not(.login .top_title_text, .popup_head .top_title_text) {top: 0;letter-spacing: -1.4px;}
  .top_title:not(.login .top_title) {align-items: flex-start;flex-direction: column;}
  .top_title:not(.login .top_title), .top_title_r {width: 100%;}
}

@media screen and (max-width:790px) {
  .tab_cont_li_l{flex-wrap: wrap;}
  .tab_cont_li_l .day_wrap{width: 60%;margin-top: 8px;}
  .tab_content_1_li, .tab_content_2_li, .tab_content_3_li{position: relative;}
  .tab_content .point_p {
    position: absolute;
    bottom: 0;
    padding-bottom: 13px;
    right: 10px;
}
}

@media screen and (max-width:750px) {
  .left_text_l .day_wrap{width: 60%;margin-top: 8px;}
  .left_text_l {flex-wrap: wrap;}
  .reser_div .point_p {position: absolute;bottom: 0;padding-bottom: 13px;right: 10px;}
  .left_text_01, .left_text_02{position:relative;}
  .footer .user_div_cont {flex-direction: column;width: 225px;margin: 0 auto 60px;}
  .left_text {
    position: static !important;
  }
 
  .reser_div,
  .info_div {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    height: auto;
  }
 
  .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

@media screen and (max-width:700px){
  .tab_content_4_li .date_div .date_div_title{overflow-wrap: anywhere;padding: 0 10px;}
}

@media screen and (max-width:680px){
  .tab_content_5_li .link_a{width: calc(100% - 25px);cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .personal .tab_content_5_li.top_li {display: none;}
}

@media screen and (max-width:670px){
  .popup_head .top_title_text {top: 0!important;font-size: 29px!important;letter-spacing: -.5px;}
}

@media screen and (max-width:600px) {
    .tab_ul .tab_li.active .tab_cont .tab_title {font-size: 15px;}
.tab_ul .tab_li .tab_cont .tab_title {font-size: 14px;}
.tab_content .point_p {position: unset;padding-bottom: unset;}
.tab_content_1_li, .tab_content_2_li, .tab_content_3_li {
    flex-direction: column;
    align-items: flex-start;gap: 10px;
}
.tab_cont_li_l .day_wrap {
    width: 100%;
}
a.date_p.date_p_scheduled {
    line-height: 1.5em;
}
}

@media screen and (max-width:550px) {
  .reser_div .point_p {position: unset;}
  .reser_div ul li {flex-direction: column;align-items: flex-start;}
  .left_text_l .day_wrap {width: 100%;}
}

@media screen and (max-width:530px) {
  .my-page_btn {width: 215px;}
  .top_title_img:not(.login .top_title_img) {height: 37px;}
.top_title_text:not(.login .top_title_text, .popup_head_tit .top_title_text)  {font-size: 26px!important;letter-spacing: -.6px;}
}

@media screen and (max-width: 360px) {
  .top_title_text {font-size: 1.5em;text-align: center;}
  .id_input,.pw_input,.login_btn {font-size: 1em;}
  .save_pw label {font-size: 0.95em;}
  .menu_div {font-size: 1em;}
  .login_txt p {font-size: 1em;line-height: 1.6;}
}
@media print ,screen and (min-width:451px){
  .open_menu_btn{display: none;}
  .disp_sp{display: none;}
  .tb_sp_menu_cont{display: none;}
  .disp_sp_off{display: block;}
}

@media print ,screen and (max-width:480px){
  .my-page_btn {width: 205px;}
    .top_title_text:not(.login .top_title_text, .popup_head_tit .top_title_text)  {font-size: 24px!important;}
.top_title_img:not(.login .top_title_img) {height: 34px;}
}

@media print ,screen and (max-width:450px){
  .content_wrap{display: none;}
  .content_wrap.active{display: block;}
  .reser_div{display: none;}
  .reser_div.active{display: block;}
  .info_div{display: none;}
  .info_div.active{display: block;}
  .content:not(.login .content) a, .footer a {text-decoration: underline;}
  .logout, .point_btn  {text-decoration: none!important;}
  .header:not(.login .header) {margin: 0 20px;}
.content:not(.login .content) {margin: unset;}
.reser_div, .info_div {margin-bottom: unset;}
  .top_title:not(.login .top_title) {gap: 10px;align-items: flex-start;}
  .top_title:not(.login .top_title) {padding: 40px 0 20px;}
    .top_title_img:not(.login .top_title_img) {height: 42px;}
.top_title_text:not(.login .top_title_text, .popup_head_tit .top_title_text)  {font-size: 30px!important;letter-spacing: -1.5px;}
  .top_title_r {gap: 20px;}
  .my-page_btn {width: calc( 100vw - 40px );}
  .disp_sp_off{display: none!important;}
  .disp_sp{display: block;}
  .open_menu_btn{
    display: block;
    position: absolute;
    top: 47px;
    right: 20px;
    z-index: 1000;
    border: 1px solid #ADB0BE;
    background-color: #fff;
    border-radius: 6px;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .open_menu_btn_line_1 {
    display: block;
    width: 40px;
    height: 7px;
    right: 16px;
    background-color: #0CA5B0;
    border-radius: 3.5px;
    position: absolute;
    top: 30%;
    transition: all 0.3s ease-in-out;
  }
  .open_menu_btn_line_2 {
    display: block;
    width: 30px;
    height: 7px;
    right: 16px;
    background-color: #0CA5B0;
    border-radius: 3.5px;
    position: absolute;
    top: 47%;
    transition: all 0.3s ease-in-out;
  }
  .open_menu_btn_line_3 {
    display: block;
    width: 40px;
    height: 7px;
    right: 16px;
    background-color: #0CA5B0;
    border-radius: 3.5px;
    position: absolute;
    top: 63%;
    transition: all 0.3s ease-in-out;
  }
  .open_menu_btn.active .open_menu_btn_line_1{
    transform-origin: left top;
    transform: rotate(45deg);
    right: 3px;right: 9px; top: 28%;
  }
  .open_menu_btn.active .open_menu_btn_line_2{
    opacity: 0;
  }
  .open_menu_btn.active .open_menu_btn_line_3{
    transform-origin: left bottom;
    transform: rotate(-45deg);
    right: 3px;right: 9px; top: 62%;
  }
  .tb_sp_menu{display:none;width:100%;height:100%;position:absolute;left:0; top:0;z-index:10}
  .tb_sp_menu .tb_sp_menu_bg{height:100%;background:#000;opacity:0.3;position:relative;top:0;left:0}
  .tb_sp_menu_cont{width:100%;position:absolute;top:0;right:0}
  .tb_sp_menu ul{background:#fff}
  .tb_sp_menu ul li{float:left;width:100%;height:60px;border-bottom:1px solid #ccc}
  .tb_sp_menu ul li a{display:block;position:relative;}
  .tb_sp_menu ul li a:active{transition: background-color 0.6s ease;}
  .tb_sp_menu ul li a p{font-size: 18px;padding: 0 20px;line-height: 60px;height: 60px;}
  #tb_sp_menu_1 a{border-left:10px solid #6F7B8D}
  #tb_sp_menu_1 a:active, #tb_sp_menu_1 a:hover{background: #e6e6e6;}
  #tb_sp_menu_2 a{border-left:10px solid #0CA5B0}
  #tb_sp_menu_3 a{border-left:10px solid #0CA5B0}
  #tb_sp_menu_4 a{border-left:10px solid #0CA5B0}
  #tb_sp_menu_2 a:active, #tb_sp_menu_3 a:active, #tb_sp_menu_4 a:active, #tb_sp_menu_2 a:hover, #tb_sp_menu_3 a:hover, #tb_sp_menu_4 a:hover{background: #e6fdff;}
  #tb_sp_menu_5 a{border-left:10px solid #5681FF}
  #tb_sp_menu_6 a{border-left:10px solid #5681FF}
  #tb_sp_menu_5 a:active, #tb_sp_menu_6 a:active, #tb_sp_menu_5 a:hover, #tb_sp_menu_6 a:hover{background: #e6efff;}
  #tb_sp_menu_7 a{border-left:10px solid #FACC15}
  #tb_sp_menu_7 a:active, #tb_sp_menu_7 a:hover{background: #fff9e6;}
  .tab_content{top: unset;}
  .user_div_cont_01 {padding: 80px 0 0;}
.user_div .point_btn {padding: 20px 0 16px;width: calc(100% - 40px);height: 70px;max-width: 410px;}
.point_btn_txt {font-size: calc(2vw + 14px);width: 100%;line-height: 34px;justify-content: center;gap: 20px;}
.point_btn_img {background-size: 34px;width: 34px;height: 34px;}
.point_btn:hover .point_btn_img {background-size: 34px;width: 34px;height: 34px;}
.content:not(.login .content) {margin-bottom: 80px;}
.point_link_info {font-size: calc(2vw + 12px);
padding: 40px 0;}
.user_cont_01_txt {padding: 60px 0 0 15px;width: unset;margin: unset;}
.user_div_cont p {font-size: 18px;font-weight: 400;line-height: 30px;}
.user_div .user_li {gap: 10px;}
.user_cont_01_txt .menu_a {font-size: 19px;line-height: 27px;font-weight: 400;}
.user_div .user_li_img {background-size: 24px;width: 24px;height: 24px;}
.user_div_cont_02 .menu_a {font-size: 19px;font-style: normal;font-weight: 400;line-height: 27px;color: #fff;}
.tab_content_4_li.top_li .top_date_p, .tab_content_4_li .date_div {width: 35%!important;}
.top_data_a_wrap, .data_a_wrap {width: 65%;flex-direction: column;}
.tab_content_4_li.top_li .top_date_p{display: flex;justify-content: center;align-items: center;}
.tab_content_4_li.top_li .top_data_a, .tab_content_4_li .data_a {width: 100%;text-align: left;box-sizing: border-box;}
.tab_content_4_li.top_li .top_data_a{line-height: 1.75;padding: 5px 0 5px 25px;border-bottom: 1px solid #fff;}
.tab_content_4_li.top_li .top_data_a:last-child{border-bottom: unset;}
.tab_content_4_li .data_a{padding: 10px 0 10px 10px;}
.tab_content_4_li .date_div{padding-top: unset!important;height: 124px;}
.tab_content_4_li .date_div_title{display: flex;align-items: center;justify-content: center;height: 100%;}
.tab_content_4_li .date_div .date_div_title {padding: 0 7px;}
.footer .user_div_cont {padding: unset;margin: 0 auto 70px;width: 380px;padding-left: 5px;}
.footer .user_li_fap{margin: 15px 0;}
.user_div_cont_02 {margin-bottom: 70px;}
.footer:not(.login .footer) .links {padding: 70px 0 40px;}
.logout_icon {background-size: 22px;width: 22px;height: 22px;}
.logout:hover .logout_icon {background-size: 22px;width: 22px;height: 22px;}
.logout {font-size: 23px;width: 180px;height: 49px;}
.footer:not(.login .footer) .links .links_ul li a {line-height: 30px;font-size: calc(2vw + 12px);
}
.footer:not(.login .footer) .copyright p {font-size: 17px;line-height: 25px;}
.top_title_r {align-items: flex-start;}
  .reser_div .point_p {position: unset;}
.container {gap: unset!important;}
.user_div_cont_02 .menu_a{font-size: clamp(16px, calc(2vw + 10px), 19px);
}
.reser_div .point_p{padding-bottom: unset;}
}

@media screen and (max-width: 430px) {
  .bottom_msg{display: flex;flex-direction: column-reverse;gap: 20px;}
}

@media screen and (max-width: 400px) {
  .point_btn_img {background-size: 25px;width: 25px;height: 25px;}
  .point_btn:hover .point_btn_img {background-size: 25px;width: 25px;height: 25px;}
  .point_btn_txt {gap: 15px;font-size: calc(2vw + 12px);}
  .user_div .point_btn {padding: 15px 0;height: 62px;}
}

@media screen and (max-width: 380px) {
  .top_title_text:not(.login .top_title_text, .popup_head_tit .top_title_text)  {font-size: 28px!important;letter-spacing: -.85px;}
  .top_title_img:not(.login .top_title_img) {height: 40px;}
}

@media screen and (max-width: 350px) {
  .my-page_btn {width: calc( 100vw - 30px );}
  .header:not(.login .header) {margin: 0 15px;}
  .point_btn_txt {gap: 10px;}
  .open_menu_btn {width: 65px;height: 65px;right: 15px;}
  .open_menu_btn_line_1, .open_menu_btn_line_3 {width: 38px;height: 6px;right: 13px;}
  .open_menu_btn_line_2 {width: 30px;height: 6px;right: 13px;} 
  .open_menu_btn.active .open_menu_btn_line_1{right: 5px;top: 29%;}
  .open_menu_btn.active .open_menu_btn_line_3{right: 5px;top: 67%;}

}

@media screen and (max-width: 335px){
    .open_menu_btn {width: 53px;height: 53px;}
  .open_menu_btn_line_1, .open_menu_btn_line_3 {width: 30px;right: 11px;height: 5px;}
  .open_menu_btn_line_2 {width: 24px;right: 11px;height: 5px;} 
  .open_menu_btn.active .open_menu_btn_line_1{right: 5px;top: 29%;}
  .open_menu_btn.active .open_menu_btn_line_3{right: 5px;top: 66%;}
}

@media screen and (max-width: 700px) {
  .left_text {
    position: static !important;
  }

  .reser_div,
  .info_div {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    height: auto;
  }

  .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}