@charset "utf-8";

/*** layout ***/
#wrapper {font-size: 1.6rem;}
.inner {width: 100%;max-width: calc(1520px + 4rem);margin: 0 auto;padding: 0 2rem;}
.sr_only {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0 none;clip: rect(0, 0, 0, 0);}


/*** skip ***/
#skipnavi {overflow: hidden;position: relative;width: 100%;z-index: 2;}
#skipnavi a {display: block;overflow: hidden;width: 0rem;height: 0rem;margin: 0 -0.1rem -0.1rem 0;font-size: 0;line-height: 0;text-align: center;}
#skipnavi:focus {overflow: hidden;height: 10rem;font-size: 1.4rem;font-weight: 700;background: #0d2f51;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width: auto;height: 3rem;margin: 0;padding: 0.8rem 0 0 1.5rem;font-size: 1.4rem;font-weight: bold;line-height: 1;color: #fff;background: #0d2f51;}


/*** header ***/
#header {display: flex;align-items: center;height: 7rem;border-bottom: 1px solid #D2D2D2;}
#header .inner {display: flex;align-items: center;}
#header .logo a {display: block;}
#header .logo img {display: block;max-height: 2.8rem;}


/*** footer ***/
#footer {border-top: 1px solid #E8E8E8;font-size: 1.6rem;}
#footer .inner {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 0.8rem 2.4rem;min-height: 11.4rem;padding: 2rem;}
#footer .logo {margin-right: 7.2rem;}
#footer .logo img {display: block;}
#footer .flex {display: flex;align-items: center;flex-wrap: wrap;row-gap: 0.8rem;}
#footer .flex li {display: flex;align-items: center;position: relative;}
#footer .flex li:not(:last-child)::after {content: '';display: inline-block;width: 1px;height: 1.5rem;margin: 0 2.4rem;background: #707070;}
#footer .flex li a {font-weight: 600;color: #000;}
#footer .addr,
#footer .copy {font-weight: 500;color: #797979;}


/*** visual_area ***/
.visual_area {height: 60rem;background: linear-gradient(180deg, #15bfac 0%, #2da2cb 100%);}
.visual_area .inner {display: flex;justify-content: space-between;align-items: center;height: 100%;}
/* txt */
.visual_area .txt {padding: 4rem 0;color: #fff;}
.visual_area .tit {font-size: 2.8rem;font-weight: 500;letter-spacing: -0.01em;}
.visual_area .tit strong {display: block;position: relative;left: -0.4rem;font-family: 'Gsans';font-size: 6.2rem;font-weight: 500;}
.visual_area p {margin-top: 0.5rem;font-size: 2.4rem;}
/* button */
.visual_area .btn_area {display: flex;gap: 1.6rem;margin-top: calc(6rem - (((2.4rem * 1.45) - 2.4rem) / 2));}
.visual_area .btn {display: flex;justify-content: center;align-items: center;min-width: 18rem;height: 5.8rem;padding: 0 2.4rem;border-radius: 3rem;font-size: 2rem;font-weight: 600;color: #000;letter-spacing: -0.01em;text-align: center;background: #fff;}
.visual_area .btn:hover {box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1);}
.visual_area .btn:focus-visible {outline: 0.2rem solid #000;outline-offset: 0.2rem;}
.visual_area .btn.i01::before {content: '';width: 1.9rem;height: 2.2rem;margin-right: 0.8rem;background: url(../images/common/i_app_store.svg) no-repeat 50% 50% / 100% auto;}
.visual_area .btn.i02::before {content: '';width: 1.9rem;height: 2.1rem;margin-right: 0.6rem;background: url(../images/common/i_google_play.svg) no-repeat 50% 50% / 100% auto;}
/* img */
.visual_area figure {display: flex;justify-content: center;align-items: flex-end;position: relative;height: 100%;}
.visual_area figure img {display: block;max-width: 100%;max-height: 100%;}


/*** content ***/
.content {position: relative;min-height: calc(100dvh - 7rem - 11.4rem - 1px);padding: 6.4rem 0;}

/** top_tit **/
.top_tit {text-align: center;}
.top_tit p {font-size: 2.4rem;font-weight: 500;}
.top_tit p em {display: inline-block;position: relative;padding-top: 0.5rem;line-height: 1;color: #2AB976;}
.top_tit p em::before {content: '';position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 0.5rem;height: 0.5rem;border-radius: 100%;background: #2AB976;}
.top_tit .tit {margin-top: calc(1.7rem - (((4.4rem * 1.3) - 4.4rem) / 2) - (((2.4rem * 1.45) - 2.4rem) / 2));font-size: 4.4rem;font-weight: 300;line-height: 1.3;}
.top_tit .tit strong {font-weight: 700;}
/* btn_open_pop */
.btn_open_pop {display: inline-flex;justify-content: center;align-items: center;position: relative;gap: 0.6rem;min-height: 5.8rem;margin-top: 3.2rem;padding: 1.4rem 2.4rem;border: 0;border-radius: 5.8rem;font-size: 2rem;font-weight: 500;color: #fff;letter-spacing: -0.025em;background: linear-gradient(180deg,#19BBB1 0%, #29A6C6 100%);}
.btn_open_pop::after {content: '';display: inline-block;min-width: 2.8rem;width: 2.8rem;height: 2.8rem;background: url(../images/common/i_arrow.svg) no-repeat 50% 50% / 2.8rem auto;}
.btn_open_pop:hover {box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1);}
.btn_open_pop:focus-visible {outline: 0.2rem solid #000;outline-offset: 0.2rem;}

/** svc_list **/
.svc_list {display: flex;gap: 3.2rem;margin-top: 5.6rem;}
.svc_list li {width: 100%;padding: 2rem 2rem 2.4rem;border-radius: 2rem;background: #fff;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1);}
.svc_list li figure {display: flex;justify-content: center;align-items: center;width: 11.6rem;max-width: 11.6rem;height: 12.3rem;max-height: 12.3rem;margin: 0 auto;}
.svc_list li figure img {display: block;max-width: 100%;max-height: 100%;}
.svc_list li p {font-size: 1.7rem;font-weight: 500;text-align: center;}

/** badge **/
.badge {display: inline-block;min-width: 6rem;height: 2.8rem;padding: 0 0.8rem;border-radius: 0.6rem;font-size: 1.5rem;font-weight: 500;line-height: 2.8rem;letter-spacing: -0.025em;text-align: center;}
.badge.gray {color: #727272;background-color: #E8E8E8;}
.badge.blue {color: #0B50CF;background-color: #E9F0FC;}


/** table **/
.data_tbl {border-top: 1px solid #000;}
.data_tbl > * > tr > * {position: relative;height: 5.6rem;padding: 0.8rem 1rem;border-bottom: 1px solid #D2D2D2;font-size: 1.7rem;font-weight: 500;color: #2D3443;letter-spacing: -0.025em;text-align: center;background: #FFFFFF;}
.data_tbl > * > tr > th {font-weight: 700;background: #F4F4F4;}
.data_tbl > * > tr:hover > td:not(.no_data) {background: #f8f8f8;}
/* vertical scroll table */
.tbl_scroll.scr_v {overflow-y: auto;position: relative;}
.tbl_scroll.scr_v table {border-collapse: separate;border-top: 0;}
.tbl_scroll.scr_v thead {position: sticky;left: 0;top: 0;z-index: 1;}
.tbl_scroll.scr_v thead tr:first-child th {border-top: 1px solid #000;}
/* table - simplebar */
.tbl_scroll .simplebar-scrollable-x .data_tbl {margin-bottom: 2rem;}
.tbl_scroll .simplebar-scrollable-y .simplebar-offset {padding-right: 2rem;}
.tbl_scroll .simplebar-track.simplebar-vertical {width: 0.7rem;border-radius: 1rem;}
.tbl_scroll .simplebar-track.simplebar-horizontal {height: 0.7rem;border-radius: 1rem;}
.tbl_scroll .simplebar-scrollable-y .simplebar-track.simplebar-horizontal {right: 2rem;}
.tbl_scroll .simplebar-scrollbar.simplebar-visible:before {opacity: 1;left: 0;right: 0;top: 0;bottom: 0;background: #D2D2D2;}


/** popup **/
.popup_bg {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 5000;}
/* layer popup */
.layer_pop {left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);}
.layer_pop {visibility: hidden;overflow: hidden;position: absolute;left: 0;top: 0;max-width: calc(100% - 3.2rem);border-radius: 0 0 1.6rem 1.6rem;z-index: -1;}
.layer_pop * {visibility: hidden;}
.layer_pop.on * {visibility: visible;}
.layer_pop .pop_header {display: flex;justify-content: space-between;align-items: center;position: relative;height: 6.95rem;padding: 1.6rem 3.2rem;border-bottom: 1px solid #D2D2D2;border-radius: 1.6rem 1.6rem 0 0;background: #FFFFFF;}
.layer_pop .pop_header h2 {font-size: 2.4rem;font-weight: 700;}
.layer_pop .pop_close {width: 2.8rem;height: 2.8rem;margin: 0;border: 0;border-radius: 0.4rem;background: transparent;}
.layer_pop .pop_close::before {content: '';display: block;width: 100%;height: 100%;background: url(../images/common/i_close.svg) no-repeat 50% 50% / 2.8rem auto;}
.layer_pop .pop_close:focus-visible {outline: 0.2rem solid #000;outline-offset: 0.2rem;}
.layer_pop .pop_content {overflow-y: auto;position: relative;max-height: 80vh;padding: 2.4rem 1.6rem 3.2rem 3.2rem;background: #FFFFFF;}
.layer_pop .pop_content .tbl_scroll .scr_box {max-height: calc(80vh - 2.4rem - 3.2rem);}
.layer_pop .pop_footer {padding: 1.6rem 3.2rem;text-align: right;background: #F9FAFB;}
.layer_pop .scr_box:not(.simplebar-scrollable-y) {margin-right: 1.6rem;}
.simplebar-wrapper:focus,
.simplebar-wrapper:focus-visible,
.simplebar-content-wrapper:focus,
.simplebar-content-wrapper:focus-visible,
.simplebar-content:focus,
.simplebar-content:focus-visible {outline: none !important;}



/*** protect ***/
.prtct_wrap {font-size: 1.7rem;line-height: 1.5;color: #000;letter-spacing: -0.025em;}
.prtct_wrap > [class*='prtct_'] + [class*='prtct_'] {margin-top: 8rem;}
.prtct_wrap figure img {display: block;max-width: 100%;max-height: 100%;margin: 0 auto;}
.prtct_wrap .blt_txt {display: flex;gap: 0.6rem;}
.prtct_wrap .btn_top {display: block;width: 5.6rem;height: 5.6rem;margin: 4rem 0 0 auto;border: 0;border-radius: 0.8rem;background: #001130 url(../images/common/ico_arrow_up.svg) no-repeat 50% 50% / auto 2.4rem;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.prtct_wrap .btn_top:hover {background-color: #1A2945;}
.prtct_wrap .btn_top:where(:focus, :focus-visible) {outline: 0.2rem solid #000;outline-offset: 0.2rem;}

/* text */
.prtct_wrap .page_tit {margin-bottom: calc(4rem - (((4.8rem * 1.45) - 4.8rem) / 2));font-size: 4.8rem;font-weight: 700;}
.prtct_wrap .lg_tit {font-size: 2.4rem;font-weight: 700;text-align: left;}
.prtct_wrap strong {font-weight: 500;}
.prtct_wrap .txt_c {color: blue;}

/* txt_list */
.prtct_wrap .txt_list {text-align: left;}
.prtct_wrap .txt_list > li {position: relative;}
.prtct_wrap .txt_list > li + li {margin-top: 0.8rem;}
.prtct_wrap .txt_list > li > p {position: relative;}
/* txt_list - num */
.prtct_wrap .txt_list.num > li {counter-increment: num;padding-left: 2rem;}
.prtct_wrap .txt_list.num > li + li {margin-top: 1.6rem;}
.prtct_wrap .txt_list.num > li > p::before {content: counter(num);display: inline-block;position: relative;top: -0.2rem;min-width: 1.4rem;height: 1.4rem;margin-left: -1.9rem;margin-right: 0.5rem;border: 1px solid;border-radius: 100%;font-size: 1.2rem;line-height: 1;text-align: center;}
/* txt_list - num02 */
.prtct_wrap .txt_list.num02 > li {counter-increment: num02;padding-left: 1.8rem;}
.prtct_wrap .txt_list.num02 > li > p::before {content: counter(num02) '. ';margin-left: -1.8rem;}
/* txt_list - dash */
.prtct_wrap .txt_list.dash > li > p {padding-left: 1.4rem;}
.prtct_wrap .txt_list.dash > li > p::before {content: '- ';position: absolute;left: 0;top: 0;}
/* txt_list - dot */
.prtct_wrap .txt_list.dot > li > p {padding-left: 0.9rem;}
.prtct_wrap .txt_list.dot > li > p::before {content: '· ';position: absolute;left: 0;top: 0;}

/* icon */
[class*='ico_prtct'] {display: flex;justify-content: space-between;align-items: center;gap: 1.6rem;position: relative;}
[class*='ico_prtct']::after {content: '';display: inline-block;min-width: 4rem;width: 4rem;height: 4rem;background-repeat: no-repeat;background-position: 50% 50%;background-size: auto 100%;}
.ico_prtct01::after {background-image: url(../images/common/ico_pripolicy01.svg);}
.ico_prtct02::after {background-image: url(../images/common/ico_pripolicy02.svg);}
.ico_prtct03::after {background-image: url(../images/common/ico_pripolicy03.svg);}
.ico_prtct04::after {background-image: url(../images/common/ico_pripolicy04.svg);}
.ico_prtct05::after {background-image: url(../images/common/ico_pripolicy05.svg);}
.ico_prtct06::after {background-image: url(../images/common/ico_pripolicy06.svg);}
.ico_prtct07::after {background-image: url(../images/common/ico_pripolicy07.svg);}
.ico_prtct08::after {background-image: url(../images/common/ico_pripolicy08.svg);}
.ico_prtct09::after {background-image: url(../images/common/ico_pripolicy09.svg);}
.ico_prtct10::after {background-image: url(../images/common/ico_pripolicy10.svg);}
.ico_prtct11::after {background-image: url(../images/common/ico_pripolicy11.svg);}
.ico_prtct12::after {background-image: url(../images/common/ico_pripolicy12.svg);}
.ico_prtct13::after {background-image: url(../images/common/ico_pripolicy13.svg);}

/* btn */
.prtct_wrap .btn_area {display: flex;flex-wrap: wrap;gap: 0.8rem;}
.prtct_wrap .btn {display: inline-flex;justify-content: center;align-items: center;gap: 0.6rem;position: relative;height: 4rem;padding: 0 1.6rem;border: 1px solid #C6C6C6;border-radius: 0.6rem;font-size: 1.6rem;background-color: #fff;transition: 0.1s color, 0.1s border-color, 0.1s background-color;}
.prtct_wrap .btn:hover {background-color: #f4f5f6;}
.prtct_wrap .btn:where(:focus, :focus-visible) {outline: 0.2rem solid #000;outline-offset: 0.2rem;}
.prtct_wrap .btn_down::before {content: '';min-width: 1.6rem;height: 1.6rem;background: url(../images/common/ico_download.svg) no-repeat 50% 50% / auto 100%;}

/* prtct_labels */
.prtct_labels .lg_tit {margin-bottom: 1.6rem;}
.prtct_labels figure {min-width: 6rem;width: 6rem;}
.prtct_labels figure img {width: 100%;}
.prtct_labels .list {display: flex;flex-wrap: wrap;gap: 1.6rem;}
.prtct_labels .list > li {display: flex;align-items: center;gap: 3.2rem;width: calc((100% - (1.6rem * 2)) / 3);padding: 2.4rem 3.2rem;border: 1px solid #D2D2D2;border-radius: 0.8rem;}
.prtct_labels .list > li .tit {display: block;margin-bottom: 0.4rem;font-weight: 600;}
.prtct_labels .list + .blt_txt {margin-top: 0.8rem;}
.prtct_labels .txt_list > li + li {margin-top: 0;}
.prtct_labels .blt_txt {color: red;}

/* prtct_index */
.prtct_index .lg_tit {margin-bottom: 0.8rem;}
.prtct_index .list {display: flex;flex-wrap: wrap;gap: 1.6rem 3.2rem;margin-top: 1.6rem;padding: 3.2rem;border: 1px solid #D2D2D2;border-radius: 0.8rem;}
.prtct_index .list > li {counter-increment: pilist;width: calc((100% - 3.2rem) / 2);}
.prtct_index .list > li button {width: 100%;border: 0;border-radius: 0.2rem;background: none;}
.prtct_index .list > li button:where(:focus, :focus-visible) {outline: 0.2rem solid #000;outline-offset: 0.2rem;}
.prtct_index .list > li span {display: inline-flex;align-items: baseline;gap: 0.4rem;}
.prtct_index .list > li span::before {content: counter(pilist) '. ';}
.prtct_index [class*='ico_prtct']::after {min-width: 3.2rem;width: 3.2rem;height: 3.2rem;}


/** prtct_cont **/
.prtct_wrap > .btn_area {justify-content: center;margin: 4rem 0;}
.prtct_cont .js_accBox {border: 1px solid #D2D2D2;border-radius: 0.8rem;}
.prtct_cont .js_accBox + .js_accBox {margin-top: 2.6rem;}
.prtct_cont .js_accHead {display: flex;justify-content: space-between;align-items: center;gap: 1.6rem;width: 100%;min-height: 10rem;padding: 2.4rem 4rem;border: 0;border-radius: 0.8rem;background: none;}
.prtct_cont .js_accHead::after {content: '';display: inline-block;min-width: 4rem;height: 4rem;border: 1px solid #D2D2D2;border-radius: 100%;background: #fff url(../images/common/ico_arrow_black.svg) no-repeat 50% 50%;transition: 0.2s;}
.prtct_cont .js_accBox.open .js_accHead::after {transform: rotate(180deg);}
.prtct_cont .js_accBox:has(> .js_accHead:focus-visible) {outline: 0.2rem solid #000;outline-offset: 0.2rem;}
.prtct_cont .js_accCont {padding: 0 4rem 4rem;}

/* table */
.prtct_cont .data_tbl > * > tr > .bdr,
.prtct_cont .data_tbl > * > tr > *:not(:last-child) {border-right: 1px solid #D2D2D2;}
.prtct_cont .tbl_wrap,
.prtct_cont .scr_wrap {position: relative;margin-top: 0.8rem;}
.prtct_cont .date {margin-bottom: 0.4rem;text-align: right;}
/* img */
.prtct_cont .scr_wrap figure {padding-top: 2.4rem;}
.prtct_cont .img_info {margin: 4rem 0 4.8rem;font-size: 1.7rem;font-weight: 600;text-align: center;}
/* space */
.prtct_cont .btn_area {margin-top: 2.4rem;}
.prtct_cont .txt_list > li .badge + p {margin-top: 0.4rem;}
.prtct_cont .data_tbl .txt_list > li:not(:first-child) .badge {margin-top: 0.8rem;}
.prtct_cont * + .blt_txt {margin-top: 0.8rem;}
.prtct_cont .blt_txt p + .txt_list {margin-top: 0.4rem;}
.prtct_cont .txt_list > li > * + .blt_txt {margin-top: 0.4rem;}
.prtct_cont .txt_list > li > .txt_list {margin: 0.8rem 0 1.6rem;}
.prtct_cont .txt_list:not(.num) > li:not(:last-child) .scr_wrap {padding-bottom: 2.4rem;}


/*** animation ***/
/* lr_move */
@keyframes lr_move {
    25% {transform: translateX(0.3rem);}
    50%, 100% {transform: translateX(0);}
    75% {transform: translateX(-0.3rem);}
}



/*** responsive ***/
@media screen and (min-width: 1025px) {
    .visual_area p {white-space: nowrap;}
}
@media screen and (min-width: 820px) {
    .top_tit p br {display: none;}
}
@media screen and (max-width: 1560px) {
    .svc_list {flex-wrap: wrap;}
    .svc_list li {width: calc((100% - (3.2rem * 2)) / 3);}
}
@media screen and (max-width: 1140px) {
    .prtct_labels .list > li {width: calc((100% - 1.6rem) / 2);}
}
@media screen and (max-width: 1024px) {
    /* layout */
    #header {height: 6.4rem;}
    #header .logo img {max-height: 2.4rem;}
    #footer {font-size: 1.4rem;}
    #footer .inner {padding: 2rem;}

    /* main */
    .visual_area {height: auto;}
    .visual_area .inner {align-items: flex-end;}
    .visual_area .tit {font-size: 2rem;}
    .visual_area .tit strong {font-size: 4.8rem;}
    .visual_area p {font-size: 1.6rem;}
    .visual_area .btn_area {gap: 0.8rem;margin-top: calc(4rem - (((1.6rem * 1.45) - 1.6rem) / 2));}
    .visual_area .btn {min-width: 10rem;height: 5rem;padding: 0 1.6rem;font-size: 1.6rem;}
    .visual_area figure {max-width: 50%;}
    .content {padding: 2.4rem 0;}
    .top_tit p {font-size: 1.6rem;}
    .top_tit p em::before {width: 0.4rem;height: 0.4rem;}
    .top_tit .tit {margin-top: calc(1.7rem - (((3.2rem * 1.3) - 3.2rem) / 2) - (((1.6rem * 1.45) - 1.6rem) / 2));font-size: 3.2rem;}
    .svc_list {gap: 2.4rem;margin-top: 4rem;}
    .svc_list li {display: flex;align-items: center;gap: 1.6rem;width: calc((100% - 2.4rem) / 2);padding: 1.6rem 2rem 1.6rem 1.6rem;border-radius: 1.6rem;}
    .svc_list li figure {min-width: min(max(25%, 8rem), 10rem);width: min(25%, 10rem);height: 100%;margin: 0;}
    .svc_list li p {font-size: 1.6rem;text-align: left;}
    .svc_list li p br {display: none;}

    /* common */
    .badge {min-width: 5rem;height: 2.4rem;font-size: 1.3rem;line-height: 2.4rem;}
    .data_tbl > * > tr > * {height: 4.8rem;padding: 0.8rem;font-size: 1.5rem;}
    .tbl_scroll .simplebar-scrollable-x .data_tbl {margin-bottom: 1.5rem;}
    .tbl_scroll .simplebar-scrollable-y .simplebar-offset {padding-right: 1.2rem;}
    .tbl_scroll .simplebar-track.simplebar-vertical {width: 0.5rem;}
    .tbl_scroll .simplebar-track.simplebar-horizontal {height: 0.5rem;}
    .tbl_scroll .simplebar-scrollable-y .simplebar-track.simplebar-horizontal {right: 1.5rem;}
    .layer_pop .pop_header {gap: 1.6rem;height: auto;padding: 1.6rem 2.4rem;}
    .layer_pop .pop_header h2 {font-size: 2rem;}
    .layer_pop .pop_close {min-width: 1.6rem;width: 1.6rem;height: 1.6rem;}
    .layer_pop .pop_content {padding: 2.4rem 1.2rem 2.4rem 2.4rem;}
    .layer_pop .scr_box:not(.simplebar-scrollable-y) {margin-right: 0.4rem;}
    .layer_pop .pop_content .tbl_scroll .data_tbl {min-width: 500px;}

    /* protect */
    .prtct_wrap {font-size: 1.5rem;}
    .prtct_wrap > [class*='prtct_'] + [class*='prtct_'] {margin-top: 4.8rem;}
    [class*='ico_prtct']::after {min-width: 3.2rem;width: 3.2rem;height: 3.2rem;}
    .prtct_wrap .page_tit {margin-bottom: calc(3.2rem - (((4rem * 1.45) - 4rem) / 2));font-size: 4rem;}
    .prtct_wrap .btn {height: auto;padding: 0.8rem 1rem;font-size: 1.4rem;text-align: left;}
    .prtct_wrap .lg_tit {font-size: 2rem;}
    .prtct_wrap .btn_top {width: 4rem;height: 4rem;margin: 2.4rem 0 0 auto;border-radius: 0.6rem;background-size: auto 1.6rem;}
    .prtct_index .list {padding: 2.4rem;}
    .prtct_labels .list {gap: 1.2rem;}
    .prtct_labels .list > li {gap: 2.4rem;width: calc((100% - 1.2rem) / 2);padding: 2rem 2.4rem;}
    .prtct_labels figure {min-width: 5rem;width: 5rem;}
    .prtct_cont .js_accHead {min-height: auto;padding: 2rem 2.4rem;}
    .prtct_cont .js_accHead::after {min-width: 3.2rem;width: 3.2rem;height: 3.2rem;}
    .prtct_cont .js_accCont {padding: 0 2.4rem 2.4rem;}
    .prtct_cont .img_info {font-size: 1.5rem;}
    .prtct_cont .txt_list:not(.num) > li:not(:last-child) .scr_wrap {padding-bottom: 1.6rem;}
}
@media screen and (max-width: 767px) {
    /* layout */
    #footer .inner {display: block;}
    #footer .logo {margin: 0 0 1.6rem;}
    #footer .flex {display: block;}
    #footer .flex li {display: block;}
    #footer .flex li + li {margin-top: calc(0.8rem - (((1.4rem * 1.45) - 1.4rem) / 2));}
    #footer .flex li:not(:last-child)::after {display: none;}
    #footer .copy {margin-top: 1.6rem;}

    /* main */
    .visual_area figure {display: none;}
    .btn_open_pop {min-height: 4.4rem;margin-top: 2.4rem;padding: 1rem 2.4rem;font-size: 1.7rem;}
    .btn_open_pop::after {min-width: 2.4rem;width: 2.4rem;height: 2.4rem;background-size: 2.4rem;}
    .svc_list {gap: 1.6rem;}
    .svc_list li {width: 100%;}

    /* protect */
    .prtct_wrap > [class*='prtct_'] + [class*='prtct_'] {margin-top: 4rem;}
    .prtct_wrap .page_tit {margin-bottom: calc(2.4rem - (((3.2rem * 1.45) - 3.2rem) / 2));font-size: 3.2rem;}
    .prtct_wrap .lg_tit {font-size: 2.2rem;}
    .prtct_wrap > .btn_area {margin: 3.2rem 0;}
    .prtct_labels .list > li {gap: 2.4rem;width: 100%;padding: 1.6rem 2.4rem;}
    .prtct_index .list {padding: 2rem;}
    .prtct_index .list > li {width: 100%;}
    .prtct_cont .js_accBox + .js_accBox {margin-top: 1.6rem;}
    .prtct_cont .js_accHead {padding: 2rem;}
    .prtct_cont .js_accHead .lg_tit {width: 100%;font-size: 2rem;}
    .prtct_cont .js_accCont {padding: 0 2rem 2rem;}
    .prtct_cont .txt_list.num > li > p::before {min-width: 1.2rem;height: 1.2rem;font-size: 1rem;}
    .prtct_cont .img_info {margin: 2.4rem 0 4rem;}
    /* scr_wrap */
    .prtct_cont .scr_wrap {margin-top: 0.4rem;padding-top: calc((1.5rem * 1.5) + 0.4rem);}
    .prtct_cont .scr_wrap .scr_box {overflow-x: auto;position: relative;width: 100%;}
    .prtct_cont .scr_wrap::before {content: '';position: absolute;left: 0;top: 0;width: 1.2rem;height: calc(1.5rem * 1.5);background: url(../images/common/ico_lr_arrow.svg) no-repeat 50% 50% / 100% auto;animation: lr_move 1.5s infinite linear;}
    .prtct_cont .scr_wrap::after {content: '좌, 우로 이동 가능합니다.';position: absolute;left: 2rem;top: 0;}
    .prtct_cont .scr_wrap table {width: 600px;}
    .prtct_cont .scr_wrap figure {width: 500px;margin: 0 auto;}
}
@media screen and (max-width: 600px) {
    /* protect */
    .prtct_cont .js_accHead .lg_tit {flex-direction: column-reverse;flex-wrap: wrap;align-items: flex-start;gap: 0.8rem;}
    .prtct_cont .js_accHead .lg_tit::after {min-width: 2.8rem;width: 2.8rem;height: 2.8rem;}
}