@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-weight: 400; line-height: 1; letter-spacing: -1px; color: #000;}
input{ outline: none; -webkit-appearance: none;}
select{ outline: none; -webkit-appearance: none;}
select::-ms-expand{ display: none;}
textarea{ outline: none; -webkit-appearance: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #FFF;}
html.no_scroll{ overflow: hidden;}
body{ overflow: hidden; background: #FFF; -webkit-text-size-adjust: none; transition: all .2s;}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    html{ font-size: calc(100vw / 30);}
}


.quick_bottom{ position: fixed; z-index: 120; right: 0; bottom: -70px; left: 0; background: #c5ad8e; transition: all .3s;}
.quick_bottom .inner{ display: flex; justify-content: center; align-items: center; grid-gap: 15px; padding: 15px 0;}
.quick_bottom .head{ display: none; justify-content: center; align-items: center; grid-gap: 10px; position: absolute; top: -40px; left: calc(50% - 150px); width: 300px; height: 40px; border-radius: 15px 15px 0 0; background: #c5ad8e;}
.quick_bottom .head p{ font-size: 18px; font-weight: 700; color: #000;}
.quick_bottom .head i{ font-size: 18px; color: #000; transform: rotate(180deg); transition: all .3s;}
.quick_bottom .title{ font-size: 20px; font-weight: 700; color: #000;}
.quick_bottom .number{ font-size: 36px; font-weight: 900; color: #000;}
.quick_bottom input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 200px; height: 40px; border-radius: 10px; border: 1px solid #FFF; background: #FFF; font-size: 16px; font-weight: 400; color: #000; transition: all .2s;}
.quick_bottom input::placeholder{ color: #999;}
.quick_bottom input:focus{ border-color: #000; color: #000;}
.quick_bottom select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: 100%; height: 40px; border-radius: 10px; border: 1px solid #FFF; background:url(/images/modle_select_down.svg) no-repeat center right 15px #FFF; background-size: 12px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.quick_bottom select option{ color: #000;}
.quick_bottom select:focus{ border-color: #000; color: #000;}
.quick_bottom #i_sort:invalid{ color: #999;}
.quick_bottom #i_sort:valid{ color: #000;}

.quick_bottom .i_name{ width: 120px;}
.quick_bottom .i_sort{ width: 160px;}
.quick_bottom .i_tel{ width: 180px;}

.quick_bottom .terms{ display: flex; align-items: center; grid-gap: 5px; cursor: pointer;}
.quick_bottom .terms .icon{}
.quick_bottom .terms .icon svg{ display: flex; justify-content: center; align-items: center; padding: 5px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #FFF; background: #FFF;}
.quick_bottom .terms p{ font-size: 16px; font-weight: 500; color: rgba(0 0 0/60%); white-space: nowrap;}
.quick_bottom .terms p b{ border-bottom: 1px solid #000; font-weight: 700; color: #000; white-space: nowrap;}
.quick_bottom .terms .icon.on svg{ border-color: #000; background: #000;}
.quick_bottom .terms .icon.on svg path{ fill: #FFF;}
.quick_bottom .btn{ display: flex; justify-content: center; align-items: center; width: 100px; height: 40px; border-radius: 20px; background: #000; font-size: 16px; font-weight: 700; color: #FFF; cursor: pointer; transition: all .2s;}
.quick_bottom .btn:hover{ background: #333;}
.quick_bottom.on{ bottom: 0;}
.quick_bottom.on .head i{ transform: rotate(0deg);}
@media(max-width: 1600px){
    .quick_bottom .inner{ grid-gap: 10px;}
    .quick_bottom .head{ display: flex;}
    .quick_bottom .title{ display: none;}
    .quick_bottom .number{ font-size: 30px;}
    .quick_bottom .terms p{ font-size: 14px;}
}
@media(max-width: 1023px){
    .quick_bottom{ bottom: -125px;}
    .quick_bottom .inner{ flex-wrap: wrap;}
    .quick_bottom .terms{}
}
@media(max-width: 600px){
    .quick_bottom{ bottom: -11rem;}
    .quick_bottom .inner{ grid-gap: 0.5rem; padding: 1rem 0;}
    .quick_bottom .head{ display: flex; grid-gap: 1rem; position: absolute; top: -2.6rem; left: calc(50% - 7rem); width: 14rem; height: 2.6rem; border-radius: 1rem 1rem 0 0;}
    .quick_bottom .head p{ font-size: 1.2rem;}
    .quick_bottom .head i{ font-size: 1.2rem;}
    .quick_bottom .number{ display: flex; justify-content: center; align-items: center; width: 100%; height: 2rem; font-size: 2rem;}
    .quick_bottom input{ padding: 0 1rem; width: 100%; height: 3rem; border-radius: 0.5rem; font-size: 1rem;}
    .quick_bottom select{ padding: 0 2rem 0 1rem; width: 100%; height: 3rem; border-radius: 0.5rem; background:url(/images/modle_select_down.svg) no-repeat center right 0.5rem #FFF; background-size: 1rem auto; font-size: 1rem;}

    .quick_bottom .i_name{ width: 7rem;}
    .quick_bottom .i_sort{ width: 10rem;}
    .quick_bottom .i_tel{ width: 9rem;}

    .quick_bottom .terms{ grid-gap: 0.5rem; height: 3rem;}
    .quick_bottom .terms .icon svg{ padding: 0.3rem; width: 1.6rem; height: 1.6rem;}
    .quick_bottom .terms p{ font-size: 1rem;}
    .quick_bottom .btn{ width: 6rem; height: 3rem; border-radius: 2rem; font-size: 1.1rem;}
}



.quick{ display: flex; flex-direction: column; grid-gap: 10px; position: fixed; z-index: 100; right: 40px; bottom: 120px;}
.quick .wrap{}
.quick .wrap .box{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 10px; background: #333; transition: all .2s; cursor: pointer;}
.quick .wrap .box svg{ width: auto; height: 24px;}
.quick .wrap .box svg path{ fill: #c5ad8e; transition: all .2s;}
.quick .wrap .box p{ margin-top: 5px; font-size: 14px; color: #c5ad8e; transition: all .2s;}
.quick .wrap .box:hover{ background: #c5ad8e;}
.quick .wrap .box:hover svg path{ fill: #000;}
.quick .wrap .box:hover p{ color: #000;}
.quick .wrap.on .box{ background: #c5ad8e;}
.quick .wrap.on .box svg path{ fill: #000;}
.quick .wrap.on .box p{ color: #000;}
.quick .wrap.scroll_top .box{ background: #FFF; box-shadow: 0 10px 20px 1px rgba(0 0 0/10%) !important; transition: all .2s;}
.quick .wrap.scroll_top .box svg{ height: 30px;}
.quick .wrap.scroll_top .box svg path{ fill: #000 !important;}
.quick .wrap.scroll_top .box p{ display: none;}
.quick .wrap.scroll_top .box:hover{ background: #FFF !important; box-shadow: 0 10px 20px 1px rgba(0 0 0/30%);}
.quick .wrap.scroll_top .box:hover svg path{ fill: #000;}

.quick .contact{ overflow: hidden; position: fixed; right: 120px; bottom: 80px; padding-right: 0; width: 0; opacity: 0; transition: all .2s;}
.quick .contact .contents{ position: relative; padding: 30px; width: 390px; border-radius: 30px; background: #c5ad8e; transform: scale(0); transition: all .2s;}
.quick .contact .contents .close_btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 10px; right: 10px; padding: 12px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer;}
.quick .contact .contents .close_btn svg{ width: auto; height: 100%;}
.quick .contact .contents .close_btn svg path{ fill: #FFF;}
.quick .contact .contents .head{}
.quick .contact .contents .head .t1{ font-size: 24px; font-weight: 700; color: #000;}
.quick .contact .contents .head .t2{ margin-top: 10px; line-height: 1.2; font-size: 16px; color: #000;}
.quick .contact .contents .body{ display: flex; flex-direction: column; grid-gap: 10px; margin-top: 20px;}
.quick .contact .contents .body .row{ width: 100%;}
.quick .contact .contents .body .row input{ display: flex; align-items: center; margin: 0; padding: 0 15px; width: 100%; height: 40px; border-radius: 10px; border: 1px solid #FFF; background: #FFF; font-size: 16px; font-weight: 400; color: #000; transition: all .2s;}
.quick .contact .contents .body .row input::placeholder{ color: #999;}
.quick .contact .contents .body .row input:focus{ border-color: #000; color: #000;}
.quick .contact .contents .body .row select{ display: flex; align-items: center; margin: 0; padding: 0 40px 0 15px; width: 100%; height: 40px; border-radius: 10px; border: 1px solid #FFF; background:url(/images/modle_select_down.svg) no-repeat center right 15px #fafafa; background-size: 12px auto; font-size: 16px; font-weight: 400; color: #000; transition: all .2s;}
.quick .contact .contents .body .row select::selection{ color: #000;}
.quick .contact .contents .body .row select:focus{ border-color: #000; color: #000;}
.quick .contact .contents .body .row textarea{ display: block; margin: 0; padding: 10px 15px; width: 100%; height: 100px; resize: none; border-radius: 10px; border: 1px solid #FFF; background: #FFF; line-height: 1.4; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.quick .contact .contents .body .row textarea::placeholder{ color: #999;}
.quick .contact .contents .body .row textarea:focus{ border-color: #000;}
.quick .contact .contents .body .terms{ position: relative;}
.quick .contact .contents .body .terms .fl{ display: flex; flex-direction: column; align-items: flex-start; grid-gap: 10px;}
.quick .contact .contents .body .terms .fl label{ display: flex; align-items: center; grid-gap: 10px; cursor: pointer;}
.quick .contact .contents .body .terms .fl label svg{ display: flex; justify-content: center; align-items: center; padding: 5px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #FFF; background: #FFF;}
.quick .contact .contents .body .terms .fl label p{ font-size: 16px; color: rgba(0 0 0/60%);}
.quick .contact .contents .body .terms .fl label.on svg{ border-color: #000; background: #000;}
.quick .contact .contents .body .terms .fl label.on svg path{ fill: #FFF;}
.quick .contact .contents .body .terms .fl label.on p{ font-weight: 500; color: #000;}
.quick .contact .contents .body .terms .btn{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; padding: 0 12px; height: 30px; border-radius: 30px; border: 1px solid rgba(0 0 0/15%); font-size: 12px; color: #000; letter-spacing: 0; white-space: nowrap; transition: all .2s; cursor: pointer; transition: all .2s;}
.quick .contact .contents .body .terms .btn:hover{ border-color: #FFF; background: #FFF;}
.quick .contact .contents .body .button{ display: flex; justify-content: center; align-items: center; margin-top: 10px; padding: 0 20px; height: 50px; border-radius: 30px; background: #000; font-size: 18px; font-weight: 600; color: #FFF; letter-spacing: 0; transition: all .2s; cursor: pointer;}
.quick .wrap.on .contact{ width: 400px; opacity: 1; transform: scale(1);}
.quick .wrap.on .contact .contents{ transform: scale(1);}
@media(max-width: 1600px){
    .quick{ right: 30px;}
    .quick .contact{ right: 109px; bottom: 50px;}
}
@media(max-width: 1023px){
    .quick{ bottom: 175px;}
    .quick .wrap .box{ width: 60px; height: 60px;}
    .quick .wrap .box svg{ height: 18px;}
    .quick .wrap .box p{ font-size: 10px;}
    .quick .wrap.scroll_top .box svg{ height: 18px;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .quick{ grid-gap: 0.4rem; right: 1rem; bottom: 3rem;}
    .quick .wrap .box{ width: 4rem; height: 4rem; border-radius: 1rem;}
    .quick .wrap .box svg{ height: 1.2rem;}
    .quick .wrap .box p{ margin-top: 0.4rem; font-size: 0.8rem;}
    .quick .wrap.on .box{ background: #333;}
    .quick .wrap.on .box svg path{ fill: #c5ad8e;}
    .quick .wrap.on .box p{ color: #c5ad8e;}
    .quick .wrap.scroll_top .box svg{ height: 1.2rem;}

    .quick .contact{ bottom: -100%; right: 0; left: 0;}
    .quick .contact .contents{ padding: 2rem 2rem 6.5rem 2rem; width: 100%; border-radius: 1rem; transform: scale(1);}
    .quick .contact .contents .close_btn{ top: 0.5rem; right: 0.5rem; padding: 0.8rem; width: 3rem; height: 3rem;}
    .quick .contact .contents .head .t1{ font-size: 1.6rem;}
    .quick .contact .contents .head .t2{ margin-top: 0.4rem; font-size: 1.1rem;}
    .quick .contact .contents .body{ grid-gap: 0.5rem; margin-top: 1rem;}
    .quick .contact .contents .body .row input{ padding: 0 1rem; height: 2.4rem; border-radius: 0.5rem; font-size: 1rem;}
    .quick .contact .contents .body .row select{ padding: 0 2.4rem 0 1rem; height: 2.4rem; border-radius: 0.5rem; background:url(/images/modle_select_down.svg) no-repeat center right 1rem #fafafa; background-size: 1rem auto; font-size: 1rem;}
    .quick .contact .contents .body .row textarea{ padding: 0.5rem 1rem; height: 5rem; border-radius: 0.5rem; font-size: 1rem;}
    .quick .contact .contents .body .terms .fl{ grid-gap: 0.4rem;}
    .quick .contact .contents .body .terms .fl label{ grid-gap: 0.4rem;}
    .quick .contact .contents .body .terms .fl label svg{ padding: 0.3rem; width: 1.6rem; height: 1.6rem;}
    .quick .contact .contents .body .terms .fl label p{ font-size: 1rem;}
    .quick .contact .contents .body .terms .fl label.on svg{ border-color: #000; background: #000;}
    .quick .contact .contents .body .terms .fl label.on svg path{ fill: #FFF;}
    .quick .contact .contents .body .terms .fl label.on p{ font-weight: 500; color: #000;}
    .quick .contact .contents .body .terms .btn{ padding: 0 0.8rem; height: 2rem; border-radius: 2rem; font-size: 0.8rem;}
    .quick .contact .contents .body .button{ margin-top: 0.4rem; height: 3rem; border-radius: 3rem; font-size: 1.2rem;}
    .quick .wrap.on .contact{ width: auto; bottom: 0;}
    .quick .wrap.on .contact .contents{}

    .quick .wrap .box:hover{ background: #333;}
    .quick .wrap .box:hover svg path{ fill: #c5ad8e;}
    .quick .wrap .box:hover p{ color: #c5ad8e;}
    .quick .wrap.scroll_top .box:hover{ background: #333; box-shadow: none;}
    .quick .wrap.scroll_top .box:hover svg path{ fill: #c5ad8e;}
}


.full_menu{ position: fixed; z-index: 190; top: 0; right: -100%; bottom: 0; left: 100%; background: rgba(0 0 0/0); transition: background .2s;}
.full_menu .contents{ display: flex; flex-direction: column; position: fixed; z-index: 10; top: 0; right: -100%; bottom: 0; left: 100%; padding: 100px 0 120px 0; background: #FFF; opacity: 1; transition: all .4s;}
.full_menu .gnb{ overflow: auto; position: absolute; top: 100px; right: 0; bottom: 120px; left: 0; padding: 50px 80px;}
.full_menu .gnb:before{ content: ""; display: block; position: absolute; top: 0; right: 80px; left: 80px; border-top: 1px solid #e5e5e5;}
.full_menu .gnb > ul{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 50px 20px;}
.full_menu .gnb > ul > li{}
.full_menu .gnb > ul > li > a{ display: flex; justify-content: space-between; align-items: center; position: relative;}
.full_menu .gnb > ul > li > a p{ font-size: 32px; font-weight: 700; color: #000;}
.full_menu .gnb > ul > li > a svg{ margin-right: 30px; width: 12px; height: 12px; transition: all .2s;}
.full_menu .gnb > ul > li > a svg path{ fill: #999;}
.full_menu .gnb > ul > li > ul{ margin: 15px 0 0 0;}
.full_menu .gnb > ul > li > ul li{}
.full_menu .gnb > ul > li > ul li a{ display: flex; align-items: center; position: relative; padding-left: 0; height: 45px; font-size: 20px; color: #666; cursor: pointer;}
.full_menu .gnb > ul > li > ul li a:hover{ color: #000;}
.full_menu .gnb > ul > li.on > a p{ color: #c5ad8e;}
.full_menu .gnb > ul > li > ul li.on a{ font-weight: 500; color: #c5ad8e;}
.full_menu .gnb > ul > li > ul li.on a:before{ color: #c5ad8e;}
.full_menu .fb{ display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 10; right: 0; bottom: 0; left: 0; height: 120px; padding: 0 80px; background: #f6f8fb;}
.full_menu .fb .sns{ display: flex; align-items: center; grid-gap: 10px;}
.full_menu .fb .sns a{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #000;}
.full_menu .fb .sns a img{ max-width: 40%; max-height: 40%;}
.full_menu .fb .tel{}
.full_menu .fb .tel .tit{ font-size: 14px; color: rgba(0 0 0/40%); letter-spacing: 0;}
.full_menu .fb .tel .tit b{ color: #333;}
.full_menu .fb .tel .number{ display: block; margin: 5px 0 0 0; font-size: 36px; font-weight: 700; color: #000; letter-spacing: 0;}
.full_menu .close{ position: fixed; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0 0 0/0.0001%);}
.full_menu.on{ right: 0; left: 0; background: rgba(0 0 0/70%);}
.full_menu.on .contents{ right: 0; left: 0; opacity: 1;}
.full_menu.on .close{ right: 0; left: 0;}
@media(max-width: 1600px){
    .full_menu .gnb{ padding: 50px 30px;}
    .full_menu .gnb:before{ right: 30px; left: 30px;}
    .full_menu .gnb > ul > li > a p{ font-size: 26px;}
    .full_menu .gnb > ul > li > ul li a{ height: 40px; font-size: 18px;}
    .full_menu .fb{ padding: 0 30px;}
}
@media(max-width: 1000px){
    .full_menu .gnb{ padding: 25px 0 50px 0;}
    .full_menu .gnb > ul{ display: block;}
    .full_menu .gnb > ul > li > a{ padding: 0 30px; height: 80px;}
    .full_menu .gnb > ul > li > a svg{ margin-right: 0;}
    .full_menu .gnb > ul > li > ul{ display: none; margin: 0; padding: 20px 0; background: #f6f8fb;}
    .full_menu .gnb > ul > li > ul li a{ padding: 0 30px; height: 45px;}
    .full_menu .gnb > ul > li.hover > a svg{ transform: rotate(180deg);}
    .full_menu.on .contents{ top: 0; right: 0; left: 0;}
}
@media(max-width: 600px){
    .full_menu .contents{ padding: 0 1rem;}
    .full_menu .gnb{ top: 5rem; bottom: 6rem; padding: 1rem 0 2rem 0;}
    .full_menu .gnb:before{ right: 1rem; left: 1rem;}
    .full_menu .gnb > ul > li > a{ padding: 0 2rem; height: 4rem;}
    .full_menu .gnb > ul > li > a p{ font-size: 1.6rem;}
    .full_menu .gnb > ul > li > a svg{ width: 0.8rem; height: 0.8rem;}
    .full_menu .gnb > ul > li > ul{ padding: 1rem 0;}
    .full_menu .gnb > ul > li > ul li a{ padding: 0 2rem; height: 3rem; font-size: 1.2rem;}
    .full_menu .fb{ padding: 0 1rem; height: 6rem;}
    .full_menu .fb .sns{ grid-gap: 0.4rem;}
    .full_menu .fb .sns a{ width: 2.6rem; height: 2.6rem;}
    .full_menu .fb .tel .tit{ font-size: 1rem;}
    .full_menu .fb .tel .number{ margin: 0.2rem 0 0 0; font-size: 2rem;}
    .full_menu.on .contents{ left: 0;}
}


.full_menu_btn{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: 28px; right: 70px; width: 44px; height: 44px; border-radius: 50px; background: rgba(255 255 255/0%); transition: all .2s; cursor: pointer;}
.full_menu_btn .icon{ position: relative; width: 24px; height: 24px;}
.full_menu_btn .icon span{ display: block; position: absolute; height: 2px; border-radius: 5px; background: #000; transition: all .2s;}
.full_menu_btn .icon span:nth-child(1){ top: 2px; width: 20px;}
.full_menu_btn .icon span:nth-child(2){ top: calc(50% - 1px); width: 24px;}
.full_menu_btn .icon span:nth-child(3){ bottom: 2px; width: 18px;}
.full_menu_btn.on{ background: #000;}
.full_menu_btn.on .icon span{ background: #FFF;}
.full_menu_btn.on .icon span:nth-child(1){ top: 50%; width: 24px; transform: rotate(45deg) translate(0,-1.25px);}
.full_menu_btn.on .icon span:nth-child(2){ opacity: 0;}
.full_menu_btn.on .icon span:nth-child(3){ bottom: 50%; width: 24px; transform: rotate(-45deg) translate(0,1.25px);}
@media(max-width: 1600px){
    .full_menu_btn{ right: 20px;}
}
@media(max-width: 600px){
    .full_menu_btn{ top: 1rem; right: 1rem; width: 3rem; height: 3rem; border-radius: 3rem;}
    .full_menu_btn .icon{ width: 1.6rem; height: 1.6rem;}
    .full_menu_btn .icon span:nth-child(1){ width: 1.4rem;}
    .full_menu_btn .icon span:nth-child(2){ width: 1.6rem;}
    .full_menu_btn .icon span:nth-child(3){ width: 1.2rem;}
    .full_menu_btn.on .icon span:nth-child(1){ width: 1.6rem; transform: rotate(45deg) translate(0,-0.75px);}
    .full_menu_btn.on .icon span:nth-child(3){ width: 1.6rem; transform: rotate(-45deg) translate(0,0.75px);}
}


.header{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 200; top: 0; right: 0; left: 0; height: 100px; background: rgba(255 255 255/90%); backdrop-filter: blur(20px); box-shadow: 0 1px 0 0 rgba(0 0 0/10%); transition: all .3s;}
.header .logo{ display: block; height: 50px; transition: all .5s;}
.header .logo img{ display: block; width: auto; height: 100%;}
.header .fr{ display: flex; align-items: center; grid-gap: 30px; padding-right: 54px;}
.header .gnb{ margin-right: 50px;}
.header .gnb > ul{ display: flex; align-items: center; grid-gap: 50px;}
.header .gnb > ul > li{ display: flex; align-items: center; position: relative;}
.header .gnb > ul > li > a{ display: flex; align-items: center; grid-gap: 5px; position: relative; z-index: 10; height: 100px; cursor: pointer;}
.header .gnb > ul > li > a:after{ content: ""; display: none; position: absolute; left: calc(50% - 5px); bottom: -5px; width: 10px; height: 10px; border-radius: 50%; background: #c5ad8e; transition: all .2s;}
.header .gnb > ul > li > a p{ position: relative; font-size: 20px; font-weight: 500; color: #000; white-space: nowrap; transition: all .2s;}

.header .gnb > ul > li:hover > a p{ color: #c5ad8e;}
.header .gnb > ul > li:hover > ul{ top: 80px; padding: 15px 0; height: auto; opacity: 1;}
.header .gnb > ul > li:hover > ul li a{ height: 40px; opacity: 1;}

.header .gnb > ul > li > ul{ overflow: hidden; position: absolute; z-index: 20; top: 70px; left: -25px; padding: 0; height: 0; border-radius: 20px; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%); opacity: 0; transition: all .2s;}
.header .gnb > ul > li > ul li{}
.header .gnb > ul > li > ul li a{ display: flex; align-items: center; position: relative; padding: 0 25px; height: 0; font-size: 18px; color: #333; white-space: nowrap; opacity: 0; transition: all .2s;}
.header .gnb > ul > li > ul li a:hover{ background: rgba(0 0 0/2%); color: #c5ad8e;}


.header .gnb > ul > li.on > a:after{ display: block;}
.header .gnb > ul > li.on > a p{ font-weight: 700; color: #c5ad8e;}
.header .gnb > ul > li > ul li.on a{ font-weight: 500; color: #c5ad8e;}


.header .my{ display: flex; align-items: center; height: 30px; cursor: pointer;}
.header .my svg{ width: auto; height: 24px;}
.header .language{ position: relative; z-index: 10;}
.header .language .head{ display: flex; align-items: center; height: 30px; cursor: pointer;}
.header .language .head svg{ height: 24px;}
.header .language .body{ overflow: hidden; position: absolute; top: 30px; right: -20px; left: -20px; padding: 0; height: 0; border-radius: 20px; background: #FFF; box-shadow: 0; transition: all .2s;}
.header .language .body ul{}
.header .language .body ul li{}
.header .language .body ul li a{ display: flex; justify-content: center; align-items: center; margin: 1px 0; padding: 0 10px; height: 0; border-radius: 15px; font-size: 14px; color: #666; letter-spacing: 0; transition: all .2s;}
.header .language .body ul li a:hover{ background: #f5f5f5;}
.header .language .body ul li.on a{ background: #000; color: #FFF;}
.header .language:hover .body{ padding: 10px; height: auto; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.header .language:hover .body ul li a{ height: 25px;}
.header .full_menu_btn{ display: flex; align-items: center; height: 30px; cursor: pointer;}
.header .full_menu_btn svg{ width: auto; height: 24px;}
.header.home{ box-shadow: none;}
.header.on{ box-shadow: 0 1px 0 0 rgba(0 0 0/10%);}
.header.no_line{ box-shadow: none !important;}
@media(max-width: 1600px){
    .header .logo{ height: 40px;}
    .header .fr{ grid-gap: 25px; padding-right: 49px;}
    .header .gnb{ margin-right: 25px;}
    .header .gnb > ul{ grid-gap: 30px;}
    .header .gnb > ul > li > a p{ font-size: 18px;}
    .header .gnb > ul > li > ul{ display: none;}
}
@media(max-width: 1000px){
    .header .gnb{ display: none;}
}
@media(max-width: 600px){
    .header{ height: 5rem;}
    .header .logo{ height: 2.5rem;}
    .header .fr{ grid-gap: 1.5rem; padding-right: calc(1.5rem + 0.7rem + 1.6rem);}
    .header .my{ height: 2rem;}
    .header .my svg{ height: 1.6rem;}
    .header .language{ height: 2rem;}
    .header .language .head{ height: 2rem;}
    .header .language .head svg{ width: 1.6rem; height: 1.6rem;}
    .header .language .body{ top: 2rem; border-radius: 1.5rem;}
    .header .language .body ul li a{ padding: 0 1rem; border-radius: 1rem; font-size: 1rem;}
    .header .language:hover .body{ padding: 0.5rem;}
    .header .language:hover .body ul li a{ height: 2rem;}
    .header .full_menu_btn{ height: 2rem;}
    .header .full_menu_btn svg{ height: 1.6rem;}
}


.footer{ margin-top: 160px; padding: 120px 0 300px 0; background: #000;}
.footer .top{ display: flex; grid-gap: 80px;}
.footer .top .map{ padding: 10px; width: 50%; border-radius: 20px; background: #FFF;}
.footer .top .map .contents{ overflow: hidden; display: flex; justify-content: center; align-items: center; height: 100%; border-radius: 10px; background: #e5e5e5;}
.footer .top .map .contents iframe{ width: 100%; height: 100%;}
.footer .top .fr{ width: 50%;}
.footer .top .fr .address{}
.footer .top .fr .address .tit{ font-size: 36px; font-weight: 700; color: #FFF;}
.footer .top .fr .address .txt{ margin-top: 15px; line-height: 1.2; font-size: 20px; color: #FFF;}
.footer .top .fr .address .txt br{ display: none;}
.footer .top .fr .address .txt span{ font-size: 16px; font-weight: 300; color: rgba(255 255 255/60%);}
.footer .top .fr .address .menu{ display: flex; grid-gap: 10px; margin-top: 30px;}
.footer .top .fr .address .menu a{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; width: 100%; height: 50px; border-radius: 30px; background: rgba(255 255 255/20%); cursor: pointer; transition: all .2s;}
.footer .top .fr .address .menu a img{ display: block; width: auto; height: 18px;}
.footer .top .fr .address .menu a p{ font-size: 16px; color: #FFF;}
.footer .top .fr .address .menu a:hover{ background: #c5ad8e;}
.footer .top .fr .address .menu a:hover p{ color: #000;}
.footer .top .fr .tel{ display: flex; margin-top: 50px;}
.footer .top .fr .tel .tit{ flex: 0 0 100px; font-size: 20px; font-weight: 700; color: #FFF;}
.footer .top .fr .tel .txt{ flex: 1; font-size: 50px; font-weight: 700; color: #FFF;}
.footer .top .fr .time{ display: flex; margin-top: 50px;}
.footer .top .fr .time .tit{ flex: 0 0 100px; font-size: 20px; font-weight: 700; color: #FFF;}
.footer .top .fr .time .txt{ flex: 1;}
.footer .top .fr .time .txt .ft{ display: flex; grid-gap: 40px;}
.footer .top .fr .time .txt .fb{ display: flex; grid-gap: 40px; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255 255 255/20%);}
.footer .top .fr .time .txt .wrap{ width: 50%;}
.footer .top .fr .time .txt .wrap .t1{ margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #FFF;}
.footer .top .fr .time .txt .wrap .t2{ display: flex; align-items: center; margin-bottom: 10px;}
.footer .top .fr .time .txt .wrap .t2 .tl{ flex: 0 0 70px; font-size: 18px; font-weight: 300; color: #FFF;}
.footer .top .fr .time .txt .wrap .t2 .tr{ display: flex; align-items: center; grid-gap: 10px; font-size: 18px; color: #FFF;}
.footer .top .fr .time .txt .wrap .t2 .tr p{ font-size: 18px; font-weight: 700; color: #FFF; letter-spacing: 0;}
.footer .top .fr .time .txt .wrap .t2 .tr span{ display: flex; align-items: center; padding: 5px 10px; border-radius: 20px; background: rgba(255 255 255/20%); font-size: 12px; color: #FFF;}
.footer .top .fr .time .txt .wrap .t2 .tip{ font-size: 16px; color: rgba(255 255 255/60%);}
.footer .middle{ padding: 60px 0 80px 0;}
.footer .middle .menu{ display: flex; grid-gap: 30px;}
.footer .middle .menu a{ display: block; font-size: 16px; font-weight: 600; color: rgba(255 255 255/80%); transition: all .2s;}
.footer .middle .menu a:hover{ color: #c5ad8e;}
.footer .bottom{ display: flex; flex-direction: column; align-items: flex-start; position: relative;}
.footer .bottom .logo{ display: block; height: 50px;}
.footer .bottom .logo img{ display: block; width: auto; height: 100%;}
.footer .bottom .sns{ display: flex; grid-gap: 10px; position: absolute; top: 0; right: 100px;}
.footer .bottom .sns a{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/20%); transition: all .2s;}
.footer .bottom .sns a img{ display: block; max-width: 40%; max-height: 40%;}
.footer .bottom .sns a:hover{ background: #c5ad8e;}
.footer .bottom .info{ display: flex; flex-wrap: wrap; grid-gap: 15px 30px; margin-top: 50px; max-width: 750px;}
.footer .bottom .info p{ font-size: 14px; color: rgba(255 255 255/50%); letter-spacing: 0;}
.footer .bottom .copy{ margin-top: 30px; font-size: 13px; color: rgba(255 255 255/30%); text-transform: uppercase; letter-spacing: 0;}
@media(max-width: 1600px){
    .footer .top{ grid-gap: 30px;}
    .footer .top .fr .tel .tit{ flex: 0 0 90px;}
    .footer .top .fr .time .tit{ flex: 0 0 90px;}
    .footer .top .fr .time .txt .ft{ grid-gap: 20px;}
    .footer .top .fr .time .txt .fb{ grid-gap: 20px;}
}
@media(max-width: 1500px){
    .footer .top .map{ width: 40%;}
    .footer .top .fr{ width: 60%;}
}
@media(max-width: 1170px){
    .footer .top{ display: block;}
    .footer .top .map{ width: auto; height: 300px;}
    .footer .top .fr{ margin-top: 80px; width: auto;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .footer{ margin-top: 5rem; padding: 4rem 0 8rem 0;}
    .footer .top .map{ padding: 0.5rem; height: 20rem; border-radius: 1rem;}
    .footer .top .map .contents{ border-radius: 0.5rem;}
    .footer .top .fr{ margin-top: 2rem;}
    .footer .top .fr .address .tit{ font-size: 1.6rem;}
    .footer .top .fr .address .txt{ margin-top: 0.8rem; font-size: 1.2rem;}
    .footer .top .fr .address .txt br{ display: block;}
    .footer .top .fr .address .txt span{ font-size: 1rem;}
    .footer .top .fr .address .menu{ grid-gap: 0.5rem; margin-top: 1.5rem;}
    .footer .top .fr .address .menu a{ grid-gap: 0.5rem; height: 3rem; border-radius: 3rem;}
    .footer .top .fr .address .menu a img{ height: 1.2rem;}
    .footer .top .fr .address .menu a p{ font-size: 1rem;}
    .footer .top .fr .tel{ display: block; margin-top: 2rem;}
    .footer .top .fr .tel .tit{ flex: 1; font-size: 1.6rem;}
    .footer .top .fr .tel .txt{ flex: 1; margin-top: 0.8rem; font-size: 3rem;}

    .footer .top .fr .time{ display: block; margin-top: 2rem;}
    .footer .top .fr .time .tit{ flex: 1; font-size: 1.6rem;}
    .footer .top .fr .time .txt{ margin-top: 1rem;}
    .footer .top .fr .time .txt .ft{ display: block; grid-gap: 1rem;}
    .footer .top .fr .time .txt .fb{ display: block; margin-top: 1rem; margin-bottom: 0; padding-top: 0; border: 0;}
    .footer .top .fr .time .txt .fb .wrap:nth-child(2){ margin-top: -3.5rem;}
    .footer .top .fr .time .txt .wrap{ position: relative; padding-left: 5rem; width: auto;}
    .footer .top .fr .time .txt .wrap .t1{ position: absolute; top: 0; left: 0; margin-bottom: 0; font-size: 1.2rem;}
    .footer .top .fr .time .txt .wrap .t2{ margin-bottom: 0.5rem;}
    .footer .top .fr .time .txt .wrap .t2 .tl{ flex: 0 0 4rem; font-size: 1rem;}
    .footer .top .fr .time .txt .wrap .t2 .tr{ grid-gap: 0.6rem; font-size: 1rem;}
    .footer .top .fr .time .txt .wrap .t2 .tr p{ width: 9rem; font-size: 1.2rem;}
    .footer .top .fr .time .txt .wrap .t2 .tr span{ justify-content: center; padding: 0.5rem 0; width: 6rem; border-radius: 2rem; font-size: 1rem;}
    .footer .top .fr .time .txt .wrap .t2 .tip{ margin-top: 0; font-size: 1rem;}
    .footer .middle{ margin-top: 3rem; padding: 3rem 0 2.5rem 0; border-top: 1px solid rgba(255 255 255/20%);}
    .footer .middle .menu{ flex-wrap: wrap; align-items: center; grid-gap: 1rem 2.5rem;}
    .footer .middle .menu a{ font-size: 1.1rem; font-weight: 500;}
    .footer .bottom{}
    .footer .bottom .logo{ height: 3rem;}
    .footer .bottom .sns{ grid-gap: 0.5rem; position: initial; margin-top: 2.5rem;}
    .footer .bottom .sns a{ width: 3.2rem; height: 3.2rem;}
    .footer .bottom .info{ grid-gap: 0.6rem 1.5rem; margin: 2rem 0 0 0;}
    .footer .bottom .info p:nth-child(1){ width: 100%;}
    .footer .bottom .info p{ line-height: 1.4; font-size: 1rem;}
    .footer .bottom .copy{ margin-top: 2rem; font-size: 0.7rem;}
}


.home_visual{ margin-top: 100px;}
.home_visual .rolling{ overflow: hidden; position: relative; margin: 0 20px; border-radius: 20px;}
.home_visual .rolling_max{}
.home_visual .rolling_min{ display: none;}
.home_visual .swiper-wrapper{}
.home_visual .swiper-wrapper .swiper-slide{}
.home_visual .contents{ display: flex; grid-gap: 20px;}
.home_visual .contents .wrap{ overflow: hidden; display: block; position: relative; width: 100%; height: 900px; border-radius: 20px;}
.home_visual .contents .wrap.wrap_50{ width: 50%;}
.home_visual .contents .wrap.wrap_25{ width: 25%;}
.home_visual .contents .wrap.wrap_25{ width: 25%;}

.home_visual .contents_2 .wrap{ transform: translate(0,0); transition: all .3s;}
.home_visual .contents_2 .wrap:nth-child(2){ transform: translate(50px,0); transition: all .3s;}
.home_visual.on .contents_2 .wrap:nth-child(1){ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.5s;}
.home_visual.on .contents_2 .wrap:nth-child(2){ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.0s;}

.home_visual .contents_3 .wrap{ transform: translate(0,0); transition: all .3s;}
.home_visual .contents_3 .wrap:nth-child(2){ transform: translate(50px,0); transition: all .3s;}
.home_visual .contents_3 .wrap:nth-child(3){ transform: translate(100px,0); transition: all .3s;}
.home_visual.on .contents_3 .wrap:nth-child(1){ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.5s;}
.home_visual.on .contents_3 .wrap:nth-child(2){ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.0s;}
.home_visual.on .contents_3 .wrap:nth-child(3){ opacity: 1; transform: translate(0,0) scale(1); transition: all 1.5s;}

.home_visual .contents .wrap .text{ position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0;}
.home_visual .contents .wrap .text_type_01{ padding: 180px 0 0 100px; }
.home_visual .contents .wrap .text_type_01.vcenter{ padding-top: 80px !important;}
.home_visual .contents .wrap .text_type_01 .t1{ line-height: 1.2; font-size: 24px; font-weight: 500; color: #FFF; opacity: 0; transform: translate(50px,0); transition: all .3s;  text-shadow: 1px 1px 2px rgba(0,0,0,0.2); /* 부드러운 그림자 */}
.home_visual .contents .wrap .text_type_01 .t2{ margin-top: 10px; line-height: 1.2; font-size: 80px; font-weight: 700; color: #FFF; opacity: 0; transform: translate(60px,0); transition: all .3s;  text-shadow: 1px 1px 2px rgba(0,0,0,0.2); /* 부드러운 그림자 */}
.home_visual .contents .wrap .text_type_01 .t2 b{ font-weight: 800; color: #c5ad8e;}
.home_visual .contents .wrap .text_type_01 .t3{ margin-top: 10px; line-height: 1.4; font-size: 24px; font-weight: 400; color: #FFF; opacity: 0; transform: translate(70px,0); transition: all .3s;}
.home_visual .contents .wrap .text_type_01 .btn{ margin-top: 80px; }
.home_visual .contents .wrap .text_type_01 .btn.vcenter{ margin-top: 20px; }

.home_visual .contents .wrap .text_type_02{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 60px 0;}
.home_visual .contents .wrap .text_type_02 .t1{ line-height: 1.2; font-size: 24px; font-weight: 500; color: #FFF; opacity: 0; transform: translate(50px,0); transition: all .3s;}
.home_visual .contents .wrap .text_type_02 .t2{ display: block; margin: 0 auto; opacity: 0; transform: translate(60px,0); transition: all .3s;}
.home_visual .contents .wrap .text_type_02 .t3{ display: block; margin: 20px auto 0 auto; opacity: 0; transform: translate(70px,0); transition: all .3s;}
.home_visual .contents .wrap .text_type_02 .btn{ margin: 50px auto 0 auto;}

.home_visual .contents .wrap .text_type_03{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 60px 0;}
.home_visual .contents .wrap .text_type_03 .t1{ line-height: 1.2; font-size: 24px; font-weight: 500; color: #FFF; opacity: 0; transform: translate(50px,0); transition: all .3s;}
.home_visual .contents .wrap .text_type_03 .t2{ text-align: center; line-height: 1.2; font-size: 36px; font-weight: 700; color: #FFF; opacity: 0; transform: translate(60px,0); transition: all .3s;}
.home_visual .contents .wrap .text_type_03 .t2 b{ font-weight: 800; color: #c5ad8e;}
.home_visual .contents .wrap .text_type_03 .t3{ margin-top: 30px; text-align: center; line-height: 1.4; font-size: 24px; font-weight: 400; color: #FFF; opacity: 0; transform: translate(70px,0); transition: all .3s;}
.home_visual .contents .wrap .text_type_03 .btn{ margin: 50px auto 0 auto;}

.home_visual .contents .wrap .text .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; width: 240px; height: 60px; border-radius: 30px; border: 1px solid #FFF; cursor: pointer; opacity: 0; transform: translate(80px,0); transition: all .2s;}
.home_visual .contents .wrap .text .btn p{ font-size: 18px; font-weight: 500; color: #FFF; transition: all .2s;}
.home_visual .contents .wrap .text .btn svg{ width: auto; height: 18px;}
.home_visual .contents .wrap .text .btn svg path{ fill: #FFF; transition: all .2s;}

.home_visual .contents .wrap .text .btn2{ display: flex; justify-content: center; grid-gap: 10px; margin-top: 50px; opacity: 0; transform: translate(80px,0); transition: all .2s;}
.home_visual .contents .wrap .text .btn2 a{ display: flex; justify-content: center; align-items: center; width: 160px; height: 60px; border-radius: 30px; border: 1px solid #FFF; cursor: pointer; transition: all .2s;}
.home_visual .contents .wrap .text .btn2 a p{ font-size: 18px; font-weight: 500; color: #FFF; transition: all .2s;}
.home_visual .contents .wrap .text .btn2 a:hover{ border-color: #000; background: #000;}
.home_visual .contents .wrap .text .btn2 a:hover p{ color: #c5ad8e;}

.home_visual .contents .wrap .bg{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.home_visual .contents .wrap .bg video{ display: block; min-width: 100%; min-height: 100%;  width: 100%;
    height: 100%;
    object-fit: cover;        /* 비율 유지하며 꽉 채움 */
    object-position: top;     /* 상단 고정 */}
.home_visual .contents .wrap .bg .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(1.1); transition: all .3s;}

.home_visual.on .contents .wrap .text .t1{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.5s;}
.home_visual.on .contents .wrap .text .t2{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.6s;}
.home_visual.on .contents .wrap .text .t3{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.7s;}
.home_visual.on .contents .wrap .text .btn{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.8s;}
.home_visual.on .contents .wrap .text .btn2{ opacity: 1; transform: translate(0,0) scale(1); transition: all 0.8s;}
.home_visual.on .contents .wrap .bg .img{ opacity: 1; transform: scale(1); transition: all 5s;}

.home_visual .contents .wrap .text .btn:hover{ border-color: #000; background: #000; transition: all .2s;}
.home_visual .contents .wrap .text .btn:hover p{ color: #c5ad8e; transition: all .2s;}
.home_visual .contents .wrap .text .btn:hover svg path{ fill: #c5ad8e; transition: all .2s;}

.home_visual_control{}
.home_visual_control .modle_min{ display: flex; justify-content: space-between; align-items: center; position: relative; height: 80px; border-bottom: 1px solid #e5e5e5;}
.home_visual_control .fl{ display: flex; align-items: center; grid-gap: 10px; position: relative;}
.home_visual_control .fr{ display: flex; align-items: center; grid-gap: 10px; position: relative;}

.home_visual_control .home_visual_page{ display: flex; align-items: center; grid-gap: 5px; width: auto !important; height: 40px; font-size: 24px; color: rgba(0 0 0/20%); transition: all .2s;}
.home_visual_control .home_visual_page span{ font-size: 24px; color: rgba(0 0 0/60%);}
.home_visual_control .home_visual_page span.swiper-pagination-current{ font-weight: 700; color: #000;}
.home_visual_control .home_visual_page_min{ display: none;}

.home_visual_control .home_visual_btn{ display: none; width: 40px; height: 40px; cursor: pointer;}
.home_visual_control .home_visual_btn a{ display: none; justify-content: center; align-items: center; padding: 14px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e5e5; transition: all .2s; cursor: pointer;}
.home_visual_control .home_visual_btn a svg{ width: auto; height: 100%;}
.home_visual_control .home_visual_btn a svg path{ transition: all .2s;}
.home_visual_control .home_visual_btn a:hover{ border-color: #000; background: #000;}
.home_visual_control .home_visual_btn a:hover svg path{ fill: #FFF;}
.home_visual_control .home_visual_btn a.on{ display: flex;}
.home_visual_control .home_visual_prev{ display: flex; align-items: center; padding: 12px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e5e5; transition: all .2s; cursor: pointer;}
.home_visual_control .home_visual_prev svg{ width: auto; height: 100%;}
.home_visual_control .home_visual_prev svg path{ transition: all .2s;}
.home_visual_control .home_visual_prev:hover{ border-color: #000; background: #000;}
.home_visual_control .home_visual_prev:hover svg path{ fill: #FFF;}
.home_visual_control .home_visual_next{ display: flex; align-items: center; padding: 12px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e5e5e5; transition: all .2s; cursor: pointer;}
.home_visual_control .home_visual_next svg{ width: auto; height: 100%;}
.home_visual_control .home_visual_next svg path{ transition: all .2s;}
.home_visual_control .home_visual_next:hover{ border-color: #000; background: #000;}
.home_visual_control .home_visual_next:hover svg path{ fill: #FFF;}

.home_visual_control .scroll_down{ display: flex; align-items: center; grid-gap: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.home_visual_control .scroll_down svg{ width: auto; height: 18px; animation: home_visual_scroll_down 1s infinite;}
.home_visual_control .scroll_down p{ font-size: 18px; font-weight: 500; color: #000; letter-spacing: 0;}
@keyframes home_visual_scroll_down{
    0%   { transform: translate(0,-5px); opacity: 0;}
    50%  { transform: translate(0,5px); opacity: 1;}
    100% { transform: translate(0,-5px); opacity: 0;}
}
@media(max-width: 1600px){
    .home_visual .contents .wrap{ height: 500px;}
    .home_visual .contents .wrap .text_type_01{ padding: 100px 0 0 50px;}
    .home_visual .contents .wrap .text_type_01 .t1{ font-size: 14px;}
    .home_visual .contents .wrap .text_type_01 .t2{ margin-top: 10px; font-size: 50px;}
    .home_visual .contents .wrap .text_type_01 .t3{ margin-top: 20px; font-size: 18px;}
    .home_visual .contents .wrap .text_type_01 .btn{ margin-top: 40px;}

    .home_visual .contents .wrap .text_type_02{ padding: 40px 0;}
    .home_visual .contents .wrap .text_type_02 .t1{ font-size: 14px;}
    .home_visual .contents .wrap .text_type_02 .t2{ height: 70px;}
    .home_visual .contents .wrap .text_type_02 .t3{ margin: 20px auto 0 auto; height: 30px;}
    .home_visual .contents .wrap .text_type_02 .btn{ margin: 30px auto 0 auto;}

    .home_visual .contents .wrap .text_type_03{ padding: 40px 0;}
    .home_visual .contents .wrap .text_type_03 .t1{ font-size: 14px;}
    .home_visual .contents .wrap .text_type_03 .t2{ font-size: 24px;}
    .home_visual .contents .wrap .text_type_03 .t3{ margin-top: 15px; font-size: 16px;}
    .home_visual .contents .wrap .text_type_03 .btn{ margin: 30px auto 0 auto;}

    .home_visual .contents .wrap .text .btn{ grid-gap: 15px; width: 160px; height: 45px;}
    .home_visual .contents .wrap .text .btn p{ font-size: 16px;}
    .home_visual .contents .wrap .text .btn svg{ height: 16px;}

    .home_visual .contents .wrap .text .btn2{}
    .home_visual .contents .wrap .text .btn2 a{ width: 120px; height: 45px;}
    .home_visual .contents .wrap .text .btn2 a p{ font-size: 16px;}
}
@media(max-width: 1000px){
    .home_visual .rolling_max{ display: none;}
    .home_visual .rolling_min{ display: block;}
    .home_visual_control .home_visual_page_max{ display: none;}
    .home_visual_control .home_visual_page_min{ display: flex;}
}
@media(max-width: 600px){
    .home_visual{ margin-top: 5rem;}
    .home_visual .rolling{ margin: 0 1rem; border-radius: 1rem;}
    .home_visual .contents{ grid-gap: 1rem;}
    .home_visual .contents .wrap{ height: 25rem; border-radius: 1rem;}

    .home_visual .contents .wrap .text_type_01{ padding: 1.8rem 0 0 2rem;}
    .home_visual .contents .wrap .text_type_01 .t1{ font-size: 0.8rem;}
    .home_visual .contents .wrap .text_type_01 .t2{ margin-top: 0.3rem; font-size: 2.4rem;}
    .home_visual .contents .wrap .text_type_01 .t3{ margin-top: 0.6rem; font-size: 1rem;}
    .home_visual .contents .wrap .text_type_01 .btn{ margin-top: 1.2rem;}

    .home_visual .contents .wrap .text_type_02{ padding: 2.2rem 0;}
    .home_visual .contents .wrap .text_type_02 .t1{ font-size: 1rem;}
    .home_visual .contents .wrap .text_type_02 .t2{ height: 4rem;}
    .home_visual .contents .wrap .text_type_02 .t3{ margin: 1rem auto 0 auto; height: 1.4rem;}
    .home_visual .contents .wrap .text_type_02 .btn{ margin: 1.2rem auto 0 auto;}

    .home_visual .contents .wrap .text_type_03{ padding: 2.2rem 0;}
    .home_visual .contents .wrap .text_type_03 .t1{ font-size: 1rem;}
    .home_visual .contents .wrap .text_type_03 .t2{ font-size: 1.2rem;}
    .home_visual .contents .wrap .text_type_03 .t3{ margin: 1rem auto 0 auto; font-size: 1rem;}
    .home_visual .contents .wrap .text_type_03 .btn{ margin: 1.2rem auto 0 auto;}

    .home_visual .contents .wrap .text .btn{ grid-gap: 1rem; width: 8rem; height: 2.2rem; border-radius: 3rem;}
    .home_visual .contents .wrap .text .btn p{ font-size: 1rem;}
    .home_visual .contents .wrap .text .btn svg{ height: 1rem;}

    .home_visual .contents .wrap .text .btn2{ grid-gap: 0.2rem; margin-top: 1.2rem;}
    .home_visual .contents .wrap .text .btn2 a{ width: 6rem; height: 2.6rem; border-radius: 3rem;}
    .home_visual .contents .wrap .text .btn2 a p{ font-size: 0.8rem;}

    .home_visual_control .modle_min{ height: 4rem;}
    .home_visual_control .fl{ grid-gap: 0.6rem;}
    .home_visual_control .fr{ grid-gap: 0.4rem;}

    .home_visual_control .home_visual_page{ grid-gap: 0.4rem; height: 2.4rem; font-size: 1rem;}
    .home_visual_control .home_visual_page span{ font-size: 1.4rem;}

    .home_visual_control .home_visual_btn{ width: 2.4rem; height: 2.4rem;}
    .home_visual_control .home_visual_btn a{ padding: 0.8rem; width: 2.4rem; height: 2.4rem;}
    .home_visual_control .home_visual_prev{ padding: 0.7rem; width: 2.4rem; height: 2.4rem;}
    .home_visual_control .home_visual_next{ padding: 0.7rem; width: 2.4rem; height: 2.4rem;}

    .home_visual_control .scroll_down{ grid-gap: 0.4rem;}
    .home_visual_control .scroll_down svg{ height: 0.8rem;}
    .home_visual_control .scroll_down p{ font-size: 0.8rem;}
}


.home_notice{ position: relative; padding: 120px 0;}
.home_notice .head{ display: flex; flex-direction: column; align-items: center;}
.home_notice .head .t1{ font-size: 24px; font-weight: 500; color: #000;}
.home_notice .head .t2{ margin-top: 15px; font-size: 50px; font-weight: 700; color: #000;}
.home_notice .head .t3{ margin-top: 30px; font-size: 24px; color: #666;}
.home_notice .head .menu{ display: flex; margin-top: 60px; padding: 10px; border-radius: 40px; background: #f2f4f3;}
.home_notice .head .menu a{ display: flex; align-items: center; padding: 0 60px; height: 50px; border-radius: 30px; font-size: 18px; font-weight: 500; color: #000; cursor: pointer;}
.home_notice .head .menu a.on{ background: #c5ad8e; color: #FFF;}
.home_notice .body{ display: flex; align-items: center; margin: 60px 0 0 0;}
.home_notice .body .fl{ position: relative;}
.home_notice .body .fl .rolling{ overflow: hidden; width: 600px; height: 600px; border-radius: 20px; background: #f2f4f4;}
.home_notice .body .fl .rolling .swiper-wrapper{}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide{}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a{ display: block; position: relative; padding: 120px 80px; width: 600px; height: 600px; opacity: 0;}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .tit{ margin-right: 70px; line-height: 1.2; font-size: 32px; font-weight: 700; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .date{ margin-top: 30px; font-size: 16px; color: #666;}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .btn{ display: flex; justify-content: center; align-items: center; position: absolute; left: 80px; bottom: 170px; width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(0 0 0/10%); background: #FFF; transition: all .2s;}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .btn svg{ width: 18px; height: 18px;}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .btn svg path{ fill: #000; transition: all .2s;}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a:hover .btn{ background: #c5ad8e;}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a:hover .btn svg path{ fill: #FFF;}
.home_notice .body .fl .rolling .swiper-wrapper .swiper-slide.swiper-slide-active a{ opacity: 1;}
.home_notice .body .fl .home_notice_control{ position: absolute; z-index: 10; left: 80px; bottom: 120px;}
.home_notice .body .fl .home_notice_control .home_notice_page{ display: flex; grid-gap: 10px;}
.home_notice .body .fl .home_notice_control .home_notice_page span{ margin: 0; width: 10px; height: 10px; border-radius: 10px; background: rgba(0 0 0/10%); opacity: 1;}
.home_notice .body .fl .home_notice_control .home_notice_page span.swiper-pagination-bullet-active{ width: 20px; background: #c5ad8e;}

.home_notice .body .fr{ flex: 1; position: relative; z-index: 10; margin-left: -80px; width: calc(100vw - 600px + 80px);}
.home_notice .body .fr .fr_wrap{}
.home_notice .body .fr .rolling{ overflow: hidden;}
.home_notice .body .fr .rolling .swiper-wrapper{}
.home_notice .body .fr .rolling .swiper-wrapper .swiper-slide{}
.home_notice .body .fr .rolling .swiper-wrapper .swiper-slide a{ overflow: hidden; display: block; position: relative; border-radius: 20px;}
.home_notice .body .fr .rolling .swiper-wrapper .swiper-slide a:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; border: 1px solid rgba(0 0 0/10%);}
.home_notice .body .fr .rolling .swiper-wrapper .swiper-slide a .img{}
.home_notice .body .fr .rolling .swiper-wrapper .swiper-slide a .img:after{ content: ""; display: block; padding-top: 100%;}
@media(max-width: 1600px){
    .home_notice .body .fl .rolling{ width: 500px; height: 500px;}
    .home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a{ padding: 80px 50px; width: 500px; height: 500px;}
    .home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .btn{ left: 50px; bottom: 130px;}
    .home_notice .body .fl .home_notice_control{ bottom: 80px; left: 50px;}
    .home_notice .body .fr{ width: calc(100vw - 500px + 80px);}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .home_notice{ padding: 4rem 0;}
    .home_notice .head .t1{ font-size: 1rem; letter-spacing: 0;}
    .home_notice .head .t2{ margin-top: 0.6rem; font-size: 2.4rem;}
    .home_notice .head .t3{ margin-top: 1.2rem; font-size: 1.2rem;}
    .home_notice .head .menu{ margin-top: 2rem; padding: 0.5rem; border-radius: 2rem;}
    .home_notice .head .menu a{ padding: 0 1.8rem; height: 2.6rem; border-radius: 3rem; font-size: 1.1rem;}
    .home_notice .body{ display: block; margin: 3rem 0 0 0;}
    .home_notice .body .fl .rolling{ width: calc(100vw - 2rem); height: calc(100vw - 2rem); border-radius: 1rem;}
    .home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a{ padding: 3rem 3rem 10rem 3rem; width: calc(100vw - 2rem); height: calc(100vw - 2rem);}
    .home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .tit{ margin-right: 0; height: 4.6rem; line-height: 2.3rem; font-size: 1.8rem; -webkit-line-clamp: 2;}
    .home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .date{ margin-top: 0.8rem; font-size: 1rem; letter-spacing: 0;}
    .home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .btn{ display: none; left: 3rem; bottom: 13rem; width: 3.4rem; height: 3.4rem;}
    .home_notice .body .fl .rolling .swiper-wrapper .swiper-slide a .btn svg{ width: 1rem; height: 1rem;}
    .home_notice .body .fl .rolling .swiper-wrapper .swiper-slide.swiper-slide-active a{ opacity: 1;}
    .home_notice .body .fl .home_notice_control{ left: 3rem; bottom: 16rem;}
    .home_notice .body .fl .home_notice_control .home_notice_page{ grid-gap: 0.4rem;}
    .home_notice .body .fl .home_notice_control .home_notice_page span{ width: 0.5rem; height: 0.5rem; border-radius: 0.5rem;}
    .home_notice .body .fl .home_notice_control .home_notice_page span.swiper-pagination-bullet-active{ width: 1rem;}
    .home_notice .body .fr{ margin: -13rem 0 0 -1rem; width: calc(100vw + 2rem);}
    .home_notice .body .fr .rolling .swiper-wrapper{}
    .home_notice .body .fr .rolling .swiper-wrapper .swiper-slide{ width: 18rem;}
    .home_notice .body .fr .rolling .swiper-wrapper .swiper-slide a{ border-radius: 1rem;}
    .home_notice .body .fr .rolling .swiper-wrapper .swiper-slide a:before{ border-radius: 1rem;}
    .home_notice .body .fr .rolling .swiper-wrapper .swiper-slide a .img{ width: 18rem; height: 18rem;}
}


.home_promise{ display: flex; align-items: center; padding: 120px 0; background: url(/images/hp_bg.jpg) center/cover;}
.home_promise .head{ flex: 0 0 30%; display: flex; flex-direction: column; align-items: center; padding-right: 80px;}
.home_promise .head img{ display: block;}
.home_promise .head .t1{ margin-top: 50px; font-size: 24px; font-weight: 500; color: #FFF;}
.home_promise .head .t2{ margin-top: 15px; font-size: 50px; font-weight: 700; color: #FFF;}
.home_promise .head .t3{ margin-top: 30px; text-align: center; line-height: 1.4; font-size: 24px; color: #c5ad8e;}
.home_promise .head img:last-child{ margin-top: 50px;}
.home_promise .body{ flex: 1;}
.home_promise .body .wrap{ display: flex; justify-content: space-evenly; align-items: center; padding: 50px 0; border-bottom: 1px solid #656460;}
.home_promise .body .wrap:last-child{ border-bottom: 0;}
.home_promise .body .wrap .icon{ display: flex; justify-content: center; width: 120px;}
.home_promise .body .wrap .icon img{ display: block;}
.home_promise .body .wrap .number{ display: flex; flex-direction: column; align-items: center;}
.home_promise .body .wrap .number span{ font-size: 30px; font-weight: 500; color: #FFF;}
.home_promise .body .wrap .number p{ margin-top: 5px; font-size: 70px; font-weight: 700; color: #c5ad8e;}
.home_promise .body .wrap .number img{ display: block;}
.home_promise .body .wrap .text{ width: 500px;}
.home_promise .body .wrap .text .t1{ font-size: 30px; font-weight: 700; color: #FFF;}
.home_promise .body .wrap .text .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: rgba(255 255 255/60%);}
.home_promise .body .wrap .text .t2 br{}
@media(max-width: 1600px){
    .home_promise{ display: block;}
    .home_promise .head{ flex: 0 0 35%; padding-right: 30px;}
    .home_promise .body{ margin-top: 60px;}
}
@media(max-width: 1000px){
    .home_promise .head{ padding-right: 0;}
    .home_promise .body .wrap .icon{ width: 100px;}
    .home_promise .body .wrap .icon img{ max-width: 80px; max-height: 80px;}
    .home_promise .body .wrap .number span{ font-size: 20px;}
    .home_promise .body .wrap .number p{ font-size: 50px;}
    .home_promise .body .wrap .number img{ height: 16px;}
    .home_promise .body .wrap .text{ width: 400px;}
    .home_promise .body .wrap .text .t1{ font-size: 24px;}
    .home_promise .body .wrap .text .t2{ margin-top: 14px; font-size: 18px;}
    .home_promise .body .wrap .text .t2 br{ display: none;}
}
@media(max-width: 600px){
    .home_promise{ padding: 4rem 0;}
    .home_promise .head{ flex: 1;}
    .home_promise .head img{ height: 1rem;}
    .home_promise .head .t1{ margin-top: 1.5rem; font-size: 1rem; letter-spacing: 0;}
    .home_promise .head .t2{ margin-top: 0.6rem; font-size: 2.4rem;}
    .home_promise .head .t3{ margin-top: 1.2rem; font-size: 1.2rem;}
    .home_promise .head img:last-child{ margin-top: 1.5rem; height: 1rem;}
    .home_promise .body{ margin-top: 3rem;}
    .home_promise .body .wrap{ flex-wrap: wrap; padding: 3rem 0;}
    .home_promise .body .wrap:first-child{ padding-top: 0;}
    .home_promise .body .wrap:last-child{ padding-bottom: 0;}
    .home_promise .body .wrap .icon{ width: 6rem;}
    .home_promise .body .wrap .icon img{ max-width: 5rem; max-height: 5rem;}
    .home_promise .body .wrap .number span{ font-size: 1rem;}
    .home_promise .body .wrap .number p{ margin-top: 0.4rem; font-size: 4rem;}
    .home_promise .body .wrap .number img{ height: 1rem;}
    .home_promise .body .wrap .text{ margin-top: 2rem; width: auto;}
    .home_promise .body .wrap .text .t1{ text-align: center; font-size: 1.6rem;}
    .home_promise .body .wrap .text .t2{ margin-top: 1rem; text-align: center; font-size: 1.1rem;}
    .home_promise .body .wrap .text .t2 br{ display: block;}
}


.home_clinic{ padding: 120px 0 0 0;}
.home_clinic .head{}
.home_clinic .head .t1{ font-size: 24px; font-weight: 500; color: #000;}
.home_clinic .head .t2{ margin-top: 15px; font-size: 50px; font-weight: 700; color: #000;}
.home_clinic .body{ display: flex; grid-gap: 20px; margin-top: 40px;}
.home_clinic .body .wrap{ overflow: hidden; position: relative; width: 20%; height: 600px; border-radius: 20px; transition: all .5s;}
.home_clinic .body .wrap .text{ position: absolute; z-index: 10; top: 80px; left: 50px; transition: all .5s;}
.home_clinic .body .wrap .text .t1{ font-size: 24px; color: #FFF;}
.home_clinic .body .wrap .text .t2{ font-size: 36px; font-weight: 700; color: #FFF;}
.home_clinic .body .wrap .text .t3{ margin-top: 30px; font-size: 24px; font-weight: 700; color: #FFF; transition: all .3s;}
.home_clinic .body .wrap .text .t4{ margin-top: 0; line-height: 1.4; font-size: 20px; color: #FFF; opacity: 0; transition: all .3s;}
.home_clinic .body .wrap .text .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; width: 240px; height: 60px; border-radius: 30px; border: 1px solid #FFF; opacity: 0; cursor: pointer; transition: all .2s;}
.home_clinic .body .wrap .text .btn p{ font-size: 18px; font-weight: 500; color: #FFF; transition: all .2s;}
.home_clinic .body .wrap .text .btn svg{ width: auto; height: 18px; transition: all .2s;}
.home_clinic .body .wrap .text .btn svg path{ fill: #FFF; transition: all .2s;}
.home_clinic .body .wrap .text .btn:hover{ border-color: #000; background: #000;}
.home_clinic .body .wrap .text .btn:hover p{ color: #c5ad8e;}
.home_clinic .body .wrap .text .btn:hover svg path{ fill: #c5ad8e;}
.home_clinic .body .wrap .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; transition: all .2s;}
.home_clinic .body .wrap .bg .logo{ display: block; position: absolute; z-index: 1; top: 50px; right: 50px; opacity: 0; transition: all .2s;}
.home_clinic .body .wrap .bg .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.9; transition: all .2s;}
.home_clinic .body .wrap.on{ width: 40%;}
.home_clinic .body .wrap.on .text{ left: 80px;}
.home_clinic .body .wrap.on .text .t3{ margin-top: 50px;}
.home_clinic .body .wrap.on .text .t4{ margin-top: 20px; opacity: 1;}
.home_clinic .body .wrap.on .text .btn{ margin-top: 50px; opacity: 1;}
.home_clinic .body .wrap.on .bg .logo{ opacity: 1;}
@media(max-width: 1600px){
    .home_clinic .body .wrap{ height: 450px;}
    .home_clinic .body .wrap .text{ top: 60px; left: 30px;}
    .home_clinic .body .wrap .text .t1{ font-size: 20px;}
    .home_clinic .body .wrap .text .t2{ font-size: 30px;}
    .home_clinic .body .wrap .text .t4{ font-size: 18px;}
    .home_clinic .body .wrap .bg .logo{ top: 30px; right: 30px; height: 40px;}
    .home_clinic .body .wrap.on .text{ left: 50px;}
}
@media(max-width: 1170px){
    .home_clinic .body{ display: grid; grid-template-columns: repeat(2,1fr);}
    .home_clinic .body .wrap{ width: 100% !important; height: 400px;}
    .home_clinic .body .wrap .text{ top: 50px; left: 40px;}
    .home_clinic .body .wrap .text .t4{ margin-top: 20px; font-size: 16px; opacity: 1;}
    .home_clinic .body .wrap .text .btn{ margin-top: 30px; grid-gap: 15px; width: 180px; height: 40px; opacity: 1;}
    .home_clinic .body .wrap .text .btn p{ font-size: 16px;}
    .home_clinic .body .wrap .text .btn svg{ height: 16px;}
    .home_clinic .body .wrap .bg .logo{ opacity: 1;}
    .home_clinic .body .wrap.on .text{ left: 40px;}
    .home_clinic .body .wrap.on .text .t3{ margin-top: 30px;}
    .home_clinic .body .wrap.on .text .btn{ margin-top: 30px;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .home_clinic{ padding: 4rem 0 0 0;}
    .home_clinic .head .t1{ text-align: center; font-size: 1rem; letter-spacing: 0;}
    .home_clinic .head .t2{ margin-top: 0.6rem; text-align: center; font-size: 2.4rem;}
    .home_clinic .body{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin-top: 2rem;}
    .home_clinic .body .wrap{ height: 20rem; border-radius: 1rem;}
    .home_clinic .body .wrap .text{ top: 3rem; left: 2rem;}
    .home_clinic .body .wrap .text .t1{ font-size: 1rem; letter-spacing: 0;}
    .home_clinic .body .wrap .text .t2{ margin-top: 0.2rem; font-size: 1.6rem;}
    .home_clinic .body .wrap .text .t3{ margin-top: 1rem; font-size: 1.6rem;}
    .home_clinic .body .wrap .text .t4{ margin-top: 0.6rem; font-size: 1.1rem;}
    .home_clinic .body .wrap .text .btn{ margin-top: 2rem; grid-gap: 1rem; width: 10rem; height: 2.6rem;}
    .home_clinic .body .wrap .text .btn p{ font-size: 1rem;}
    .home_clinic .body .wrap .text .btn svg{ height: 1rem;}
    .home_clinic .body .wrap .bg .logo{ height: 2rem;}
    .home_clinic .body .wrap.on .text{ left: 2rem;}
    .home_clinic .body .wrap.on .text .t3{ margin-top: 1rem;}
    .home_clinic .body .wrap.on .text .t4{ margin-top: 0.6rem;}
    .home_clinic .body .wrap.on .text .btn{ margin-top: 2rem;}
}


.home_doctors{ padding: 120px 0;}
.home_doctors .head{ text-align: center;}
.home_doctors .head .t1{ font-size: 24px; font-weight: 500; color: #000;}
.home_doctors .head .t2{ margin-top: 15px; font-size: 50px; font-weight: 700; color: #000;}
.home_doctors .head .t3{ margin-top: 30px; line-height: 1.2; font-size: 24px; color: #666;}
.home_doctors .list{ display: flex; flex-direction: column; grid-gap: 20px; margin-top: 40px;}
.home_doctors .list .wrap{ overflow: hidden; display: flex; position: relative; width: 100%; border-radius: 20px; background: #eef2f7;}

.home_doctors .list .wrap .name{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; width: 50%; text-align: center; opacity: 1; transform: translate(0,0); transition: all .3s;}
.home_doctors .list .wrap .name .t1{ font-size: 24px; color: #000;}
.home_doctors .list .wrap .name .t2{ margin-top: 10px; font-size: 70px; font-weight: 700; color: #000;}
.home_doctors .list .wrap .name .t2 b{ font-weight: 700; color: #000;}
.home_doctors .list .wrap .name .t3{ margin-top: 15px; font-size: 36px; font-weight: 700; color: #000;}
.home_doctors .list .wrap .name .tbg{ display: block; margin-top: 40px;}

.home_doctors .list .wrap .bg{ overflow: hidden; position: relative; width: 50%; height: 540px; background: url(/images/hd_bg.jpg) center/cover;}
.home_doctors .list .wrap .bg .logo{ display: block; position: absolute; top: 20%; left: 55%; opacity: .2; transition: all .6s;}
.home_doctors .list .wrap .bg .img{ display: block; position: absolute; z-index: 10; bottom: 0; left: 50%; transform: translate(-65%,0); transition: all .4s;}
.home_doctors .list .wrap .bg .name{ display: flex; flex-direction: column; justify-content: center; align-items: flex-end; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; opacity: 0; transition: all .3s;}
.home_doctors .list .wrap .bg .name .t1{ font-size: 24px; color: #000;}
.home_doctors .list .wrap .bg .name .t2{ margin-top: 10px; font-size: 70px; font-weight: 700; color: #000;}
.home_doctors .list .wrap .bg .name .t2 b{ font-weight: 700; color: #000;}
.home_doctors .list .wrap .bg .name .t3{ margin-top: 15px; font-size: 36px; font-weight: 700; color: #000;}
.home_doctors .list .wrap .bg .name .tbg{ display: block; margin-top: 40px;}

.home_doctors .list .wrap .info{ position: absolute; z-index: 30; top: 0; bottom: 0; left: 50%; padding: 80px; width: 50%; opacity: 0; transform: translate(0,100px); transition: all .2s;}
.home_doctors .list .wrap .info .txt{ display: flex; flex-direction: column; grid-gap: 10px;}
.home_doctors .list .wrap .info .txt p{ position: relative; padding-left: 15px; width: 100%; line-height: 1.4; font-size: 18px; color: #000;}
.home_doctors .list .wrap .info .txt p:before{ content: ""; display: block; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #000;}
.home_doctors .list .wrap .info .txt p font{ font-size: 15px;}
.home_doctors .list .wrap .info .txt span{ display: block; margin-top: -7px; padding-left: 15px; width: 100%; line-height: 1.4; font-size: 16px; color: rgba(0 0 0/80%);}
.home_doctors .list .wrap .info .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; margin-top: 30px; width: 240px; height: 60px; border-radius: 30px; border: 1px solid #000; cursor: pointer; transition: all .2s;}
.home_doctors .list .wrap .info .btn p{ font-size: 18px; font-weight: 500; color: #000; transition: all .2s;}
.home_doctors .list .wrap .info .btn svg{ width: auto; height: 18px; transition: all .2s;}
.home_doctors .list .wrap .info .btn svg path{ fill: #000; transition: all .2s;}
.home_doctors .list .wrap .info .btn:hover{ border-color: #000; background: #000;}
.home_doctors .list .wrap .info .btn:hover p{ color: #c5ad8e;}
.home_doctors .list .wrap .info .btn:hover svg path{ fill: #c5ad8e;}

.home_doctors .list .wrap:last-child{ justify-content: flex-end;}
.home_doctors .list .wrap:last-child .name{ left: 0;}
.home_doctors .list .wrap:last-child .info{ left: 0;}
.home_doctors .list .wrap:last-child .bg .name{ align-items: flex-start; right: initial; left: 0;}
.home_doctors .list .wrap:last-child .bg .logo{ left: initial; right: 55%;}
.home_doctors .list .wrap:last-child .bg .img{ left: initial; right: 50%; transform: translate(70%,0);}

.home_doctors .list .wrap:hover .name{ opacity: 0; transform: translate(0,100px);}
.home_doctors .list .wrap:hover .bg .logo{ left: 40%;}
.home_doctors .list .wrap:hover .bg .img{ left: 40%;}
.home_doctors .list .wrap:hover .bg .name{ right: 80px; opacity: 1; transform: translate(0,0);}
.home_doctors .list .wrap:hover .info{ opacity: 1; transform: translate(0,0);}
.home_doctors .list .wrap:hover .btn{ opacity: 1;}

.home_doctors .list .wrap:last-child:hover .name{ opacity: 0; transform: translate(0,100px);}
.home_doctors .list .wrap:last-child:hover .bg .logo{ left: initial; right: 40%;}
.home_doctors .list .wrap:last-child:hover .bg .img{ left: initial; right: 40%;}
.home_doctors .list .wrap:last-child:hover .bg .name{ left: 80px; opacity: 1; transform: translate(0,0);}
.home_doctors .list .wrap:last-child:hover .info{ opacity: 1; transform: translate(0,0);}
.home_doctors .list .wrap:last-child:hover .btn{ opacity: 1;}
@media(max-width: 1600px){
    .home_doctors .list .wrap > .name{ display: none;}
    .home_doctors .list .wrap .bg{ height: auto;}
    .home_doctors .list .wrap .bg .logo{ top: 10% !important; left: 40% !important; height: 150px;}
    .home_doctors .list .wrap .bg .img{ left: -15% !important; transform: translate(0,0) !important;}
    .home_doctors .list .wrap .bg .name{ right: 50px !important; opacity: 1;}
    .home_doctors .list .wrap .bg .name .t1{ font-size: 18px;}
    .home_doctors .list .wrap .bg .name .t2{ font-size: 50px;}
    .home_doctors .list .wrap .bg .name .t3{ margin-top: 10px; font-size: 24px;}
    .home_doctors .list .wrap .bg .name .tbg{ margin-top: 20px; height: 10px;}
    .home_doctors .list .wrap .info{ position: initial; padding: 50px; width: 50%; transform: translate(0,0); opacity: 1;}
    .home_doctors .list .wrap:last-child{ flex-direction: row-reverse;}
    .home_doctors .list .wrap:last-child .bg .name{ right: initial !important; left: 50px !important;}
    .home_doctors .list .wrap:last-child .bg .logo{ top: 6% !important; left: 30% !important; height: 130px;}
    .home_doctors .list .wrap:last-child .bg .img{ left: 35% !important; height: 420px;}
}
@media(max-width: 1170px){
    .home_doctors .list .wrap{ display: block;}
    .home_doctors .list .wrap .bg{ width: auto; height: 400px;}
    .home_doctors .list .wrap .bg .img{ left: 0 !important; height: 380px;}
    .home_doctors .list .wrap .bg .name{ right: 80px !important;}
    .home_doctors .list .wrap .info{ width: auto;}
    .home_doctors .list .wrap:last-child .bg .name{ left: 80px !important;}
    .home_doctors .list .wrap:last-child .bg .logo{ top: 5% !important; left: 35% !important; height: 150px;}
    .home_doctors .list .wrap:last-child .bg .img{ left: 40% !important; height: 380px;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .home_doctors{ padding: 4rem 0;}
    .home_doctors .head .t1{ font-size: 1rem; letter-spacing: 0;}
    .home_doctors .head .t2{ margin-top: 0.6rem; font-size: 2.4rem;}
    .home_doctors .head .t3{ margin-top: 1.2rem; font-size: 1.2rem;}
    .home_doctors .list{ grid-gap: 1rem; margin-top: 2rem;}
    .home_doctors .list .wrap{ border-radius: 1rem;}
    .home_doctors .list .wrap .bg{ height: 16rem;}
    .home_doctors .list .wrap .bg .logo{ left: 34% !important; height: 6rem;}
    .home_doctors .list .wrap .bg .img{ left: -10% !important; height: 15rem;}
    .home_doctors .list .wrap .bg .name{ right: 3rem !important;}
    .home_doctors .list .wrap .bg .name .t1{ font-size: 1.1rem;}
    .home_doctors .list .wrap .bg .name .t2{ margin-top: 0.4rem; font-size: 2.6rem;}
    .home_doctors .list .wrap .bg .name .t3{ margin-top: 0.6rem; font-size: 1.2rem;}
    .home_doctors .list .wrap .bg .name .tbg{ margin-top: 1rem; height: 0.6rem;}
    .home_doctors .list .wrap:last-child .bg .name{ left: 3rem !important;}
    .home_doctors .list .wrap:last-child .bg .logo{ top: 5% !important; left: 42% !important; height: 6rem;}
    .home_doctors .list .wrap:last-child .bg .img{ left: 50% !important; height: 15rem;}

    .home_doctors .list .wrap .info{ padding: 2rem 2rem; width: auto;}
    .home_doctors .list .wrap .info .txt{ grid-gap: 1rem;}
    .home_doctors .list .wrap .info .txt p{ padding-left: 1rem; font-size: 1.2rem;}
    .home_doctors .list .wrap .info .txt p:before{ top: 0.6rem; width: 0.3rem; height: 0.3rem;}
    .home_doctors .list .wrap .info .txt p font{ font-size: 1rem;}
    .home_doctors .list .wrap .info .txt span{ margin-top: -0.6rem; padding-left: 1rem; font-size: 1rem;}

    .home_doctors .list .wrap .info .btn{ grid-gap: 1rem; margin-top: 2rem; width: 100%; height: 3rem; border-radius: 3rem;}
    .home_doctors .list .wrap .info .btn p{ font-size: 1rem; letter-spacing: 0;}
    .home_doctors .list .wrap .info .btn svg{ height: 1rem;}
}


.home_ba{ display: flex; align-items: center; grid-gap: 80px; position: relative; padding: 120px 0; background: #f2f4f4;}
.home_ba .images{ flex: 0 0 50%;}
.home_ba .images .max{ overflow: hidden; position: relative; border-radius: 20px;}
.home_ba .images .max .before{ position: absolute; z-index: 40; top: 50px; left: 50px; font-size: 30px; font-weight: 700; color: #FFF; border-bottom: 2px solid #FFF;}
.home_ba .images .max .after{ position: absolute; z-index: 40; top: 50px; right: 50px; font-size: 30px; font-weight: 700; color: #FFF; border-bottom: 2px solid #FFF;}
.home_ba .images .max .info{ position: absolute; z-index: 40; bottom: 50px; left: 50px;}
.home_ba .images .max .info .t1{ font-size: 20px; color: #FFF;}
.home_ba .images .max .info .t2{ margin-top: 5px; font-size: 36px; font-weight: 700; color: #FFF;}
.home_ba .images .max .info .t3{ margin-top: 20px;}
.home_ba .images .max .info .t3 p{ font-size: 40px; font-weight: 600; color: #FFF;}
.home_ba .images .max .info .t3 span{ font-size: 12px; color: #FFF;}
.home_ba .images .max .img{ position: relative;}
.home_ba .images .max .img .top{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 50%;}
.home_ba .images .max .img .top:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/20%);}
.home_ba .images .max .img .top .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; position: absolute; z-index: 30; top: calc(50% - 30px); left: -30px; width: 60px; height: 60px; border-radius: 50%; background: rgba(0 0 0/50%); cursor: pointer;}
.home_ba .images .max .img .top .btn svg{ width: auto; height: 16px;}
.home_ba .images .max .img .top .btn svg path{ fill: #FFF;}
.home_ba .images .max .img .bottom{}
.home_ba .images .max .img .bottom img{ display: block; width: 100%;}
.home_ba .images .min{ display: flex; grid-gap: 10px; margin-top: 10px;}
.home_ba .images .min .wrap{ overflow: hidden; position: relative; width: 33.333%; border-radius: 20px; background: #000; cursor: pointer;}
.home_ba .images .min .wrap .check{ display: none; justify-content: center; align-items: center; position: absolute; z-index: 10; right: 0; bottom: 0; padding: 10px; width: 40px; height: 40px; border-radius: 20px 0 0 0; background: #c5ad8e;}
.home_ba .images .min .wrap .check svg{ width: auto; height: 20px;}
.home_ba .images .min .wrap .check svg path{ fill: #FFF;}
.home_ba .images .min .wrap:nth-child(4){ display: none;}
.home_ba .images .min .wrap img{ display: block; width: 100%; opacity: 0.7;}
.home_ba .images .min .wrap.on:after{ content: ""; display: none; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; border: 2px solid #c5ad8e;}
.home_ba .images .min .wrap.on .check{ display: flex;}
.home_ba .images .min .wrap.on img{ opacity: 1;}
.home_ba .head{}
.home_ba .head .t1{ font-size: 24px; font-weight: 500; color: #000;}
.home_ba .head .t2{ margin-top: 15px; font-size: 50px; font-weight: 700; color: #000;}
.home_ba .head .t3{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #666;}
.home_ba .head .menu{ display: flex; grid-gap: 10px; margin-top: 40px;}
.home_ba .head .menu a{ display: flex; align-items: center; padding: 0 20px; height: 50px; border-radius: 30px; border: 1px solid rgba(0 0 0/10%); font-size: 18px; color: rgba(0 0 0/70%); cursor: pointer; transition: all .2s;}
.home_ba .head .menu a:hover{ background: rgba(0 0 0/5%);}
.home_ba .head .menu a.on{ border-color: #c5ad8e; background: #c5ad8e; font-weight: 500; color: #FFF;}
.home_ba .head .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; margin-top: 60px; width: 240px; height: 60px; border-radius: 30px; border: 1px solid #000; cursor: pointer; transition: all .2s;}
.home_ba .head .btn p{ font-size: 18px; font-weight: 500; color: #000; transition: all .2s;}
.home_ba .head .btn svg{ width: auto; height: 18px; transition: all .2s;}
.home_ba .head .btn svg path{ fill: #000; transition: all .2s;}
.home_ba .head .btn:hover{ border-color: #000; background: #000;}
.home_ba .head .btn:hover p{ color: #c5ad8e;}
.home_ba .head .btn:hover svg path{ fill: #c5ad8e;}
.home_ba .bg{ position: absolute; right: 50px; bottom: 50px; opacity: 0.05;}
@media(max-width: 1600px){
    .home_ba{ grid-gap: 30px;}
    .home_ba .head .t3{ font-size: 20px;}
    .home_ba .head .t3 br{ display: none;}
    .home_ba .bg{ display: none;}
}
@media(max-width: 1170px){
    .home_ba{ display: flex; flex-direction: column-reverse; grid-gap: 60px;}
    .home_ba .head{ text-align: center;}
    .home_ba .head .t3 br{ display: block;}
    .home_ba .head .btn{ margin: 40px auto 0 auto;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .home_ba{ grid-gap: 2rem; position: relative; padding: 4rem 0 9rem 0;}
    .home_ba .images{ margin-top: 0;}
    .home_ba .images .max{ border-radius: 1rem;}
    .home_ba .images .max .before{ top: 1.5rem; left: 1.5rem; font-size: 1.4rem;}
    .home_ba .images .max .after{ top: 1.5rem; right: 1.5rem; font-size: 1.4rem;}
    .home_ba .images .max .info{ bottom: 1.5rem; left: 1.5rem;}
    .home_ba .images .max .info .t1{ font-size: 1rem;}
    .home_ba .images .max .info .t2{ margin-top: 0.4rem; font-size: 1.4rem;}
    .home_ba .images .max .info .t3{ margin-top: 0.4rem;}
    .home_ba .images .max .info .t3 p{ font-size: 2rem;}
    .home_ba .images .max .info .t3 span{ font-size: 0.8rem;}
    .home_ba .images .max .img .top .btn{ grid-gap: 0.6rem; top: calc(50% - 1.8rem); left: -1.8rem; width: 3.6rem; height: 3.6rem;}
    .home_ba .images .max .img .top .btn svg{ height: 1rem;}
    .home_ba .images .min{ grid-gap: 0.6rem; margin-top: 0.6rem;}
    .home_ba .images .min .wrap{ border-radius: 1rem;}
    .home_ba .images .min .wrap .check{ padding: 0.4rem; width: 1.8rem; height: 1.8rem; border-radius: 1rem 0 0 0;}
    .home_ba .images .min .wrap .check svg{ height: 0.8rem;}
    .home_ba .images .min .wrap.on:after{ border-radius: 1rem;}

    .home_ba .head .t1{ font-size: 1rem; letter-spacing: 0;}
    .home_ba .head .t2{ margin-top: 0.6rem; font-size: 2.4rem;}
    .home_ba .head .t3{ margin-top: 1.2rem; font-size: 1.2rem;}

    .home_ba .head .menu{ grid-gap: 0.4rem; margin-top: 1.6rem;}
    .home_ba .head .menu a{ padding: 0 1.2rem; height: 2.6rem; border-radius: 3rem; font-size: 1.1rem;}

    .home_ba .head .btn{ position: absolute; bottom: 4rem; left: 1rem; right: 1rem; grid-gap: 1rem; margin-top: 2rem; width: auto; height: 3rem; border-radius: 3rem;}
    .home_ba .head .btn p{ font-size: 1.1rem;}
    .home_ba .head .btn svg{ height: 1.1rem;}
}


.home_shorts{ position: relative; padding: 120px 0; background: #f2f4f4;}
.home_shorts .head{ text-align: center;}
.home_shorts .head .t1{ font-size: 24px; font-weight: 500; color: #000;}
.home_shorts .head .t2{ display: flex; justify-content: center; align-items: center; margin-top: 15px; font-size: 50px; font-weight: 700; color: #000;}
.home_shorts .head .t2 svg{ margin: 0 5px 0 10px; width: auto; height: 40px;}
.home_shorts .head .t2 svg path{ fill: #ed1f24;}
.home_shorts .head .t3{ margin-top: 30px; line-height: 1.2; font-size: 24px; color: #666;}
.home_shorts .body{ margin-top: 60px;}
.home_shorts .rolling{ overflow: hidden; position: relative; padding-bottom: 100px;}
.home_shorts .rolling .swiper-wrapper{}
.home_shorts .rolling .swiper-wrapper .swiper-slide{}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap{ cursor: pointer;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img{ overflow: hidden; position: relative; border-radius: 20px;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0; transition: all .3s;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img .youtube{ display: flex; align-items: center; grid-gap: 5px; position: absolute; z-index: 10; right: 0; bottom: 0; padding: 0 10px; height: 30px; border-radius: 10px 0 0 0; background: #000; transition: all .3s;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img .youtube svg{ width: auto; height: 10px; transition: all .3s;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img .youtube svg path{ fill: #ed1f24;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img .youtube p{ font-size: 12px; font-weight: 400; color: #FFF; letter-spacing: 0;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img img{ display: block; width: 100%; transition: all .3s;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .tit{ margin: 20px 50px 0 0; height: 50px; line-height: 25px; font-size: 20px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .play{ display: flex; align-items: center; grid-gap: 5px; margin-top: 10px;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .play svg{ width: auto; height: 16px;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .play svg path{ fill: #c5ad8e;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .play p{ font-size: 16px; color: #999;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap:hover .img:after{ opacity: 0.3;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap:hover .youtube{ height: 40px;}
.home_shorts .rolling .swiper-wrapper .swiper-slide .wrap:hover .youtube svg{ height: 25px;}
.home_shorts .rolling .swiper-scrollbar{ position: absolute; right: 70px !important; left: 70px !important; bottom: 24px; width: auto; height: 2px; background: #DDD;}
.home_shorts_control{ display: flex; justify-content: space-between; align-items: center; position: absolute; right: 80px; left: 80px; bottom: 120px;}
.home_shorts_control .home_shorts_prev{ display: flex; align-items: center; padding: 16px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF; transition: all .2s; cursor: pointer;}
.home_shorts_control .home_shorts_prev svg{ width: auto; height: 100%;}
.home_shorts_control .home_shorts_prev svg path{ transition: all .2s;}
.home_shorts_control .home_shorts_prev:hover{ border-color: #000; background: #000;}
.home_shorts_control .home_shorts_prev:hover svg path{ fill: #FFF;}
.home_shorts_control .home_shorts_next{ display: flex; align-items: center; padding: 16px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF; transition: all .2s; cursor: pointer;}
.home_shorts_control .home_shorts_next svg{ width: auto; height: 100%;}
.home_shorts_control .home_shorts_next svg path{ transition: all .2s;}
.home_shorts_control .home_shorts_next:hover{ border-color: #000; background: #000;}
.home_shorts_control .home_shorts_next:hover svg path{ fill: #FFF;}
@media(max-width: 1600px){
    .home_shorts_control{ right: 30px; left: 30px;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .home_shorts{ padding: 4rem 0;}
    .home_shorts .head .t1{ font-size: 1rem; letter-spacing: 0;}
    .home_shorts .head .t2{ margin-top: 0.6rem; font-size: 2.4rem;}
    .home_shorts .head .t2 svg{ margin: 0 0.4rem 0 0.6rem; height: 1.8rem;}
    .home_shorts .head .t3{ margin-top: 1.2rem; font-size: 1.2rem;}
    .home_shorts .body{ margin-top: 2rem;}
    .home_shorts .rolling{ padding-bottom: 5rem;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img{ border-radius: 1rem;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img .youtube{ padding: 0 0.8rem; height: 2rem; border-radius: 0.6rem 0 0 0;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img .youtube svg{ height: 0.8rem;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .img .youtube p{ font-size: 0.8rem;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .tit{ margin: 1rem 1rem 0 0; height: 2.6rem; line-height: 1.3rem; font-size: 1.1rem;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .play{ grid-gap: 0.4rem; margin-top: 0.8rem;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .play svg{ height: 1rem;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap .play p{ font-size: 0.9rem;}
    .home_shorts .rolling .swiper-wrapper .swiper-slide .wrap:hover .youtube svg{ height: 1.2rem}
    .home_shorts .rolling .swiper-scrollbar{ right: 4rem !important; left: 4rem !important; bottom: calc(1.5rem - 1px);}
    .home_shorts_control{ right: 1rem; left: 1rem; bottom: 4rem;}
    .home_shorts_control .home_shorts_prev{ padding: 1rem; width: 3rem; height: 3rem;}
    .home_shorts_control .home_shorts_next{ padding: 1rem; width: 3rem; height: 3rem;}
}


.home_speciality{ padding: 120px 0; background: #f2f4f4;}
.home_speciality .head{ text-align: center;}
.home_speciality .head .t1{ font-size: 24px; font-weight: 500; color: #000;}
.home_speciality .head .t2{ margin-top: 15px; font-size: 50px; font-weight: 700; color: #000;}
.home_speciality .body{ margin-top: 60px; position: relative;}
.home_speciality .body .rolling{ overflow: hidden;}
.home_speciality .body .rolling .wrap{ overflow: hidden; flex: 0 0 400px; position: relative; height: 600px; border-radius: 20px; transition: all .3s;}
.home_speciality .body .rolling .wrap .text{ position: absolute; z-index: 10; left: 50px; bottom: 50px; right: 50px;}
.home_speciality .body .rolling .wrap .text img{ display: block;}
.home_speciality .body .rolling .wrap .text .t1{ margin-top: 30px; line-height: 1.2; font-size: 24px; font-weight: 700; color: #FFF;}
.home_speciality .body .rolling .wrap .text .t2{ padding-top: 30px; height: 0; line-height: 26px; font-size: 18px; color: #FFF; opacity: 0; transition: all .5s;}
.home_speciality .body .rolling .wrap .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; transition: all .3s;}
.home_speciality .body .rolling .wrap .bg .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.8; transition: all .3s;}
.home_speciality .body .rolling .wrap:hover{ border-radius: 60px;}
.home_speciality .body .rolling .wrap:hover .text .t2{ height: 120px; opacity: 1;}
.home_speciality .body .rolling .wrap:hover .bg{ background: #c5ad8e;}
.home_speciality .body .rolling .wrap:hover .bg .img{ opacity: 0.1;}

.home_speciality_control{}
.home_speciality_control .home_speciality_prev{ display: flex; align-items: center; position: absolute; z-index: 10; top: calc(50% - 25px); left: -25px; padding: 16px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF; transition: all .2s; cursor: pointer;}
.home_speciality_control .home_speciality_prev svg{ width: auto; height: 100%;}
.home_speciality_control .home_speciality_prev svg path{ transition: all .2s;}
.home_speciality_control .home_speciality_prev:hover{ border-color: #000; background: #000;}
.home_speciality_control .home_speciality_prev:hover svg path{ fill: #FFF;}
.home_speciality_control .home_speciality_next{ display: flex; align-items: center; position: absolute; z-index: 10; top: calc(50% - 25px); right: -25px; padding: 16px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF; transition: all .2s; cursor: pointer;}
.home_speciality_control .home_speciality_next svg{ width: auto; height: 100%;}
.home_speciality_control .home_speciality_next svg path{ transition: all .2s;}
.home_speciality_control .home_speciality_next:hover{ border-color: #000; background: #000;}
.home_speciality_control .home_speciality_next:hover svg path{ fill: #FFF;}
@media(max-width: 1600px){
    .home_speciality .body .rolling .wrap{ flex: 0 0 300px; height: 450px;}
    .home_speciality .body .rolling .wrap .text{ left: 40px; bottom: 40px; right: 40px;}
    .home_speciality .body .rolling .wrap .text .t1{ font-size: 20px;}
    .home_speciality .body .rolling .wrap .text .t2{ font-size: 16px;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .home_speciality{ padding: 4rem 0;}
    .home_speciality .head .t1{ font-size: 1rem; letter-spacing: 0;}
    .home_speciality .head .t2{ margin-top: 0.6rem; font-size: 2.4rem;}
    .home_speciality .body{ display: block; margin-top: 3rem;}
    .home_speciality .body .rolling{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1rem;}
    .home_speciality .body .rolling .wrap{ flex: 0 0 16rem; height: 24rem; border-radius: 1rem;}
    .home_speciality .body .rolling .wrap .text{ z-index: 20; left: 1.3rem; bottom: 2rem; right: 1.3rem;}
    .home_speciality .body .rolling .wrap .text img{ height: 4rem;}
    .home_speciality .body .rolling .wrap .text .t1{ margin-top: 1rem; font-size: 1.1rem;}
    .home_speciality .body .rolling .wrap .text .t1 br{ display: none;}
    .home_speciality .body .rolling .wrap .text .t2{ padding-top: 1.2rem; height: 7rem; line-height: 1.2rem; font-size: 1rem; opacity: 1;}
    .home_speciality .body .rolling .wrap .bg{ background: #000 !important}
    .home_speciality .body .rolling .wrap .bg:before{ display: none; content: ""; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(197 173 142/0%), rgba(197 173 142/80%)); opacity: 1;}
    .home_speciality .body .rolling .wrap .bg .img{ opacity: 0.8 !important;}
    .home_speciality .body .rolling .wrap:hover{ border-radius: 1rem;}
    .home_speciality .body .rolling .wrap:hover .text .t2{ height: auto;}

    .home_speciality_control{ display: none;}
}


.home_review{ padding-top: 120px;}
.home_review .head{ text-align: center;}
.home_review .head .t1{ font-size: 24px; font-weight: 500; color: #000;}
.home_review .head .t2{ margin-top: 15px; font-size: 50px; font-weight: 700; color: #000;}
.home_review .head .t3{ margin-top: 30px; line-height: 1.2; font-size: 24px; color: #666;}
.home_review .rolling{ overflow: hidden; margin: 0 -80px;}
.home_review .rolling .swiper-wrapper{}
.home_review .rolling .swiper-wrapper .swiper-slide{ padding-top: 60px; width: auto;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap{ overflow: hidden; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 0 50px; width: 320px; height: 450px; border-radius: 200px; transition: all .3s;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap:after{ content: ""; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border-radius: 200px; border: 1px solid rgba(0 0 0/10%);}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap .new{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 50px; left: calc(50% - 25px); width: 50px; height: 25px; border-radius: 20px; background: #c5ad8e; font-size: 14px; color: #FFF; letter-spacing: 0;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap .tag{ font-size: 18px; font-weight: 600; color: #c5ad8e;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap .tit{ margin-top: 15px; min-height: 96px; line-height: 32px; font-size: 24px; font-weight: 700; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap .name{ display: flex; align-items: center; grid-gap: 10px; margin-top: 30px;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap .name p{ font-size: 16px; color: #666; letter-spacing: 0;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap .name span{ display: none; width: 4px; height: 4px; border-radius: 50%; background: #999;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap .img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.home_review .rolling .swiper-wrapper .swiper-slide .wrap:hover{ transform: translate(0,-20px); box-shadow: 0 5px 20px 0 rgba(0 0 0/10%);}
@media(max-width: 1600px){
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .home_review{ padding-top: 4rem;}
    .home_review .head .t1{ font-size: 1rem; letter-spacing: 0;}
    .home_review .head .t2{ margin-top: 0.6rem; font-size: 2.4rem;}
    .home_review .head .t3{ margin-top: 1.2rem; font-size: 1.2rem;}
    .home_review .rolling{ margin: 0 -1rem;}
    .home_review .rolling .swiper-wrapper .swiper-slide{ padding-top: 3rem;}
    .home_review .rolling .swiper-wrapper .swiper-slide .wrap{ padding: 0 2rem; width: 14rem; height: 20rem; border-radius: 20rem;}
    .home_review .rolling .swiper-wrapper .swiper-slide .wrap:after{ border-radius: 20rem;}
    .home_review .rolling .swiper-wrapper .swiper-slide .wrap .new{ top: 2.5rem; left: calc(50% - 1.5rem); width: 3rem; height: 1.6rem; border-radius: 2rem; font-size: 0.9rem;}
    .home_review .rolling .swiper-wrapper .swiper-slide .wrap .tag{ font-size: 1.1rem;}
    .home_review .rolling .swiper-wrapper .swiper-slide .wrap .tit{ margin-top: 1rem; min-height: 4.2rem; line-height: 1.4rem; font-size: 1.2rem;}
    .home_review .rolling .swiper-wrapper .swiper-slide .wrap .name{ grid-gap: 0.6rem; margin-top: 1rem;}
    .home_review .rolling .swiper-wrapper .swiper-slide .wrap .name p{ font-size: 1rem; letter-spacing: 0;}
    .home_review .rolling .swiper-wrapper .swiper-slide .wrap:hover{ transform: translate(0,0);}
}


























.sub_guide{ margin-top: 100px; padding: 30px 0 60px 0; border-bottom: 1px solid #e5e5e5;}
.sub_guide .guide{ display: flex; align-items: center; grid-gap: 10px;}
.sub_guide .guide .g_home{ width: 16px; height: 16px;}
.sub_guide .guide .g_home path{ fill: #c5ad8e;}
.sub_guide .guide .g_right{ width: 8px; height: 8px;}
.sub_guide .guide .g_right path{ fill: #999;}

.sub_guide .guide .btn{ position: relative;}
.sub_guide .guide .btn .head{ display: flex; align-items: center; grid-gap: 5px; height: 30px; cursor: pointer;}
.sub_guide .guide .btn .head p{ font-size: 16px; color: #000;}
.sub_guide .guide .btn .head svg{ width: 12px; height: 12px; transition: all .2s;}
.sub_guide .guide .btn .head svg path{ fill: #CCC;}
.sub_guide .guide .btn .body{ overflow: hidden; position: absolute; z-index: 10; top: 20px; left: -20px; padding: 0; border-radius: 10px; height: 0; border: 1px solid rgba(0 0 0/10%); background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/10%); opacity: 0; transition: all .2s;}
.sub_guide .guide .btn .body ul{}
.sub_guide .guide .btn .body ul li{}
.sub_guide .guide .btn .body ul li a{ display: flex; align-items: center; position: relative; padding: 0 20px; height: 0; font-size: 16px; color: #333; white-space: nowrap; opacity: 0; transition: all .2s;}
.sub_guide .guide .btn .body ul li a.min{ padding-left: 30px; font-size: 14px;}
.sub_guide .guide .btn .body ul li a.min:before{ content: ""; display: block; position: absolute; top: 18px; left: 20px; width: 4px; height: 4px; border-radius: 50%; background: #e5e5e5;}
.sub_guide .guide .btn .body ul li a:hover{ background: #f9f9f9; color: #000;}
.sub_guide .guide .btn:hover .head p{ color: #c5ad8e;}
.sub_guide .guide .btn:hover .head svg{ transform: rotate(180deg);}
.sub_guide .guide .btn:hover .head svg path{ fill: #c5ad8e;}
.sub_guide .guide .btn:hover .body{ top: 30px; padding: 10px 0; height: auto; opacity: 1;}
.sub_guide .guide .btn:hover .body li a{ height: 35px; opacity: 1;}
.sub_guide .guide .btn:hover .body li a.min{ height: 40px;}
.sub_guide .guide .btn .body ul li.on a{ font-weight: 500; color: #c5ad8e;}
.sub_guide .guide .btn .body ul li.on a.min{ font-weight: 500;}
.sub_guide .guide .btn .body ul li.on a.min:before{ background: #c5ad8e;}

.sub_guide h1{ margin-top: 50px; text-align: center; font-size: 45px; font-weight: 700; color: #000;}
.sub_guide h2{ margin-top: 30px; text-align: center; line-height: 1.4; font-size: 24px; color: #000;}
.sub_guide h2 br{ display: none;}
@media(max-width: 1600px){
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .sub_guide{ margin-top: 5rem; padding: 1rem 0 2.4rem 0;}
    .sub_guide .guide{ grid-gap: 0.8rem;}
    .sub_guide .guide .g_home{ width: 1rem; height: 1rem;}
    .sub_guide .guide .g_right{ width: 0.4rem; height: 0.4rem;}

    .sub_guide .guide .btn .head{ grid-gap: 0.4rem; height: 2rem;}
    .sub_guide .guide .btn .head p{ font-size: 1rem;}
    .sub_guide .guide .btn .head svg{ width: 0.8rem; height: 0.8rem;}
    .sub_guide .guide .btn .body{ top: 1rem; left: -1.2rem; border-radius: 0.6rem;}
    .sub_guide .guide .btn .body ul li a{ padding: 0 1.2rem; font-size: 1.1rem;}
    .sub_guide .guide .btn .body ul li a.min{ padding-left: 2rem; font-size: 0.9rem;}
    .sub_guide .guide .btn .body ul li a.min:before{ top: 1rem; left: 1.2rem;}
    .sub_guide .guide .btn:hover .body{ top: 2rem; padding: 0.6rem 0;}
    .sub_guide .guide .btn:hover .body li a{ height: 2.5rem;}
    .sub_guide .guide .btn:hover .body li a.min{ height: 1.6rem;}

    .sub_guide h1{ margin-top: 2rem; font-size: 2rem;}
    .sub_guide h2{ margin-top: 1rem; font-size: 1.2rem;}
    .sub_guide h2 br{ display: block;}
}


.sub{ padding-top: 80px;}
@media(max-width: 1600px){
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .sub{ padding-top: 3rem;}
}








.sa_about_01{ display: flex; justify-content: space-between; align-items: center; position: relative;}
.sa_about_01 .logo{ display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 200px;}
.sa_about_01 .fl{}
.sa_about_01 .fr{ width: 35%;}
.sa_about_01 .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.sa_about_01 .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 20px; color: #333;}

.sa_about_02{ margin-top: 120px;}
.sa_about_02 .contents{ display: flex; align-items: flex-end; grid-gap: 50px; padding: 100px 0;}
.sa_about_02 .bg{ background: #ede6df;}
.sa_about_02 img{ display: block;}

.sa_about_03{}
.sa_about_03 .contents{ padding: 120px 0; width: 100%;}
.sa_about_03 .bg{ background: url(/images/sub/sa09.jpg) center/cover;}
.sa_about_03 .t1{ text-align: center; line-height: 1.4; font-size: 30px; font-weight: 700; color: #FFF;}
.sa_about_03 .t2{ text-align: center; line-height: 1.4; font-size: 24px; color: #FFF;}
.sa_about_03 .img{ display: flex; justify-content: center; align-items: flex-end; grid-gap: 50px; margin: 60px 0;}
.sa_about_03 .img img{ display: block;}

.sa_about_05{ display: flex; justify-content: center; align-items: center; grid-gap: 100px; margin-top: 120px; padding: 80px 0; border-radius: 20px; border: 1px solid #e5e5e5; background: #f9f9f9;}
.sa_about_05 .logo{ display: block;}
.sa_about_05 .fr{}
.sa_about_05 .fr .t1{ line-height: 1.4; font-size: 24px; color: #333;}
.sa_about_05 .fr .t2{ margin-top: 30px; font-size: 40px; font-weight: 700; color: #000;}
.sa_about_05 .fr .t2 b{ font-weight: 700; color: #c5ad8e;}
@media(max-width: 1600px){
    .sa_about_01 .logo{ transform: translate(-100%,-50%); height: 150px;}
    .sa_about_01 .fl{ width: 40%;}
    .sa_about_01 .fr{ width: 45%;}
    .sa_about_03 .img{ grid-gap: 20px;}
    .sa_about_03 .img img:nth-child(1){ height: 120px;}
    .sa_about_03 .img img:nth-child(2){ height: 120px;}
    .sa_about_03 .img img:nth-child(3){ height: 200px;}
    .sa_about_03 .img img:nth-child(4){ height: 200px;}
}
@media(max-width: 1000px){
    .sa_about_01{ display: block;}
    .sa_about_01 .logo{ top: 280px; left: 30px; transform: translate(0,0); height: 100px;}
    .sa_about_01 .fl{ float: left; margin: 0 30px 30px 0; width: 40%;}
    .sa_about_01 .fr{ width: auto;}

    .sa_about_02 .contents{ grid-gap: 30px;}
    .sa_about_02 img:nth-child(1){ height: 250px;}
    .sa_about_02 img:nth-child(2){ height: 200px;}
    .sa_about_02 img:nth-child(3){ height: 250px;}

    .sa_about_05{ display: block; padding: 80px;}
    .sa_about_05 .logo{ display: block; margin: 0 auto;}
    .sa_about_05 .fr{ margin-top: 40px; text-align: center;}

}
@media(max-width: 600px){
    .sa_about_01 .logo{ top: 12rem; left: 4rem; height: 4rem;}
    .sa_about_01 .fl{ margin: 0 2rem 2rem 0; width: 12rem;}
    .sa_about_01 .fr .t1{ font-size: 1.8rem;}
    .sa_about_01 .fr .t2{ margin-top: 1rem; font-size: 1.1rem;}

    .sa_about_02{ margin-top: 4rem;}
    .sa_about_02 .contents{ grid-gap: 1rem; padding: 3rem 0;}
    .sa_about_02 img:nth-child(1){ height: 8rem;}
    .sa_about_02 img:nth-child(2){ height: 6rem;}
    .sa_about_02 img:nth-child(3){ height: 8rem;}

    .sa_about_03 .contents{ padding: 4rem 0;}
    .sa_about_03 .t1{ font-size: 1.4rem;}
    .sa_about_03 .t2{ font-size: 1.2rem;}
    .sa_about_03 .img{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 1rem; margin: 2.5rem 0;}
    .sa_about_03 .img img{ width: 100% !important; height: auto !important;}

    .sa_about_05{ margin-top: 4rem; padding: 3rem 0; border-radius: 1rem;}
    .sa_about_05 .logo{ height: 3rem;}
    .sa_about_05 .fr{ margin-top: 2rem;}
    .sa_about_05 .fr .t1{ font-size: 1.2rem;}
    .sa_about_05 .fr .t2{ margin-top: 1.2rem; font-size: 1.8rem;}
}


.sa_doctors_01{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px;}
.sa_doctors_01 .wrap{ cursor: pointer;}
.sa_doctors_01 .wrap .img{ overflow: hidden; display: flex; justify-content: center; align-items: flex-end; position: relative; height: 550px; border-radius: 20px 20px 0 0; background: #dadbdf;}
.sa_doctors_01 .wrap .img img{ display: block; transition: all .5s;}
.sa_doctors_01 .wrap .img img:nth-child(1){ position: absolute; top: 20%; left: 20%; height: 200px; opacity: .1;}
.sa_doctors_01 .wrap .img img:nth-child(2){ position: relative; z-index: 10;}
.sa_doctors_01 .wrap .name{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px; border-radius: 0 0 20px 20px; border: 1px solid #ddd;}
.sa_doctors_01 .wrap .name .t1{ font-size: 20px; color: #000;}
.sa_doctors_01 .wrap .name .t2{ margin-top: 10px; font-size: 40px; font-weight: 700; color: #000;}
.sa_doctors_01 .wrap .name .t2 b{ font-weight: 700; color: #000;}
.sa_doctors_01 .wrap .name .t3{ margin-top: 15px; font-size: 24px; font-weight: 700; color: #000;}
.sa_doctors_01 .wrap .name .tbg{ display: block; margin-top: 20px; height: 15px;}
.sa_doctors_01 .wrap:hover .img img:nth-child(1){ transform: scale(0.9);}
.sa_doctors_01 .wrap:hover .img img:nth-child(2){ transform: scale(1.1);}

.sa_doctors_02{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 20px; margin-top: 60px;}
.sa_doctors_02 .wrap{ cursor: pointer;}
.sa_doctors_02 .wrap .img{ overflow: hidden; display: flex; justify-content: center; align-items: flex-end; height: 400px; border-radius: 20px 20px 0 0; background: #dadbdf;}
.sa_doctors_02 .wrap .img img{ display: block; max-height: 85%; transition: all .5s;}
.sa_doctors_02 .wrap .name{ display: flex; justify-content: center; align-items: flex-end; grid-gap: 10px; padding: 30px 20px; border-radius: 0 0 20px 20px; border: 1px solid #ddd;}
.sa_doctors_02 .wrap .name p{ font-size: 30px; font-weight: 700; color: #000;}
.sa_doctors_02 .wrap .name span{ font-size: 20px; color: #666;}
.sa_doctors_02 .wrap:hover .img img{ transform: scale(1.1);}
@media(max-width: 1600px){
    .sa_doctors_02{ grid-template-columns: repeat(3,1fr);}
}
@media(max-width: 1000px){
    .sa_doctors_01 .wrap .img{ height: 450px;}
    .sa_doctors_01 .wrap .img img{ height: 85%;}
    .sa_doctors_01 .wrap .img img:nth-child(1){ left: 10%; height: 120px;}

    .sa_doctors_02 .wrap .img{ height: 300px;}
    .sa_doctors_02 .wrap .name{ padding: 30px 20px;}
}
@media(max-width: 600px){
    .sa_doctors_01{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem;}
    .sa_doctors_01 .wrap .img{ height: 25rem; border-radius: 1rem 1rem 0 0;}
    .sa_doctors_01 .wrap .img img:nth-child(1){ height: 10rem;}
    .sa_doctors_01 .wrap .name{ padding: 2rem; border-radius: 0 0 1rem 1rem;}
    .sa_doctors_01 .wrap .name .t1{ font-size: 1rem;}
    .sa_doctors_01 .wrap .name .t2{ margin-top: 0.5rem; font-size: 2rem;}
    .sa_doctors_01 .wrap .name .t3{ margin-top: 1rem; font-size: 1.4rem;}
    .sa_doctors_01 .wrap .name .tbg{ margin-top: 1rem; height: 0.5rem;}
    .sa_doctors_01 .wrap:hover .img img:nth-child(1){ transform: scale(0.9);}
    .sa_doctors_01 .wrap:hover .img img:nth-child(2){ transform: scale(1.1);}

    .sa_doctors_02{ grid-template-columns: repeat(2,1fr); grid-gap: 1rem; margin-top: 2rem;}
    .sa_doctors_02 .wrap .img{ height: 15rem; border-radius: 1rem 1rem 0 0;}
    .sa_doctors_02 .wrap .name{ grid-gap: 0.5rem; padding: 1.5rem 1rem; border-radius: 0 0 1rem 1rem;}
    .sa_doctors_02 .wrap .name p{ font-size: 1.8rem;}
    .sa_doctors_02 .wrap .name span{ font-size: 1rem; transform: translate(0,-0.2rem);}
}


.sa_doctors_jeongjun_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.sa_doctors_jeongjun_visual .fl{ overflow: hidden; display: flex; justify-content: center; align-items: center; width: 50%; height: 400px;}
.sa_doctors_jeongjun_visual .fl img{ display: block; height: 500px; transform: translate(50px,50px);}
.sa_doctors_jeongjun_visual .fr{ padding-right: 100px; width: 50%;}
.sa_doctors_jeongjun_visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sa_doctors_jeongjun_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.sa_doctors_jeongjun_01{ margin-top: 120px; text-align: center;}
.sa_doctors_jeongjun_01 .head{ font-size: 40px; font-weight: 700; color: #000;}
.sa_doctors_jeongjun_01 img{ display: block; margin: 60px auto;}
.sa_doctors_jeongjun_01 .foot{}
.sa_doctors_jeongjun_01 .foot .t1{ line-height: 1.4; font-size: 24px; color: #333;}
.sa_doctors_jeongjun_01 .foot .t2{ margin-top: 10px; line-height: 1.2; font-size: 30px; font-weight: 600; color: #c5ad8e;}

.sa_doctors_jeongjun_02{ margin-top: 120px;}
.sa_doctors_jeongjun_02 .contents{ padding: 120px 0; width: 100%;}
.sa_doctors_jeongjun_02 .head{ text-align: center;}
.sa_doctors_jeongjun_02 .head .logo{ display: block; margin: 0 auto;}
.sa_doctors_jeongjun_02 .head .t1{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sa_doctors_jeongjun_02 .list{ display: flex; justify-content: center; grid-gap: 20px; margin-top: 60px;}
.sa_doctors_jeongjun_02 .list .wrap{ padding: 50px 30px 80px 30px; width: 240px; border-radius: 120px; border: 1px solid rgba(0 0 0/10%); background: rgba(255 255 255/100%); text-align: center;}
.sa_doctors_jeongjun_02 .list .wrap .step{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 80px; height: 40px; border-radius: 20px; background: #c5ad8e; font-size: 18px; font-weight: 500; color: #FFF;}
.sa_doctors_jeongjun_02 .list .wrap .t1{ margin-top: 30px; line-height: 1.2; font-size: 20px; color: #000;}
.sa_doctors_jeongjun_02 .bg{ background: #f5f5f5;}

.sa_doctors_jeongjun_03{}
.sa_doctors_jeongjun_03 .contents{ padding: 120px 0; width: 100%;}
.sa_doctors_jeongjun_03 .contents .head{ text-align: center; font-size: 40px; font-weight: 700; color: #FFF;}
.sa_doctors_jeongjun_03 .contents .body{ display: flex; align-items: center; grid-gap: 50px; margin-top: 60px;}
.sa_doctors_jeongjun_03 .contents .body .fl{ width: 50%;}
.sa_doctors_jeongjun_03 .contents .body .fl .t1{ line-height: 1.4; font-size: 20px; color: #FFF;}
.sa_doctors_jeongjun_03 .contents .body .fl .t2{ margin-top: 30px; line-height: 1.4; font-size: 20px; color: #71afe0;}
.sa_doctors_jeongjun_03 .contents .body .fl .t3{ margin-top: 30px; line-height: 1.4; font-size: 30px; font-weight: 700; color: #c5ad8e;}
.sa_doctors_jeongjun_03 .contents .body .fr{ width: 50%;}
.sa_doctors_jeongjun_03 .contents .body .fr .logo{ display: block; width: 100%; height: auto;}
.sa_doctors_jeongjun_03 .bg{ background: url(/images/sub/sif23.jpg) center/cover;}

.sa_doctors_jeongjun_04{ padding-top: 120px; padding-bottom: 120px;}
.sa_doctors_jeongjun_04 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.sa_doctors_jeongjun_04 .logo{ display: block; margin: 60px auto;}
.sa_doctors_jeongjun_04 .foot{ text-align: center; line-height: 1.4; font-size: 24px; color: #333;}
.sa_doctors_jeongjun_04 .img{ display: flex; justify-content: center; grid-gap: 10px; margin-top: 60px;}
.sa_doctors_jeongjun_04 .img img{ display: block; height: 300px; border: 1px solid rgba(0 0 0/15%);}
@media(max-width: 1600px){
    .sa_doctors_jeongjun_04 .img img{ height: 200px;}
}
@media(max-width: 1000px){
    .sa_doctors_jeongjun_visual{ display: block; padding: 50px 0; height: auto;}
    .sa_doctors_jeongjun_visual .fl{ width: auto; height: auto;}
    .sa_doctors_jeongjun_visual .fl img{ margin: 0 auto; height: 300px; transform: translate(0,0);}
    .sa_doctors_jeongjun_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .sa_doctors_jeongjun_02 .list{ grid-gap: 10px;}
    .sa_doctors_jeongjun_02 .list .wrap{ padding: 50px 20px 50px 20px; width: 25%;}

    .sa_doctors_jeongjun_03 .contents .body{ flex-direction: column-reverse;}
    .sa_doctors_jeongjun_03 .contents .body .fl{ width: 100%;}
    .sa_doctors_jeongjun_03 .contents .body .fr{ width: 100%;}

    .sa_doctors_jeongjun_04 .img img{ height: 160px;}
}
@media(max-width: 600px){
    .sa_doctors_jeongjun_visual{ padding: 3rem 0; border-radius: 1rem;}
    .sa_doctors_jeongjun_visual .fl img{ height: 10rem;}
    .sa_doctors_jeongjun_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .sa_doctors_jeongjun_visual .fr .t1{ font-size: 1.8rem;}
    .sa_doctors_jeongjun_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .sa_doctors_jeongjun_01{ margin-top: 4rem;}
    .sa_doctors_jeongjun_01 .head{ font-size: 1.8rem;}
    .sa_doctors_jeongjun_01 img{ margin: 2.5rem auto; height: 10rem;}
    .sa_doctors_jeongjun_01 .foot .t1{ font-size: 1.2rem;}
    .sa_doctors_jeongjun_01 .foot .t2{ margin-top: 0.5rem; font-size: 1.4rem;}

    .sa_doctors_jeongjun_02{ margin-top: 4rem;}
    .sa_doctors_jeongjun_02 .contents{ padding: 4rem 0;}
    .sa_doctors_jeongjun_02 .head .logo{ height: 3rem;}
    .sa_doctors_jeongjun_02 .head .t1{ margin-top: 2rem; font-size: 1.2rem;}
    .sa_doctors_jeongjun_02 .list{ flex-wrap: wrap; grid-gap: 1rem; margin-top: 2.5rem;}
    .sa_doctors_jeongjun_02 .list .wrap{ padding: 3rem 1.2rem; width: 40%; border-radius: 20rem;}
    .sa_doctors_jeongjun_02 .list .wrap .step{ width: 4rem; height: 2rem; border-radius: 5rem; font-size: 0.9rem;}
    .sa_doctors_jeongjun_02 .list .wrap .t1{ margin-top: 1.2rem; font-size: 1.1rem;}

    .sa_doctors_jeongjun_03 .contents{ padding: 4rem 0;}
    .sa_doctors_jeongjun_03 .contents .head{ line-height: 1.2; font-size: 1.8rem;}
    .sa_doctors_jeongjun_03 .contents .body{ grid-gap: 3rem; margin-top: 2rem;}
    .sa_doctors_jeongjun_03 .contents .body .fl .t1{ font-size: 1.2rem;}
    .sa_doctors_jeongjun_03 .contents .body .fl .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sa_doctors_jeongjun_03 .contents .body .fl .t3{ margin-top: 1rem; font-size: 1.4rem;}

    .sa_doctors_jeongjun_04{ padding-top: 4rem;}
    .sa_doctors_jeongjun_04 .head{ font-size: 1.8rem;}
    .sa_doctors_jeongjun_04 .logo{ margin: 2.5rem auto; height: 10rem;}
    .sa_doctors_jeongjun_04 .foot{ font-size: 1.2rem;}
    .sa_doctors_jeongjun_04 .img{ grid-gap: 0.5rem; margin-top: 2rem;}
    .sa_doctors_jeongjun_04 .img img{ height: 7rem;}
}


.sa_doctors_kimdonghyun_01{ margin-top: 120px;}
.sa_doctors_kimdonghyun_01 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.sa_doctors_kimdonghyun_01 img{ display: block; margin: 60px auto;}
.sa_doctors_kimdonghyun_01 .foot{ text-align: center; line-height: 1.4; font-size: 24px; color: #333;}

.sa_doctors_kimdonghyun_02{ margin-top: 120px;}
.sa_doctors_kimdonghyun_02 .contents{ padding: 120px 0 0 0;}
.sa_doctors_kimdonghyun_02 .head{ text-align: center; line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.sa_doctors_kimdonghyun_02 .body{ display: flex; grid-gap: 100px; margin-top: 60px;}
.sa_doctors_kimdonghyun_02 .body .fl{ width: 50%;}
.sa_doctors_kimdonghyun_02 .body .fl img{ display: block; height: 700px;}
.sa_doctors_kimdonghyun_02 .body .fr{ width: 50%;}
.sa_doctors_kimdonghyun_02 .body .fr .tit{ display: flex; align-items: flex-end; grid-gap: 10px; padding-bottom: 30px; border-bottom: 1px solid #ddd; font-size: 24px; color: #333;}
.sa_doctors_kimdonghyun_02 .body .fr .tit b{ font-size: 40px; font-weight: 700; color: #000;}
.sa_doctors_kimdonghyun_02 .body .fr .txt{ display: grid; grid-gap: 10px; margin-top: 30px;}
.sa_doctors_kimdonghyun_02 .body .fr .txt p{ position: relative; padding-left: 40px; line-height: 1.2; font-size: 20px; color: #333;}
.sa_doctors_kimdonghyun_02 .body .fr .txt p img{ display: block; position: absolute; top: 0; left: 0; width: auto; height: 24px;}
.sa_doctors_kimdonghyun_02 .bg{ background: #f5f5f5;}

.sa_doctors_kimdonghyun_03{}
.sa_doctors_kimdonghyun_03 .contents{ padding: 120px 0; width: 100%;}
.sa_doctors_kimdonghyun_03 .contents .head{ text-align: center; font-size: 40px; font-weight: 700; color: #c5ad8e;}
.sa_doctors_kimdonghyun_03 .contents .paly{ overflow: hidden; position: relative; margin: 60px auto; width: 800px; border-radius: 20px;}
.sa_doctors_kimdonghyun_03 .contents .paly:after{ content: ""; display: block; padding-top: 56.25%;}
.sa_doctors_kimdonghyun_03 .contents .paly iframe{ display: block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
.sa_doctors_kimdonghyun_03 .contents .foot{ text-align: center; line-height: 1.4; font-size: 24px; color: #FFF;}
.sa_doctors_kimdonghyun_03 .contents .foot br{}
.sa_doctors_kimdonghyun_03 .bg{ background: url(/images/sub/sif23.jpg) center/cover;}

.sa_doctors_kimdonghyun_04{ padding-top: 120px; text-align: center;}
.sa_doctors_kimdonghyun_04 .t1{ line-height: 1.4; font-size: 24px; color: #333;}
.sa_doctors_kimdonghyun_04 .img{ display: flex; justify-content: center; grid-gap: 10px; margin: 60px 0;}
.sa_doctors_kimdonghyun_04 .img img{ display: block; border-radius: 20px;}
.sa_doctors_kimdonghyun_04 .t2{ line-height: 1.4; font-size: 24px; color: #333;}
@media(max-width: 1600px){
    .sa_doctors_kimdonghyun_04 .img img{ height: 220px;}
}
@media(max-width: 1000px){
    .sa_doctors_kimdonghyun_02 .body .fl{ width: 35%;}
    .sa_doctors_kimdonghyun_02 .body .fl img{ height: 650px;}
    .sa_doctors_kimdonghyun_02 .body .fr{ width: 65%;}

    .sa_doctors_kimdonghyun_03 .contents .paly{ width: 600px;}

    .sa_doctors_kimdonghyun_04 .img img{ height: 140px;}
}
@media(max-width: 600px){
    .sa_doctors_kimdonghyun_01{ margin-top: 4rem;}
    .sa_doctors_kimdonghyun_01 .head{ font-size: 1.8rem;}
    .sa_doctors_kimdonghyun_01 img{ margin: 2rem auto; height: 10rem;}
    .sa_doctors_kimdonghyun_01 .foot{ font-size: 1.2rem;}

    .sa_doctors_kimdonghyun_02{ margin-top: 4rem;}
    .sa_doctors_kimdonghyun_02 .contents{ padding: 4rem 0 0 0;}
    .sa_doctors_kimdonghyun_02 .head{ font-size: 1.8rem;}
    .sa_doctors_kimdonghyun_02 .body{ align-items: flex-end; grid-gap: 0; margin-top: 3rem;}
    .sa_doctors_kimdonghyun_02 .body .fl{ display: flex; justify-content: center; width: 35%;}
    .sa_doctors_kimdonghyun_02 .body .fl img{ height: 34rem; transform: translate(-1.8rem,0);}
    .sa_doctors_kimdonghyun_02 .body .fr{ padding-bottom: 4rem; width: 65%;}
    .sa_doctors_kimdonghyun_02 .body .fr .tit{ grid-gap: 0.5rem; padding-bottom: 1.5rem; font-size: 1.2rem;}
    .sa_doctors_kimdonghyun_02 .body .fr .tit b{ font-size: 1.8rem;}
    .sa_doctors_kimdonghyun_02 .body .fr .txt{ grid-gap: 0.5rem; margin-top: 1.5rem;}
    .sa_doctors_kimdonghyun_02 .body .fr .txt p{ padding-left: 1.8rem; font-size: 1.2rem;}
    .sa_doctors_kimdonghyun_02 .body .fr .txt p img{ height: 1.2rem;}
    .sa_doctors_kimdonghyun_02 .bg{ background: #f5f5f5;}

    .sa_doctors_kimdonghyun_03 .contents{ padding: 4rem 0;}
    .sa_doctors_kimdonghyun_03 .contents .head{ font-size: 1.8rem;}
    .sa_doctors_kimdonghyun_03 .contents .paly{ margin: 3rem auto; width: 100%; border-radius: 1rem;}
    .sa_doctors_kimdonghyun_03 .contents .foot{ font-size: 1.2rem;}

    .sa_doctors_kimdonghyun_04{ padding-top: 4rem;}
    .sa_doctors_kimdonghyun_04 .t1{ font-size: 1.2rem;}
    .sa_doctors_kimdonghyun_04 .img{ grid-gap: 0.5rem; margin: 2rem 0;}
    .sa_doctors_kimdonghyun_04 .img img{ width: 30%; height: auto; border-radius: 1rem;}
    .sa_doctors_kimdonghyun_04 .t2{ font-size: 1.2rem;}
}


.sa_guide_visual{ display: flex; justify-content: center; align-items: center; grid-gap: 50px; height: 400px; border-radius: 20px; background: url(/images/sub/sag02.jpg) center/cover;}
.sa_guide_visual img{ display: block;}
.sa_guide_visual p{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #FFF;}

.sa_guide_01{ display: flex; margin-top: 120px;}
.sa_guide_01 .head{ flex: 1;}
.sa_guide_01 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sa_guide_01 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sa_guide_01 .body{ flex: 0 0 900px; padding: 50px; border-radius: 20px; background: #f5f5f5;}
.sa_guide_01 .body .title{ padding-bottom: 15px; font-size: 24px; font-weight: 600; color: #000;}
.sa_guide_01 .body .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px 50px;}
.sa_guide_01 .body .wrap{}
.sa_guide_01 .body .wrap:nth-child(5){ grid-column: 1/3; padding-top: 20px; border-top: 1px solid rgba(0 0 0/10%);}
.sa_guide_01 .body .wrap .box{ display: flex; justify-content: space-between; align-items: center;}
.sa_guide_01 .body .wrap .box .ft{ display: flex; grid-gap: 5px;}
.sa_guide_01 .body .wrap .box .ft .t1{ display: flex; justify-content: center; align-items: center; width: 60px; height: 25px; border-radius: 30px; background: #000; font-size: 12px; font-weight: 600; color: #FFF;}
.sa_guide_01 .body .wrap .box .ft .t2{ display: flex; justify-content: center; align-items: center; width: 60px; height: 25px; border-radius: 30px; background: #ddd9d5; font-size: 12px; color: #000;}
.sa_guide_01 .body .wrap .box .fb{ text-align: right; font-size: 20px; font-weight: 700; color: #000;}
.sa_guide_01 .body .wrap .tip{ font-size: 16px; font-weight: 500; color: #F00;}

.sa_guide_02{ display: flex; margin-top: 120px;}
.sa_guide_02 .head{ flex: 1;}
.sa_guide_02 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sa_guide_02 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sa_guide_02 .head .t2 span{ font-size: 18px; color: #666;}
.sa_guide_02 .head .btn{ display: grid; grid-gap: 10px; margin-top: 60px;}
.sa_guide_02 .head .btn a{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; width: 270px; height: 50px; border-radius: 30px; border: 1px solid #ddd; transition: all .2s;}
.sa_guide_02 .head .btn a img{ display: block;}
.sa_guide_02 .head .btn a p{ width: 80px; font-size: 16px; font-weight: 500; color: #000;}
.sa_guide_02 .head .btn a:hover{ border-color: #c5ad8e;}
.sa_guide_02 .map{ flex: 0 0 900px; padding: 10px; border-radius: 20px; border: 1px solid #ddd;}
.sa_guide_02 .map .contents{ overflow: hidden; height: 500px; border-radius: 10px; background: #f5f5f5;}
.sa_guide_02 .map .contents iframe{ width: 100%; height: 100%;}
@media(max-width: 1600px){
    .sa_guide_01{ display: block;}
    .sa_guide_01 .head{ text-align: center;}
    .sa_guide_01 .body{ grid-gap: 20px 30px; margin-top: 60px; padding: 50px 30px;}
    .sa_guide_01 .body .wrap .box .fb{ font-size: 18px;}

    .sa_guide_02{ display: block;}
    .sa_guide_02 .head{ text-align: center;}
    .sa_guide_02 .head .btn{ display: flex; justify-content: center; margin-top: 30px;}
    .sa_guide_02 .map{ margin-top: 60px;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .sa_guide_visual{ grid-gap: 1rem; height: 15rem; border-radius: 1rem;}
    .sa_guide_visual img{ height: 4rem;}
    .sa_guide_visual p{ font-size: 1.8rem;}

    .sa_guide_01{ margin-top: 4rem;}
    .sa_guide_01 .head .t1{ font-size: 1.8rem;}
    .sa_guide_01 .head .t2{ margin-top: 1.5rem; font-size: 1.2rem;}
    .sa_guide_01 .body{ margin-top: 3rem; padding: 2rem; border-radius: 1rem;}
    .sa_guide_01 .body .title{ padding-bottom: 1rem; font-size: 1.2rem;}
    .sa_guide_01 .body .list{ grid-gap: 1.2rem 1rem;}
    .sa_guide_01 .body .wrap:nth-child(5){ padding-top: 1rem;}
    .sa_guide_01 .body .wrap:nth-child(6){ padding-top: 1rem;}
    .sa_guide_01 .body .wrap .box{ display: block;}
    .sa_guide_01 .body .wrap .box .ft{ grid-gap: 0.5rem;}
    .sa_guide_01 .body .wrap .box .ft .t1{ width: 4.5rem; height: 1.8rem; border-radius: 2rem; font-size: 0.9rem;}
    .sa_guide_01 .body .wrap .box .ft .t2{ width: 4.5rem; height: 1.8rem; border-radius: 2rem; font-size: 0.9rem;}
    .sa_guide_01 .body .wrap .box .fb{ margin-top: 0.8rem; text-align: left; font-size: 1.2rem;}
    .sa_guide_01 .body .wrap .tip{ font-size: 1rem;}

    .sa_guide_02{ margin-top: 4rem;}
    .sa_guide_02 .head .t1{ font-size: 1.8rem;}
    .sa_guide_02 .head .t2{ margin-top: 1.5rem; font-size: 1.2rem;}
    .sa_guide_02 .head .t2 span{ font-size: 1rem;}
    .sa_guide_02 .head .btn{ grid-gap: 0.5rem; margin-top: 1.5rem;}
    .sa_guide_02 .head .btn a{ grid-gap: 0.5rem; width: 50%; height: 3.5rem; border-radius: 3rem;}
    .sa_guide_02 .head .btn a img{ height: 1.6rem;}
    .sa_guide_02 .head .btn a p{ width: auto; font-size: 1rem;}
    .sa_guide_02 .map{ margin-top: 2.5rem; padding: 0.5rem; border-radius: 1rem;}
    .sa_guide_02 .map .contents{ height: 20rem; border-radius: 0.5rem;}
}


.sa_lab_visual{ display: flex; justify-content: center; align-items: center; grid-gap: 50px; height: 400px; border-radius: 20px; background: url(/images/sub/sal01.jpg) center/cover;}
.sa_lab_visual img{ display: block;}
.sa_lab_visual p{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #FFF;}

.sa_lab_01{ margin-top: 120px;}
.sa_lab_01 .head{ text-align: center;}
.sa_lab_01 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sa_lab_01 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sa_lab_01 .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; margin-top: 60px;}
.sa_lab_01 .list .wrap{}
.sa_lab_01 .list .wrap img{ display: block; width: 100%; border-radius: 20px;}

.sa_lab_02{ display: flex; align-items: center; grid-gap: 60px; margin-top: 120px;}
.sa_lab_02 .head{ width: 50%;}
.sa_lab_02 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sa_lab_02 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sa_lab_02 .head .t2 br{}
.sa_lab_02 .img{ width: 50%; border-radius: 20px;}
.sa_lab_02 .img:after{ content: ""; display: block; padding-top: 56.25%;}

.sa_lab_03{ padding: 120px 0 0 0;}
.sa_lab_03 .head{ text-align: center;}
.sa_lab_03 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sa_lab_03 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sa_lab_03 .img{ display: flex; grid-gap: 60px; margin: 60px 0;}
.sa_lab_03 .img .wrap{ display: flex; justify-content: center; position: relative; width: 100%; border-radius: 20px;}
.sa_lab_03 .img .wrap:after{ content: ""; display: block; padding-top: 100%;}
.sa_lab_03 .img .wrap .tit{ position: absolute; z-index: 10; top: 60px; text-align: center; line-height: 1.2; font-size: 24px; font-weight: 500; color: #000;}
.sa_lab_03 .img .wrap .tit b{ font-weight: 700; color: #c5ad8e; }
.sa_lab_03 .foot{ text-align: center; line-height: 1.4; font-size: 24px; color: #333;}
@media(max-width: 1600px){
    .sa_lab_03 .img{ grid-gap: 30px;}
}
@media(max-width: 1000px){
    .sa_lab_01 .list{ grid-template-columns: repeat(2,1fr);}
    .sa_lab_02{ display: block;}
    .sa_lab_02 .head{ width: 100%; text-align: center;}
    .sa_lab_02 .img{ margin-top: 60px; width: 100%;}

    .sa_lab_03 .img .wrap .tit{ top: 40px; font-size: 18px;}
}
@media(max-width: 600px){
    .sa_lab_visual{ grid-gap: 1rem; height: 15rem; border-radius: 1rem;}
    .sa_lab_visual img{ height: 4rem;}
    .sa_lab_visual p{ font-size: 1.8rem;}

    .sa_lab_01{ margin-top: 4rem;}
    .sa_lab_01 .head .t1{ font-size: 1.8rem;}
    .sa_lab_01 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sa_lab_01 .list{ grid-gap: 0.5rem; margin-top: 2.5rem;}
    .sa_lab_01 .list .wrap img{ border-radius: 1rem;}

    .sa_lab_02{ margin-top: 4rem;}
    .sa_lab_02 .head .t1{ font-size: 1.8rem;}
    .sa_lab_02 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sa_lab_02 .img{ margin-top: 2.5rem; border-radius: 1rem;}

    .sa_lab_03{ padding: 4rem 0 0 0;}
    .sa_lab_03 .head .t1{ font-size: 1.8rem;}
    .sa_lab_03 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sa_lab_03 .img{ grid-gap: 0.5rem; margin: 2.5rem 0;}
    .sa_lab_03 .img .wrap{ border-radius: 1rem;}
    .sa_lab_03 .img .wrap .tit{ top: 0.8rem; line-height: 1.1; font-size: 1rem;}
    .sa_lab_03 .foot{ font-size: 1.2rem;}
}


.si_invisalign_visual{ display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px; background: #222;}
.si_invisalign_visual:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/si_bg.png) center/cover; opacity: 0.3;}
.si_invisalign_visual .fl{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 10; width: 50%; height: 400px;}
.si_invisalign_visual .fl img{ display: block;}
.si_invisalign_visual .fl img:nth-child(1){ height: 200px;}
.si_invisalign_visual .fl img:nth-child(2){ height: 50px;}
.si_invisalign_visual .fr{ display: flex; justify-content: center; position: relative; z-index: 10; width: 50%; line-height: 1.2; font-size: 40px; font-weight: 700; color: #FFF;}

.si_invisalign_01{ position: relative; z-index: 20; margin-top: -140px;}
.si_invisalign_01 img{ display: block; margin: 0 auto;}
.si_invisalign_01 p{ margin-top: 30px; text-align: center; font-size: 36px; font-weight: 700; color: #000;}
.si_invisalign_01 p b{ font-weight: 700; color: #c5ad8e;}

.si_invisalign_02{ margin-top: 120px;}
.si_invisalign_02 .contents{ display: flex; justify-content: space-between; align-items: flex-start; padding: 120px 0; width: 100%;}
.si_invisalign_02 .contents .fl{ flex: 1;}
.si_invisalign_02 .contents .fl .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_invisalign_02 .contents .fl .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_invisalign_02 .contents .fl .t3{ display: grid; grid-gap: 10px; margin-top: 30px;}
.si_invisalign_02 .contents .fl .t3 p{ position: relative; padding-left: 25px; line-height: 30px; font-size: 20px; color: #333;}
.si_invisalign_02 .contents .fl .t3 p img{ display: block; position: absolute; top: 5px; left: 0; width: auto; height: 20px;}
.si_invisalign_02 .contents .fr{ flex: 0 0 920px; display: flex; grid-gap: 20px;}
.si_invisalign_02 .contents .fr .wrap{ width: 50%;}
.si_invisalign_02 .contents .fr .wrap img{ display: block; width: 100%; border-radius: 20px;}
.si_invisalign_02 .contents .fr .wrap p{ margin-top: 20px; text-align: center; line-height: 1.2; font-size: 20px; color: #333;}
.si_invisalign_02 .contents .fr .wrap p br{}
.si_invisalign_02 .bg{ background: #f6f2ed;}

.si_invisalign_03{ margin-top: 120px;}
.si_invisalign_03 .head{ text-align: center; line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_invisalign_03 .play{ margin: 60px auto 0 auto; max-width: 1000px; width: 100%;}
.si_invisalign_03 .play video{ display: block; width: 100%; height: auto; border-radius: 20px;}

.si_invisalign_04{ margin-top: 120px;}
.si_invisalign_04 .head{ text-align: center;}
.si_invisalign_04 .head img{ display: block; margin: 0 auto;}
.si_invisalign_04 .head .t1{ margin-top: 10px; font-size: 40px; font-weight: 700; color: #000;}
.si_invisalign_04 .head .t2{ margin-top: 30px; line-height: 1.2; font-size: 24px; color: #333;}
.si_invisalign_04 .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px; margin-top: 60px;}
.si_invisalign_04 .list .wrap{}
.si_invisalign_04 .list .wrap .play{}
.si_invisalign_04 .list .wrap .play video{ display: block; width: 100%; height: auto; border-radius: 20px;}
.si_invisalign_04 .list .wrap .info{ margin-top: 20px;}
.si_invisalign_04 .list .wrap .info .t1{ font-size: 24px; font-weight: 700; color: #000;}
.si_invisalign_04 .list .wrap .info .t2{ margin-top: 10px; line-height: 1.4; font-size: 20px; color: #333;}
@media(max-width: 1600px){
    .si_invisalign_visual .fl img:nth-child(1){ width: 400px;}
    .si_invisalign_visual .fl img:nth-child(2){ width: 200px;}
    .si_invisalign_visual .fr{ font-size: 36px;}

    .si_invisalign_02 .contents{ display: block;}
    .si_invisalign_02 .contents .fl{ text-align: center;}
    .si_invisalign_02 .contents .fl .t3{ display: flex; justify-content: center; grid-gap: 20px;}
    .si_invisalign_02 .contents .fr{ margin-top: 60px;}

    .si_invisalign_04 .list{ grid-gap: 30px;}
}
@media(max-width: 1000px){
    .si_invisalign_visual{ display: block; padding: 50px 0; height: auto;}
    .si_invisalign_visual .fl{ width: 100%; height: auto;}
    .si_invisalign_visual .fr{ margin-top: 30px; width: 100%; text-align: center;}

    .si_invisalign_01{ margin-top: 120px;}
    .si_invisalign_01 img{ height: 200px;}

    .si_invisalign_04 .list{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 600px){
    .si_invisalign_visual{ padding: 2rem 0 3rem 0; border-radius: 1rem;}
    .si_invisalign_visual .fl img:nth-child(1){ width: auto; height: 10rem;}
    .si_invisalign_visual .fl img:nth-child(2){ width: auto; height: 2.5rem;}
    .si_invisalign_visual .fr{ margin-top: 1rem; font-size: 1.8rem;}

    .si_invisalign_01{ margin-top: 4rem;}
    .si_invisalign_01 img{ height: 10rem;}
    .si_invisalign_01 p{ margin-top: 1.2rem; line-height: 1.2; font-size: 1.8rem;}

    .si_invisalign_02{ margin-top: 4rem;}
    .si_invisalign_02 .contents{ padding: 4rem 0;}
    .si_invisalign_02 .contents .fl .t1{ font-size: 1.8rem;}
    .si_invisalign_02 .contents .fl .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_invisalign_02 .contents .fl .t3{ display: flex; flex-direction: column; align-items: center; grid-gap: 0.8rem; margin-top: 1rem;}
    .si_invisalign_02 .contents .fl .t3 p{ padding-left: 1.5rem; text-align: left; line-height: 1.2; font-size: 1.1rem; width: 13rem;}
    .si_invisalign_02 .contents .fl .t3 p img{ top: 0.2rem; height: 1.2rem;}
    .si_invisalign_02 .contents .fr{ grid-gap: 1rem; margin-top: 2.5rem;}
    .si_invisalign_02 .contents .fr .wrap img{ border-radius: 1rem;}
    .si_invisalign_02 .contents .fr .wrap p{ margin-top: 1rem; font-size: 1.1rem;}
    .si_invisalign_02 .contents .fr .wrap p br{ display: none;}

    .si_invisalign_03{ margin-top: 4rem;}
    .si_invisalign_03 .head{ font-size: 1.8rem;}
    .si_invisalign_03 .play{ margin: 2.5rem auto 0 auto;}
    .si_invisalign_03 .play video{ border-radius: 1rem;}

    .si_invisalign_04{ margin-top: 4rem;}
    .si_invisalign_04 .head img{ height: 2.5rem;}
    .si_invisalign_04 .head .t1{ margin-top: 0.5rem; font-size: 1.8rem;}
    .si_invisalign_04 .head .t2{ margin-top: 1.2rem; font-size: 1.2rem;}
    .si_invisalign_04 .list{ grid-gap: 2rem 1rem; margin-top: 2.5rem;}
    .si_invisalign_04 .list .wrap .play video{ border-radius: 1rem;}
    .si_invisalign_04 .list .wrap .info{ margin-top: 1rem;}
    .si_invisalign_04 .list .wrap .info .t1{ font-size: 1.2rem;}
    .si_invisalign_04 .list .wrap .info .t2{ margin-top: 0.5rem; font-size: 1rem;}
}


.si_first_visual{ overflow: hidden; display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px; background: #f9f9f9;}
.si_first_visual:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/si_bg_b.png) center; opacity: 0.15;}
.si_first_visual .fl{ display: flex; flex-direction: column; align-items: center; position: relative; z-index: 10; width: 50%;}
.si_first_visual .fl img{ display: block;}
.si_first_visual .fl img:nth-child(1){ height: 200px;}
.si_first_visual .fl img:nth-child(2){ margin-top: 30px; height: 40px;}
.si_first_visual .fr{ position: relative; z-index: 10; padding-right: 50px; width: 50%;}
.si_first_visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_first_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.si_first_01{ padding: 120px 0;}
.si_first_01 .ft{ display: flex; justify-content: center; align-items: center; grid-gap: 60px;}
.si_first_01 .ft .fl{}
.si_first_01 .ft .fl .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_first_01 .ft .fl .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_first_01 .ft .fr{ display: block;}
.si_first_01 .list{ display: flex; grid-gap: 20px; position: relative; z-index: 10; margin-top: -60px;}
.si_first_01 .list .wrap{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 25%; height: 300px; border: 2px solid #c5ad8e; border-radius: 20px; background: #FFF;}
.si_first_01 .list .wrap img{ display: block;}
.si_first_01 .list .wrap p{ margin-top: 30px; text-align: center; line-height: 1.2; font-size: 20px; color: #333;}

.si_first_02{ margin-top: 120px;}
.si_first_02 .contents{ padding: 120px 0; width: 100%;}
.si_first_02 .contents .ft{ display: flex; justify-content: center; align-items: center;}
.si_first_02 .contents .ft .fl{ display: flex; flex-direction: column; align-items: center; width: 400px;}
.si_first_02 .contents .ft .fl .tit{ font-size: 40px; font-weight: 700; color: #000;}
.si_first_02 .contents .ft .fl img{ display: block; margin-top: 30px; border-radius: 50%; border: 2px solid #000;}
.si_first_02 .contents .ft .fc{ display: flex; justify-content: center; padding-top: 70px; width: 300px; font-size: 120px; font-weight: 900; color: #c5ad8e;}
.si_first_02 .contents .ft .fr{ display: flex; flex-direction: column; align-items: center; width: 400px;}
.si_first_02 .contents .ft .fr .tit{ font-size: 40px; font-weight: 700; color: #000;}
.si_first_02 .contents .ft .fr img{ display: block; margin-top: 30px; border-radius: 50%; border: 2px solid #c5ad8e;}
.si_first_02 .contents .fb{ position: relative; margin-top: 30px;}
.si_first_02 .contents .fb:after{ content: ""; position: absolute; top: -15px; bottom: -15px; left: calc(50% - 80px); width: 160px; border-radius: 20px; background: url(/images/sub/si_bg.png) #c5ad8e;}
.si_first_02 .contents .fb .wrap{ display: flex;}
.si_first_02 .contents .fb .wrap p{ position: relative; z-index: 20; padding: 15px 0; width: 50%; border-bottom: 1px solid rgba(0 0 0/10%); text-align: right; line-height: 1.2; font-size: 20px; color: #666;}
.si_first_02 .contents .fb .wrap p:last-child{ padding-left: 30px; text-align: left; line-height: 1.2; color: #000;}
.si_first_02 .contents .fb .wrap p:last-child img{ display: block; position: absolute; top: 17px; left: 0; width: auto; height: 20px;}
.si_first_02 .contents .fb .wrap span{ flex: 0 0 300px; display: flex; justify-content: center; align-items: center; position: relative; z-index: 20; padding: 10px 0; border-bottom: 1px solid rgba(0 0 0/10%); text-align: center; line-height: 1.2; font-size: 20px; font-weight: 700; color: #FFF;}
.si_first_02 .contents .fb .wrap:last-child p{ border-bottom: 0;}
.si_first_02 .contents .fb .wrap:last-child span{ border-bottom: 0;}
.si_first_02 .bg{ background: #f7f7f7;}


.si_first_02_02{ padding: 120px 0;}
.si_first_02_02 .body{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 50px 50px;}
.si_first_02_02 .body .wrap{ display: flex; flex-direction: column;}
.si_first_02_02 .body .wrap .img{ position: relative; height: 300px; border-radius: 20px 20px 0 0;}
.si_first_02_02 .body .wrap .img span{ display: flex; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; padding: 0 20px; height: 60px; border-radius: 0 20px 0 20px; background: #c5ad8e; font-size: 20px; font-weight: 700; color: #FFF;}
.si_first_02_02 .body .wrap .info{ flex: 1; padding: 40px; border-radius: 0 0 20px 20px; border: 1px solid #ddd; background: #FFF;}
.si_first_02_02 .body .wrap .info .t1{ font-size: 24px; font-weight: 600; color: #000;}
.si_first_02_02 .body .wrap .info .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #666;}
.si_first_02_02 .bg{ background: #f7f7f7;}
@media(max-width: 1600px){
    .si_first_02_02 .body{ grid-gap: 40px 20px;}
}
@media(max-width: 1000px){
    .si_first_02_02 .body .wrap .img{ height: 200px;}
    .si_first_02_02 .body .wrap .info{ padding: 30px;}
}
@media(max-width: 600px){
    .si_first_02_02{ padding: 4rem 0;}
    .si_first_02_02 .body{ grid-template-columns: repeat(2,1fr); grid-gap: 2rem 1rem;}
    .si_first_02_02 .body .wrap{ display: flex; flex-direction: column;}
    .si_first_02_02 .body .wrap .img{ height: 8rem; border-radius: 1rem 1rem 0 0;}
    .si_first_02_02 .body .wrap .img span{ padding: 0 1rem; height: 3rem; border-radius: 0 1rem 0 1rem; font-size: 1.2rem;}
    .si_first_02_02 .body .wrap .info{ padding: 1.5rem 1.5rem; border-radius: 0 0 1rem 1rem;}
    .si_first_02_02 .body .wrap .info .t1{ font-size: 1.2rem;}
    .si_first_02_02 .body .wrap .info .t2{ margin-top: 0.8rem; font-size: 1rem;}
}


.si_first_03{ display: flex; justify-content: center; align-items: center; grid-gap: 50px; padding: 120px 0 0 0;}
.si_first_03 .ft{ display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 20px; position: relative; padding: 50px; width: 50%; height: 300px; border-radius: 20px; background: url(/images/sub/si_bg.png) #c5ad8e; text-align: center;}
.si_first_03 .ft:after{ content: ""; display: block; position: absolute; top: calc(50% - 10px); right: -9px; width: 20px; height: 20px; background: #c5ad8e; transform: rotate(45deg);}
.si_first_03 .ft .t1{ line-height: 1.2; font-size: 20px; color: #FFF;}
.si_first_03 .ft .t2{ line-height: 1.2; font-size: 30px; font-weight: 700; color: #FFF;}
.si_first_03 .ft .t3{ line-height: 1.2; font-size: 18px; color: #FFF;}
.si_first_03 .fc{ display: block;}
.si_first_03 .fb{ display: flex; flex-direction: column; justify-content: center; position: relative; padding: 50px; width: 50%; height: 300px; border-radius: 20px; border: 1px solid #ddd; text-align: center;}
.si_first_03 .fb:after{ content: ""; display: block; position: absolute; top: calc(50% - 10px); left: -11px; width: 20px; height: 20px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;  background: #FFF; transform: rotate(45deg);}
.si_first_03 .fb .t1{ line-height: 1.2; font-size: 20px; color: #666;}
.si_first_03 .fb .t2{ margin-top: 20px; line-height: 1.2; font-size: 30px; font-weight: 700; color: #000;}

.si_first_04{}
.si_first_04 .contents{ padding: 120px 0;}
.si_first_04 .contents .haed{ text-align: center;}
.si_first_04 .contents .haed .t1{ font-size: 24px; color: #FFF;}
.si_first_04 .contents .haed .t2{ margin-top: 20px; font-size: 40px; font-weight: 700; color: #FFF;}
.si_first_04 .contents .body{ display: flex; align-items: center; grid-gap: 60px; margin-top: 60px;}
.si_first_04 .contents .body .img{ display: block; width: 50%; border-radius: 20px;}
.si_first_04 .contents .body .fr{ width: 50%; line-height: 1.4; font-size: 24px; color: #FFF;}
.si_first_04 .contents .body .fr b{ color: #c5ad8e;}
.si_first_04 .contents .foot{ margin-top: 60px; padding: 0 15%; text-align: center; line-height: 1.4; font-size: 20px; color: #FFF;}
.si_first_04 .bg{ background: #333;}
.si_first_04 .bg:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/sif13.png) no-repeat center/1920px auto; opacity: 0.4;}

.si_first_05{ padding: 120px 0;}
.si_first_05 .haed{ text-align: center;}
.si_first_05 .haed .t1{ font-size: 24px; color: #666;}
.si_first_05 .haed .t2{ margin-top: 20px; font-size: 40px; font-weight: 700; color: #000;}
.si_first_05 .body{ display: flex; align-items: center; grid-gap: 60px; margin-top: 60px;}
.si_first_05 .body .img{ display: block; width: 50%; border-radius: 20px;}
.si_first_05 .body .fr{ width: 50%; line-height: 1.4; font-size: 24px; color: #FFF;}
.si_first_05 .body .fr .t1{ line-height: 1.4; font-size: 24px; color: #000;}
.si_first_05 .body .fr .t1 b{ font-weight: 500; color: #c5ad8e;}
.si_first_05 .body .fr .t2{ position: relative; margin-top: 20px; padding-left: 15px; line-height: 1.4; font-size: 20px; color: #666;}
.si_first_05 .body .fr .t2 b{ position: absolute; top: 8px; left: 0; color: #666;}
.si_first_05 .list{ display: flex; grid-gap: 20px; margin-top: 60px;}
.si_first_05 .list .wrap{ width: 50%;}
.si_first_05 .list .wrap .img{ overflow: hidden; position: relative; border-radius: 20px;}
.si_first_05 .list .wrap .img span{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; left: 0; bottom: 0; width: 60px; height: 60px; border-radius: 0 20px 0 0; background: #c5ad8e; font-size: 24px; font-weight: 700; color: #FFF;}
.si_first_05 .list .wrap .img img{ display: block; width: 100%; height: auto;}
.si_first_05 .list .wrap .info{ margin: 20px 30% 0 0;}
.si_first_05 .list .wrap .info .t1{ line-height: 1.2; font-size: 24px; font-weight: 600; color: #000;}
.si_first_05 .list .wrap .info .t2{ margin-top: 20px; line-height: 1.2; font-size: 20px; color: #666;}

.si_first_06{}
.si_first_06 .contents{ display: flex; align-items: center; padding: 120px 0; width: 100%;}
.si_first_06 .contents .fl{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50%; text-align: center;}
.si_first_06 .contents .fl .logo{ display: block;}
.si_first_06 .contents .fl .t1{ margin-top: 30px; font-size: 30px; font-weight: 700; color: #FFF;}
.si_first_06 .contents .fl .t2{ margin-top: 10px; font-size: 40px; font-weight: 700; color: #c5ad8e;}
.si_first_06 .contents .fl .t3{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #FFF;}
.si_first_06 .contents .fl .fb{ display: block; margin-top: 20px;}
.si_first_06 .contents .fr{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; width: 50%;}
.si_first_06 .contents .fr img{ display: block; width: 100%; border-radius: 20px;}
.si_first_06 .contents .fr img:nth-child(1){ grid-column: 1/3;}
.si_first_06 .bg{ background: url(/images/sub/sif23.jpg) center/cover;}

.si_first_07{ display: flex; align-items: center; padding: 120px 0;}
.si_first_07 .fl{ display: block; padding-right: 60px; width: 50%;}
.si_first_07 .fr{ width: 50%;}
.si_first_07 .fr .t1{ font-size: 20px; color: #666;}
.si_first_07 .fr .t2{ margin-top: 10px; font-size: 40px; font-weight: 700; color: #000;}
.si_first_07 .fr .t3{ display: flex; align-items: flex-end; margin-top: 20px; font-size: 40px; font-weight: 700; color: #000;}
.si_first_07 .fr .t3 b{ padding-right: 10px; font-size: 60px; font-weight: 700; color: #000;}
.si_first_07 .fr .logo{ display: flex; grid-gap: 20px; margin-top: 30px;}
.si_first_07 .fr .logo .wrap{ display: flex; flex-direction: column; align-items: center; padding: 50px 20px; width: 50%; border-radius: 20px; border: 1px solid #DDD;}
.si_first_07 .fr .logo .wrap img{ display: block;}
.si_first_07 .fr .logo .wrap p{ margin-top: 20px; text-align: center; line-height: 1.2; font-size: 24px; font-weight: 600; color: #000;}
.si_first_07 .fr .t4{ margin-top: 30px; line-height: 1.4; font-size: 20px; color: #666;}
.si_first_07 .fr .t5{ display: grid; grid-gap: 15px; margin-top: 60px;}
.si_first_07 .fr .t5 p{ position: relative; padding-left: 35px; line-height: 1.2; font-size: 24px; color: #000;}
.si_first_07 .fr .t5 p img{ display: block; position: absolute; top: 5px; left: 0; width: auto; height: 24px;}

.si_first_08{}
.si_first_08 .contents{ padding: 120px 0;}
.si_first_08 .contents .head{ text-align: center;}
.si_first_08 .contents .head .t1{ font-size: 24px; color: #000;}
.si_first_08 .contents .head .t2{ margin-top: 20px; font-size: 40px; font-weight: 700; color: #000; text-transform: uppercase;}
.si_first_08 .contents .list{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 30px -10px 0 -10px;}
.si_first_08 .contents .list .wrap{ width: 50%;}
.si_first_08 .contents .list .wrap .img{ margin: 20px 10px 0 10px;}
.si_first_08 .contents .list .wrap .img img{ display: block; width: 100%;}
.si_first_08 .bg{ background: #f6f8fb;}

.si_first_09{ padding: 120px 0 0 0;}
.si_first_09 .head{ text-align: center;}
.si_first_09 .head .t1{ font-size: 24px; color: #000;}
.si_first_09 .head .t2{ margin-top: 20px; font-size: 40px; font-weight: 700; color: #000; text-transform: uppercase;}
.si_first_09 .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; margin-top: 50px;}
.si_first_09 .list .wrap{ overflow: hidden; position: relative; border-radius: 20px;}
.si_first_09 .list .wrap:after{ content: ""; display: block; padding-top: 56.25%;}
.si_first_09 .list .wrap iframe{ display: block; position: absolute; z-index: 10; top: 0; left: 0; width: 100% !important; height: 100% !important;}
@media(max-width: 1600px){
    .si_first_01 .ft .fl{ width: 50%;}
    .si_first_01 .ft .fr{ width: 50%;}
    .si_first_01 .list{ margin: 0;}

    .si_first_03 .ft{ padding: 40px; height: auto;}
    .si_first_03 .ft .t1{ font-size: 16px;}
    .si_first_03 .ft .t3{ font-size: 16px;}
    .si_first_03 .fb{ padding: 40px; height: auto;}
    .si_first_03 .fb .t1{ font-size: 16px;}

    .si_first_06 .contents{ display: block;}
    .si_first_06 .contents .fl{ width: auto;}
    .si_first_06 .contents .fr{ margin-top: 60px; width: auto;}
}
@media(max-width: 1000px){
    .si_first_visual{ display: block; padding: 50px 0; height: auto;}
    .si_first_visual .fl{ width: 100%;}
    .si_first_visual .fr{ margin-top: 50px; padding: 0; width: 100%; text-align: center;}

    .si_first_01 .ft{ display: block;}
    .si_first_01 .ft .fl{ width: 100%; text-align: center;}
    .si_first_01 .ft .fr{ margin: 60px auto 0 auto; width: 80%;}
    .si_first_01 .list{ display: grid; grid-template-columns: repeat(2,1fr);}
    .si_first_01 .list .wrap{ width: auto;}

    .si_first_02 .contents .ft .fl .tit{ font-size: 30px;}
    .si_first_02 .contents .ft .fl img{ height: 200px;}
    .si_first_02 .contents .ft .fc{ width: 150px; font-size: 80px;}
    .si_first_02 .contents .ft .fr{ width: 50%;}
    .si_first_02 .contents .ft .fr .tit{ font-size: 30px;}
    .si_first_02 .contents .ft .fr img{ height: 200px;}
    .si_first_02 .contents .fb:after{ left: calc(50% - 60px); width: 120px;}
    .si_first_02 .contents .fb .wrap p{ width: 40%;}
    .si_first_02 .contents .fb .wrap span{ flex: 0 0 200px;}

    .si_first_03{ flex-direction: column; align-items: center;}
    .si_first_03 .ft{ width: 100%;}
    .si_first_03 .ft:after{ top: initial; bottom: -10px; left: calc(50% - 10px);}
    .si_first_03 .fb{ width: 100%;}
    .si_first_03 .fb:after{ top: -11px; left: calc(50% - 10px); transform: rotate(135deg);}

    .si_first_04 .contents .body{ display: block;}
    .si_first_04 .contents .body .img{ width: 100%;}
    .si_first_04 .contents .body .fr{ margin-top: 30px; width: 100%; text-align: center;}
    .si_first_04 .contents .foot{ padding: 0;}

    .si_first_05 .body{ display: block;}
    .si_first_05 .body .img{ width: 100%;}
    .si_first_05 .body .fr{ margin-top: 30px; width: 100%;}
    .si_first_05 .list .wrap .info{ margin-right: 10%;}

    .si_first_07{ flex-direction: column-reverse; padding: 120px 0 0 0;}
    .si_first_07 .fl{ margin: 60px auto 0 auto; padding: 0; width: 80%;}
    .si_first_07 .fr{ width: 100%;}

    .si_first_08 .contents .list{ display: block; margin: 30px 0 0 0;}
    .si_first_08 .contents .list .wrap{ width: auto;}
    .si_first_08 .contents .list .wrap .img{ margin: 20px 0 0 0;}

    .si_first_09 .list{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 600px){
    .si_first_visual{ padding: 2rem 0 3rem 0; border-radius: 1rem;}
    .si_first_visual .fl img:nth-child(1){ height: 10rem;}
    .si_first_visual .fl img:nth-child(2){ margin-top: 1.5rem; height: 1.5rem;}
    .si_first_visual .fr{ margin-top: 2rem; font-size: 1.8rem;}
    .si_first_visual .fr .t1{ font-size: 1.8rem;}
    .si_first_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_first_01{ padding: 4rem 0;}
    .si_first_01 .ft .fl .t1{ font-size: 1.8rem;}
    .si_first_01 .ft .fl .t2{ margin-top: 1.5rem; font-size: 1.2rem;}
    .si_first_01 .ft .fr{ margin: 3rem auto 0 auto;}
    .si_first_01 .list{ grid-gap: 1rem;}
    .si_first_01 .list .wrap{ height: 14rem; border-radius: 1rem;}
    .si_first_01 .list .wrap img{ height: 5rem;}
    .si_first_01 .list .wrap p{ margin-top: 1rem; font-size: 1.1rem;}

    .si_first_02{ margin-top: 4rem;}
    .si_first_02 .contents{ padding: 4rem 0;}
    .si_first_02 .contents .ft .fl{ width: 10rem;}
    .si_first_02 .contents .ft .fl .tit{ text-align: center; line-height: 1.2; font-size: 1.8rem;}
    .si_first_02 .contents .ft .fl img{ margin-top: 1rem; height: 10rem;}
    .si_first_02 .contents .ft .fc{ padding-top: 70px; width: 5rem; font-size: 2.5rem;}
    .si_first_02 .contents .ft .fr{ width: 10rem;}
    .si_first_02 .contents .ft .fr .tit{ text-align: center; line-height: 1.2; font-size: 1.8rem;}
    .si_first_02 .contents .ft .fr img{ margin-top: 1rem; height: 10rem;}
    .si_first_02 .contents .fb{ margin-top: 2rem;}
    .si_first_02 .contents .fb:after{ top: -1rem; bottom: -1rem; left: calc(50% - 2.5rem); width: 5rem; border-radius: 1rem;}
    .si_first_02 .contents .fb .wrap p{ padding: 1rem 0; width: 40%; font-size: 1rem;}
    .si_first_02 .contents .fb .wrap p:last-child{ padding-left: 1.5rem;}
    .si_first_02 .contents .fb .wrap p:last-child img{ top: 1rem; height: 1rem;}
    .si_first_02 .contents .fb .wrap span{ flex: 0 0 8rem; padding: 1rem 0; font-size: 1rem;}

    .si_first_03{ grid-gap: 1.5rem; padding: 4rem 0 0 0;}
    .si_first_03 .ft{ grid-gap: 1rem; padding: 2rem 1.5rem; border-radius: 1rem;}
    .si_first_03 .ft .t1{ font-size: 1.2rem;}
    .si_first_03 .ft .t2{ font-size: 1.8rem;}
    .si_first_03 .ft .t3{ font-size: 1.2rem;}
    .si_first_03 .fm{ height: 12rem;}
    .si_first_03 .fb{ grid-gap: 1rem; padding: 2rem; border-radius: 1rem;}
    .si_first_03 .fb .t1{ font-size: 1.2rem;}
    .si_first_03 .fb .t2{ margin-top: 0; font-size: 1.8rem;}

    .si_first_04 .contents{ padding: 4rem 0;}
    .si_first_04 .contents .haed .t1{ font-size: 1.2rem;}
    .si_first_04 .contents .haed .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .si_first_04 .contents .body{ margin-top: 2.5rem;}
    .si_first_04 .contents .body .img{ border-radius: 1rem;}
    .si_first_04 .contents .body .fr{ font-size: 1.2rem;}
    .si_first_04 .contents .foot{ margin-top: 2.5rem; font-size: 1rem;}

    .si_first_05{ padding: 4rem 0;}
    .si_first_05 .haed .t1{ font-size: 1.2rem;}
    .si_first_05 .haed .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .si_first_05 .body{ margin-top: 2rem;}
    .si_first_05 .body .img{ border-radius: 1rem;}
    .si_first_05 .body .fr{ margin-top: 1.2rem; font-size: 1.2rem;}
    .si_first_05 .body .fr .t1{ font-size: 1.2rem;}
    .si_first_05 .body .fr .t2{ margin-top: 1rem; padding-left: 1rem; font-size: 1rem;}
    .si_first_05 .body .fr .t2 b{ top: 0.2rem;}
    .si_first_05 .list{ display: grid; grid-gap: 2rem; margin-top: 2rem;}
    .si_first_05 .list .wrap{ width: auto;}
    .si_first_05 .list .wrap .img{ border-radius: 1rem;}
    .si_first_05 .list .wrap .img span{ width: 3rem; height: 3rem; border-radius: 0 1rem 0 0; font-size: 1.2rem;}
    .si_first_05 .list .wrap .info{ margin: 1rem 0 0 0;}
    .si_first_05 .list .wrap .info .t1{ font-size: 1.2rem;}
    .si_first_05 .list .wrap .info .t2{ margin-top: 0.8rem; font-size: 1rem;}

    .si_first_06 .contents{ padding: 4rem 0;}
    .si_first_06 .contents .fl .logo{ height: 6rem;}
    .si_first_06 .contents .fl .t1{ margin-top: 2rem; font-size: 1.4rem;}
    .si_first_06 .contents .fl .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .si_first_06 .contents .fl .t3{ margin-top: 2rem; font-size: 1.1rem;}
    .si_first_06 .contents .fl .fb{ margin-top: 2rem; width: 100%;}
    .si_first_06 .contents .fr{ grid-gap: 1rem; margin-top: 2.5rem;}
    .si_first_06 .contents .fr img{ border-radius: 1rem;}

    .si_first_07{ padding: 4rem 0 0 0;}
    .si_first_07 .fl{ margin: 3rem auto 0 auto; width: 60%;}
    .si_first_07 .fr .t1{ font-size: 1.1rem;}
    .si_first_07 .fr .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .si_first_07 .fr .t3{ margin-top: 1.2rem; font-size: 1.8rem;}
    .si_first_07 .fr .t3 b{ padding-right: 0.5rem; font-size: 3rem;}
    .si_first_07 .fr .logo{ grid-gap: 1rem; margin-top: 2rem;}
    .si_first_07 .fr .logo .wrap{ padding: 2rem 1rem; border-radius: 1rem;}
    .si_first_07 .fr .logo .wrap img{ height: 5rem;}
    .si_first_07 .fr .logo .wrap p{ margin-top: 1rem; font-size: 1.2rem;}
    .si_first_07 .fr .t4{ margin-top: 2rem; font-size: 1.1rem;}
    .si_first_07 .fr .t5{ grid-gap: 0.8rem; margin-top: 2.5rem;}
    .si_first_07 .fr .t5 p{ padding-left: 2rem; font-size: 1.2rem;}
    .si_first_07 .fr .t5 p img{ top: 0.2rem; height: 1.2rem;}

    .si_first_08 .contents{ padding: 4rem 0;}
    .si_first_08 .contents .head .t1{ font-size: 1.2rem;}
    .si_first_08 .contents .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .si_first_08 .contents .list{ margin: 2rem 0 0 0;}
    .si_first_08 .contents .list .wrap .img{ margin: 1rem 0 0 0;}
    .si_first_08 .bg{ background: #f6f8fb;}

    .si_first_09{ padding: 4rem 0 0 0;}
    .si_first_09 .head .t1{ font-size: 1.2rem;}
    .si_first_09 .head .t2{ margin-top: 1rem; line-height: 1.2; font-size: 1.8rem;}
    .si_first_09 .list{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin-top: 2.5rem;}
    .si_first_09 .list .wrap{ border-radius: 1rem;}
}


.si_ai_01{}
.si_ai_01 .visual{ overflow: hidden; display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px;}
.si_ai_01 .visual:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/sia02.jpg) center top/cover;}
.si_ai_01 .visual .fl{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 10; width: 50%; height: 400px;}
.si_ai_01 .visual .fl img{ display: block;}
.si_ai_01 .visual .fr{ position: relative; z-index: 10; width: 50%;}
.si_ai_01 .visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_ai_01 .visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_ai_01 .fc{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px; margin-top: 20px; padding: 50px; border-radius: 20px; border: 1px solid #DDD;}
.si_ai_01 .fc .wrap{ display: flex; grid-gap: 20px;}
.si_ai_01 .fc .wrap span{ flex: 0 0 50px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: #c5ad8e; font-size: 20px; font-weight: 700; color: #FFF;}
.si_ai_01 .fc .wrap .fr{ padding-top: 10px;}
.si_ai_01 .fc .wrap .fr .t1{ line-height: 1.2; font-size: 24px; font-weight: 700; color: #000;}
.si_ai_01 .fc .wrap .fr .t2{ margin-top: 10px; line-height: 1.2; font-size: 20px; color: #666;}
.si_ai_01 .fb{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px; margin-top: 20px; padding: 50px; border-radius: 20px; border: 1px solid #ddd;}
.si_ai_01 .fb p{ position: relative; padding-left: 30px; line-height: 1.2; font-size: 20px; color: #333;}
.si_ai_01 .fb p img{ display: block; position: absolute; top: 2px; left: 0; width: auto; height: 24px;}

.si_ai_02{ padding-top: 120px;}
.si_ai_02 .visual{ overflow: hidden; display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px; background: #e5e8ed;}
.si_ai_02 .visual .fl{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; width: 50%; height: 400px;}
.si_ai_02 .visual .fl img{ display: block;}
.si_ai_02 .visual .fr{ position: relative; z-index: 10; width: 50%;}
.si_ai_02 .visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_ai_02 .visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_ai_02 .fc{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; margin-top: 20px; padding: 50px; border-radius: 20px; border: 1px solid #DDD;}
.si_ai_02 .fc .wrap{ display: flex; grid-gap: 20px;}
.si_ai_02 .fc .wrap span{ flex: 0 0 50px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: #c5ad8e; font-size: 20px; font-weight: 700; color: #FFF;}
.si_ai_02 .fc .wrap .fr{ padding-top: 10px;}
.si_ai_02 .fc .wrap .fr .t1{ line-height: 1.2; font-size: 24px; font-weight: 700; color: #000;}
.si_ai_02 .fc .wrap .fr .t2{ margin-top: 10px; line-height: 1.2; font-size: 20px; color: #666;}

.si_ai_03{ padding-top: 120px;}
.si_ai_03 .visual{ overflow: hidden; display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px; background: #edeae5;}
.si_ai_03 .visual .fl{ display: flex; justify-content: center; align-items: flex-end; position: relative; z-index: 10; width: 50%; height: 400px;}
.si_ai_03 .visual .fl img{ display: block;}
.si_ai_03 .visual .fr{ position: relative; z-index: 10; padding-right: 100px; width: 50%;}
.si_ai_03 .visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_ai_03 .visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_ai_03 .list{ display: flex; grid-gap: 20px; margin-top: 20px;}
.si_ai_03 .list .wrap{ width: 50%;}
.si_ai_03 .list .wrap .img{ overflow: hidden; position: relative; border-radius: 20px;}
.si_ai_03 .list .wrap .img span{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; left: 0; bottom: 0; width: 60px; height: 60px; border-radius: 0 20px 0 0; background: #c5ad8e; font-size: 24px; font-weight: 700; color: #000;}
.si_ai_03 .list .wrap .img img{ display: block; width: 100%; height: auto;}
.si_ai_03 .list .wrap .info{ margin: 20px 30% 0 0;}
.si_ai_03 .list .wrap .info .t1{ line-height: 1.2; font-size: 24px; font-weight: 600; color: #000;}
.si_ai_03 .list .wrap .info .t2{ margin-top: 20px; line-height: 1.2; font-size: 20px; color: #666;}
@media(max-width: 1600px){
    .si_ai_01 .visual .fl img{ height: 300px;}
    .si_ai_01 .visual .fr .t1{ font-size: 36px;}
    .si_ai_01 .visual .fr .t2{ font-size: 20px;}

    .si_ai_02 .visual .fl img{ height: 200px;}
    .si_ai_02 .visual .fr .t1{ font-size: 36px;}
    .si_ai_02 .visual .fr .t2{ font-size: 20px;}

    .si_ai_03 .visual .fl img{}
    .si_ai_03 .visual .fr .t1{ font-size: 32px;}
    .si_ai_03 .visual .fr .t2{ font-size: 20px;}
}
@media(max-width: 1000px){
    .si_ai_01 .visual{ display: block; padding: 50px 0; height: auto;}
    .si_ai_01 .visual .fl{ width: auto; height: auto;}
    .si_ai_01 .visual .fl img{ margin: 0 auto; height: 200px;}
    .si_ai_01 .visual .fr{ margin-top: 50px; width: auto; text-align: center;}
    .si_ai_01 .fc{ grid-template-columns: repeat(2,1fr);}
    .si_ai_01 .fc .wrap .fr .t1{ font-size: 20px;}
    .si_ai_01 .fc .wrap .fr .t2{ font-size: 16px;}
    .si_ai_01 .fb{ grid-template-columns: repeat(1,1fr);}

    .si_ai_02 .visual{ display: block; padding: 50px 0; height: auto;}
    .si_ai_02 .visual .fl{ width: auto; height: auto;}
    .si_ai_02 .visual .fl img{ margin: 0 auto; height: 200px;}
    .si_ai_02 .visual .fr{ margin-top: 50px; width: auto; text-align: center;}
    .si_ai_02 .fc{ grid-template-columns: repeat(2,1fr);}
    .si_ai_02 .fc .wrap .fr .t1{ font-size: 20px;}
    .si_ai_02 .fc .wrap .fr .t2{ font-size: 16px;}

    .si_ai_03 .visual{ display: block; padding: 50px 0; height: auto;}
    .si_ai_03 .visual .fl{ width: auto; height: auto;}
    .si_ai_03 .visual .fl img{ margin: 0 auto; height: 200px;}
    .si_ai_03 .visual .fr{ margin-top: 50px; padding: 0 50px; width: auto; text-align: center;}
    .si_ai_03 .list .wrap .info{ margin: 20px 10% 0 0;}
}
@media(max-width: 600px){
    .si_ai_01 .visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_ai_01 .visual .fl img{ height: 10rem;}
    .si_ai_01 .visual .fr{ margin-top: 2rem;}
    .si_ai_01 .visual .fr .t1{ font-size: 1.8rem;}
    .si_ai_01 .visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_ai_01 .fc{ grid-template-columns: repeat(1,1fr); grid-gap: 1.2rem; margin-top: 1rem; padding: 2rem; border-radius: 1rem;}
    .si_ai_01 .fc .wrap{ grid-gap: 1rem;}
    .si_ai_01 .fc .wrap span{ flex: 0 0 3rem; width: 3rem; height: 3rem; font-size: 1.4rem;}
    .si_ai_01 .fc .wrap .fr{ padding-top: 0.5rem;}
    .si_ai_01 .fc .wrap .fr .t1{ font-size: 1.3rem;}
    .si_ai_01 .fc .wrap .fr .t2{ margin-top: 0.5rem; font-size: 1.1rem;}
    .si_ai_01 .fb{ grid-gap: 1.2rem; margin-top: 1rem; padding: 2rem; border-radius: 1rem;}
    .si_ai_01 .fb p{ padding-left: 2rem; font-size: 1.1rem;}
    .si_ai_01 .fb p img{ top: 0.1rem; height: 1.2rem;}

    .si_ai_02{ padding-top: 4rem;}
    .si_ai_02 .visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_ai_02 .visual .fl img{ height: 10rem;}
    .si_ai_02 .visual .fr{ margin-top: 2rem;}
    .si_ai_02 .visual .fr .t1{ font-size: 1.8rem;}
    .si_ai_02 .visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_ai_02 .fc{ grid-template-columns: repeat(1,1fr); grid-gap: 1.2rem; margin-top: 1rem; padding: 2rem; border-radius: 1rem;}
    .si_ai_02 .fc .wrap{ grid-gap: 1rem;}
    .si_ai_02 .fc .wrap span{ flex: 0 0 3rem; width: 3rem; height: 3rem; font-size: 1.4rem;}
    .si_ai_02 .fc .wrap .fr{ padding-top: 0.5rem;}
    .si_ai_02 .fc .wrap .fr .t1{ font-size: 1.3rem;}
    .si_ai_02 .fc .wrap .fr .t2{ margin-top: 0.5rem; font-size: 1.1rem;}

    .si_ai_03{ padding-top: 4rem;}
    .si_ai_03 .visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_ai_03 .visual .fl img{ height: 10rem;}
    .si_ai_03 .visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_ai_03 .visual .fr .t1{ line-height: 1.2; font-size: 1.7rem;}
    .si_ai_03 .visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_ai_03 .list{ display: grid; grid-gap: 2rem; margin-top: 2rem;}
    .si_ai_03 .list .wrap{ width: auto;}
    .si_ai_03 .list .wrap .img{ border-radius: 1rem;}
    .si_ai_03 .list .wrap .img span{ width: 3rem; height: 3rem; border-radius: 0 1rem 0 0; font-size: 1.2rem;}
    .si_ai_03 .list .wrap .info{ margin: 1rem 0 0 0;}
    .si_ai_03 .list .wrap .info .t1{ font-size: 1.2rem;}
    .si_ai_03 .list .wrap .info .t2{ margin-top: 0.8rem; font-size: 1rem;}
}


.si_vivera_01{}
.si_vivera_01 .visual{ overflow: hidden; display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px; background: #f5f5f5;}
.si_vivera_01 .visual:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/si_bg_b.png) center/cover; opacity: 0.2;}
.si_vivera_01 .visual .fl{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; width: 50%;}
.si_vivera_01 .visual .fl img{ display: block;}
.si_vivera_01 .visual .fr{ position: relative; z-index: 10; padding-right: 50px; width: 50%;}
.si_vivera_01 .visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_vivera_01 .visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_vivera_01 .fb{ display: flex; grid-gap: 20px; margin-top: 20px;}
.si_vivera_01 .fb .wrap{ display: flex; flex-direction: column; justify-content: center; padding: 50px; width: 50%; border-radius: 20px; border: 1px solid #ddd; text-align: center;}
.si_vivera_01 .fb .wrap .t1{ line-height: 1.2; font-size: 24px ;font-weight: 700; color: #000;}
.si_vivera_01 .fb .wrap .t2{ margin-top: 10px; line-height: 1.2; font-size: 20px; color: #666;}

.si_vivera_02{ padding-top: 120px;}
.si_vivera_02 .visual{ overflow: hidden; display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px; background: #f5f5f5;}
.si_vivera_02 .visual:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/si_bg_b.png) center/cover; opacity: 0.2;}
.si_vivera_02 .visual .fl{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; width: 50%;}
.si_vivera_02 .visual .fl img{ display: block;}
.si_vivera_02 .visual .fr{ position: relative; z-index: 10; padding-right: 50px; width: 50%;}
.si_vivera_02 .visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_vivera_02 .visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_vivera_02 .visual .fr .t3{ margin-top: 30px; line-height: 1.4; font-size: 20px; color: #F00;}
.si_vivera_02 .fb{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px; margin-top: 20px; padding: 50px; border-radius: 20px; border: 1px solid #ddd;}
.si_vivera_02 .fb p{ position: relative; padding-left: 30px; line-height: 1.2; font-size: 20px; color: #333;}
.si_vivera_02 .fb p img{ display: block; position: absolute; top: 2px; left: 0; width: auto; height: 24px;}

.si_vivera_03{ padding-top: 120px;}
.si_vivera_03 .head{ text-align: center;}
.si_vivera_03 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_vivera_03 .head .t1 b{ font-weight: 700; color: #c5ad8e;}
.si_vivera_03 .head .t2{ margin-top: 30px; line-height: 1.2; font-size: 24px; color: #333;}
.si_vivera_03 .img{ display: block; margin: 60px auto 0 auto; max-width: 100%;}
.si_vivera_03 .list{ display: grid; grid-gap: 15px; margin-top: 60px; padding: 50px 80px; border-radius: 20px; border: 1px solid #ddd; background: #f5f5f5;}
.si_vivera_03 .list p{ position: relative; padding-left: 40px; line-height: 1.4; font-size: 20px; color: #333;}
.si_vivera_03 .list p span{ display: flex; justify-content: center; align-items: center; position: absolute; top: -1px; left: 0; width: 30px; height: 30px; border-radius: 50%; background: #c5ad8e; font-size: 16px; color: #FFF;}
@media(max-width: 1600px){
    .si_vivera_01 .visual .fr .t1{ font-size: 36px;}
    .si_vivera_01 .visual .fr .t2{ font-size: 20px;}

    .si_vivera_02 .visual .fr .t1{ font-size: 36px;}
    .si_vivera_02 .visual .fr .t2{ font-size: 20px;}
}
@media(max-width: 1000px){
    .si_vivera_01 .visual{ display: block; padding: 50px 0; height: auto;}
    .si_vivera_01 .visual .fl{ width: auto; height: auto;}
    .si_vivera_01 .visual .fl img{ margin: 0 auto; height: 200px;}
    .si_vivera_01 .visual .fr{ margin-top: 50px; padding: 0 50px; width: auto; text-align: center;}
    .si_vivera_01 .fb .wrap{ padding: 50px 20px;}

    .si_vivera_02 .visual{ display: block; padding: 50px 0; height: auto;}
    .si_vivera_02 .visual .fl{ width: auto; height: auto;}
    .si_vivera_02 .visual .fl img{ margin: 0 auto; height: 200px;}
    .si_vivera_02 .visual .fr{ margin-top: 50px; padding: 0 50px; width: auto; text-align: center;}
    .si_vivera_02 .fb{ grid-template-columns: repeat(1,1fr);}

    .si_vivera_03 .list{ padding: 50px;}
}
@media(max-width: 600px){
    .si_vivera_01 .visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_vivera_01 .visual .fl img{ height: 10rem;}
    .si_vivera_01 .visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_vivera_01 .visual .fr .t1{ font-size: 1.8rem;}
    .si_vivera_01 .visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_vivera_01 .fb{ display: grid; grid-gap: 1rem; margin-top: 1rem;}
    .si_vivera_01 .fb .wrap{ padding: 2rem; width: 100%; border-radius: 1rem;}
    .si_vivera_01 .fb .wrap .t1{ font-size: 1.4rem;}
    .si_vivera_01 .fb .wrap .t2{ margin-top: 0.8rem; font-size: 1.2rem;}

    .si_vivera_02{ padding-top: 4rem;}
    .si_vivera_02 .visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_vivera_02 .visual .fl img{ height: 10rem;}
    .si_vivera_02 .visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_vivera_02 .visual .fr .t1{ font-size: 1.8rem;}
    .si_vivera_02 .visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_vivera_02 .visual .fr .t3{ margin-top: 1rem; font-size: 1.2rem;}
    .si_vivera_02 .fb{ grid-gap: 1rem; margin-top: 1rem; padding: 2rem; border-radius: 1rem;}
    .si_vivera_02 .fb p{ padding-left: 1.8rem; font-size: 1.1rem;}
    .si_vivera_02 .fb p img{ top: 0.1rem; height: 1.2rem;}

    .si_vivera_03{ padding-top: 4rem;}
    .si_vivera_03 .head .t1{ font-size: 1.8rem;}
    .si_vivera_03 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_vivera_03 .img{ margin: 2rem auto 0 auto;}
    .si_vivera_03 .list{ grid-gap: 0.8rem; margin-top: 2.5rem; padding: 2rem; border-radius: 1rem;}
    .si_vivera_03 .list p{ padding-left: 2.5rem; font-size: 1.1rem;}
    .si_vivera_03 .list p span{ top: -0.1rem; width: 1.8rem; height: 1.8rem; font-size: 1rem;}
}


.si_cases_visual{ overflow: hidden; display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px; background: url(/images/sub/sic01.jpg) center bottom/cover;}
.si_cases_visual .fl{ display: flex; justify-content: center; align-items: center; position: relative; width: 50%; height: 400px;}
.si_cases_visual .fl img{ display: block;}
.si_cases_visual .fr{ padding-right: 50px; width: 50%;}
.si_cases_visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_cases_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.si_cases_01{ padding-top: 120px;}
.si_cases_01 .head{ text-align: center;}
.si_cases_01 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_cases_01 .head .t2{ margin-top: 20px; line-height: 1.2; font-size: 24px; color: #333;}
.si_cases_01 .modle_sub_menu{ margin-top: 50px;}
.si_cases_01 .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px 20px;}
.si_cases_01 .list .wrap{ display: flex; flex-wrap: wrap;}
.si_cases_01 .list .wrap .img{ overflow: hidden; position: relative; width: 50%;}
.si_cases_01 .list .wrap .img .login{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/70%); font-size: 40px; font-weight: 700; color: #c5ad8e;}
.si_cases_01 .list .wrap .img img{ display: block; width: 100%;}
.si_cases_01 .list .wrap .img:nth-child(1){ border-radius: 20px 0 0 20px;}
.si_cases_01 .list .wrap .img:nth-child(2){ border-radius: 0 20px 20px 0;}
.si_cases_01 .list .wrap .info{ display: flex; position: relative; padding-top: 20px; width: 100%;}
.si_cases_01 .list .wrap .info p{ width: 50%; text-align: center; font-size: 24px; font-weight: 500; color: #000; letter-spacing: 0;}
.si_cases_01 .list .wrap .info p:nth-child(2){ color: #c5ad8e;}
.si_cases_01 .list .wrap .info svg{ position: absolute; bottom: 2px; left: calc(50% - 10px); width: 20px; height: 20px;}
.si_cases_01 .list .wrap .info svg path{ fill: #ddd;}
@media(max-width: 1600px){
}
@media(max-width: 1000px){
    .si_cases_visual{ display: block; padding: 50px 0; height: auto;}
    .si_cases_visual .fl{ width: auto; height: auto;}
    .si_cases_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_cases_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}
    .si_cases_01 .list{ grid-template-columns: repeat(1,1fr);}
}
@media(max-width: 600px){
    .si_cases_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_cases_visual .fl img{ height: 14rem;}
    .si_cases_visual .fr{ margin-top: 1rem; padding: 0 2rem;}
    .si_cases_visual .fr .t1{ font-size: 1.8rem;}
    .si_cases_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_cases_01{ padding-top: 4rem;}
    .si_cases_01 .head .t1{ font-size: 1.8rem;}
    .si_cases_01 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_cases_01 .modle_sub_menu{ margin-top: 2rem;}
    .si_cases_01 .list{ grid-gap: 2rem;}
    .si_cases_01 .list .wrap .img .login{ font-size: 1.8rem;}
    .si_cases_01 .list .wrap .img:nth-child(1){ border-radius: 1rem 0 0 1rem;}
    .si_cases_01 .list .wrap .img:nth-child(2){ border-radius: 0 1rem 1rem 0;}
    .si_cases_01 .list .wrap .info{ padding-top: 1rem;}
    .si_cases_01 .list .wrap .info p{ font-size: 1.2rem;}
    .si_cases_01 .list .wrap .info svg{ bottom: 0.1rem; left: calc(50% - 0.6rem); width: 1.2rem; height: 1.2rem;}
}


.si_transparent_visual{ overflow: hidden; display: flex; align-items: center; position: relative; height: 400px; border-radius: 20px; background: url(/images/sub/sit01.jpg) center bottom/cover;}
.si_transparent_visual .fl{ display: flex; justify-content: center; align-items: center; position: relative; width: 50%; height: 400px;}
.si_transparent_visual .fl img{ display: block;}
.si_transparent_visual .fr{ padding-right: 50px; width: 50%;}
.si_transparent_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_transparent_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.si_transparent_01{ padding: 120px 0;}
.si_transparent_01 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.si_transparent_01 .list{ display: flex; justify-content: center; margin-top: 60px;}
.si_transparent_01 .list .wrap{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 400px; height: 400px; border-radius: 50%; border: 1px solid #c5ad8e; background: radial-gradient(circle,rgba(197, 173, 142, 0) 0%, rgba(197, 173, 142, 0.2) 100%);}
.si_transparent_01 .list .wrap:nth-child(1){ margin-right: -40px;}
.si_transparent_01 .list .wrap:nth-child(3){ margin-left: -40px;}
.si_transparent_01 .list .wrap img{ display: block;}
.si_transparent_01 .list .wrap .t1{ margin-top: 20px; font-size: 24px; font-weight: 700; color: #000;}
.si_transparent_01 .list .wrap .t2{ margin-top: 15px; min-height: 50px; text-align: center; line-height: 25px; font-size: 20px; color: #666;}

.si_transparent_02{margin-top: 120px;}
.si_transparent_02 .contents{ padding: 120px 0; width: 100%;}
.si_transparent_02 .contents .head{ text-align: center; font-size: 40px; font-weight: 700; color: #FFF;}
.si_transparent_02 .contents .list{ display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 20px 0; margin: 60px -10px 0 -10px;}
.si_transparent_02 .contents .list .wrap{ width: 25%;}
.si_transparent_02 .contents .list .wrap .box{ margin: 0 10px; padding: 50px 30px 50px 30px; height: 100%; border-radius: 20px; border: 1px solid rgba(255 255 255/10%); background: rgba(255 255 255/10%); box-shadow: 0 10px 30px 0 rgba(0 0 0/20%); text-align: center;}
.si_transparent_02 .contents .list .wrap span{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 20px; background: #c5ad8e; font-size: 18px; font-weight: 700; color: #000;}
.si_transparent_02 .contents .list .wrap .t1{ margin-top: 30px; line-height: 1.4; font-size: 20px; font-weight: 300; color: #FFF;}
.si_transparent_02 .bg{ background: url(/images/sub/sit02.jpg) center top/cover;}

.si_transparent_03{ padding: 120px 0;}
.si_transparent_03 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.si_transparent_03 .list{ display: flex; grid-gap: 60px; margin-top: 60px;}
.si_transparent_03 .list .wrap{ display: flex; flex-direction: column; width: 50%;}
.si_transparent_03 .list .wrap .img{ overflow: hidden; position: relative; border-radius: 20px 20px 0 0;}
.si_transparent_03 .list .wrap .img:after{ content: ""; display: block; padding-top: 70%;}
.si_transparent_03 .list .wrap .img p{ position: absolute; z-index: 10; bottom: 40px; left: 40px; font-size: 40px; font-weight: 700; color: #FFF;}
.si_transparent_03 .list .wrap .info{ flex: 1; padding: 30px 40px 40px 40px; border-radius: 0 0 20px 20px; border: 1px solid #ddd;}
.si_transparent_03 .list .wrap .info .t1{ font-size: 20px; font-weight: 700; color: #000;}
.si_transparent_03 .list .wrap .info .t2{ display: grid; grid-gap: 10px; margin-top: 20px;}
.si_transparent_03 .list .wrap .info .t2 p{ display: flex; line-height: 1.2; font-size: 18px; color: #666;}
.si_transparent_03 .list .wrap .info .t2 p span{ flex: 0 0 80px; font-weight: 500; color: #000;}

.si_transparent_04{ position: relative;}
.si_transparent_04 .contents{ padding-top: 120px; width: 100%;}
.si_transparent_04 .contents .head{ text-align: center;}
.si_transparent_04 .contents .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #FFF;}
.si_transparent_04 .contents .head .t2{ margin-top: 30px; line-height: 1.2; font-size: 24px; color: #FFF;}
.si_transparent_04 .contents .head .logo{ display: flex; justify-content: center; grid-gap: 30px; margin-top: 40px;}
.si_transparent_04 .contents .head .logo img{ display: block; height: 150px;}
.si_transparent_04 .contents .body{ display: flex; margin-top: 60px; padding-left: 350px;}
.si_transparent_04 .contents .body .fl{}
.si_transparent_04 .contents .body .fl .tit{ font-size: 40px; color: #FFF;}
.si_transparent_04 .contents .body .fl .tit b{ font-weight: 700; color: #FFF;}
.si_transparent_04 .contents .body .fl .txt{ display: grid; grid-gap: 15px; margin-top: 30px;}
.si_transparent_04 .contents .body .fl .txt p{ position: relative; padding-left: 40px; line-height: 1.2; font-size: 20px; color: #FFF;}
.si_transparent_04 .contents .body .fl .txt p img{ display: block; position: absolute; top: 0; left: 0; width: auto; height: 24px;}
.si_transparent_04 .contents .body .fr{}
.si_transparent_04 .contents .body .fr img{ display: block; margin: -250px 0 0 0;}
.si_transparent_04 .contents .text{ position: absolute; z-index: 20; left: 0; bottom: -40px; font-size: 200px; font-weight: 700; color: rgba(255 255 255/10%); white-space: nowrap;}
.si_transparent_04 .bg{ background: url(/images/sub/sif23.jpg) center/cover;}

.si_transparent_05{ position: relative; z-index: 30; margin-bottom: -160px;}
.si_transparent_05 .contents{ display: flex; padding: 80px 0; width: 100%;}
.si_transparent_05 .contents .wrap{ padding: 0 50px; border-right: 1px solid rgba(255 255 255/10%); text-align: center;}
.si_transparent_05 .contents .wrap:last-child{ border-right: 0;}
.si_transparent_05 .contents .wrap .t1{ font-size: 24px; font-weight: 600; color: #c5ad8e;}
.si_transparent_05 .contents .wrap .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: rgba(255 255 255/90%);}
.si_transparent_05 .bg{ background: #2b2f36;}

.si_transparent_06{ padding: 120px 0 0 0;}
.si_transparent_06 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000; text-transform: uppercase;}
.si_transparent_06 .top{ position: relative; margin: 60px auto 0 auto; max-width: 1000px; width: 100%;}
.si_transparent_06 .top .info{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.si_transparent_06 .top .info .tb{ position: absolute; z-index: 10; top: 30px; left: 40px; font-size: 30px; font-weight: 700; color: #FFF;}
.si_transparent_06 .top .info .ta{ position: absolute; z-index: 10; top: 30px; right: 40px; font-size: 30px; font-weight: 700; color: #FFF;}
.si_transparent_06 .top .info .line{ position: absolute; top: 0; bottom: 0; left: calc(50% - 1px); width: 2px; background: #FFF;}
.si_transparent_06 .top .info .line svg{ position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); padding: 10px; width: 50px; height: 50px; border-radius: 50%; background: #FFF;}
.si_transparent_06 .top .info .line svg path{ fill: #000;}
.si_transparent_06 .top .rolling_max{ overflow: hidden; border-radius: 20px;}
.si_transparent_06 .top .rolling_max .swiper-wrapper{}
.si_transparent_06 .top .rolling_max .swiper-wrapper .swiper-slide{ position: relative;}
.si_transparent_06 .top .rolling_max .swiper-wrapper .swiper-slide .text{ position: absolute; z-index: 10; left: 40px; bottom: 40px;}
.si_transparent_06 .top .rolling_max .swiper-wrapper .swiper-slide .text .t1{ font-size: 20px; color: rgba(255 255 255/70%);}
.si_transparent_06 .top .rolling_max .swiper-wrapper .swiper-slide .text .t2{ margin-top: 10px; font-size: 30px; font-weight: 600; color: #FFF;}
.si_transparent_06 .top .rolling_max .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.si_transparent_06 .top .control{}
.si_transparent_06 .top .control .si_transparent_06_prev{ position: absolute; top: calc(50% - 20px); left: -50px; cursor: pointer;}
.si_transparent_06 .top .control .si_transparent_06_prev svg{ width: 40px; height: 40px;}
.si_transparent_06 .top .control .si_transparent_06_prev svg path{ fill: #999;}
.si_transparent_06 .top .control .si_transparent_06_next{ position: absolute; top: calc(50% - 20px); right: -50px; cursor: pointer;}
.si_transparent_06 .top .control .si_transparent_06_next svg{ width: 40px; height: 40px;}
.si_transparent_06 .top .control .si_transparent_06_next svg path{ fill: #999;}
.si_transparent_06 .rolling_min{ overflow: hidden; margin: 10px auto 0 auto; max-width: 1000px; width: 100%;}
.si_transparent_06 .rolling_min .swiper-wrapper{}
.si_transparent_06 .rolling_min .swiper-wrapper .swiper-slide{ overflow: hidden; border-radius: 10px; background: #000; cursor: pointer;}
.si_transparent_06 .rolling_min .swiper-wrapper .swiper-slide img{ display: block; width: 100%; opacity: 0.3;}
.si_transparent_06 .rolling_min .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img{ opacity: 1;}
@media(max-width: 1600px){
    .si_transparent_01 .list .wrap{ width: 320px; height: 320px;}
    .si_transparent_01 .list .wrap img{ height: 100px;}

    .si_transparent_02 .contents .list .wrap .box{ padding: 50px 10px;}
    .si_transparent_02 .contents .list .wrap .t1{}

    .si_transparent_03 .list{ grid-gap: 20px;}

    .si_transparent_04 .contents .body{ padding-left: 0;}
    .si_transparent_04 .contents .body .fl{ width: 50%;}
    .si_transparent_04 .contents .body .fr{ width: 50%;}
    .si_transparent_04 .contents .body .fr img{ margin-top: -200px;}

    .si_transparent_05 .contents .wrap{ padding: 0 20px;}
}
@media(max-width: 1000px){
    .si_transparent_visual{ display: block; padding: 50px 0; height: auto;}
    .si_transparent_visual .fl{ width: auto; height: auto;}
    .si_transparent_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_transparent_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .si_transparent_01 .list .wrap{ width: 250px; height: 250px;}
    .si_transparent_01 .list .wrap img{ height: 80px;}
    .si_transparent_01 .list .wrap .t1{ font-size: 22px;}
    .si_transparent_01 .list .wrap .t2{ font-size: 18px;}

    .si_transparent_02 .contents .list{}
    .si_transparent_02 .contents .list .wrap{ width: 33.333%;}
    .si_transparent_02 .contents .list .wrap .t1{ font-size: 18px;}

    .si_transparent_03 .list{ grid-gap: 20px;}
    .si_transparent_03 .list .wrap .img p{ bottom: 20px; left: 20px; font-size: 24px;}
    .si_transparent_03 .list .wrap .info{ padding: 20px;}

    .si_transparent_05 .contents{ display: grid; grid-template-columns: repeat(2,1fr);}
    .si_transparent_05 .contents .wrap{ padding: 50px 50px;}
    .si_transparent_05 .contents .wrap:nth-child(1){ border-bottom: 1px solid rgba(255 255 255/10%);}
    .si_transparent_05 .contents .wrap:nth-child(2){ border-bottom: 1px solid rgba(255 255 255/10%); border-right: 0;}

    .si_transparent_06 .top .control .si_transparent_06_prev{ display: none;}
    .si_transparent_06 .top .control .si_transparent_06_next{ display: none;}
}
@media(max-width: 600px){
    .si_transparent_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_transparent_visual .fl img{ height: 14rem;}
    .si_transparent_visual .fr{ margin-top: 1rem; padding: 0 2rem;}
    .si_transparent_visual .fr .t1{ font-size: 1.8rem;}
    .si_transparent_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_transparent_01{ padding: 4rem 0;}
    .si_transparent_01 .head{ font-size: 1.8rem;}
    .si_transparent_01 .list{ flex-direction: column; align-items: center; margin-top: 2.5rem;}
    .si_transparent_01 .list .wrap{ width: 20rem; height: 20rem;}
    .si_transparent_01 .list .wrap:nth-child(1){ margin: 0;}
    .si_transparent_01 .list .wrap:nth-child(2){ margin: -2rem 0 0 0;}
    .si_transparent_01 .list .wrap:nth-child(3){ margin: -2rem 0 0 0;}
    .si_transparent_01 .list .wrap img{ height: 6rem;}
    .si_transparent_01 .list .wrap .t1{ margin-top: 1.4rem; font-size: 1.4rem;}
    .si_transparent_01 .list .wrap .t2{ margin-top: 0.8rem; min-height: auto; line-height: 1.2; font-size: 1.2rem;}

    .si_transparent_02 .contents{ padding: 4rem 0;}
    .si_transparent_02 .contents .head{ line-height: 1.2; font-size: 1.8rem;}
    .si_transparent_02 .contents .list{ grid-gap: 1rem 0; margin: 3rem -0.5rem 0 -0.5rem;}
    .si_transparent_02 .contents .list .wrap{ width: 50%;}
    .si_transparent_02 .contents .list .wrap:last-child{ width: 100%;}
    .si_transparent_02 .contents .list .wrap .box{ margin: 0 0.5rem; padding: 2rem 1rem; border-radius: 1rem;}
    .si_transparent_02 .contents .list .wrap span{ width: 2.5rem; height: 2.5rem; border-radius: 2rem; font-size: 1rem;}
    .si_transparent_02 .contents .list .wrap .t1{ margin-top: 1.5rem; font-size: 1.2rem;}

    .si_transparent_03{ padding: 4rem 0;}
    .si_transparent_03 .head{ font-size: 1.8rem;}
    .si_transparent_03 .list{ display: grid; grid-gap: 1rem; margin-top: 2.5rem;}
    .si_transparent_03 .list .wrap{ width: auto;}
    .si_transparent_03 .list .wrap .img{ border-radius: 1rem 1rem 0 0;}
    .si_transparent_03 .list .wrap .img p{ bottom: 2rem; left: 2rem; font-size: 1.8rem;}
    .si_transparent_03 .list .wrap .info{ padding: 2rem; border-radius: 0 0 1rem 1rem;}
    .si_transparent_03 .list .wrap .info .t1{ font-size: 1.4rem;}
    .si_transparent_03 .list .wrap .info .t2{ grid-gap: 0.5rem; margin-top: 1rem;}
    .si_transparent_03 .list .wrap .info .t2 p{ font-size: 1.1rem;}
    .si_transparent_03 .list .wrap .info .t2 p span{ flex: 0 0 5rem;}

    .si_transparent_04 .contents{ padding-top: 4rem;}
    .si_transparent_04 .contents .head .t1{ font-size: 1.8rem;}
    .si_transparent_04 .contents .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_transparent_04 .contents .head .logo{ grid-gap: 1rem; margin-top: 2.5rem;}
    .si_transparent_04 .contents .head .logo img{ height: 8rem;}
    .si_transparent_04 .contents .body{ display: block; margin-top: 2.5rem; padding-left: 0;}
    .si_transparent_04 .contents .body .fl{ width: 100%;}
    .si_transparent_04 .contents .body .fl .tit{ text-align: center; font-size: 1.8rem;}
    .si_transparent_04 .contents .body .fl .txt{ grid-gap: 0.8rem; margin-top: 1.5rem;}
    .si_transparent_04 .contents .body .fl .txt p{ padding-left: 2rem; font-size: 1.2rem;}
    .si_transparent_04 .contents .body .fl .txt p img{ width: auto; height: 1.2rem;}
    .si_transparent_04 .contents .body .fr{ width: 100%;}
    .si_transparent_04 .contents .body .fr img{ margin: 2rem auto 0 auto; width: 80%;}
    .si_transparent_04 .contents .text{ bottom: -1rem; font-size: 5rem;}

    .si_transparent_05{ margin-bottom: -5rem;}
    .si_transparent_05 .contents{ padding: 2rem 0;}
    .si_transparent_05 .contents .wrap{ padding: 2rem 1rem;}
    .si_transparent_05 .contents .wrap .t1{ font-size: 1.4rem;}
    .si_transparent_05 .contents .wrap .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_transparent_06{ padding: 4rem 0 0 0;}
    .si_transparent_06 .head{ font-size: 1.8rem;}
    .si_transparent_06 .top{ margin: 2rem auto 0 auto;}
    .si_transparent_06 .top .info .tb{ top: 1rem; left: 1rem; font-size: 1.2rem;}
    .si_transparent_06 .top .info .ta{ top: 1rem; right: 1rem; font-size: 1.2rem;}
    .si_transparent_06 .top .info .line svg{ top: calc(50% - 1.5rem); left: calc(50% - 1.5rem); padding: 0.8rem; width: 3rem; height: 3rem;}
    .si_transparent_06 .top .rolling_max{ border-radius: 1rem;}
    .si_transparent_06 .top .rolling_max .swiper-wrapper .swiper-slide .text{ left: 1rem; bottom: 1rem;}
    .si_transparent_06 .top .rolling_max .swiper-wrapper .swiper-slide .text .t1{ font-size: 1rem;}
    .si_transparent_06 .top .rolling_max .swiper-wrapper .swiper-slide .text .t2{ margin-top: 0.5rem; font-size: 1.2rem;}
    .si_transparent_06 .rolling_min .swiper-wrapper .swiper-slide{  border-radius: 1rem;}
}


.si_transparent_new01{ padding: 120px 0;}
.si_transparent_new01 .head{ text-align: center; line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_transparent_new01 .list{ display: grid; grid-gap: 20px; margin: 60px 0 0 0;}
.si_transparent_new01 .list .wrap{ display: flex; align-items: center; padding: 80px 0; border-radius: 20px; border: 1px solid #ddd; border-top: 2px solid #c5ad8e;}
.si_transparent_new01 .list .wrap .ft{ display: flex; flex-direction: column; align-items: center; width: 50%;}
.si_transparent_new01 .list .wrap .fb{ padding-left: 80px; border-left: 1px dashed #ddd;}
.si_transparent_new01 .list .wrap b{ color: #c5ad8e;}
.si_transparent_new01 .list .wrap .t1{ line-height: 1.2; font-size: 20px; color: #666;}
.si_transparent_new01 .list .wrap .t2{ margin: 5px 0 0 0; line-height: 1.2; font-size: 36px; font-weight: 700; color: #000;}
.si_transparent_new01 .list .wrap .t2 b{ font-weight: 700;}
.si_transparent_new01 .list .wrap .t3{ display: grid; grid-gap: 10px; margin: 30px 0 0 0;}
.si_transparent_new01 .list .wrap .t3 p{ position: relative; padding: 0 0 0 30px; line-height: 1.2; font-size: 24px; color: #333;}
.si_transparent_new01 .list .wrap .t3 p img{ display: block; position: absolute; top: 2px; left: 0; width: 24px; height: 24px;}
.si_transparent_new01 .list .wrap .t3 p b{ font-weight: 500;}
.si_transparent_new01 .list .wrap .t4{ display: grid; grid-gap: 15px;}
.si_transparent_new01 .list .wrap .t4 p{ position: relative; padding-left: 30px; line-height: 1.2; font-size: 20px; color: #333;}
.si_transparent_new01 .list .wrap .t4 p span{ display: block; position: absolute; top: 0; left: 0; line-height: 1.2; font-weight: 600; color: #c5ad8e;}
@media(max-width: 1600px){
    .si_transparent_new01 .list .wrap .fb{ padding-left: 50px;}
}
@media(max-width: 1150px){
    .si_transparent_new01 .list .wrap .t3 p{ font-size: 20px;}
    .si_transparent_new01 .list .wrap .t4 p{ font-size: 18px;}
}
@media(max-width: 1000px){
    .si_transparent_new01 .list .wrap{ display: block; padding: 50px;}
    .si_transparent_new01 .list .wrap .ft{ width: auto;}
    .si_transparent_new01 .list .wrap .fb{ display: flex; justify-content: center; margin-top: 50px; padding: 50px 0 0 0; border-top: 1px dashed #ddd; border-left: 0;}
    .si_transparent_new01 .list .wrap .t4{}
}
@media(max-width: 600px){
    .si_transparent_new01{ padding: 4rem 0;}
    .si_transparent_new01 .head{ font-size: 1.8rem;}
    .si_transparent_new01 .list{ grid-gap: 1rem; margin: 3rem 0 0 0;}
    .si_transparent_new01 .list .wrap{ padding: 3rem 2rem; border-radius: 1rem;}
    .si_transparent_new01 .list .wrap .fb{ margin-top: 2rem; padding: 2rem 0 0 0;}
    .si_transparent_new01 .list .wrap .t1{ font-size: 1.1rem;}
    .si_transparent_new01 .list .wrap .t2{ font-size: 1.8rem;}
    .si_transparent_new01 .list .wrap .t3{ grid-gap: 0.6rem; margin: 1.5rem 0 0 0;}
    .si_transparent_new01 .list .wrap .t3 p{ padding: 0 0 0 1.8rem; font-size: 1.2rem;}
    .si_transparent_new01 .list .wrap .t3 p img{ top: 0.2rem; width: 1.2rem; height: 1.2rem;}
    .si_transparent_new01 .list .wrap .t4{ grid-gap: 0.8rem;}
    .si_transparent_new01 .list .wrap .t4 p{ padding-left: 1.8rem; font-size: 1.1rem;}
}


.si_transparent_new02{}
.si_transparent_new02 .contents{ display: flex; align-items: center; padding: 120px 0; width: 100%;}
.si_transparent_new02 .contents .fl{ display: flex; flex-direction: column; align-items: center; grid-gap: 30px; width: 50%;}
.si_transparent_new02 .contents .fl img{ display: block;}
.si_transparent_new02 .contents .fl img:nth-child(1){ height: 200px;}
.si_transparent_new02 .contents .fl img:nth-child(2){ height: 50px;}
.si_transparent_new02 .contents .fr{}
.si_transparent_new02 .contents .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #FFF;}
.si_transparent_new02 .contents .fr .t1 b{ font-weight: 700; color: #c5ad8e;}
.si_transparent_new02 .contents .fr .t2{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px 20px; margin-top: 50px;}
.si_transparent_new02 .contents .fr .t2 p{ position: relative; padding: 0 0 0 30px; line-height: 1.2; font-size: 24px; color: #FFF;}
.si_transparent_new02 .contents .fr .t2 p img{ display: block; position: absolute; top: 2px; left: 0; width: 24px; height: 24px;}
.si_transparent_new02 .contents .fr .t2 p b{ border-bottom: 1px solid #c5ad8e; font-weight: 500; color: #c5ad8e;}
.si_transparent_new02 .bg{ background: #333;}
.si_transparent_new02 .bg:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/si_bg.png) center/cover; opacity: 0.2;}
@media(max-width: 1600px){
    .si_transparent_new02 .contents .fr .t2 p{ font-size: 20px;}
}
@media(max-width: 1150px){
    .si_transparent_new02 .contents .fl img:nth-child(1){ height: 160px;}
}
@media(max-width: 1000px){
    .si_transparent_new02 .contents{ display: block;}
    .si_transparent_new02 .contents .fl{ width: auto;}
    .si_transparent_new02 .contents .fr{ margin-top: 50px; width: auto;}
    .si_transparent_new02 .contents .fr .t1{ text-align: center;}
    .si_transparent_new02 .contents .fr .t2{ grid-template-columns: repeat(1,1fr); margin: 30px auto 0 auto; width: 300px;}
}
@media(max-width: 600px){
    .si_transparent_new02 .contents{ padding: 4rem 0;}
    .si_transparent_new02 .contents .fl{ grid-gap: 1rem;}
    .si_transparent_new02 .contents .fl img:nth-child(1){ height: 10rem;}
    .si_transparent_new02 .contents .fl img:nth-child(2){ height: 3rem;}
    .si_transparent_new02 .contents .fr{ margin-top: 2rem;}
    .si_transparent_new02 .contents .fr .t1{ font-size: 1.8rem;}
    .si_transparent_new02 .contents .fr .t2{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin: 2rem auto 0 auto; width: 17rem;}
    .si_transparent_new02 .contents .fr .t2 p{ padding: 0 0 0 1.8rem; font-size: 1.2rem;}
    .si_transparent_new02 .contents .fr .t2 p img{ top: 0.2rem; width: 1.2rem; height: 1.2rem;}
    .si_transparent_new02 .bg:after{ background: url(/images/sub/si_bg.png) center/300% auto;}
}


.si_transparent_new03{ padding: 120px 0;}
.si_transparent_new03 .head{ text-align: center;}
.si_transparent_new03 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_transparent_new03 .head .t2{ margin-top: 30px; font-size: 24px; color: #333;}
.si_transparent_new03 .play{ overflow: hidden; position: relative; margin: 60px auto 0 auto; max-width: 800px; width: 100%; border-radius: 20px;}
.si_transparent_new03 .play:after{ content: ""; display: block; padding-top: 56.25%;}
.si_transparent_new03 .play iframe{ position: absolute; z-index: 1; top: 0; left: 0; width: 100% !important; height: 100% !important;}
@media(max-width: 600px){
    .si_transparent_new03{ padding: 4rem 0;}
    .si_transparent_new03 .head .t1{ font-size: 1.8rem;}
    .si_transparent_new03 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_transparent_new03 .play{ margin: 2rem 0 0 0; border-radius: 1rem;}
}


.si_transparent_new04{}
.si_transparent_new04 .contents{ padding: 120px 0; width: 100%;}
.si_transparent_new04 .contents .ft{ display: flex; justify-content: center; align-items: center;}
.si_transparent_new04 .contents .ft .fl{ display: flex; flex-direction: column; align-items: center; width: 400px;}
.si_transparent_new04 .contents .ft .fl .tit{ font-size: 40px; font-weight: 700; color: #000;}
.si_transparent_new04 .contents .ft .fl img{ display: block; margin-top: 30px; border-radius: 50%; border: 2px solid #000;}
.si_transparent_new04 .contents .ft .fc{ display: flex; justify-content: center; padding-top: 70px; width: 300px; font-size: 120px; font-weight: 900; color: #c5ad8e;}
.si_transparent_new04 .contents .ft .fr{ display: flex; flex-direction: column; align-items: center; width: 400px;}
.si_transparent_new04 .contents .ft .fr .tit{ font-size: 40px; font-weight: 700; color: #c5ad8e;}
.si_transparent_new04 .contents .ft .fr img{ display: block; margin-top: 30px; border-radius: 50%; border: 2px solid #c5ad8e;}
.si_transparent_new04 .contents .fb{ position: relative; margin-top: 30px;}
.si_transparent_new04 .contents .fb:after{ content: ""; position: absolute; top: -15px; bottom: -15px; left: calc(50% - 80px); width: 160px; border-radius: 20px; background: url(/images/sub/si_bg.png) #c5ad8e center/500% auto;}
.si_transparent_new04 .contents .fb .wrap{ display: flex;}
.si_transparent_new04 .contents .fb .wrap p{ position: relative; z-index: 20; padding: 15px 0; width: 50%; border-bottom: 1px solid rgba(0 0 0/10%); text-align: right; line-height: 1.2; font-size: 20px; color: #666;}
.si_transparent_new04 .contents .fb .wrap p:last-child{ padding-left: 30px; text-align: left; line-height: 1.2; color: #000;}
.si_transparent_new04 .contents .fb .wrap p:last-child img{ display: block; position: absolute; top: 17px; left: 0; width: auto; height: 20px;}
.si_transparent_new04 .contents .fb .wrap span{ flex: 0 0 300px; display: flex; justify-content: center; align-items: center; position: relative; z-index: 20; padding: 10px 0; border-bottom: 1px solid rgba(0 0 0/10%); text-align: center; line-height: 1.2; font-size: 20px; font-weight: 500; color: #FFF;}
.si_transparent_new04 .contents .fb .wrap:last-child p{ border-bottom: 0;}
.si_transparent_new04 .contents .fb .wrap:last-child span{ border-bottom: 0;}
.si_transparent_new04 .bg{ background: #f7f7f7;}
.si_transparent_new04.bg2 .bg{ background: #f0f0f0;}
@media(max-width: 1000px){
    .si_transparent_new04 .contents .ft .fl .tit{ font-size: 30px;}
    .si_transparent_new04 .contents .ft .fl img{ height: 200px;}
    .si_transparent_new04 .contents .ft .fc{ width: 150px; font-size: 80px;}
    .si_transparent_new04 .contents .ft .fr{ width: 50%;}
    .si_transparent_new04 .contents .ft .fr .tit{ font-size: 30px;}
    .si_transparent_new04 .contents .ft .fr img{ height: 200px;}
    .si_transparent_new04 .contents .fb:after{ left: calc(50% - 60px); width: 120px;}
    .si_transparent_new04 .contents .fb .wrap p{ width: 40%;}
    .si_transparent_new04 .contents .fb .wrap span{ flex: 0 0 200px;}
}
@media(max-width: 600px){
    .si_transparent_new04{ margin-top: 4rem;}
    .si_transparent_new04 .contents{ padding: 4rem 0;}
    .si_transparent_new04 .contents .ft .fl{ width: 10rem;}
    .si_transparent_new04 .contents .ft .fl .tit{ text-align: center; line-height: 1.2; font-size: 1.8rem;}
    .si_transparent_new04 .contents .ft .fl img{ margin-top: 1rem; height: 10rem;}
    .si_transparent_new04 .contents .ft .fc{ padding-top: 70px; width: 5rem; font-size: 2.5rem;}
    .si_transparent_new04 .contents .ft .fr{ width: 10rem;}
    .si_transparent_new04 .contents .ft .fr .tit{ text-align: center; line-height: 1.2; font-size: 1.8rem;}
    .si_transparent_new04 .contents .ft .fr img{ margin-top: 1rem; height: 10rem;}
    .si_transparent_new04 .contents .fb{ margin-top: 2rem;}
    .si_transparent_new04 .contents .fb:after{ top: -1rem; bottom: -1rem; left: calc(50% - 3rem); width: 6rem; border-radius: 1rem;}
    .si_transparent_new04 .contents .fb .wrap p{ padding: 1rem 0; width: 40%; font-size: 1rem;}
    .si_transparent_new04 .contents .fb .wrap p:last-child{ padding-left: 1.5rem;}
    .si_transparent_new04 .contents .fb .wrap p:last-child img{ top: 1rem; height: 1rem;}
    .si_transparent_new04 .contents .fb .wrap span{ flex: 0 0 8rem; padding: 1rem 0; font-size: 1rem;}
}


.si_transparent_new05{ padding: 120px 0;}
.si_transparent_new05 .head{ text-align: center;}
.si_transparent_new05 .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_transparent_new05 .head .t1 b{ font-weight: 700; color: #c5ad8e;}
.si_transparent_new05 .head .t2{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-top: 30px;}
.si_transparent_new05 .head .t2 img{ display: block; height: 24px;}
.si_transparent_new05 .head .t2 p{ line-height: 1.2; font-size: 24px; color: #333;}
.si_transparent_new05 .head .t2 p b{ font-weight: 500; color: #c5ad8e;}
.si_transparent_new05 .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 40px 20px; margin-top: 60px;}
.si_transparent_new05 .list .wrap{}
.si_transparent_new05 .list .wrap img{ display: block; width: 100%; border-radius: 20px;}
.si_transparent_new05 .list .wrap p{ margin-top: 10px; text-align: center; font-size: 20px; color: #666;}
@media(max-width: 600px){
    .si_transparent_new05{ padding: 4rem 0;}
    .si_transparent_new05 .head .t1{ font-size: 1.8rem;}
    .si_transparent_new05 .head .t2{ grid-gap: 0.6rem; margin-top: 1rem;}
    .si_transparent_new05 .head .t2 img{ height: 1rem;}
    .si_transparent_new05 .head .t2 p{ font-size: 1.2rem;}
    .si_transparent_new05 .list{ grid-template-columns: repeat(2,1fr); grid-gap: 2rem 1rem; margin-top: 3rem;}
    .si_transparent_new05 .list .wrap img{ border-radius: 1rem;}
    .si_transparent_new05 .list .wrap p{ margin-top: 0.6rem; font-size: 1.2rem;}
}


.si_transparent_new06{ display: grid; grid-gap: 50px; padding: 120px 0 0 0; text-align: center;}
.si_transparent_new06 b{ color: #c5ad8e;}
.si_transparent_new06 .t1{ display: flex; justify-content: center; align-items: center; grid-gap: 15px;}
.si_transparent_new06 .t1 img{ display: block;}
.si_transparent_new06 .t1 p{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_transparent_new06 .t1 p b{ font-weight: 700; border-bottom: 1px solid #c5ad8e;}
.si_transparent_new06 .t2{ text-align: center; line-height: 1.4; font-size: 24px; color: #000;}
.si_transparent_new06 .t3{ text-align: center; line-height: 1.4; font-size: 24px; color: #000;}
.si_transparent_new06 .t4{ display: flex; justify-content: center; align-items: center; grid-gap: 15px;}
.si_transparent_new06 .t4 img{ display: block;}
.si_transparent_new06 .t4 p{ line-height: 1.2; font-size: 30px; font-weight: 600; color: #000;}
.si_transparent_new06 .t4 p b{ font-weight: 700; border-bottom: 1px solid #c5ad8e;}
@media(max-width: 600px){
    .si_transparent_new06{ grid-gap: 2rem; padding: 4rem 0 0 0;}
    .si_transparent_new06 .t1{ grid-gap: 1rem;}
    .si_transparent_new06 .t1 img{ height: 1.8rem;}
    .si_transparent_new06 .t1 p{ font-size: 1.8rem;}
    .si_transparent_new06 .t2{ font-size: 1.2rem;}
    .si_transparent_new06 .t3{ font-size: 1.2rem;}
    .si_transparent_new06 .t4{ grid-gap: 1rem;}
    .si_transparent_new06 .t4 img{ height: 1.4rem;}
    .si_transparent_new06 .t4 p{ font-size: 1.4rem;}
}





.si_plasma_visual{ overflow: hidden; display: flex; align-items: center; border-radius: 20px; background: #000;}
.si_plasma_visual .fl{ overflow: hidden; display: flex; justify-content: center; align-items: center; width: 50%; height: 400px;}
.si_plasma_visual .fl video{ display: block; max-height: 100%; min-height: 100%;}
.si_plasma_visual .fr{ padding: 0 50px; width: 50%;}
.si_plasma_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #FFF;}
@media(max-width: 1000px){
    .si_plasma_visual{ display: block;}
    .si_plasma_visual .fl{ width: auto; height: auto;}
    .si_plasma_visual .fl video{ width: 100%; min-height: initial;}
    .si_plasma_visual .fr{ padding: 50px 0; width: auto;}
    .si_plasma_visual .fr .t1{ text-align: center;}
}
@media(max-width: 600px){
    .si_plasma_visual{ border-radius: 1rem;}
    .si_plasma_visual .fr{ padding: 2rem 0;}
    .si_plasma_visual .fr .t1{ font-size: 1.8rem;}
}


.si_plasma_01{ padding: 120px 0;}
.si_plasma_01 .head{ text-align: center; line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_plasma_01 .head b{ font-weight: 700; color: #c5ad8e;}
.si_plasma_01 .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px; margin: 60px 0 0 0;}
.si_plasma_01 .list .wrap{ display: flex; flex-direction: column; align-items: center; padding: 80px 0; border-radius: 20px; border-top: 2px solid #c5ad8e; background: #f5f5f5; text-align: center;}
.si_plasma_01 .list .wrap .ft{ display: flex; flex-direction: column; align-items: center; width: 50%;}
.si_plasma_01 .list .wrap .fb{ padding-left: 80px; border-left: 1px dashed #ddd;}
.si_plasma_01 .list .wrap b{ color: #c5ad8e;}
.si_plasma_01 .list .wrap .t1{ line-height: 1.2; font-size: 24px; color: #000;}
.si_plasma_01 .list .wrap .t2{ margin: 30px 0 0 0; line-height: 1.2; font-size: 36px; font-weight: 700; color: #c5ad8e;}
.si_plasma_01 .list .wrap .t3{ margin: 30px 0 0 0; line-height: 1.2; font-size: 20px; color: #666;}
@media(max-width: 1600px){
    .si_plasma_01 .list{ grid-gap: 20px;}
}
@media(max-width: 1000px){
    .si_plasma_01 .list{ grid-template-columns: repeat(1,1fr); grid-gap: 20px;}
}
@media(max-width: 600px){
    .si_plasma_01{ padding: 4rem 0;}
    .si_plasma_01 .head{ font-size: 1.8rem;}
    .si_plasma_01 .list{ grid-gap: 1rem; margin: 3rem 0 0 0;}
    .si_plasma_01 .list .wrap{ padding: 3rem 0; border-radius: 1rem;}
    .si_plasma_01 .list .wrap .t1{ font-size: 1.4rem;}
    .si_plasma_01 .list .wrap .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .si_plasma_01 .list .wrap .t3{ margin-top: 1rem; font-size: 1.2rem;}
}


.si_plasma_02{}
.si_plasma_02 .contents{ padding: 120px 0; width: 100%;}
.si_plasma_02 .head{ text-align: center;}
.si_plasma_02 .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_plasma_02 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #000;}
.si_plasma_02 .head .t2 b{ border-bottom: 1px solid #c5ad8e; font-weight: 500; color: #c5ad8e;}
.si_plasma_02 .body{ display: flex; grid-gap: 60px; margin-top: 60px;}
.si_plasma_02 .body .wrap{ overflow: hidden; display: flex; position: relative; width: 50%; border-radius: 20px;}
.si_plasma_02 .body .wrap:before{ content: ""; display: block; position: absolute; z-index: 2; top: 0; bottom: 0; left: calc(50% - 1px); width: 2px; background: #FFF;}
.si_plasma_02 .body .wrap img{ display: block; width: 50%;}
.si_plasma_02 .body .wrap p{ display: flex; justify-content: center; position: absolute; z-index: 1; bottom: 0; left: 0; padding: 20px 0; width: 50%; background: rgba(0 0 0/70%); font-size: 20px; color: #FFF;}
.si_plasma_02 .body .wrap p:nth-child(4){ left: 50%;}
.si_plasma_02 .body .wrap span{ display: block; position: absolute; z-index: 3; top: 0; right: 0; padding: 15px; border-radius: 0 0 0 20px; background: #c5ad8e; font-size: 24px; font-weight: 600; color: #FFF;}
.si_plasma_02 .txt{ margin-top: 30px; text-align: center; line-height: 1.2; font-size: 20px; color: #666;}
.si_plasma_02 .tip{ margin-top: 30px; padding: 50px; border-radius: 20px; background: #FFF; box-shadow: 0 5px 30px 0 rgba(0 0 0/5%); text-align: center;}
.si_plasma_02 .tip .t1{ font-size: 30px; font-weight: 700; color: #000;}
.si_plasma_02 .tip .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #666;}
.si_plasma_02 > .bg{ background: #f5f5f5;}
@media(max-width: 1600px){
    .si_plasma_02 .body{ grid-gap: 20px;}
}
@media(max-width: 600px){
    .si_plasma_02 .contents{ padding: 4rem 0;}
    .si_plasma_02 .head .t1{ font-size: 1.8rem;}
    .si_plasma_02 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_plasma_02 .body{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin-top: 2rem;}
    .si_plasma_02 .body .wrap{ width: auto; border-radius: 1rem;}
    .si_plasma_02 .body .wrap p{ padding: 1rem 0; font-size: 1.2rem;}
    .si_plasma_02 .body .wrap span{ padding: 1rem; border-radius: 0 0 0 1rem; font-size: 1.2rem;}
    .si_plasma_02 .txt{ margin-top: 2rem; font-size: 1.2rem;}
    .si_plasma_02 .tip{ margin-top: 2rem; padding: 2rem; border-radius: 1rem;}
    .si_plasma_02 .tip .t1{ font-size: 1.6rem;}
    .si_plasma_02 .tip .t2{ margin-top: 1rem; font-size: 1.2rem;}
}


.si_plasma_03{}
.si_plasma_03 .contents{ padding: 120px 0; width: 100%;}
.si_plasma_03 .contents .head{ text-align: center;}
.si_plasma_03 .contents .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #FFF;}
.si_plasma_03 .contents .head .t1 b{ font-weight: 700; color: #c5ad8e;}
.si_plasma_03 .contents .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: rgba(255 255 255/80%);}
.si_plasma_03 .contents .list{ display: flex; position: relative; margin-top: 60px;}
.si_plasma_03 .contents .list:after{ content: ""; position: absolute; top: 149px; left: 20%; right: 20%; border-top: 2px dashed #c5ad8e;}
.si_plasma_03 .contents .list .wrap{ position: relative; z-index: 1; width: 50%;}
.si_plasma_03 .contents .list .wrap .img{ margin: 0 auto; max-width: 300px; border-radius: 50%; border: 30px solid rgba(197 173 142/20%);}
.si_plasma_03 .contents .list .wrap .img img{ display: block; width: 100%; border-radius: 50%; border: 4px solid #c5ad8e;}
.si_plasma_03 .contents .list .wrap .txt{ margin-top: 15px; text-align: center; line-height: 1.2; font-size: 24px; color: #FFF;}
.si_plasma_03 .contents .list .wrap .txt br{}
.si_plasma_03 .contents .body{ display: flex; flex-direction: column; align-items: center; margin-top: 60px;}
.si_plasma_03 .contents .body img{ display: block;}
.si_plasma_03 .contents .body img:nth-child(1){ max-width: 100%;}
.si_plasma_03 .contents .body img:nth-child(2){ margin-top: 20px; height: 80px;}
.si_plasma_03 .bg{ background: url(/images/sub/sif23.jpg) center/cover;}
@media(max-width: 1000px){
    .si_plasma_03 .contents .list:after{ top: 98px;}
    .si_plasma_03 .contents .list .wrap .img{ max-width: 200px; border: 20px solid rgba(197 173 142/20%);}
}
@media(max-width: 600px){
    .si_plasma_03 .contents{ padding: 4rem 0;}
    .si_plasma_03 .contents .head .t1{ font-size: 1.8rem;}
    .si_plasma_03 .contents .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_plasma_03 .contents .list{ margin-top: 3rem;}
    .si_plasma_03 .contents .list:after{ top: calc(4rem - 1px);}
    .si_plasma_03 .contents .list .wrap .img{ max-width: 8rem; border: 1rem solid rgba(197 173 142/20%);}
    .si_plasma_03 .contents .list .wrap .img img{ border: 2px solid #c5ad8e;}
    .si_plasma_03 .contents .list .wrap .txt{ margin-top: 1rem; font-size: 1.2rem;}
    .si_plasma_03 .contents .body{ margin-top: 3rem;}
    .si_plasma_03 .contents .body img:nth-child(1){ max-width: 90%;}
    .si_plasma_03 .contents .body img:nth-child(2){ margin-top: 1rem; height: 3rem;}
}


.si_plasma_04{ padding: 120px 0;}
.si_plasma_04 .head{ text-align: center; font-size: 40px; font-weight: 700;}
.si_plasma_04 .list{ display: flex; margin-top: 60px;}
.si_plasma_04 .list .wrap{ display: flex; flex-direction: column; align-items: center; width: 50%;}
.si_plasma_04 .list .wrap .img{ height: 100px;}
.si_plasma_04 .list .wrap .img img{ display: block; height: 100%;}
.si_plasma_04 .list .wrap .txt{ margin-top: 30px; text-align: center; line-height: 1.2; font-size: 24px; color: #000;}
@media(max-width: 600px){
    .si_plasma_04{ padding: 4rem 0;}
    .si_plasma_04 .head{ font-size: 1.8rem;}
    .si_plasma_04 .list{ margin-top: 3rem;}
    .si_plasma_04 .list .wrap .img{ height: 4rem;}
    .si_plasma_04 .list .wrap .txt{ margin-top: 1.2rem; font-size: 1.2rem;}
}


.si_plasma_05{}
.si_plasma_05 .contents{ padding: 120px 0; width: 100%;}
.si_plasma_05 .contents .logo{ display: block; margin: 0 auto; height: 200px;}
.si_plasma_05 .contents .head{ margin-top: 30px; text-align: center;}
.si_plasma_05 .contents .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_plasma_05 .contents .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_plasma_05 .contents .body{ position: relative; margin: 60px auto 0 auto; width: 100%;}
.si_plasma_05 .contents .body .top{ position: relative;}
.si_plasma_05 .contents .body .top .ft{ display: grid; grid-gap: 30px; position: relative; z-index: 2; padding: 30px 0 60px 0;}
.si_plasma_05 .contents .body .top .ft .wrap{ display: flex; justify-content: flex-end; align-items: center; padding: 30px; width: 70%; border-radius: 0 20px 20px 0; background: linear-gradient(90deg, rgba(0 0 0/10%), rgba(0 0 0/20%));}
.si_plasma_05 .contents .body .top .ft .wrap .fl{ text-align: right;}
.si_plasma_05 .contents .body .top .ft .wrap .fl .t1{ font-size: 24px; font-weight: 500; color: #666;}
.si_plasma_05 .contents .body .top .ft .wrap .fl .t2{ margin-top: 5px; font-size: 18px; color: #666;}
.si_plasma_05 .contents .body .top .ft .wrap .fr{ margin-left: 10px; font-size: 50px; font-weight: 900; color: #666;}
.si_plasma_05 .contents .body .top .ft .wrap:nth-child(2){ width: 85%; background: linear-gradient(90deg, rgba(197 173 142/10%), rgba(197 173 142/90%));}
.si_plasma_05 .contents .body .top .ft .wrap:nth-child(2) .fl .t1{ color: #FFF;}
.si_plasma_05 .contents .body .top .ft .wrap:nth-child(2) .fl .t2{ color: #FFF;}
.si_plasma_05 .contents .body .top .ft .wrap:nth-child(2) .fr{ color: #FFF;}
.si_plasma_05 .contents .body .top .fb{ display: flex; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border-left: 1px solid #ddd;}
.si_plasma_05 .contents .body .top .fb span{ display: block; position: relative; width: 25%; border-right: 1px solid #ddd;}
.si_plasma_05 .contents .body .top .fb span p{ position: absolute; right: 5px; bottom: 0; font-size: 20px; color: #666;}
.si_plasma_05 .contents .body .bottom{ margin-top: 30px; text-align: center;}
.si_plasma_05 .contents .body .bottom .t1{ font-size: 36px; font-weight: 600; color: #333;}
.si_plasma_05 .contents .body .bottom .t2{ margin-top: 10px; font-size: 18px; color: #666;}
.si_plasma_05 .contents .text{ margin-top: 60px; text-align: center; line-height: 1.4; font-size: 24px; color: #666;}
.si_plasma_05 .contents .text b{ color: #c5ad8e;}
.si_plasma_05 .contents .img{ display: flex; flex-direction: column; align-items: center; margin-top: 60px;}
.si_plasma_05 .contents .img img{ display: block; max-width: 100%;}
.si_plasma_05 .contents .img p{ margin-top: 30px; font-size: 24px; color: #666;}
.si_plasma_05 .bg{ background: #f5f5f5;}
@media(max-width: 600px){
    .si_plasma_05 .contents{ padding: 4rem 0;}
    .si_plasma_05 .contents .logo{ height: 8rem;}
    .si_plasma_05 .contents .head{ margin-top: 1.2rem;}
    .si_plasma_05 .contents .head .t1{ font-size: 1.8rem;}
    .si_plasma_05 .contents .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_plasma_05 .contents .body{ margin: 3rem 0 0 0;}
    .si_plasma_05 .contents .body .top .ft{ grid-gap: 2rem; padding: 2rem 0 3rem 0;}
    .si_plasma_05 .contents .body .top .ft .wrap{ padding: 2rem 1rem; border-radius: 0 1rem 1rem 0;}
    .si_plasma_05 .contents .body .top .ft .wrap .fl{ text-align: right;}
    .si_plasma_05 .contents .body .top .ft .wrap .fl .t1{ font-size: 1.2rem;}
    .si_plasma_05 .contents .body .top .ft .wrap .fl .t2{ margin-top: 0.2rem; font-size: 1rem;}
    .si_plasma_05 .contents .body .top .ft .wrap .fr{ margin-left: 0.5rem; font-size: 2rem;}
    .si_plasma_05 .contents .body .top .fb span p{ right: 0.2rem; font-size: 1rem;}
    .si_plasma_05 .contents .body .bottom{ margin-top: 2rem;}
    .si_plasma_05 .contents .body .bottom .t1{ font-size: 1.6rem;}
    .si_plasma_05 .contents .body .bottom .t2{ margin-top: 0.5rem; font-size: 1rem;}
    .si_plasma_05 .contents .text{ margin-top: 2rem; font-size: 1.2rem;}
    .si_plasma_05 .contents .img{ margin-top: 2rem;}
    .si_plasma_05 .contents .img p{ margin-top: 1rem; font-size: 1.2rem;}
}


.si_plasma_06{ padding: 120px 0;}
.si_plasma_06 .head{ text-align: center;}
.si_plasma_06 .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_plasma_06 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_plasma_06 .title{ display: flex; flex-direction: column; align-items: center; margin-top: 100px;}
.si_plasma_06 .title span{ display: flex; justify-content: center; align-items: center; padding: 10px 20px; border-radius: 30px; background: #c5ad8e; font-size: 18px; font-weight: 700; color: #FFF;}
.si_plasma_06 .title p{ margin-top: 10px; text-align: center; line-height: 1.2; font-size: 36px; font-weight: 700; color: #000;}

.si_plasma_06 .point_01{ overflow: hidden; position: relative; margin-top: 30px; border-radius: 20px; border: 1px solid #ddd;}
.si_plasma_06 .point_01 .ft{ position: relative; z-index: 3; padding: 50px;}
.si_plasma_06 .point_01 .ft:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; background: linear-gradient(90deg, rgba(197 173 142/50%), rgba(197 173 142/10%));}
.si_plasma_06 .point_01 .ft .wrap{ display: flex; align-items: center; position: relative; z-index: 10; width: 100%; border-bottom: 1px solid rgba(0 0 0/10%);}
.si_plasma_06 .point_01 .ft .wrap:last-child{ border-bottom: 0;}
.si_plasma_06 .point_01 .ft .wrap .tit{ flex: 1; line-height: 1.2; font-size: 24px; font-weight: 600; color: #333;}
.si_plasma_06 .point_01 .ft .wrap .tit:first-child{ text-align: right;}
.si_plasma_06 .point_01 .ft .wrap span{ display: flex; justify-content: center; align-items: center; flex: 0 0 200px; height: 80px; text-align: center; line-height: 1.2; font-size: 20px; font-weight: 700; color: #FFF;}
.si_plasma_06 .point_01 .ft .wrap .txt{ flex: 1; line-height: 1.2; font-size: 20px; color: #333;}
.si_plasma_06 .point_01 .ft .wrap .txt:first-child{ text-align: right;}
.si_plasma_06 .point_01 .fb{ display: flex; justify-content: center;  align-items: flex-end; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.si_plasma_06 .point_01 .fb img{ display: block; height: 75%;}

.si_plasma_06 .point_02{ display: flex; grid-gap: 20px; margin-top: 30px;}
.si_plasma_06 .point_02 .fl{ display: flex; flex-direction: column; align-items: center; padding: 50px; width: 50%; border-radius: 20px; background: #f5f5f5;}
.si_plasma_06 .point_02 .fl .top{ flex: 1; display: flex; width: 100%;}
.si_plasma_06 .point_02 .fl .top .wrap{ display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 50%;}
.si_plasma_06 .point_02 .fl .top .wrap .tit{ margin-top: 20%; padding-bottom: 10px; text-align: center;}
.si_plasma_06 .point_02 .fl .top .wrap .tit p{ font-size: 20px; color: #c5ad8e;}
.si_plasma_06 .point_02 .fl .top .wrap .tit span{ margin-top: 10px; font-size: 40px; font-weight: 700; color: #c5ad8e;}
.si_plasma_06 .point_02 .fl .top .wrap .box{ flex: 1; max-width: 160px; width: 100%; border-radius: 20px 20px 0 0; background: linear-gradient(0deg, rgba(0 0 0/1%), rgba(0 0 0/15%));}
.si_plasma_06 .point_02 .fl .top .wrap .line{ width: 100%; border-bottom: 1px solid #ddd;}
.si_plasma_06 .point_02 .fl .top .wrap .txt{ text-align: center; margin-top: 10px; font-size: 20px; color: #666;}
.si_plasma_06 .point_02 .fl .top .wrap:nth-child(2) .box{ background: linear-gradient(0deg, rgba(197 173 142/10%), rgba(197 173 142/50%));}
.si_plasma_06 .point_02 .fl .top .wrap:nth-child(2) .txt{ color: #c5ad8e;}
.si_plasma_06 .point_02 .fl .bottom{ margin-top: 30px; text-align: center; font-size: 20px; color: #666;}
.si_plasma_06 .point_02 .fr{ overflow: hidden; width: 50%; border-radius: 20px;}
.si_plasma_06 .point_02 .fr video{ display: block; width: 100%;}

.si_plasma_06 .point_03{ display: flex; grid-gap: 20px; margin-top: 30px;}
.si_plasma_06 .point_03 .fl{ width: 50%; padding: 50px; border-radius: 20px; background: #f5f5f5;}
.si_plasma_06 .point_03 .fl .top{ position: relative;}
.si_plasma_06 .point_03 .fl .top .ft{ display: grid; grid-gap: 20px; position: relative; z-index: 2; padding: 0 0 20px 0;}
.si_plasma_06 .point_03 .fl .top .ft .wrap{ display: flex; justify-content: flex-end; align-items: center; padding: 20px 30px; width: 70%; border-radius: 0 20px 20px 0; background: linear-gradient(90deg, rgba(0 0 0/10%), rgba(0 0 0/20%)); text-align: right; font-size: 20px; font-weight: 500; color: #666;}
.si_plasma_06 .point_03 .fl .top .ft .wrap:nth-child(1){ width: 90%; background: linear-gradient(90deg, rgba(197 173 142/10%), rgba(197 173 142/90%)); color: #FFF;}
.si_plasma_06 .point_03 .fl .top .ft .wrap:nth-child(2){ width: 82%;}
.si_plasma_06 .point_03 .fl .top .ft .wrap:nth-child(3){ width: 85%;}
.si_plasma_06 .point_03 .fl .top .fb{ display: flex; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}
.si_plasma_06 .point_03 .fl .top .fb span{ display: block; position: relative; width: 25%; border-left: 1px solid #ddd;}
.si_plasma_06 .point_03 .fl .top .fb span p{ position: absolute; right: 5px; bottom: 0; font-size: 16px; color: #666;}
.si_plasma_06 .point_03 .fl .bottom{ margin-top: 30px; text-align: center; font-size: 20px; color: #666;}
.si_plasma_06 .point_03 .fr{ overflow: hidden; width: 50%; border-radius: 20px;}
.si_plasma_06 .point_03 .fr video{ display: block; width: 100%;}
@media(max-width: 1000px){
    .si_plasma_06 .point_02{ display: grid;}
    .si_plasma_06 .point_02 .fl{ width: auto; height: 400px;}
    .si_plasma_06 .point_02 .fr{ width: auto;}
    .si_plasma_06 .point_03{ display: grid;}
    .si_plasma_06 .point_03 .fl{ width: auto;}
    .si_plasma_06 .point_03 .fr{ width: auto;}
}
@media(max-width: 600px){
    .si_plasma_06{ padding: 4rem 0;}
    .si_plasma_06 .head .t1{ font-size: 1.8rem;}
    .si_plasma_06 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_plasma_06 .title{ margin-top: 4rem;}
    .si_plasma_06 .title span{ padding: 0.5rem 1rem; border-radius: 3rem; font-size: 1rem; letter-spacing: 0;}
    .si_plasma_06 .title p{ margin-top: 1rem; font-size: 1.6rem;}

    .si_plasma_06 .point_01{ margin-top: 1rem; border-radius: 1.2rem;}
    .si_plasma_06 .point_01 .ft{ padding: 2rem 0;}
    .si_plasma_06 .point_01 .ft .wrap .tit{ padding-bottom: 1rem; font-size: 1.4rem;}
    .si_plasma_06 .point_01 .ft .wrap span{ flex: 0 0 8rem; height: 4rem; font-size: 1.2rem;}
    .si_plasma_06 .point_01 .ft .wrap .txt{ font-size: 1.2rem;}

    .si_plasma_06 .point_02{ grid-gap: 1rem; margin-top: 1.2rem;}
    .si_plasma_06 .point_02 .fl{ padding: 2rem; border-radius: 1rem; height: 20rem;}
    .si_plasma_06 .point_02 .fl .top .wrap .tit{ padding-bottom: 0.5rem;}
    .si_plasma_06 .point_02 .fl .top .wrap .tit p{ font-size: 1.2rem;}
    .si_plasma_06 .point_02 .fl .top .wrap .tit span{ margin-top: 0.5rem; font-size: 1.8rem;}
    .si_plasma_06 .point_02 .fl .top .wrap .box{ max-width: 8rem; border-radius: 1rem 1rem 0 0;}
    .si_plasma_06 .point_02 .fl .top .wrap .txt{ margin-top: 1rem; font-size: 1.2rem;}
    .si_plasma_06 .point_02 .fl .bottom{ margin-top: 1rem; font-size: 1rem;}
    .si_plasma_06 .point_02 .fr{ border-radius: 1rem;}

    .si_plasma_06 .point_03{ grid-gap: 1rem; margin-top: 1.2rem;}
    .si_plasma_06 .point_03 .fl{ padding: 2rem; border-radius: 1rem;}
    .si_plasma_06 .point_03 .fl .top .ft{ grid-gap: 1rem; padding: 0 0 2rem 0;}
    .si_plasma_06 .point_03 .fl .top .ft .wrap{ padding: 1.5rem 2rem; border-radius: 0 1rem 1rem 0; font-size: 1.4rem;}
    .si_plasma_06 .point_03 .fl .top .ft .wrap:nth-child(1){ width: 90%;}
    .si_plasma_06 .point_03 .fl .top .ft .wrap:nth-child(2){ width: 70%;}
    .si_plasma_06 .point_03 .fl .top .ft .wrap:nth-child(3){ width: 75%;}
    .si_plasma_06 .point_03 .fl .top .fb span p{ right: 0.2rem; font-size: 1rem;}
    .si_plasma_06 .point_03 .fl .bottom{ margin-top: 1.2rem; font-size: 1.2rem;}
    .si_plasma_06 .point_03 .fr{ border-radius: 1rem;}
}


.si_plasma_07{}
.si_plasma_07 .contents{ padding: 120px 0; width: 100%;}
.si_plasma_07 .contents .head{ text-align: center;}
.si_plasma_07 .contents .head img{ display: block; margin: 0 auto; height: 120px;}
.si_plasma_07 .contents .head .t1{ margin: 30px 0 0 0; line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_plasma_07 .contents .head .t2{ margin: 30px 0 0 0; line-height: 1.4; font-size: 24px; color: #333;}
.si_plasma_07 .contents .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; margin-top: 60px;}
.si_plasma_07 .contents .list .wrap{ display: flex; flex-direction: column;}
.si_plasma_07 .contents .list .wrap .img{ width: 100%;}
.si_plasma_07 .contents .list .wrap .img img{ display: block; width: 100%; border-radius: 20px 20px 0 0;}
.si_plasma_07 .contents .list .wrap .info{ flex: 1; padding: 40px; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 20px 20px; background: #FFF;}
.si_plasma_07 .contents .list .wrap .info .t1{ line-height: 1.2; font-size: 24px; font-weight: 700; color: #000;}
.si_plasma_07 .contents .list .wrap .info .t2{ margin-top: 15px; line-height: 1.4; font-size: 20px; color: #666;}
.si_plasma_07 .bg{ background: #fafafa;}
@media(max-width: 1000px){
    .si_plasma_07 .contents .list{ grid-template-columns: repeat(1,1fr);}
}
@media(max-width: 600px){
    .si_plasma_07{}
    .si_plasma_07 .contents{ padding: 4rem 0;}
    .si_plasma_07 .contents .head img{ height: 6rem;}
    .si_plasma_07 .contents .head .t1{ margin: 1.2rem 0 0 0; font-size: 1.8rem;}
    .si_plasma_07 .contents .head .t2{ margin: 1.2rem 0 0 0; font-size: 1.2rem;}
    .si_plasma_07 .contents .list{ grid-gap: 1rem; margin-top: 3rem;}
    .si_plasma_07 .contents .list .wrap .img img{ border-radius: 1rem 1rem 0 0;}
    .si_plasma_07 .contents .list .wrap .info{ padding: 2rem; border-radius: 0 0 1rem 1rem;}
    .si_plasma_07 .contents .list .wrap .info .t1{ font-size: 1.3rem;}
    .si_plasma_07 .contents .list .wrap .info .t2{ margin-top: 1rem; font-size: 1.1rem;}
}




.si_navigation_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.si_navigation_visual .fl{ display: flex; justify-content: center; width: 50%;}
.si_navigation_visual .fl img{ display: block;}
.si_navigation_visual .fr{ padding-right: 100px; width: 50%;}
.si_navigation_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_navigation_visual .fr .t2{ margin-top: 30px; line-height: 1.2; font-size: 24px; color: #333;}

.si_navigation_01{ display: flex; align-items: center; padding: 120px 0;}
.si_navigation_01 .fl{ padding-right: 100px; width: 50%;}
.si_navigation_01 .fl .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_navigation_01 .fl .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_navigation_01 .fr{ position: relative;}
.si_navigation_01 .fr span{ display: flex; align-items: center; position: absolute; z-index: 10; right: 0; bottom: 0; padding: 0 20px; height: 50px; border-radius: 20px 0 20px 0; background: #c5ad8e; font-size: 20px; font-weight: 500; color: #FFF;}
.si_navigation_01 .fr img{ display: block; width: 100%; border-radius: 20px;}

.si_navigation_02{}
.si_navigation_02 .contents{ padding: 120px 0; width: 100%;}
.si_navigation_02 .contents .head{ text-align: center; font-size: 40px; font-weight: 700; color: #FFF;}
.si_navigation_02 .contents .list{ display: flex; justify-content: center; grid-gap: 20px; margin-top: 60px;}
.si_navigation_02 .contents .list .wrap{ padding: 50px 30px 80px 30px; width: 20%; border-radius: 20px; border: 1px solid rgba(255 255 255/10%); background: rgba(255 255 255/10%); box-shadow: 0 10px 30px 0 rgba(0 0 0/20%); text-align: center;}
.si_navigation_02 .contents .list .wrap span{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 20px; background: #c5ad8e; font-size: 18px; font-weight: 700; color: #000;}
.si_navigation_02 .contents .list .wrap .t1{ margin-top: 30px; font-size: 24px; font-weight: 500; color: #FFF;}
.si_navigation_02 .contents .list .wrap .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: rgba(255 255 255/60%);}
.si_navigation_02 .bg{ background: url(/images/sub/sit02.jpg) center top/cover;}

.si_navigation_03{ padding: 120px 0;}
.si_navigation_03 .head{ text-align: center;}
.si_navigation_03 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_navigation_03 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_navigation_03 .body{ display: flex; grid-gap: 20px; margin-top: 60px;}
.si_navigation_03 .body .wrap{ display: flex; flex-direction: column; width: 50%;}
.si_navigation_03 .body .wrap .img{}
.si_navigation_03 .body .wrap .img img{ display: block; width: 100%; border-radius: 20px 20px 0 0;}
.si_navigation_03 .body .wrap .info{ flex: 1; padding: 40px; border-radius: 0 0 20px 20px; border: 1px solid #ddd;}
.si_navigation_03 .body .wrap .info .t1{ font-size: 24px; font-weight: 600; color: #000;}
.si_navigation_03 .body .wrap .info .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #666;}
.si_navigation_03 .body .wrap .info .t3{ margin-top: 20px; line-height: 1.2; font-size: 20px; color: #c5ad8e;}

.si_navigation_04{}
.si_navigation_04 .contents{ padding: 120px 0; width: 100%;}
.si_navigation_04 .head{ text-align: center;}
.si_navigation_04 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_navigation_04 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_navigation_04 .body{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-top: 60px;}
.si_navigation_04 .body .img{}
.si_navigation_04 .body .img img{ display: block;}
.si_navigation_04 .body svg{ width: 30px; height: 30px;}
.si_navigation_04 .body svg path{ fill: #ccc;}
.si_navigation_04 .bg{ background: #f1f2f6;}

.si_navigation_05{ padding: 120px 0 0 0;}
.si_navigation_05 .head{ text-align: center;}
.si_navigation_05 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_navigation_05 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_navigation_05 .body{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 50px 50px; margin-top: 60px;}
.si_navigation_05 .body .wrap{ display: flex; flex-direction: column;}
.si_navigation_05 .body .wrap:nth-child(7){ grid-column: 1/3;}
.si_navigation_05 .body .wrap .img{ position: relative; height: 300px; border-radius: 20px 20px 0 0;}
.si_navigation_05 .body .wrap .img span{ display: flex; align-items: center; position: absolute; z-index: 10; top: 0; left: 0; padding: 0 20px; height: 60px; border-radius: 20px 0 20px 0; background: #c5ad8e; font-size: 20px; font-weight: 700; color: #FFF;}
.si_navigation_05 .body .wrap .info{ flex: 1; padding: 40px; border-radius: 0 0 20px 20px; border: 1px solid #ddd;}
.si_navigation_05 .body .wrap .info .t1{ font-size: 24px; font-weight: 600; color: #000;}
.si_navigation_05 .body .wrap .info .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #666;}
@media(max-width: 1600px){
    .si_navigation_01 .fl{ padding-right: 50px;}

    .si_navigation_02 .contents .list .wrap{ padding: 50px 15px 80px 15px; width: 20%;}

    .si_navigation_04 .body .img img{ width: 200px;}

    .si_navigation_05 .body{ grid-gap: 40px 20px;}
}
@media(max-width: 1000px){
    .si_navigation_visual{ display: block; padding: 50px 0; height: auto;}
    .si_navigation_visual .fl{ width: auto; height: auto;}
    .si_navigation_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_navigation_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .si_navigation_01{ display: block;}
    .si_navigation_01 .fl{ padding-right: 0; width: auto; text-align: center;}
    .si_navigation_01 .fr{ margin-top: 60px;}

    .si_navigation_02 .contents .list{ flex-wrap: wrap;}
    .si_navigation_02 .contents .list .wrap{ padding: 50px 15px 80px 15px; width: 30%;}

    .si_navigation_04 .body .img img{ width: 140px;}
    .si_navigation_04 .body svg{ width: 20px; height: 20px;}

    .si_navigation_05 .body .wrap .img{ height: 200px;}
    .si_navigation_05 .body .wrap .info{ padding: 30px;}
}
@media(max-width: 600px){
    .si_navigation_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_navigation_visual .fl img{ height: 14rem;}
    .si_navigation_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_navigation_visual .fr .t1{ font-size: 1.8rem;}
    .si_navigation_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_navigation_01{ padding: 4rem 0;}
    .si_navigation_01 .fl .t1{ font-size: 1.8rem;}
    .si_navigation_01 .fl .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_navigation_01 .fr{ margin-top: 2rem;}
    .si_navigation_01 .fr span{ padding: 0 1rem; height: 3rem; border-radius: 1rem 0 1rem 0; font-size: 1.2rem;}
    .si_navigation_01 .fr img{ border-radius: 1rem;}

    .si_navigation_02 .contents{ padding: 4rem 0;}
    .si_navigation_02 .contents .head{ font-size: 1.8rem;}
    .si_navigation_02 .contents .list{ grid-gap: 1rem; margin-top: 2rem;}
    .si_navigation_02 .contents .list .wrap{ padding: 2rem 0.5rem 3rem 0.5rem; width: 30%; border-radius: 1rem;}
    .si_navigation_02 .contents .list .wrap span{ width: 2.5rem; height: 2.5rem; font-size: 1rem;}
    .si_navigation_02 .contents .list .wrap .t1{ margin-top: 1rem; font-size: 1.2rem;}

    .si_navigation_03{ padding: 4rem 0;}
    .si_navigation_03 .head .t1{ font-size: 1.8rem;}
    .si_navigation_03 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_navigation_03 .body{ display: grid; grid-gap: 1rem; margin-top: 2rem;}
    .si_navigation_03 .body .wrap{ width: 100%;}
    .si_navigation_03 .body .wrap .img img{ border-radius: 1rem 1rem 0 0;}
    .si_navigation_03 .body .wrap .info{ flex: 1; padding: 2rem; border-radius: 0 0 1rem 1rem;}
    .si_navigation_03 .body .wrap .info .t1{ font-size: 1.4rem;}
    .si_navigation_03 .body .wrap .info .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_navigation_03 .body .wrap .info .t3{ margin-top: 1rem; font-size: 1rem;}

    .si_navigation_04 .contents{ padding: 4rem 0;}
    .si_navigation_04 .head .t1{ font-size: 1.8rem;}
    .si_navigation_04 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_navigation_04 .body{ grid-gap: 0.5rem; margin-top: 2rem;}
    .si_navigation_04 .body .img img{ width: 5rem;}
    .si_navigation_04 .body svg{ width: 1rem; height: 1rem;}

    .si_navigation_05{ padding: 4rem 0 0 0;}
    .si_navigation_05 .head .t1{ line-height: 1.2; font-size: 1.8rem;}
    .si_navigation_05 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_navigation_05 .body{ grid-template-columns: repeat(2,1fr); grid-gap: 2rem 1rem; margin-top: 2rem;}
    .si_navigation_05 .body .wrap{ display: flex; flex-direction: column;}
    .si_navigation_05 .body .wrap:nth-child(7){ grid-column: 1/3;}
    .si_navigation_05 .body .wrap .img{ height: 8rem; border-radius: 1rem 1rem 0 0;}
    .si_navigation_05 .body .wrap .img span{ padding: 0 1rem; height: 3rem; border-radius: 1rem 0 1rem 0; font-size: 1.2rem;}
    .si_navigation_05 .body .wrap .info{ padding: 1.5rem 1.5rem; border-radius: 0 0 1rem 1rem;}
    .si_navigation_05 .body .wrap .info .t1{ font-size: 1.2rem;}
    .si_navigation_05 .body .wrap .info .t2{ margin-top: 0.8rem; font-size: 1rem;}
}


.si_immediate_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.si_immediate_visual .fl{ display: flex; justify-content: center; width: 50%;}
.si_immediate_visual .fl img{ display: block;}
.si_immediate_visual .fr{ padding-right: 50px; width: 50%;}
.si_immediate_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_immediate_visual .fr .t2{ margin-top: 30px; line-height: 1.2; font-size: 24px; color: #333;}

.si_immediate_01{ padding: 120px 0;}
.si_immediate_01 .head{ text-align: center;}
.si_immediate_01 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_immediate_01 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_immediate_01 .body{ display: flex; grid-gap: 20px; margin-top: 60px;}
.si_immediate_01 .body .wrap{ display: flex; flex-direction: column; padding: 50px; width: 50%; border-radius: 20px; background: #333;}
.si_immediate_01 .body .wrap .tit{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-bottom: 40px; font-size: 30px; font-weight: 700; color: #FFF;}
.si_immediate_01 .body .wrap .tit img{ display: block; height: 30px;}
.si_immediate_01 .body .wrap .list{ display: grid; grid-gap: 10px;}
.si_immediate_01 .body .wrap .list .row{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 40px; height: 70px; border-radius: 40px; background: rgba(255 255 255/10%);}
.si_immediate_01 .body .wrap .list .row span{ font-size: 24px; font-weight: 700; color: #FFF;}
.si_immediate_01 .body .wrap .list .row p{ position: absolute; left: 0; right: 0; text-align: center; font-size: 24px; color: #FFF;}
.si_immediate_01 .body .wrap .list .row svg{ width: 20px; height: 20px;}
.si_immediate_01 .body .wrap .list .row svg path{ fill: #FFF;}
.si_immediate_01 .body .wrap .foot{ display: flex; justify-content: center; align-items: center; margin-top: 10px; height: 70px; border-radius: 40px; background: #FFF; font-size: 24px; font-weight: 700; color: #000;}
.si_immediate_01 .body .wrap:nth-child(2){ background: #c5ad8e;}
.si_immediate_01 .body .wrap:nth-child(2) .ok{ flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; border-radius: 35px; background: #333;}
.si_immediate_01 .body .wrap:nth-child(2) .ok:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/si_bg.png) center/cover; opacity: 0.3;}
.si_immediate_01 .body .wrap:nth-child(2) .ok .t1{ font-size: 40px; font-weight: 700; color: #FFF;}
.si_immediate_01 .body .wrap:nth-child(2) .ok img{ display: block; margin-top: 20px;}
.si_immediate_01 .body .wrap:nth-child(2) .ok .t2{ margin-top: 20px; font-size: 24px; color: #FFF;}
.si_immediate_01 .body .wrap:nth-child(2) .ok svg{ margin-top: 20px; width: 20px; height: 20px;}
.si_immediate_01 .body .wrap:nth-child(2) .ok svg path{ fill: #FFF;}
.si_immediate_01 .text{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; margin-top: 40px;}
.si_immediate_01 .text span{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; background: #c5ad8e; font-size: 20px; font-weight: 700; color: #FFF;}
.si_immediate_01 .text p{ line-height: 1.2; font-size: 20px; font-weight: 600; color: #c5ad8e;}

.si_immediate_02{ padding: 0 0 0 0;}
.si_immediate_02 .contents{ width: 100%;}
.si_immediate_02 .contents .head{ text-align: center;}
.si_immediate_02 .contents .head .t1{ font-size: 20px; color: #333;}
.si_immediate_02 .contents .head .t2{ margin-top: 20px; font-size: 40px; font-weight: 700; color: #000;}
.si_immediate_02 .contents .list{ display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 50px 0; margin-top: 60px;}
.si_immediate_02 .contents .list .wrap{ display: flex; flex-direction: column; align-items: center; width: 25%;}
.si_immediate_02 .contents .list .wrap img{ display: block;}
.si_immediate_02 .contents .list .wrap span{ display: block; margin-top: 20px; font-size: 24px; font-weight: 700; color: #c5ad8e;}
.si_immediate_02 .contents .list .wrap .t1{ margin-top: 10px; text-align: center; line-height: 1.4; font-size: 20px; color: #333;}
.si_immediate_02 .bg{ display: none; background: #fafafa;}
.si_immediate_02 .bg:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/sub/si_bg_b.png) center/cover; opacity: 0.15;}
@media(max-width: 1600px){
    .si_immediate_01 .body .wrap .list .row{ padding: 0 30px;}
    .si_immediate_01 .body .wrap .list .row span{ font-size: 18px;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok{ padding: 0 40px;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok .t2{ text-align: center; line-height: 1.2;}

}
@media(max-width: 1000px){
    .si_immediate_visual{ display: block; padding: 50px 0; height: auto;}
    .si_immediate_visual .fl{ width: auto; height: auto;}
    .si_immediate_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_immediate_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .si_immediate_01 .body .wrap{ padding: 50px 20px;}
    .si_immediate_01 .body .wrap .list .row span{ font-size: 16px;}
    .si_immediate_01 .body .wrap .list .row p{ font-size: 20px;}
    .si_immediate_01 .body .wrap .list .row svg{ width: 16px; height: 16px;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok{ padding: 0 30px;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok .t2{ font-size: 20px;}

    .si_immediate_02 .contents .list .wrap{ width: 50%;}
}
@media(max-width: 600px){
    .si_immediate_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_immediate_visual .fl img{ height: 14rem;}
    .si_immediate_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_immediate_visual .fr .t1{ font-size: 1.8rem;}
    .si_immediate_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_immediate_01{ padding: 4rem 0;}
    .si_immediate_01 .head .t1{ font-size: 1.8rem;}
    .si_immediate_01 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_immediate_01 .body{ display: grid; grid-gap: 1rem; margin-top: 2rem;}
    .si_immediate_01 .body .wrap{ padding: 2rem; width: auto; border-radius: 1rem;}
    .si_immediate_01 .body .wrap .tit{ grid-gap: 1rem; margin-bottom: 2rem; font-size: 1.6rem;}
    .si_immediate_01 .body .wrap .tit img{ height: 1.6rem;}
    .si_immediate_01 .body .wrap .list{ grid-gap: 0.8rem;}
    .si_immediate_01 .body .wrap .list .row{ padding: 0 2rem; height: 4rem; border-radius: 4rem;}
    .si_immediate_01 .body .wrap .list .row span{ font-size: 1.2rem;}
    .si_immediate_01 .body .wrap .list .row p{ font-size: 1.2rem;}
    .si_immediate_01 .body .wrap .list .row svg{ width: 1rem; height: 1rem;}
    .si_immediate_01 .body .wrap .foot{ margin-top: 0.8rem; height: 4rem; border-radius: 4rem; font-size: 1.4rem;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok{ padding: 2rem; border-radius: 2rem;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok .t1{ font-size: 1.8rem;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok img{ margin-top: 1rem; height: 1.4rem;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_immediate_01 .body .wrap:nth-child(2) .ok svg{ margin-top: 1rem; width: 1rem; height: 1rem;}
    .si_immediate_01 .text{ grid-gap: 0.5rem; margin-top: 1rem;}
    .si_immediate_01 .text span{ flex: 0 0 2rem; width: 2rem; height: 2rem; font-size: 1.1rem;}
    .si_immediate_01 .text p{ font-size: 1rem;}

    .si_immediate_02{ padding: 0 0 0 0;}
    .si_immediate_02 .contents .head .t1{ font-size: 1.2rem;}
    .si_immediate_02 .contents .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .si_immediate_02 .contents .list{ grid-gap: 2rem 0; margin-top: 2rem;}
    .si_immediate_02 .contents .list .wrap img{ height: 8rem;}
    .si_immediate_02 .contents .list .wrap span{ margin-top: 1rem; font-size: 1.4rem;}
    .si_immediate_02 .contents .list .wrap .t1{ margin-top: 0.8rem; font-size: 1.1rem;}
}


.si_full_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.si_full_visual .fl{ display: flex; justify-content: center; width: 50%;}
.si_full_visual .fl img{ display: block;}
.si_full_visual .fr{ padding-right: 100px; width: 50%;}
.si_full_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_full_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.si_full_01{ margin-top: 120px;}
.si_full_01 .contents{ padding: 120px 0; width: 100%;}
.si_full_01 .contents .head{ text-align: center; font-size: 40px; font-weight: 700; color: #FFF;}
.si_full_01 .contents .list{ display: flex; justify-content: center; grid-gap: 20px; margin-top: 60px;}
.si_full_01 .contents .list .wrap{ padding: 50px 30px 80px 30px; width: 25%; border-radius: 20px; border: 1px solid rgba(255 255 255/10%); background: rgba(255 255 255/10%); box-shadow: 0 10px 30px 0 rgba(0 0 0/20%); text-align: center;}
.si_full_01 .contents .list .wrap span{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 20px; background: #c5ad8e; font-size: 18px; font-weight: 700; color: #000;}
.si_full_01 .contents .list .wrap .t1{ margin-top: 30px; line-height: 1.2; font-size: 24px; font-weight: 500; color: #FFF;}
.si_full_01 .contents .list .wrap .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: rgba(255 255 255/60%);}
.si_full_01 .bg{ background: url(/images/sub/sit02.jpg) center top/cover;}

.si_full_02{ padding: 120px 0 0 0;}
.si_full_02 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.si_full_02 .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; margin-top: 60px;}
.si_full_02 .list .wrap{}
.si_full_02 .list .wrap img{ display: block; width: 100%;}

.si_full_03{ padding: 120px 0 0 0;}
.si_full_03 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.si_full_03 .body{ display: flex; align-items: flex-start; margin-top: 60px; padding: 80px; border-radius: 20px; border: 1px solid #ddd;}
.si_full_03 .body .fl{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px 50px; width: 100%;}
.si_full_03 .body .fl p{ position: relative; padding-left: 35px; line-height: 1.4; font-size: 20px; color: #333;}
.si_full_03 .body .fl p img{ display: block; position: absolute; top: 0; left: 0; width: auto; height: 24px;}
.si_full_03 .body .fr{ display: none; width: 50%;}
.si_full_03 .body .fr img{ display: block; width: 80%;}
@media(max-width: 1600px){
    .si_full_visual .fr{ padding-right: 50px;}

    .si_full_01 .contents .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px;}
    .si_full_01 .contents .list .wrap{ width: auto;}

    .si_full_03 .body{ padding: 50px;}
}
@media(max-width: 1000px){
    .si_full_visual{ display: block; padding: 50px 0; height: auto;}
    .si_full_visual .fl{ width: auto; height: auto;}
    .si_full_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_full_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .si_full_01 .contents .list{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 600px){
    .si_full_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_full_visual .fl img{ height: 14rem;}
    .si_full_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_full_visual .fr .t1{ font-size: 1.8rem;}
    .si_full_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_full_01{ margin-top: 4rem;}
    .si_full_01 .contents{ padding: 4rem 0;}
    .si_full_01 .contents .head{ font-size: 1.8rem;}
    .si_full_01 .contents .list{ grid-gap: 1rem; margin-top: 2rem;}
    .si_full_01 .contents .list .wrap{ padding: 2rem 1rem 4rem 1rem; border-radius: 1rem;}
    .si_full_01 .contents .list .wrap span{ width: 2.5rem; height: 2.5rem; border-radius: 2rem; font-size: 1rem;}
    .si_full_01 .contents .list .wrap .t1{ margin-top: 2rem; font-size: 1.4rem;}
    .si_full_01 .contents .list .wrap .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_full_01 .contents .list .wrap:nth-child(5){ grid-column: 1/3;}

    .si_full_02{ padding: 4rem 0 0 0;}
    .si_full_02 .head{ font-size: 1.8rem;}
    .si_full_02 .list{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin-top: 2rem;}

    .si_full_03{ padding: 4rem 0 0 0;}
    .si_full_03 .head{ font-size: 1.8rem;}
    .si_full_03 .body{ margin-top: 2rem; padding: 2rem; border-radius: 1rem;}
    .si_full_03 .body .fl{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem;}
    .si_full_03 .body .fl p{ padding-left: 2rem; font-size: 1.2rem;}
    .si_full_03 .body .fl p img{ top: 0; height: 1.2rem;}
}


.si_risk_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.si_risk_visual .fl{ display: flex; justify-content: center; width: 50%;}
.si_risk_visual .fl img{ display: block;}
.si_risk_visual .fr{ padding-right: 50px; width: 50%;}
.si_risk_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_risk_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.si_risk_01{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 80px 0;}
.si_risk_01 img{ display: block;}
.si_risk_01 p{ margin-top: 30px; text-align: center; line-height: 1.4; font-size: 24px; color: #F00;}

.si_risk_02{ display: flex; align-items: center; grid-gap: 50px;}
.si_risk_02 img{ display: block; width: 50%; border-radius: 20px;}
.si_risk_02 .fr{ padding-right: 100px; width: 50%;}
.si_risk_02 .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_risk_02 .fr .t2{ display: grid; grid-gap: 15px; margin-top: 30px;}
.si_risk_02 .fr .t2 p{ position: relative; padding-left: 35px; line-height: 1.2; font-size: 20px; color: #333;}
.si_risk_02 .fr .t2 p img{ display: block; position: absolute; top: 0; left: 0; width: auto; height: 24px;}

.si_risk_03{ display: flex; flex-direction: row-reverse; align-items: center; grid-gap: 50px; padding: 120px 0 0 0;}
.si_risk_03 img{ display: block; width: 50%; border-radius: 20px;}
.si_risk_03 .fr{ padding-right: 100px; width: 50%;}
.si_risk_03 .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_risk_03 .fr .t2{ display: grid; grid-gap: 15px; margin-top: 30px;}
.si_risk_03 .fr .t2 p{ position: relative; padding-left: 35px; line-height: 1.2; font-size: 20px; color: #333;}
.si_risk_03 .fr .t2 p img{ display: block; position: absolute; top: 0; left: 0; width: auto; height: 24px;}
@media(max-width: 1600px){
}
@media(max-width: 1000px){
    .si_risk_visual{ display: block; padding: 50px 0; height: auto;}
    .si_risk_visual .fl{ width: auto; height: auto;}
    .si_risk_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_risk_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .si_risk_02{ display: block;}
    .si_risk_02 img{ width: 100%;}
    .si_risk_02 .fr{ margin-top: 40px; padding: 0; width: auto;}

    .si_risk_03{ display: block;}
    .si_risk_03 img{ width: 100%;}
    .si_risk_03 .fr{ margin-top: 40px; padding: 0; width: auto;}
}
@media(max-width: 600px){
    .si_risk_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_risk_visual .fl img{ height: 14rem;}
    .si_risk_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_risk_visual .fr .t1{ font-size: 1.8rem;}
    .si_risk_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_risk_01{ padding: 4rem 0;}
    .si_risk_01 img{ height: 3rem;}
    .si_risk_01 p{ margin-top: 1rem; font-size: 1.2rem;}

    .si_risk_02 img{ border-radius: 1rem;}
    .si_risk_02 .fr{ margin-top: 1rem;}
    .si_risk_02 .fr .t1{ font-size: 1.8rem;}
    .si_risk_02 .fr .t2{ grid-gap: 1rem; margin-top: 1rem;}
    .si_risk_02 .fr .t2 p{ padding-left: 2rem; font-size: 1.2rem;}
    .si_risk_02 .fr .t2 p img{ height: 1.2rem;}

    .si_risk_03{ padding-top: 4rem;}
    .si_risk_03 img{ border-radius: 1rem;}
    .si_risk_03 .fr{ margin-top: 1rem;}
    .si_risk_03 .fr .t1{ font-size: 1.8rem;}
    .si_risk_03 .fr .t2{ grid-gap: 1rem; margin-top: 1rem;}
    .si_risk_03 .fr .t2 p{ padding-left: 2rem; font-size: 1.2rem;}
    .si_risk_03 .fr .t2 p img{ height: 1.2rem;}
}


.si_revision_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.si_revision_visual .fl{ display: flex; justify-content: center; width: 50%;}
.si_revision_visual .fl img{ display: block;}
.si_revision_visual .fr{ padding-right: 50px; width: 50%;}
.si_revision_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_revision_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.si_revision_01{ padding: 120px 0 0 0;}
.si_revision_01 .head{ text-align: center;}
.si_revision_01 .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_revision_01 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_revision_01 .list{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 20px; margin-top: 60px;}
.si_revision_01 .list .wrap{ display: flex; flex-direction: column; align-items: center; padding: 40px 20px; border-radius: 20px; border: 1px solid #ddd;}
.si_revision_01 .list .wrap span{ display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #c5ad8e; font-size: 16px; font-weight: 700; color: #FFF;}
.si_revision_01 .list .wrap p{ margin-top: 20px; text-align: center; line-height: 1.4; font-size: 20px; color: #333;}
@media(max-width: 1600px){
    .si_revision_01 .list .wrap .info{ padding: 30px;}
}
@media(max-width: 1000px){
    .si_revision_visual{ display: block; padding: 50px 0; height: auto;}
    .si_revision_visual .fl{ width: auto; height: auto;}
    .si_revision_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_revision_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .si_revision_01 .list{ grid-template-columns: repeat(3,1fr);}

}
@media(max-width: 600px){
    .si_revision_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_revision_visual .fl img{ height: 10rem;}
    .si_revision_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_revision_visual .fr .t1{ font-size: 1.8rem;}
    .si_revision_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_revision_01{ padding: 4rem 0 0 0;}
    .si_revision_01 .head .t1{ font-size: 1.8rem;}
    .si_revision_01 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_revision_01 .list{ grid-template-columns: repeat(2,1fr); grid-gap: 1rem; margin-top: 2rem;}
    .si_revision_01 .list .wrap{ padding: 2rem 1rem;}
    .si_revision_01 .list .wrap p{ font-size: 1.2rem;}
    .si_revision_01 .list .wrap:nth-child(5){ grid-column: 1/3;}
}


.si_denture_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.si_denture_visual .fl{ display: flex; justify-content: center; width: 50%;}
.si_denture_visual .fl img{ display: block;}
.si_denture_visual .fr{ padding-right: 50px; width: 50%;}
.si_denture_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_denture_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.si_denture_01{ display: flex; align-items: center; grid-gap: 50px; padding-top: 120px;}
.si_denture_01 .head{ width: 50%;}
.si_denture_01 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_denture_01 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_denture_01 .img{ position: relative; width: 50%;}
.si_denture_01 .img .min{ position: absolute; z-index: 10; bottom: -30px; left: -30px;}
.si_denture_01 .img .min img{ display: block; height: 120px; border-radius: 20px;}
.si_denture_01 .img .max{}
.si_denture_01 .img .max img{ display: block; width: 100%; border-radius: 20px;}

.si_denture_02{ display: flex; flex-direction: row-reverse; align-items: center; grid-gap: 50px; padding-top: 120px;}
.si_denture_02 .head{ width: 50%;}
.si_denture_02 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_denture_02 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_denture_02 .img{ position: relative; width: 50%;}
.si_denture_02 .img .min{ display: flex; grid-gap: 10px; position: absolute; z-index: 10; bottom: -30px; right: -30px;}
.si_denture_02 .img .min img{ display: block; height: 120px; border-radius: 20px;}
.si_denture_02 .img .max{}
.si_denture_02 .img .max img{ display: block; width: 100%; border-radius: 20px;}

.si_denture_03{ display: flex; align-items: center; grid-gap: 50px; padding-top: 120px;}
.si_denture_03 .head{ width: 50%;}
.si_denture_03 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.si_denture_03 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.si_denture_03 .img{ position: relative; width: 50%;}
.si_denture_03 .img .min{ display: flex; grid-gap: 10px; position: absolute; z-index: 10; bottom: -30px; left: -30px;}
.si_denture_03 .img .min img{ display: block; height: 120px; border-radius: 20px;}
.si_denture_03 .img .max{}
.si_denture_03 .img .max img{ display: block; width: 100%; border-radius: 20px;}

.si_denture_04{ padding-top: 120px;}
.si_denture_04 .head{ text-align: center;}
.si_denture_04 .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_denture_04 .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px; margin-top: 60px;}
.si_denture_04 .list .wrap{ display: flex; flex-direction: column;}
.si_denture_04 .list .wrap img{ display: block; width: 100%; border-radius: 20px 20px 0 0;}
.si_denture_04 .list .wrap .info{ flex: 1; padding: 30px 40px; border-radius: 0 0 20px 20px; border: 1px solid #ddd; border-top: 0;}
.si_denture_04 .list .wrap .info p{ line-height: 1.4; font-size: 20px; color: #333;}

.si_denture_05{ padding: 120px 0 0 0;}
.si_denture_05 .head{ text-align: center;}
.si_denture_05 .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_denture_05 .list{ display: flex; grid-gap: 20px; margin-top: 60px;}
.si_denture_05 .list .wrap{ width: 25%;}
.si_denture_05 .list .wrap .img{ position: relative;}
.si_denture_05 .list .wrap .img .right{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: calc(50% - 25px); right: -35px; padding: 15px; width: 50px; height: 50px; border-radius: 50%; background: #000;}
.si_denture_05 .list .wrap .img .right svg{ width: 100%; height: 100%;}
.si_denture_05 .list .wrap .img .right svg path{ fill: #FFF;}
.si_denture_05 .list .wrap .img img{ display: block; width: 100%; border-radius: 20px;}
.si_denture_05 .list .wrap .info{ margin-top: 20px; text-align: center;}
.si_denture_05 .list .wrap .info p{ line-height: 1.2; font-size: 20px; color: #666;}
@media(max-width: 1600px){
    .si_denture_04 .list{ grid-gap: 40px 20px;}
}
@media(max-width: 1000px){
    .si_denture_visual{ display: block; padding: 50px 0; height: auto;}
    .si_denture_visual .fl{ width: auto; height: auto;}
    .si_denture_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_denture_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .si_denture_01{ display: block;}
    .si_denture_01 .head{ width: auto; text-align: center;}
    .si_denture_01 .img{ margin: 60px auto 0 auto; width: 80%;}
    .si_denture_01 .img .min{ position: absolute; z-index: 10; bottom: -30px; left: -30px;}
    .si_denture_01 .img .min img{ display: block; height: 120px; border-radius: 20px;}
    .si_denture_01 .img .max{}
    .si_denture_01 .img .max img{ display: block; width: 100%; border-radius: 20px;}

    .si_denture_02{ display: block;}
    .si_denture_02 .head{ width: auto; text-align: center;}
    .si_denture_02 .img{ margin: 60px auto 0 auto; width: 80%;}
    .si_denture_02 .img .min{ position: absolute; z-index: 10; bottom: -30px; left: -30px;}
    .si_denture_02 .img .min img{ display: block; height: 120px; border-radius: 20px;}
    .si_denture_02 .img .max{}
    .si_denture_02 .img .max img{ display: block; width: 100%; border-radius: 20px;}

    .si_denture_03{ display: block;}
    .si_denture_03 .head{ width: auto; text-align: center;}
    .si_denture_03 .img{ margin: 60px auto 0 auto; width: 80%;}
    .si_denture_03 .img .min{ position: absolute; z-index: 10; bottom: -30px; left: -30px;}
    .si_denture_03 .img .min img{ display: block; height: 120px; border-radius: 20px;}
    .si_denture_03 .img .max{}
    .si_denture_03 .img .max img{ display: block; width: 100%; border-radius: 20px;}

    .si_denture_04 .list .wrap .info{ padding: 30px;}
}
@media(max-width: 600px){
    .si_denture_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_denture_visual .fl img{ height: 10rem;}
    .si_denture_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_denture_visual .fr .t1{ font-size: 1.8rem;}
    .si_denture_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .si_denture_01{  padding-top: 4rem;}
    .si_denture_01 .head .t1{ font-size: 1.8rem;}
    .si_denture_01 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_denture_01 .img{ margin-top: 2rem;}
    .si_denture_01 .img .min{ bottom: -1rem; left: -1rem;}
    .si_denture_01 .img .min img{ height: 5rem; border-radius: 1rem;}
    .si_denture_01 .img .max img{ border-radius: 1rem;}

    .si_denture_02{  padding-top: 4rem;}
    .si_denture_02 .head .t1{ font-size: 1.8rem;}
    .si_denture_02 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_denture_02 .img{ margin-top: 2rem;}
    .si_denture_02 .img .min{ bottom: -1rem; left: -1rem;}
    .si_denture_02 .img .min img{ height: 5rem; border-radius: 1rem;}
    .si_denture_02 .img .max img{ border-radius: 1rem;}

    .si_denture_03{  padding-top: 4rem;}
    .si_denture_03 .head .t1{ font-size: 1.8rem;}
    .si_denture_03 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .si_denture_03 .img{ margin-top: 2rem;}
    .si_denture_03 .img .min{ bottom: -1rem; left: -1rem;}
    .si_denture_03 .img .min img{ height: 5rem; border-radius: 1rem;}
    .si_denture_03 .img .max img{ border-radius: 1rem;}

    .si_denture_04{ padding-top: 4rem;}
    .si_denture_04 .head .t1{ font-size: 1.8rem;}
    .si_denture_04 .list{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin-top: 2rem;}
    .si_denture_04 .list .wrap img{ border-radius: 1rem 1rem 0 0;}
    .si_denture_04 .list .wrap .info{ padding: 2rem; border-radius: 0 0 1rem 1rem;}
    .si_denture_04 .list .wrap .info p{ font-size: 1.2rem;}

    .si_denture_05{ padding: 4rem 0 0 0;}
    .si_denture_05 .head .t1{ font-size: 1.8rem;}
    .si_denture_05 .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1rem; margin-top: 2rem;}
    .si_denture_05 .list .wrap{ width: auto;}
    .si_denture_05 .list .wrap .img{ position: relative;}
    .si_denture_05 .list .wrap .img .right{ top: calc(50% - 1.25rem); right: -1.75rem; padding: 0.8rem; width: 2.5rem; height: 2.5rem;}
    .si_denture_05 .list .wrap .img img{ border-radius: 1rem;}
    .si_denture_05 .list .wrap .info{ margin-top: 1rem;}
    .si_denture_05 .list .wrap .info p{ font-size: 1.1rem;}
    .si_denture_05 .list .wrap:nth-child(2) .img .right{ display: none;}
}


.si_caution_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.si_caution_visual .fl{ display: flex; justify-content: center; width: 50%;}
.si_caution_visual .fl img{ display: block;}
.si_caution_visual .fr{ padding-right: 50px; width: 50%;}
.si_caution_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.si_caution_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
@media(max-width: 1600px){
}
@media(max-width: 1000px){
    .si_caution_visual{ display: block; padding: 50px 0; height: auto;}
    .si_caution_visual .fl{ width: auto; height: auto;}
    .si_caution_visual .fl img{ margin: 0 auto; height: 300px;}
    .si_caution_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}
}
@media(max-width: 600px){
    .si_caution_visual{ padding: 3rem 0; border-radius: 1rem;}
    .si_caution_visual .fl img{ height: 10rem;}
    .si_caution_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .si_caution_visual .fr .t1{ font-size: 1.8rem;}
    .si_caution_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}
}


.sl_lamiglow_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: url(/images/sub/sll01.jpg) center top/cover;}
.sl_lamiglow_visual .fl{ overflow: hidden; display: flex; justify-content: center; align-items: center; width: 50%; height: 400px;}
.sl_lamiglow_visual .fl img{ display: block;}
.sl_lamiglow_visual .fr{ padding-right: 100px; width: 50%;}
.sl_lamiglow_visual .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sl_lamiglow_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.sl_lamiglow_01{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; padding: 120px 0;}
.sl_lamiglow_01 img{ display: block;}
.sl_lamiglow_01 img:nth-child(1){ transform: translate(0,-20px);}
.sl_lamiglow_01 img:nth-child(3){ transform: translate(0,20px);}
.sl_lamiglow_01 p{ text-align: center; line-height: 1.4; font-size: 30px; color: #000;}
.sl_lamiglow_01 p b{ font-weight: 600; color: #c5ad8e;}

.sl_lamiglow_02{}
.sl_lamiglow_02 .contents{}
.sl_lamiglow_02{ padding: 120px 0;}
.sl_lamiglow_02 .head{ text-align: center;}
.sl_lamiglow_02 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sl_lamiglow_02 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sl_lamiglow_02 .head .t2 b{ font-weight: 600; color: #c5ad8e;}
.sl_lamiglow_02 .list{ display: flex; justify-content: center; margin-top: 60px;}
.sl_lamiglow_02 .list .wrap{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 400px; height: 400px; border-radius: 50%; border: 1px solid #c5ad8e; background: radial-gradient(circle,rgba(197, 173, 142, 0) 0%, rgba(197, 173, 142, 0.2) 100%);}
.sl_lamiglow_02 .list .wrap:nth-child(1){ margin-right: -40px;}
.sl_lamiglow_02 .list .wrap:nth-child(3){ margin-left: -40px;}
.sl_lamiglow_02 .list .wrap img{ display: block;}
.sl_lamiglow_02 .list .wrap p{ margin-top: 30px; font-size: 24px; font-weight: 700; color: #000;}
.sl_lamiglow_02 .bg{ background: url(/images/sub/sll02.jpg) center/cover;}

.sl_lamiglow_03{}
.sl_lamiglow_03 .contents{ padding: 120px 0; width: 100%;}
.sl_lamiglow_03 .contents .head{ text-align: center; font-size: 40px; font-weight: 700; color: #c5ad8e;}
.sl_lamiglow_03 .contents .list{ display: flex; justify-content: center; grid-gap: 20px; margin-top: 60px;}
.sl_lamiglow_03 .contents .list .wrap{ padding: 50px 30px 80px 30px; width: 20%; border-radius: 20px; border: 1px solid rgba(255 255 255/10%); background: rgba(255 255 255/10%); box-shadow: 0 10px 30px 0 rgba(0 0 0/20%); text-align: center;}
.sl_lamiglow_03 .contents .list .wrap span{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 20px; background: #c5ad8e; font-size: 18px; font-weight: 700; color: #000;}
.sl_lamiglow_03 .contents .list .wrap .t1{ margin-top: 30px; font-size: 24px; font-weight: 500; color: #c5ad8e;}
.sl_lamiglow_03 .contents .list .wrap .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: rgba(255 255 255/60%);}
.sl_lamiglow_03 .bg{ background: url(/images/sub/sll03.jpg) center top/cover;}

.sl_lamiglow_04{ padding: 120px 0;}
.sl_lamiglow_04 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.sl_lamiglow_04 .body{ display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.sl_lamiglow_04 .body .fl{ position: relative; z-index: 10; max-width: 600px; width: 100%;}
.sl_lamiglow_04 .body .fl .txt{ position: absolute; z-index: 1; right: 0; left: 0; bottom: 80px; text-align: center;}
.sl_lamiglow_04 .body .fl .txt .t1{ font-size: 20px; color: rgba(255 255 255/80%);}
.sl_lamiglow_04 .body .fl .txt .t2{ margin-top: 10px; font-size: 40px; font-weight: 700; color: #c5ad8e;}
.sl_lamiglow_04 .body .fl img{ display: block; width: 100%; border-radius: 20px;}
.sl_lamiglow_04 .body .fc{ display: flex; justify-content: center; align-items: center; width: 170px; height: 100px;}
.sl_lamiglow_04 .body .fc img{ display: block;}
.sl_lamiglow_04 .body .fr{ display: flex; grid-gap: 10px; position: relative; z-index: 10; max-width: 600px; width: 100%;}
.sl_lamiglow_04 .body .fr .wrap{ width: 50%;}
.sl_lamiglow_04 .body .fr .wrap img{ display: block; width: 100%; border-radius: 20px;}
.sl_lamiglow_04 .body .fr .wrap p{ margin-top: 20px; text-align: center; font-size: 24px; color: #000;}

.sl_lamiglow_05{}
.sl_lamiglow_05 .contents{ padding: 120px 0; width: 100%;}
.sl_lamiglow_05 .contents .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.sl_lamiglow_05 .contents .list{ display: flex; grid-gap: 20px; margin-top: 60px;}
.sl_lamiglow_05 .contents .list .wrap{ width: 50%;}
.sl_lamiglow_05 .contents .list .wrap .img{ position: relative;}
.sl_lamiglow_05 .contents .list .wrap .img span{ display: flex; align-items: center; position: absolute; top: 0; left: 0; padding: 0 20px; height: 50px; border-radius: 20px 0 20px 0; background: #c5ad8e; font-size: 20px; font-weight: 700; color: #FFF;}
.sl_lamiglow_05 .contents .list .wrap .img svg{ position: absolute; z-index: 2; top: calc(50% - 25px); right: -35px; padding: 15px; width: 50px; height: 50px; border-radius: 50%; background: #000;}
.sl_lamiglow_05 .contents .list .wrap .img svg path{ fill: #FFF;}
.sl_lamiglow_05 .contents .list .wrap .img img{ display: block; width: 100%; border-radius: 20px;}
.sl_lamiglow_05 .contents .list .wrap p{ margin-top: 20px; text-align: center; line-height: 1.2; font-size: 20px; color: #000;}
.sl_lamiglow_05 .bg{ background: #f3efe9;}

.sl_lamiglow_06{ padding: 120px 0;}
.sl_lamiglow_06 .head{ text-align: center;}
.sl_lamiglow_06 .head .t1{ font-size: 40px; font-weight: 700; color: #000; text-transform: uppercase;}
.sl_lamiglow_06 .head .t2{ margin-top: 30px; font-size: 24px; color: #666;}
.sl_lamiglow_06 .top{ position: relative; margin: 60px auto 0 auto; max-width: 1000px; width: 100%;}
.sl_lamiglow_06 .top .info{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.sl_lamiglow_06 .top .info .tb{ position: absolute; z-index: 10; top: 30px; left: 40px; font-size: 30px; font-weight: 700; color: #FFF;}
.sl_lamiglow_06 .top .info .ta{ position: absolute; z-index: 10; top: 30px; right: 40px; font-size: 30px; font-weight: 700; color: #FFF;}
.sl_lamiglow_06 .top .info .line{ position: absolute; top: 0; bottom: 0; left: calc(50% - 1px); width: 2px; background: #FFF;}
.sl_lamiglow_06 .top .info .line svg{ position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); padding: 10px; width: 50px; height: 50px; border-radius: 50%; background: #FFF;}
.sl_lamiglow_06 .top .info .line svg path{ fill: #000;}
.sl_lamiglow_06 .top .rolling_max{ overflow: hidden; border-radius: 20px;}
.sl_lamiglow_06 .top .rolling_max .swiper-wrapper{}
.sl_lamiglow_06 .top .rolling_max .swiper-wrapper .swiper-slide{ position: relative;}
.sl_lamiglow_06 .top .rolling_max .swiper-wrapper .swiper-slide .text{ position: absolute; z-index: 10; left: 40px; bottom: 40px;}
.sl_lamiglow_06 .top .rolling_max .swiper-wrapper .swiper-slide .text .t1{ font-size: 20px; color: rgba(255 255 255/70%);}
.sl_lamiglow_06 .top .rolling_max .swiper-wrapper .swiper-slide .text .t2{ margin-top: 10px; font-size: 30px; font-weight: 600; color: #FFF;}
.sl_lamiglow_06 .top .rolling_max .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.sl_lamiglow_06 .top .control{}
.sl_lamiglow_06 .top .control .sl_lamiglow_06_prev{ position: absolute; top: calc(50% - 20px); left: -50px; cursor: pointer;}
.sl_lamiglow_06 .top .control .sl_lamiglow_06_prev svg{ width: 40px; height: 40px;}
.sl_lamiglow_06 .top .control .sl_lamiglow_06_prev svg path{ fill: #999;}
.sl_lamiglow_06 .top .control .sl_lamiglow_06_next{ position: absolute; top: calc(50% - 20px); right: -50px; cursor: pointer;}
.sl_lamiglow_06 .top .control .sl_lamiglow_06_next svg{ width: 40px; height: 40px;}
.sl_lamiglow_06 .top .control .sl_lamiglow_06_next svg path{ fill: #999;}
.sl_lamiglow_06 .rolling_min{ overflow: hidden; margin: 10px auto 0 auto; max-width: 1000px; width: 100%;}
.sl_lamiglow_06 .rolling_min .swiper-wrapper{}
.sl_lamiglow_06 .rolling_min .swiper-wrapper .swiper-slide{ overflow: hidden; border-radius: 10px; background: #000; cursor: pointer;}
.sl_lamiglow_06 .rolling_min .swiper-wrapper .swiper-slide img{ display: block; width: 100%; opacity: 0.3;}
.sl_lamiglow_06 .rolling_min .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img{ opacity: 1;}
@media(max-width: 1600px){
    .sl_lamiglow_02 .list .wrap{ width: 320px; height: 320px;}
    .sl_lamiglow_02 .list .wrap img{ height: 80px;}

    .sl_lamiglow_03 .contents .list{ flex-wrap: wrap;}
    .sl_lamiglow_03 .contents .list .wrap{ width: 30%;}

    .sl_lamiglow_04 .body .fl .txt{ bottom: 40px;}
    .sl_lamiglow_04 .body .fr .wrap p{ font-size: 20px;}
}
@media(max-width: 1000px){
    .sl_lamiglow_visual{ display: block; padding: 50px 0; height: auto;}
    .sl_lamiglow_visual .fl{ width: auto; height: auto;}
    .sl_lamiglow_visual .fl img{ margin: 0 auto; height: 300px;}
    .sl_lamiglow_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}

    .sl_lamiglow_02 .list .wrap{ width: 260px; height: 260px;}
    .sl_lamiglow_02 .list .wrap img{ height: 70px;}

    .sl_lamiglow_03 .contents .list .wrap{ padding: 50px 10px 70px 10px;}

    .sl_lamiglow_04 .body{ flex-direction: column;}

    .sl_lamiglow_05 .contents .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px 20px;}
    .sl_lamiglow_05 .contents .list .wrap{ width: auto;}
    .sl_lamiglow_05 .contents .list .wrap:nth-child(2) .img svg{ display: none;}

    .sl_lamiglow_06 .top .control .sl_lamiglow_06_prev{ display: none;}
    .sl_lamiglow_06 .top .control .sl_lamiglow_06_next{ display: none;}
}
@media(max-width: 600px){
    .sl_lamiglow_visual{ padding: 3rem 0; border-radius: 1rem;}
    .sl_lamiglow_visual .fl img{ height: 10rem;}
    .sl_lamiglow_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .sl_lamiglow_visual .fr .t1{ font-size: 1.8rem;}
    .sl_lamiglow_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .sl_lamiglow_01{ grid-gap: 0.5rem; padding: 4rem 0;}
    .sl_lamiglow_01 img{ height: 1rem}
    .sl_lamiglow_01 img:nth-child(1){ transform: translate(0,-1rem);}
    .sl_lamiglow_01 img:nth-child(3){ transform: translate(0,1rem);}
    .sl_lamiglow_01 p{ font-size: 1.3rem;}

    .sl_lamiglow_02{ padding: 4rem 0;}
    .sl_lamiglow_02 .contents{ width: 100%;}
    .sl_lamiglow_02 .head .t1{ font-size: 1.8rem;}
    .sl_lamiglow_02 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sl_lamiglow_02 .list{ flex-direction: column; align-items: center; margin-top: 2.5rem;}
    .sl_lamiglow_02 .list .wrap{ width: 18rem; height: 18rem;}
    .sl_lamiglow_02 .list .wrap:nth-child(1){ margin: 0;}
    .sl_lamiglow_02 .list .wrap:nth-child(2){ margin: -3rem 0 0 0;}
    .sl_lamiglow_02 .list .wrap:nth-child(3){ margin: -3rem 0 0 0;}
    .sl_lamiglow_02 .list .wrap img{ height: 5rem;}
    .sl_lamiglow_02 .list .wrap p{ margin-top: 1.2rem; font-size: 1.4rem;}

    .sl_lamiglow_03 .contents{ padding: 4rem 0;}
    .sl_lamiglow_03 .contents .head{ font-size: 1.8rem;}
    .sl_lamiglow_03 .contents .list{ grid-gap: 1rem; margin-top: 2.5rem;}
    .sl_lamiglow_03 .contents .list .wrap{ padding: 2rem 1rem 4rem 1rem; width: 45%; border-radius: 1rem;}
    .sl_lamiglow_03 .contents .list .wrap span{ width: 2.5rem; height: 2.5rem; border-radius: 2rem; font-size: 0.9rem;}
    .sl_lamiglow_03 .contents .list .wrap .t1{ margin-top: 1rem; line-height: 1.2; font-size: 1.4rem;}
    .sl_lamiglow_03 .contents .list .wrap .t2{ margin-top: 0.5rem; font-size: 1.1rem;}

    .sl_lamiglow_04{ padding: 4rem 0;}
    .sl_lamiglow_04 .head{ font-size: 1.8rem;}
    .sl_lamiglow_04 .body{ margin-top: 2rem;}
    .sl_lamiglow_04 .body .fl .txt{ bottom: 3rem;}
    .sl_lamiglow_04 .body .fl .txt .t1{ font-size: 1.1rem;}
    .sl_lamiglow_04 .body .fl .txt .t2{ margin-top: 0.5rem; font-size: 1.8rem;}
    .sl_lamiglow_04 .body .fl img{ border-radius: 1rem;}
    .sl_lamiglow_04 .body .fc{ width: 100%; height: 8rem;}
    .sl_lamiglow_04 .body .fc img{ height: 24rem;}
    .sl_lamiglow_04 .body .fr{ grid-gap: 1rem;}
    .sl_lamiglow_04 .body .fr .wrap img{ border-radius: 1rem;}
    .sl_lamiglow_04 .body .fr .wrap p{ margin-top: 1rem; font-size: 1.2rem;}

    .sl_lamiglow_05 .contents{ padding: 4rem 0;}
    .sl_lamiglow_05 .contents .head{ font-size: 1.8rem;}
    .sl_lamiglow_05 .contents .list{ grid-gap: 2rem 1rem; margin-top: 2rem;}
    .sl_lamiglow_05 .contents .list .wrap .img span{ padding: 0 1rem; height: 2rem; border-radius: 1rem 0 1rem 0; font-size: 0.8rem;}
    .sl_lamiglow_05 .contents .list .wrap .img svg{ top: calc(50% - 1.25rem); right: -1.75rem; padding: 0.8rem; width: 2.5rem; height: 2.5rem;}
    .sl_lamiglow_05 .contents .list .wrap .img img{ border-radius: 1rem;}
    .sl_lamiglow_05 .contents .list .wrap p{ margin-top: 1rem; font-size: 1.2rem;}

    .sl_lamiglow_06{ padding: 4rem 0;}
    .sl_lamiglow_06 .head .t1{ font-size: 1.8rem;}
    .sl_lamiglow_06 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sl_lamiglow_06 .top{ margin: 2.5rem auto 0 auto;}
    .sl_lamiglow_06 .top .info .tb{ top: 1rem; left: 1rem; font-size: 1.4rem;}
    .sl_lamiglow_06 .top .info .ta{ top: 1rem; right: 1rem; font-size: 1.4rem;}
    .sl_lamiglow_06 .top .info .line svg{ top: calc(50% - 1.25rem); left: calc(50% - 1.25rem); padding: 0.5rem; width: 2.5rem; height: 2.5rem;}
    .sl_lamiglow_06 .top .rolling_max{ border-radius: 1rem;}
    .sl_lamiglow_06 .top .rolling_max .swiper-wrapper .swiper-slide .text{ left: 1rem; bottom: 1rem;}
    .sl_lamiglow_06 .top .rolling_max .swiper-wrapper .swiper-slide .text .t1{ font-size: 1rem;}
    .sl_lamiglow_06 .top .rolling_max .swiper-wrapper .swiper-slide .text .t2{ margin-top: 0.5rem; font-size: 1.4rem;}
    .sl_lamiglow_06 .rolling_min .swiper-wrapper .swiper-slide{ border-radius: 1rem;}
}


.sl_lamiglow_07{}
.sl_lamiglow_07 .contents{ display: flex; flex-direction: row-reverse; align-items: center; grid-gap: 60px; padding: 120px 0; width: 100%;}
.sl_lamiglow_07 .contents .fl{ width: 50%;}
.sl_lamiglow_07 .contents .fl img{ display: block; width: 100%; border-radius: 20px;}
.sl_lamiglow_07 .contents .fr{ width: 50%;}
.sl_lamiglow_07 .contents .fr .t1{ font-size: 24px; color: #FFF; letter-spacing: 0;}
.sl_lamiglow_07 .contents .fr .t2{ margin-top: 10px; line-height: 1.2; font-size: 40px; font-weight: 700; color: #c5ad8e;}
.sl_lamiglow_07 .contents .fr .t3{ display: grid; grid-gap: 10px; margin-top: 30px;}
.sl_lamiglow_07 .contents .fr .t3 p{ position: relative; padding-left: 40px; line-height: 1.2; font-size: 24px; color: #FFF;}
.sl_lamiglow_07 .contents .fr .t3 p img{ display: block; position: absolute; top: 2px; left: 0; width: auto; height: 24px;}
.sl_lamiglow_07 .bg{ background: url(/images/sub/sif23.jpg) center/cover;}
@media(max-width: 1600px){
    .sl_lamiglow_07 .contents{ flex-direction: column-reverse;}
    .sl_lamiglow_07 .contents .fl{ width: 100%;}
    .sl_lamiglow_07 .contents .fl img{ margin: 0 auto; max-width: 100%; width: auto;}
    .sl_lamiglow_07 .contents .fr{ display: flex; flex-direction: column; align-items: center; width: 100%;}
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .sl_lamiglow_07 .contents{ grid-gap: 3rem; padding: 4rem 0;}
    .sl_lamiglow_07 .contents .fl img{ border-radius: 1rem;}
    .sl_lamiglow_07 .contents .fr{}
    .sl_lamiglow_07 .contents .fr .t1{ font-size: 1.2rem;}
    .sl_lamiglow_07 .contents .fr .t2{ margin-top: 1rem; text-align: center; font-size: 1.8rem;}
    .sl_lamiglow_07 .contents .fr .t3{ grid-gap: 0.5rem; margin-top: 1.2rem;}
    .sl_lamiglow_07 .contents .fr .t3 p{ padding-left: 1.8rem; font-size: 1.2rem;}
    .sl_lamiglow_07 .contents .fr .t3 p img{ top: 0.1rem; height: 1.2rem;}
}





.sl_lamiglow_new_01{ padding: 120px 0;}
.sl_lamiglow_new_01 .head{ text-align: center; line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.sl_lamiglow_new_01 .head b{ font-weight: 700; color: #c5ad8e;}
.sl_lamiglow_new_01 .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px; margin-top: 60px;}
.sl_lamiglow_new_01 .list .wrap{}
.sl_lamiglow_new_01 .list .wrap .img{}
.sl_lamiglow_new_01 .list .wrap .img img{ display: block; width: 100%; border-radius: 20px;}
.sl_lamiglow_new_01 .list .wrap .t1{ margin-top: 20px; line-height: 1.2; font-size: 24px; font-weight: 500; color: #000;}
.sl_lamiglow_new_01 .list .wrap .t2{ margin-top: 10px; line-height: 1.2; font-size: 20px; color: #666;}
@media(max-width: 1600px){
    .sl_lamiglow_new_01 .list{ grid-template-columns: repeat(2,1fr); grid-gap: 40px 20px;}
}
@media(max-width: 600px){
    .sl_lamiglow_new_01{ padding: 4rem 0;}
    .sl_lamiglow_new_01 .head{ font-size: 1.8rem;}
    .sl_lamiglow_new_01 .list{ grid-gap: 2rem 1rem; margin-top: 2rem;}
    .sl_lamiglow_new_01 .list .wrap .img img{ border-radius: 1rem;}
    .sl_lamiglow_new_01 .list .wrap .t1{ margin-top: 1rem; font-size: 1.3rem;}
    .sl_lamiglow_new_01 .list .wrap .t2{ margin-top: 0.5rem; font-size: 1.1rem;}
    .sl_lamiglow_new_01 .list .wrap .t2 br{ display: none;}
}


.sl_lamiglow_new_02{}
.sl_lamiglow_new_02 .contents{ padding: 120px 0; width: 100%;}
.sl_lamiglow_new_02 .contents .head{ text-align: center;}
.sl_lamiglow_new_02 .contents .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.sl_lamiglow_new_02 .contents .head .t1 b{ font-weight: 700; color: #c5ad8e;}
.sl_lamiglow_new_02 .contents .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sl_lamiglow_new_02 .contents .list{ display: flex; position: relative; margin-top: 60px;}
.sl_lamiglow_new_02 .contents .list:after{ content: ""; position: absolute; top: 149px; left: 20%; right: 20%; border-top: 2px dashed #c5ad8e;}
.sl_lamiglow_new_02 .contents .list .wrap{ position: relative; z-index: 1; width: 50%;}
.sl_lamiglow_new_02 .contents .list .wrap .img{ margin: 0 auto; max-width: 300px; border-radius: 50%; border: 30px solid rgba(197 173 142/40%);}
.sl_lamiglow_new_02 .contents .list .wrap .img img{ display: block; width: 100%; border-radius: 50%; border: 4px solid #c5ad8e;}
.sl_lamiglow_new_02 .contents .list .wrap .txt{ margin-top: 15px; text-align: center; line-height: 1.2; font-size: 24px; color: #000;}
.sl_lamiglow_new_02 .contents .body{ display: grid; grid-gap: 60px; margin-top: 120px;}
.sl_lamiglow_new_02 .contents .body .wrap{ display: flex; align-items: center; grid-gap: 50px;}
.sl_lamiglow_new_02 .contents .body .wrap:nth-child(2){ flex-direction: row-reverse;}
.sl_lamiglow_new_02 .contents .body .wrap .img{ width: 50%;}
.sl_lamiglow_new_02 .contents .body .wrap .img img{ display: block; width: 100%; border-radius: 20px;}
.sl_lamiglow_new_02 .contents .body .wrap .txt{ width: 50%;}
.sl_lamiglow_new_02 .contents .body .wrap .txt .t1{ font-size: 36px; font-weight: 700; color: #000;}
.sl_lamiglow_new_02 .contents .body .wrap .txt .t2{ margin-top: 30px; line-height: 1.4; font-size: 20px; color: #333;}
.sl_lamiglow_new_02 .bg{ background: #f5f5f5;}
@media(max-width: 1000px){
    .sl_lamiglow_new_02 .contents .list:after{ top: 98px;}
    .sl_lamiglow_new_02 .contents .list .wrap .img{ max-width: 200px; border: 20px solid rgba(197 173 142/20%);}
    .sl_lamiglow_new_02 .contents .body .wrap{ flex-direction: column; grid-gap: 30px;}
    .sl_lamiglow_new_02 .contents .body .wrap:nth-child(2){ flex-direction: column;}
    .sl_lamiglow_new_02 .contents .body .wrap .img{ width: 100%;}
    .sl_lamiglow_new_02 .contents .body .wrap .txt{ width: 100%;}
    .sl_lamiglow_new_02 .contents .body .wrap .txt .t1{ font-size: 24px;}
    .sl_lamiglow_new_02 .contents .body .wrap .txt .t2{ margin-top: 15px;}
}
@media(max-width: 600px){
    .sl_lamiglow_new_02 .contents{ padding: 4rem 0;}
    .sl_lamiglow_new_02 .contents .head .t1{ font-size: 1.8rem;}
    .sl_lamiglow_new_02 .contents .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sl_lamiglow_new_02 .contents .list{ margin-top: 3rem;}
    .sl_lamiglow_new_02 .contents .list:after{ top: calc(4rem - 1px);}
    .sl_lamiglow_new_02 .contents .list .wrap .img{ max-width: 8rem; border: 1rem solid rgba(197 173 142/20%);}
    .sl_lamiglow_new_02 .contents .list .wrap .img img{ border: 2px solid #c5ad8e;}
    .sl_lamiglow_new_02 .contents .list .wrap .txt{ margin-top: 1rem; font-size: 1.2rem;}
    .sl_lamiglow_new_02 .contents .body{ grid-gap: 2rem; margin-top: 4rem;}
    .sl_lamiglow_new_02 .contents .body .wrap{ grid-gap: 1.2rem;}
    .sl_lamiglow_new_02 .contents .body .wrap .img img{ border-radius: 1rem;}
    .sl_lamiglow_new_02 .contents .body .wrap .txt .t1{ font-size: 1.4rem;}
    .sl_lamiglow_new_02 .contents .body .wrap .txt .t2{ margin-top: 0.8rem; font-size: 1.2rem;}
}



















.ss_sedation_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.ss_sedation_visual .fl{ overflow: hidden; display: flex; justify-content: center; align-items: center; width: 50%; height: 400px;}
.ss_sedation_visual .fl img{ display: block; height: 800px;}
.ss_sedation_visual .fr{ padding-right: 100px; width: 50%;}
.ss_sedation_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.ss_sedation_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.ss_sedation_01{ padding: 120px 0 0 0;}
.ss_sedation_01 .head{ text-align: center;}
.ss_sedation_01 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.ss_sedation_01 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.ss_sedation_01 .list{ display: flex; justify-content: center; grid-gap: 20px; margin-top: 60px;}
.ss_sedation_01 .list .wrap{ padding: 50px 30px 80px 30px; width: 20%; border-radius: 20px; border: 1px solid #ddd; text-align: center;}
.ss_sedation_01 .list .wrap span{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 20px; background: #c5ad8e; font-size: 18px; font-weight: 700; color: #FFF;}
.ss_sedation_01 .list .wrap .t1{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #333;}
.ss_sedation_01 .foot{ display: flex; justify-content: center; margin-top: 30px; padding: 30px 50px; border-radius: 20px; background: #f5efe8;}
.ss_sedation_01 .foot .txt{ display: grid; grid-gap: 10px;}
.ss_sedation_01 .foot .txt p{ position: relative; padding-left: 20px; line-height: 1.4; font-size: 18px; color: #333;}
.ss_sedation_01 .foot .txt p span{ display: block; position: absolute; top: 0; left: 0; line-height: 1.4; font-size: 18px; color: #333;}

.ss_sedation_02{ padding: 120px 0 0 0;}
.ss_sedation_02 .head{ text-align: center;}
.ss_sedation_02 .head .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.ss_sedation_02 .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 60px; margin-top: 60px;}
.ss_sedation_02 .list .wrap{ display: flex; flex-direction: column;}
.ss_sedation_02 .list .wrap img{ display: block; width: 100%; border-radius: 20px 20px 0 0;}
.ss_sedation_02 .list .wrap .info{ flex: 1; padding: 30px 40px; border-radius: 0 0 20px 20px; border: 1px solid #ddd; border-top: 0;}
.ss_sedation_02 .list .wrap .info .t1{ font-size: 24px; font-weight: 700; color: #333;}
.ss_sedation_02 .list .wrap .info .t2{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #333;}
@media(max-width: 1600px){
    .ss_sedation_visual .fr{ padding-right: 50px;}
    .ss_sedation_visual .fr .t2{ font-size: 22px;}

    .ss_sedation_01 .list{ flex-wrap: wrap;}
    .ss_sedation_01 .list .wrap{ padding: 50px 20px 80px 20px; width: 30%;}

    .ss_sedation_02 .list{ grid-gap: 20px;}
}
@media(max-width: 1000px){
    .ss_sedation_visual{ display: block; padding: 50px 0; height: auto;}
    .ss_sedation_visual .fl{ width: auto; height: auto;}
    .ss_sedation_visual .fl img{ margin: 0 auto; height: 300px;}
    .ss_sedation_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}
}
@media(max-width: 600px){
    .ss_sedation_visual{ padding: 3rem 0; border-radius: 1rem;}
    .ss_sedation_visual .fl img{ height: 10rem;}
    .ss_sedation_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .ss_sedation_visual .fr .t1{ font-size: 1.8rem;}
    .ss_sedation_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .ss_sedation_01{ padding: 4rem 0 0 0;}
    .ss_sedation_01 .head .t1{ font-size: 1.8rem;}
    .ss_sedation_01 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .ss_sedation_01 .list{ grid-gap: 1rem; margin-top: 2rem;}
    .ss_sedation_01 .list .wrap{ padding: 2rem 1rem 4rem 1rem; width: 45%; border-radius: 1rem;}
    .ss_sedation_01 .list .wrap span{ width: 2.5rem; height: 2.5rem; border-radius: 2rem; font-size: 0.9rem;}
    .ss_sedation_01 .list .wrap .t1{ margin-top: 2rem; font-size: 1.2rem;}
    .ss_sedation_01 .foot{ margin-top: 2rem; padding: 2rem 1.5rem; border-radius: 1rem;}
    .ss_sedation_01 .foot .txt{ grid-gap: 0.8rem;}
    .ss_sedation_01 .foot .txt p{ padding-left: 1rem; font-size: 1.2rem;}
    .ss_sedation_01 .foot .txt p span{ font-size: 1.2rem;}

    .ss_sedation_02{ padding: 4rem 0 0 0;}
    .ss_sedation_02 .head .t1{ font-size: 1.8rem;}
    .ss_sedation_02 .list{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin-top: 2rem;}
    .ss_sedation_02 .list .wrap img{ border-radius: 1rem 1rem 0 0;}
    .ss_sedation_02 .list .wrap .info{ padding: 2rem; border-radius: 0 0 1rem 1rem;}
    .ss_sedation_02 .list .wrap .info .t1{ font-size: 1.4rem;}
    .ss_sedation_02 .list .wrap .info .t2{ margin-top: 1rem; font-size: 1.2rem;}
}


.ss_implant_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.ss_implant_visual .fl{ overflow: hidden; display: flex; justify-content: center; width: 50%; height: 400px;}
.ss_implant_visual .fl img{ display: block; transform: translate(0,100px);}
.ss_implant_visual .fr{ padding-right: 100px; width: 50%;}
.ss_implant_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.ss_implant_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.ss_implant_01{ padding: 120px 0 0 0;}
.ss_implant_01 .head{ text-align: center;}
.ss_implant_01 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.ss_implant_01 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.ss_implant_01 .list{ display: flex; justify-content: center; grid-gap: 20px; margin-top: 60px;}
.ss_implant_01 .list .wrap{ padding: 50px 30px 60px 30px; width: 20%; border-radius: 20px; border: 1px solid #ddd; text-align: center;}
.ss_implant_01 .list .wrap span{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 20px; background: #c5ad8e; font-size: 18px; font-weight: 700; color: #FFF;}
.ss_implant_01 .list .wrap .t1{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #333;}

.ss_implant_02{ margin: 120px 0 -160px 0;}
.ss_implant_02 .contents{ display: flex; padding: 120px 0; width: 100%;}
.ss_implant_02 .head{}
.ss_implant_02 .head .t1{ font-size: 20px; color: #c5ad8e; letter-spacing: 0;}
.ss_implant_02 .head .t2{ margin-top: 10px; font-size: 40px; font-weight: 700; color: #FFF;}
.ss_implant_02 .head .t3{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #FFF;}
.ss_implant_02 .bg{ background: url(/images/sub/ss_implant02.jpg) center/cover;}
@media(max-width: 1600px){
    .ss_implant_visual .fr{ padding-right: 50px;}

    .ss_implant_01 .list{ flex-wrap: wrap;}
    .ss_implant_01 .list .wrap{ padding: 50px 20px 80px 20px; width: 30%;}
}
@media(max-width: 1000px){
    .ss_implant_visual{ display: block; padding: 50px 0; height: auto;}
    .ss_implant_visual .fl{ width: auto; height: auto;}
    .ss_implant_visual .fl img{ margin: 0 auto; height: 300px; transform: translate(0,0);}
    .ss_implant_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}
}
@media(max-width: 600px){
    .ss_implant_visual{ padding: 3rem 0; border-radius: 1rem;}
    .ss_implant_visual .fl img{ height: 10rem;}
    .ss_implant_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .ss_implant_visual .fr .t1{ font-size: 1.8rem;}
    .ss_implant_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .ss_implant_01{ padding: 4rem 0 0 0;}
    .ss_implant_01 .head .t1{ font-size: 1.8rem;}
    .ss_implant_01 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .ss_implant_01 .list{ grid-gap: 1rem; margin-top: 2rem;}
    .ss_implant_01 .list .wrap{ padding: 2rem 1rem 4rem 1rem; width: 45%; border-radius: 1rem;}
    .ss_implant_01 .list .wrap span{ width: 2.5rem; height: 2.5rem; border-radius: 2rem; font-size: 0.9rem;}
    .ss_implant_01 .list .wrap .t1{ margin-top: 2rem; font-size: 1.2rem;}
    .ss_implant_01 .foot{ margin-top: 2rem; padding: 2rem 1.5rem; border-radius: 1rem;}
    .ss_implant_01 .foot .txt{ grid-gap: 0.8rem;}
    .ss_implant_01 .foot .txt p{ padding-left: 1rem; font-size: 1.2rem;}
    .ss_implant_01 .foot .txt p span{ font-size: 1.2rem;}

    .ss_implant_02{ margin: 4rem 0 -5rem 0;}
    .ss_implant_02 .contents{ justify-content: center; padding: 4rem 0; text-align: center;}
    .ss_implant_02 .head .t1{ font-size: 1rem;}
    .ss_implant_02 .head .t2{ margin-top: 1rem; font-size: 1.8rem;}
    .ss_implant_02 .head .t3{ margin-top: 1rem; font-size: 1.2rem;}
}


.ss_wisdom_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.ss_wisdom_visual .fl{ display: flex; justify-content: center; width: 50%;}
.ss_wisdom_visual .fl img{ display: block;}
.ss_wisdom_visual .fr{ padding-right: 100px; width: 50%;}
.ss_wisdom_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.ss_wisdom_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.ss_wisdom_01{ padding: 120px 0 0 0;}
.ss_wisdom_01 .head{ text-align: center;}
.ss_wisdom_01 .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.ss_wisdom_01 .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.ss_wisdom_01 .list{ display: flex; justify-content: center; grid-gap: 20px; margin-top: 60px;}
.ss_wisdom_01 .list .wrap{ padding: 50px 30px 80px 30px; width: 20%; border-radius: 20px; border: 1px solid #ddd; text-align: center;}
.ss_wisdom_01 .list .wrap span{ display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 40px; height: 40px; border-radius: 20px; background: #c5ad8e; font-size: 18px; font-weight: 700; color: #FFF;}
.ss_wisdom_01 .list .wrap .t1{ margin-top: 20px; line-height: 1.4; font-size: 20px; color: #333;}
@media(max-width: 1600px){
    .ss_wisdom_visual .fr{ padding-right: 50px;}

    .ss_wisdom_01 .list{ flex-wrap: wrap;}
    .ss_wisdom_01 .list .wrap{ padding: 50px 20px 80px 20px; width: 30%;}
}
@media(max-width: 1000px){
    .ss_wisdom_visual{ display: block; padding: 50px 0; height: auto;}
    .ss_wisdom_visual .fl{ width: auto; height: auto;}
    .ss_wisdom_visual .fl img{ margin: 0 auto; height: 300px; transform: translate(0,0);}
    .ss_wisdom_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}
}
@media(max-width: 600px){
    .ss_wisdom_visual{ padding: 3rem 0; border-radius: 1rem;}
    .ss_wisdom_visual .fl img{ height: 10rem;}
    .ss_wisdom_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .ss_wisdom_visual .fr .t1{ font-size: 1.8rem;}
    .ss_wisdom_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .ss_wisdom_01{ padding: 4rem 0 0 0;}
    .ss_wisdom_01 .head .t1{ font-size: 1.8rem;}
    .ss_wisdom_01 .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .ss_wisdom_01 .list{ grid-gap: 1rem; margin-top: 2rem;}
    .ss_wisdom_01 .list .wrap{ padding: 2rem 1rem 4rem 1rem; width: 45%; border-radius: 1rem;}
    .ss_wisdom_01 .list .wrap span{ width: 2.5rem; height: 2.5rem; border-radius: 2rem; font-size: 0.9rem;}
    .ss_wisdom_01 .list .wrap .t1{ margin-top: 2rem; font-size: 1.2rem;}
    .ss_wisdom_01 .foot{ margin-top: 2rem; padding: 2rem 1.5rem; border-radius: 1rem;}
    .ss_wisdom_01 .foot .txt{ grid-gap: 0.8rem;}
    .ss_wisdom_01 .foot .txt p{ padding-left: 1rem; font-size: 1.2rem;}
    .ss_wisdom_01 .foot .txt p span{ font-size: 1.2rem;}
}


.ss_caution_visual{ display: flex; align-items: center; height: 400px; border-radius: 20px; background: #f1f2f6;}
.ss_caution_visual .fl{ overflow: hidden; display: flex; justify-content: center; align-items: flex-end; width: 50%; height: 400px;}
.ss_caution_visual .fl img{ display: block; height: 100%; transform: translate(0,50px);}
.ss_caution_visual .fr{ padding-right: 100px; width: 50%;}
.ss_caution_visual .fr .t1{ line-height: 1.2; font-size: 40px; font-weight: 700; color: #000;}
.ss_caution_visual .fr .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}

.ss_caution_01{ display: flex; align-items: center; grid-gap: 50px; padding: 120px 0;}
.ss_caution_01 .fl{ display: block; width: 50%;}
.ss_caution_01 .fl img{ display: block; max-width: 100%; border-radius: 20px;}
.ss_caution_01 .fr{ padding-right: 100px; width: 50%;}
.ss_caution_01 .fr .t1{ font-size: 40px; font-weight: 700; color: #000;}
.ss_caution_01 .fr .t2{ display: grid; grid-gap: 15px; margin-top: 30px;}
.ss_caution_01 .fr .t2 p{ position: relative; padding-left: 35px; line-height: 1.4; font-size: 20px; color: #333;}
.ss_caution_01 .fr .t2 p img{ display: block; position: absolute; top: 2px; left: 0; width: auto; height: 24px;}
@media(max-width: 1600px){
    .ss_caution_01{ flex-direction: column-reverse;}
    .ss_caution_01 .fl{ width: auto;}
    .ss_caution_01 .fr{ padding-right: 0; width: auto;}
    .ss_caution_01 .fr .t1{ text-align: center;}
}
@media(max-width: 1000px){
    .ss_caution_visual{ display: block; padding: 50px 0; height: auto;}
    .ss_caution_visual .fl{ width: auto; height: auto;}
    .ss_caution_visual .fl img{ margin: 0 auto; height: 300px; transform: translate(0,0);}
    .ss_caution_visual .fr{ margin-top: 30px; padding: 0 50px; width: auto; text-align: center;}
}
@media(max-width: 600px){
    .ss_caution_visual{ padding: 3rem 0; border-radius: 1rem;}
    .ss_caution_visual .fl img{ height: 10rem;}
    .ss_caution_visual .fr{ margin-top: 2rem; padding: 0 2rem;}
    .ss_caution_visual .fr .t1{ font-size: 1.8rem;}
    .ss_caution_visual .fr .t2{ margin-top: 1rem; font-size: 1.2rem;}

    .ss_caution_01{ grid-gap: 2rem; padding: 4rem 0;}
    .ss_caution_01 .fl img{ border-radius: 1rem;}
    .ss_caution_01 .fr .t1{ font-size: 1.8rem;}
    .ss_caution_01 .fr .t2{ grid-gap: 0.8rem; margin-top: 1rem;}
    .ss_caution_01 .fr .t2 p{ padding-left: 2rem; font-size: 1.2rem;}
    .ss_caution_01 .fr .t2 p img{ top: 0.2rem; height: 1.2rem;}
}


.sub_faq{}
.sub_faq.mb{ margin-bottom: -160px;}
.sub_faq .contents{ padding: 120px 0; width: 100%;}
.sub_faq .contents .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.sub_faq .contents .list{ display: grid; grid-gap: 10px; margin-top: 60px;}
.sub_faq .contents .list .wrap{ padding: 50px 60px; border-radius: 20px; background: #FFF; box-shadow: 0 10px 20px 0 rgba(0 0 0/5%); cursor: pointer;}
.sub_faq .contents .list .wrap .q{ display: flex; grid-gap: 20px; position: relative;}
.sub_faq .contents .list .wrap .q span{ flex: 0 0 40px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #000; font-size: 20px; font-weight: 700; color: #FFF;}
.sub_faq .contents .list .wrap .q .tit{ margin-right: 50px; padding-top: 5px; line-height: 1.4; font-size: 24px; font-weight: 500; color: #000;}
.sub_faq .contents .list .wrap .q svg{ position: absolute; top: calc(50% - 10px); right: 0; width: 20px; height: 20px; transition: all .2s;}
.sub_faq .contents .list .wrap .q svg path{ fill: #ccc; transition: all .2s;}
.sub_faq .contents .list .wrap .a{ display: none; grid-gap: 20px; position: relative; margin-top: 20px; padding: 0 60px;}
.sub_faq .contents .list .wrap .a span{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; background: #c5ad8e; font-size: 20px; font-weight: 700; color: #FFF;}
.sub_faq .contents .list .wrap .a .txt{ padding-top: 8px; line-height: 1.4; font-size: 20px; color: #333;}
.sub_faq .contents .list .wrap .a .txt b{ color: #c5ad8e;}
.sub_faq .contents .list .wrap.on .q svg{ transform: rotate(180deg);}
.sub_faq .contents .list .wrap.on .q svg path{ fill: #000;}
.sub_faq .contents .list .wrap.on .a{}
.sub_faq .bg{ background: #f2f4f3;}
@media(max-width: 1600px){
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .sub_faq.mb{ margin-bottom: -5rem;}
    .sub_faq .contents{ padding: 4rem 0;}
    .sub_faq .contents .head{ font-size: 1.8rem;}
    .sub_faq .contents .list{ grid-gap: 1rem; margin-top: 2rem;}
    .sub_faq .contents .list .wrap{ padding: 1.2rem 1.5rem; border-radius: 1rem;}
    .sub_faq .contents .list .wrap .q{ grid-gap: 1rem;}
    .sub_faq .contents .list .wrap .q span{ flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; font-size: 1rem;}
    .sub_faq .contents .list .wrap .q .tit{ padding-top: 0.3rem; font-size: 1.4rem;}
    .sub_faq .contents .list .wrap .q svg{ top: calc(50% - 0.5rem); width: 1rem; height: 1rem;}
    .sub_faq .contents .list .wrap .a{ grid-gap: 1rem; margin-top: 1rem; padding: 0 3.5rem;}
    .sub_faq .contents .list .wrap .a span{ flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; font-size: 1rem;}
    .sub_faq .contents .list .wrap .a .txt{ padding-top: 0.3rem; font-size: 1.2rem;}
}


.sub_tip{ padding: 120px 0;}
.sub_tip .head{ text-align: center;}
.sub_tip .head .t1{ font-size: 40px; font-weight: 700; color: #000;}
.sub_tip .head .t2{ margin-top: 30px; line-height: 1.4; font-size: 24px; color: #333;}
.sub_tip .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 60px; margin-top: 60px;}
.sub_tip .list .wrap{}
.sub_tip .list .wrap .img{ overflow: hidden; border-radius: 20px;}
.sub_tip .list .wrap .img:after{ content: ""; display: block; padding-top: 70%;}
.sub_tip .list .wrap .info{ padding-top: 20px;}
.sub_tip .list .wrap .info .t1{ line-height: 1.2; font-size: 24px; font-weight: 700; color: #000;}
.sub_tip .list .wrap .info .t2{ margin-top: 10px; line-height: 1.4; font-size: 20px; color: #666;}
@media(max-width: 1600px){
    .sub_tip .list{ grid-gap: 40px 20px;}
}
@media(max-width: 1000px){
    .sub_tip .list{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 600px){
    .sub_tip{ padding: 4rem 0;}
    .sub_tip .head .t1{ font-size: 1.8rem;}
    .sub_tip .head .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .sub_tip .list{ grid-gap: 2rem 1rem; margin-top: 2rem;}
    .sub_tip .list .wrap .img{ border-radius: 1rem;}
    .sub_tip .list .wrap .info{ padding-top: 1rem;}
    .sub_tip .list .wrap .info .t1{ font-size: 1.2rem;}
    .sub_tip .list .wrap .info .t2{ margin-top: 0.5rem; font-size: 1rem;}
}


.sub_tip2{ padding: 120px 0;}
.sub_tip2 .head{ text-align: center; font-size: 40px; font-weight: 700; color: #000;}
.sub_tip2 .head b{ font-weight: 700; color: #c5ad8e;}
.sub_tip2 .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 15px 30px; margin-top: 60px; padding: 50px; border-radius: 20px; border: 1px solid #ddd;}
.sub_tip2 .list p{ position: relative; padding-left: 30px; line-height: 1.2; font-size: 20px; color: #333;}
.sub_tip2 .list p img{ display: block; position: absolute; top: 2px; left: 0; width: auto; height: 24px;}
@media(max-width: 1000px){
    .sub_tip2 .list{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 600px){
    .sub_tip2{ padding: 4rem 0;}
    .sub_tip2 .head{ font-size: 1.8rem;}
    .sub_tip2 .list{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem; margin-top: 2rem; padding: 2rem; border-radius: 1rem;}
    .sub_tip2 .list p{ padding-left: 1.8rem; font-size: 1.2rem;}
    .sub_tip2 .list p img{ top: 0.1rem; height: 1.2rem;}
}











.sub_youtube{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 40px 20px;}
.sub_youtube .wrap{ cursor: pointer;}
.sub_youtube .wrap .img{ overflow: hidden; position: relative; border-radius: 20px;}
.sub_youtube .wrap .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0; transition: all .3s;}
.sub_youtube .wrap .img .youtube{ display: flex; align-items: center; grid-gap: 5px; position: absolute; z-index: 10; right: 0; bottom: 0; padding: 0 10px; height: 30px; border-radius: 10px 0 0 0; background: #000; transition: all .3s;}
.sub_youtube .wrap .img .youtube svg{ width: auto; height: 10px; transition: all .3s;}
.sub_youtube .wrap .img .youtube svg path{ fill: #ed1f24;}
.sub_youtube .wrap .img .youtube p{ font-size: 12px; font-weight: 400; color: #FFF; letter-spacing: 0;}
.sub_youtube .wrap .img img{ display: block; width: 100%; transition: all .3s;}
.sub_youtube .wrap .tit{ margin: 20px 50px 0 0; height: 50px; line-height: 25px; font-size: 20px; font-weight: 500; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sub_youtube .wrap .play{ display: flex; align-items: center; grid-gap: 5px; margin-top: 10px;}
.sub_youtube .wrap .play svg{ width: auto; height: 16px;}
.sub_youtube .wrap .play svg path{ fill: #c5ad8e;}
.sub_youtube .wrap .play p{ font-size: 16px; color: #999;}
.sub_youtube .wrap:hover .img:after{ opacity: 0.3;}
.sub_youtube .wrap:hover .youtube{ height: 40px;}
.sub_youtube .wrap:hover .youtube svg{ height: 25px;}
.sub_youtube.off{ display: none;}
@media(max-width: 1600px){
    .sub_youtube{ grid-template-columns: repeat(4,1fr);}
}
@media(max-width: 1000px){
    .sub_youtube{ grid-template-columns: repeat(3,1fr);}
}
@media(max-width: 600px){
    .sub_youtube{ grid-gap: 2rem 1rem;}
    .sub_youtube .wrap .img{ border-radius: 1rem;}
    .sub_youtube .wrap .img .youtube{ padding: 0 0.8rem; height: 2rem; border-radius: 0.6rem 0 0 0;}
    .sub_youtube .wrap .img .youtube svg{ height: 0.8rem;}
    .sub_youtube .wrap .img .youtube p{ font-size: 0.8rem;}
    .sub_youtube .wrap .tit{ margin: 1rem 1rem 0 0; height: 2.6rem; line-height: 1.3rem; font-size: 1.1rem;}
    .sub_youtube .wrap .play{ grid-gap: 0.4rem; margin-top: 0.8rem;}
    .sub_youtube .wrap .play svg{ height: 1rem;}
    .sub_youtube .wrap .play p{ font-size: 0.9rem;}
    .sub_youtube .wrap:hover .youtube svg{ height: 1.2rem}
}


.sub_review{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px;}
.sub_review .wrap_box{}
.sub_review .wrap{ display: block; padding: 20px; border-radius: 20px; border: 1px solid #e5e5e5; transition: all .2s;}
.sub_review .wrap .img{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative;}
.sub_review .wrap .img:after{ content: ""; display: block; padding-top: 100%;}
.sub_review .wrap .img svg{ position: absolute; z-index: 10; width: 50px; height: 50px; opacity: 0; transform: scale(0); transition: all .2s;}
.sub_review .wrap .img svg path{ fill: #c5ad8e;}
.sub_review .wrap .img img{ display: none;  border-radius: 10px; transition: all .2s;  width: 100%;
  height: 240px;
  object-fit: cover; /* 비율 유지하면서 잘라냄 */
  object-position: top; /* 상단 기준으로 crop */
}
.sub_review .wrap .info{ padding: 20px 10px 10px 10px;}
.sub_review .wrap .info .tit{ min-height: 50px; line-height: 25px; font-size: 20px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .2s;}
.sub_review .wrap .info .date{ display: flex; align-items: center; grid-gap: 5px; margin-top: 15px; font-size: 16px; color: #999;}
.sub_review .wrap .info .date svg{ width: 16px; height: 16px;}
.sub_review .wrap .info .date svg path{ fill: #999;}
.sub_review .wrap:hover{ border-color: #c5ad8e;}
.sub_review .wrap:hover .img svg{ opacity: 1; transform: scale(1);}
.sub_review .wrap:hover .img img{ opacity: 0.2;}
.sub_review .wrap:hover .info .tit{ color: #c5ad8e;}
@media(max-width: 1600px){
    .sub_review{ grid-template-columns: repeat(3,1fr);}
}
@media(max-width: 1000px){
    .sub_review{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 600px){
    .sub_review{ grid-gap: 1rem;}
    .sub_review .wrap{ padding: 1rem; border-radius: 1rem;}
    .sub_review .wrap .img{ border-radius: 0.5rem;}
    .sub_review .wrap .img svg{ width: 3rem; height: 3rem;}
    .sub_review .wrap .info{ padding: 1rem 0.5rem 0.5rem 0.5rem;}
    .sub_review .wrap .info .tit{ min-height: 3rem; line-height: 1.5rem; font-size: 1.2rem;}
    .sub_review .wrap .info .date{ grid-gap: 0.5rem; margin-top: 0.8rem; font-size: 1rem;}
    .sub_review .wrap .info .date svg{ width: 1rem; height: 1rem;}
}


.sub_video{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px 20px;}
.sub_video .wrap{ display: block;}
.sub_video .wrap .img{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; border-radius: 20px; transition: all .2s;}
.sub_video .wrap .img:before{ content: ""; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; border: 3px solid #c5ad8e;}
.sub_video .wrap .img svg{ position: absolute; z-index: 10; width: 50px; height: 50px; opacity: 0; transform: scale(0); transition: all .2s;}
.sub_video .wrap .img svg path{ fill: #c5ad8e;}
.sub_video .wrap .img img{ display: block; width: 100%; transition: all .2s;}
.sub_video .wrap .info{ padding-top: 15px;}
.sub_video .wrap .info .tit{ font-size: 20px; font-weight: 600; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .2s;}
.sub_video .wrap .info .date{ display: flex; align-items: center; grid-gap: 5px; margin-top: 15px; font-size: 16px; color: #999;}
.sub_video .wrap .info .date svg{ width: 16px; height: 16px;}
.sub_video .wrap .info .date svg path{ fill: #999;}
.sub_video .wrap:hover .img{ border-color: #c5ad8e;}
.sub_video .wrap:hover .img svg{ opacity: 1; transform: scale(1);}
.sub_video .wrap:hover .img img{ opacity: 0.2;}
.sub_video .wrap:hover .info .tit{ color: #c5ad8e;}
.sub_video.off{ display: none;}
@media(max-width: 1600px){
    .sub_video{ grid-template-columns: repeat(3,1fr);}
}
@media(max-width: 1000px){
    .sub_video{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 600px){
    .sub_video{ grid-template-columns: repeat(1,1fr); grid-gap: 2rem 1rem;}
    .sub_video .wrap .img{ border-radius: 1rem;}
    .sub_video .wrap .img:before{ border-radius: 1rem; border: 2px solid #c5ad8e;}
    .sub_video .wrap .img svg{ width: 3rem; height: 3rem;}
    .sub_video .wrap .info{ padding-top: 1rem;}
    .sub_video .wrap .info .tit{ font-size: 1.2rem;}
    .sub_video .wrap .info .date{ grid-gap: 0.5rem; margin-top: 0.8rem; font-size: 1rem;}
    .sub_video .wrap .info .date svg{ width: 1rem; height: 1rem;}
}


.sub_before-after{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 60px 20px;}
.sub_before-after .wrap{ display: block;}
.sub_before-after .wrap .img{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; padding: 20px; border-radius: 12px; border: 1px solid #e5e5e5; background: #FFF; box-shadow: 0 4px 12px rgb(0 0 0 / 9%); transition: all .2s;}
.sub_before-after .wrap .img svg{ position: absolute; z-index: 10; width: 50px; height: 50px; opacity: 0; transform: scale(0); transition: all .2s;}
.sub_before-after .wrap .img svg path{ fill: #c5ad8e;}
.sub_before-after .wrap .img img{ display: block; width: 100%; transition: all .2s;}
.sub_before-after .wrap .info{ padding-top: 15px;}
.sub_before-after .wrap .info .tit{ font-size: 18px; font-weight: 500; color: #000; text-align:center; padding-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; transition: all .2s;}
.sub_before-after .wrap .info .date{ display: flex; align-items: center; grid-gap: 5px; margin-top: 10px; font-size: 16px; color: #999;}
.sub_before-after .wrap .info .date svg{ width: 16px; height: 16px;}
.sub_before-after .wrap .info .date svg path{ fill: #999;}
.sub_before-after .wrap:hover .img{ border-color: #c5ad8e;}
.sub_before-after .wrap:hover .img svg{ opacity: 1; transform: scale(1);}
.sub_before-after .wrap:hover .img img{ opacity: 0.2;}
.sub_before-after .wrap:hover .info .tit{ color: #c5ad8e;}
@media(max-width: 1600px){
    .sub_before-after{ grid-template-columns: repeat(3,1fr);}
}
@media(max-width: 1000px){
    .sub_before-after{ grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 600px){
    .sub_before-after{ grid-gap: 3rem 1rem;}
    .sub_before-after .wrap .img{ padding: 1rem; border-radius: 1rem;}
    .sub_before-after .wrap .img svg{ width: 3rem; height: 3rem;}
    .sub_before-after .wrap .info{ padding-top: 1rem;}
    .sub_before-after .wrap .info .tit{ font-size: 1.2rem;}
    .sub_before-after .wrap .info .date{ grid-gap: 0.5rem; margin-top: 0.8rem; font-size: 1rem;}
    .sub_before-after .wrap .info .date svg{ width: 1rem; height: 1rem;}
}


.sub_price{}
.sub_price .member_join .join_terms{ margin-top: 0;}
.sub_price .member_join .join_terms .list{ margin-top: 0;}
@media(max-width: 600px){
}


.sub_noninsured{}
.sub_noninsured .title{ margin: 50px 0 30px 0; text-align: center;}
.sub_noninsured .title .t1{ font-size: 30px; font-weight: 600; color: #000;}
.sub_noninsured .title .t2{ margin-top: 15px; font-size: 16px; color: #666;}
.sub_noninsured .text{ display: grid; grid-gap: 10px; margin-top: 30px; text-align: center;}
.sub_noninsured .text p{ line-height: 1.4; font-size: 16px; color: #666;}
.sub_noninsured .modle_table{ overflow: auto;}
.sub_noninsured .modle_table table{ min-width: 600px;}
@media(max-width: 600px){
    .sub_noninsured .title{ margin: 4rem 0 1.5rem 0;}
    .sub_noninsured .title .t1{ font-size: 1.8rem;}
    .sub_noninsured .title .t2{ margin-top: 1rem; font-size: 1.1rem;}
    .sub_noninsured .text{ grid-gap: 0.5rem; margin-top: 2rem; text-align: left;}
    .sub_noninsured .text p{ font-size: 1.1rem;}
}






.sub_terms{}
.sub_terms h1{ margin: 0 0 20px 0; font-size: 32px; font-weight: 700; color: #000;}
.sub_terms p{ margin: 10px 0 0 0; line-height: 1.8; font-size: 16px; color: #666;}
@media(max-width: 1600px){
}
@media(max-width: 1000px){
}
@media(max-width: 600px){
    .sub_terms h1{ margin: 0 0 1rem 0; font-size: 1.6rem;}
    .sub_terms p{ margin: 1rem 0 0 0; font-size: 1rem;}
}






.member_login{ margin: 0 auto; max-width: 500px;}
.member_login .menu{ overflow: hidden; display: flex; border-radius: 30px; background: #f6f8fb;}
.member_login .menu a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 60px; border-radius: 30px; cursor: pointer;}
.member_login .menu a p{ font-size: 16px; color: #000;}
.member_login .menu a.on{ background: #000;}
.member_login .menu a.on p{ font-weight: 700; color: #c5ad8e;}

.member_login .ft{ display: flex; flex-direction: column; grid-gap: 20px; padding: 50px 0;}
.member_login .ft .wrap{}
.member_login .ft .wrap .tit{ font-size: 16px; color: #000;}
.member_login .ft .wrap .in{ display: flex; margin-top: 10px;}
.member_login .ft .wrap .in input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 50px; border-radius: 10px; border: 1px solid #e5e5e5; background: none; font-size: 16px; font-weight: 400; color: #000; outline:none; -webkit-appearance:none;}
.member_login .ft .wrap .in input:focus{ border: 1px solid #c5ad8e;}
.member_login .ft .wrap .in select{ display: flex; align-items: center; margin: 0; padding: 0 50px 0 20px; width: 100%; height: 50px; border-radius: 10px; border: 1px solid #e5e5e5; background:url(/images/modle_select_down.svg) no-repeat center right 15px #FFF; background-size: 14px auto; font-size: 16px; font-weight: 400; color: #000; outline: none; -webkit-appearance: none;}
.member_login .ft .wrap .in select:focus{ border: 1px solid #c5ad8e;}
.member_login .ft .wrap .in.tel select{ flex: 0 0 120px;}
.member_login .ft .wrap .in.tel input{ margin: 0 0 0 10px;}
.member_login .ft .btn_code{ display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0; height: 50px; border-radius: 10px; border: 1px solid #c5ad8e; font-size: 16px; font-weight: 500; color: #000; cursor: pointer;}
.member_login .ft .btn{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 10px; background: #c5ad8e; font-size: 20px; font-weight: 500; color: #FFF; cursor: pointer;}

.member_login .fb{ padding: 50px 0; border-top: 1px solid #e5e5e5;}
.member_login .fb .txt{ font-size: 18px; font-weight: 500; color: #333;}
.member_login .fb .btn_join{ display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0; height: 60px; border-radius: 10px; border: 1px solid #c5ad8e; font-size: 18px; font-weight: 500; color: #000; cursor: pointer;}
.member_login .fb .btn_join:hover{ background: #f6f8fb;}

.member_login .text_ok{ padding: 0 0 50px 0;}
.member_login .text_ok .t1{ text-align: center; font-size: 16px; color: #000;}
.member_login .text_ok .t2{ margin-top: 15px; text-align: center; font-size: 24px; font-weight: 600; color: #c5ad8e;}

.member_login .foot{ padding: 40px; border-radius: 20px; background: #f6f8fb;}
.member_login .foot .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 20px; font-weight: 700; color: #c5ad8e;}
.member_login .foot .t1 i{ margin: 0 5px 0 0; font-size: 24px; color: #c5ad8e;}
.member_login .foot .t2{ position: relative; padding: 5px 0 5px 28px; line-height: 1.4; font-size: 16px; color: #333;}
.member_login .foot .t2:before{ content: ""; display: block; position: absolute; top: 12px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}
@media(max-width: 600px){
    .member_login .menu{ border-radius: 3rem;}
    .member_login .menu a{ height: 3.5rem; border-radius: 3rem;}
    .member_login .menu a p{ font-size: 1.2rem;}

    .member_login .ft{ grid-gap: 1rem; padding: 3rem 0;}
    .member_login .ft .wrap .tit{ font-size: 1rem;}
    .member_login .ft .wrap .in{ margin-top: 0.8rem;}
    .member_login .ft .wrap .in input{ padding: 0 1.2rem; height: 3.5rem; border-radius: 0.8rem; font-size: 1.1rem;}
    .member_login .ft .wrap .in select{ padding: 0 3.5rem 0 1.2rem; height: 3.5rem; border-radius: 0.8rem; font-size: 1.1rem;}
    .member_login .ft .wrap .in.tel select{ flex: 0 0 8rem;}
    .member_login .ft .wrap .in.tel input{ margin: 0 0 0 0.5rem;}
    .member_login .ft .btn{ margin-top: 0.5rem; height: 4rem; border-radius: 0.8rem; font-size: 1.2rem;}

    .member_login .fb{ padding: 3rem 0;}
    .member_login .fb .txt{ font-size: 1.2rem;}
    .member_login .fb .btn_join{ margin: 1rem 0 0 0; border-radius: 0.8rem; font-size: 1.2rem;}

    .member_login .text_ok{ padding: 0 0 3rem 0;}
    .member_login .text_ok .t1{ font-size: 1.2rem;}
    .member_login .text_ok .t2{ margin-top: 1rem; font-size: 1.6rem;}

    .member_login .foot{ padding: 2rem; border-radius: 1rem;}
    .member_login .foot .t1{ margin: 0 0 0.8rem 0; font-size: 1.4rem;}
    .member_login .foot .t1 i{ margin: 0 0.5rem 0 0; font-size: 1.6rem;}
    .member_login .foot .t2{ padding: 0.3rem 0 0.3rem 1.8rem; font-size: 1.1rem;}
    .member_login .foot .t2:before{ top: 1.1rem; left: 0.8rem; width: 0.3rem; height: 0.3rem;}
}


.member_join{}
.member_join .step{}
.member_join .step ul{ display: flex; justify-content: center; position: relative; border-radius: 10px; background: #f6f8fb;}
.member_join .step ul li{ display: flex; flex-direction: column; align-items: center; position: relative; padding: 60px 0; width: 33.333%;}
.member_join .step ul li .t1{ font-size: 16px; color: #666;}
.member_join .step ul li .t2{ margin-top: 5px; font-size: 24px; font-weight: 700; color: #000;}
.member_join .step ul li svg{ position: absolute; top: calc(50% - 10px); right: -10px; width: 20px; height: 20px;}
.member_join .step ul li.on .t1{ color: #000;}
.member_join .step ul li.on .t2{ color: #c5ad8e;}

.member_join .title{ margin: 50px 0 0 0; font-size: 24px; font-weight: 700; color: #000;}
.member_join .text{ padding: 15px 0 0 0;}
.member_join .text p{ position: relative; padding: 5px 0 5px 15px; line-height: 1.4; font-size: 16px; color: #555;}
.member_join .text p:before{ content: ""; display: block; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}

.member_join .foot{ margin: 50px 0 0 0; padding: 40px; border-radius: 10px; background: #f6f8fb;}
.member_join .foot .t1{ display: flex; align-items: center; margin: 0 0 10px 0; font-size: 20px; font-weight: 700; color: #c5ad8e;}
.member_join .foot .t1 i{ margin: 0 5px 0 0; font-size: 24px; color: #c5ad8e;}
.member_join .foot .t2{ position: relative; padding: 5px 0 5px 28px; line-height: 1.4; font-size: 16px; color: #333;}
.member_join .foot .t2:before{ content: ""; display: block; position: absolute; top: 12px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background: rgba(0 0 0/50%);}

.member_join .join_terms{ margin: 50px 0 0 0;}
.member_join .join_terms .all_btn{ display: flex; align-items: center; cursor: pointer;}
.member_join .join_terms .all_btn svg{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; padding: 8px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #e5e5e5;}
.member_join .join_terms .all_btn p{ font-size: 26px; font-weight: 700; color: #000;}
.member_join .join_terms .all_btn.on svg{ border-color: #c5ad8e; background: #c5ad8e;}
.member_join .join_terms .all_btn.on svg path{ fill: #FFF;}
.member_join .join_terms .list{ margin: 20px 0 0 0; padding: 20px 0; border-top: 2px solid #c5ad8e; border-bottom: 1px solid #e5e5e5;}
.member_join .join_terms .list ul{}
.member_join .join_terms .list ul li{ display: flex; justify-content: space-between; align-items: center; padding: 10px 30px;}
.member_join .join_terms .list ul li .check{ display: flex; align-items: center; cursor: pointer;}
.member_join .join_terms .list ul li .check svg{ display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; padding: 6px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #e5e5e5; background: #FFF;}
.member_join .join_terms .list ul li .check p{ font-size: 18px; font-weight: 400; color: #000;}
.member_join .join_terms .list ul li .check.on svg{ border-color: #c5ad8e; background: #c5ad8e;}
.member_join .join_terms .list ul li .check.on svg path{ fill: #FFF;}
.member_join .join_terms .list ul li .btn{ display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 40px; border-radius: 40px; border: 1px solid #e5e5e5; background: #FFF; font-size: 14px; color: #000; cursor: pointer;}
.member_join .join_terms .list ul li .btn:hover{ border-color: #c5ad8e; color: #c5ad8e;}
.member_join .join_terms .list ul li:hover{ background: #f6f8fb;}

.member_join .join_ok{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.member_join .join_ok .ok_id{ margin: 20px 0 0 0; font-size: 18px; color: #000;}
.member_join .join_ok .ok_id span{ font-weight: 600; color: #c5ad8e; letter-spacing: 0;}
.member_join .join_ok .text{ margin: 15px 0 0 0;}

.member_join .modle_write{ margin: 50px 0 0 0;}
@media(max-width: 600px){
    .member_join .step ul li{ padding: 2rem 0;}
    .member_join .step ul li .t1{ font-size: 1rem;}
    .member_join .step ul li .t2{ font-size: 1.4rem;}
    .member_join .step ul li svg{ top: calc(50% - 0.5rem); right: -0.5rem; width: 1rem; height: 1rem;}

    .member_join .title{ margin: 3rem 0 0 0; font-size: 1.4rem;}
    .member_join .text{ padding: 0.8rem 0 0 0;}
    .member_join .text p{ padding: 0.3rem 0 0.3rem 1rem; font-size: 1.1rem;}
    .member_join .text p:before{ top: 1.1rem; width: 0.3rem; height: 0.3rem;}

    .member_join .foot{ margin: 3rem 0 0 0; padding: 2rem; border-radius: 1rem;}
    .member_join .foot .t1{ margin: 0 0 0.8rem 0; font-size: 1.4rem;}
    .member_join .foot .t1 i{ margin: 0 0.5rem 0 0; font-size: 1.6rem;}
    .member_join .foot .t2{ padding: 0.3rem 0 0.3rem 1.8rem; font-size: 1.1rem;}
    .member_join .foot .t2:before{ top: 1.1rem; left: 0.8rem; width: 0.3rem; height: 0.3rem;}

    .member_join .join_terms{ margin: 3rem 0 0 0;}
    .member_join .join_terms .all_btn svg{ margin: 0 0.5rem 0 0; padding: 0.4rem; width: 2rem; height: 2rem;}
    .member_join .join_terms .all_btn p{ font-size: 1.6rem;}
    .member_join .join_terms .list{ margin: 1rem 0 0 0; padding: 0.5rem 0;}
    .member_join .join_terms .list ul li{ padding: 0.5rem 0;}
    .member_join .join_terms .list ul li .check svg{ margin: 0 0.5rem 0 0; padding: 0.4rem; width: 1.6rem; height: 1.6rem;}
    .member_join .join_terms .list ul li .check p{ font-size: 1.2rem;}
    .member_join .join_terms .list ul li .btn{ padding: 0 1.2rem; height: 2.8rem; border-radius: 2rem; font-size: 1rem;}

    .member_join .join_ok .ok_id{ margin: 1rem 0 0 0; font-size: 1.2rem;}
    .member_join .join_ok .text{ margin: 1rem 0 0 0;}

    .member_join .modle_write{ margin: 3rem 0 0 0;}
}



.mypage_head{}
.mypage_head .user{ display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}
.mypage_head .user .img{ display: flex; justify-content: center; align-items: center; width: 140px; height: 140px; border-radius: 50%; background: #FFF; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.mypage_head .user .img img{ display: block; max-width: 80%;}
.mypage_head .user .fr{ display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 0  20px;}
.mypage_head .user .fr .name{ font-size: 30px; color: #000;}
.mypage_head .user .fr .name span{ font-weight: 700; color: #000;}
.mypage_head .user .fr .out{ display: flex; align-items: center; margin: 15px 0 0 0; padding: 0 30px; height: 40px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: rgba(255 255 255/100%); font-size: 14px; color: #666; cursor: pointer;}
.mypage_head .menu{ margin: 10px 0 0 0; width: 100%;}
.mypage_head .menu ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px;}
.mypage_head .menu ul li{}
.mypage_head .menu ul li a{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 20px; border: 1px solid rgba(0 0 0/10%); background: #FFF; cursor: pointer; transition: all .2s;}
.mypage_head .menu ul li a p{ font-size: 18px; font-weight: 500; color: #000; transition: all .2s;}
.mypage_head .menu ul li a:hover{ border-color: #c5ad8e;}
.mypage_head .menu ul li a:hover p{ color: #c5ad8e;}
.mypage_head .menu ul li.on a{ border-color: #000; background: #000;}
.mypage_head .menu ul li.on a p{ font-weight: 600; color: #c5ad8e;}
@media(max-width: 600px){
    .mypage_head .user{ margin-bottom: 2rem;}
    .mypage_head .user .img{ width: 6rem; height: 6rem;}
    .mypage_head .user .fr{ margin: 0 0 0 1rem;}
    .mypage_head .user .fr .name{ font-size: 1.4rem;}
    .mypage_head .user .fr .out{ margin: 0.8rem 0 0 0; padding: 0 1rem; height: 2rem; font-size: 0.8rem;}
    .mypage_head .menu{ margin: 0.5rem 0 0 0;}
    .mypage_head .menu ul{ grid-gap: 0.5rem;}
    .mypage_head .menu ul li a{ height: 3rem; border-radius: 1rem;}
    .mypage_head .menu ul li a p{ font-size: 1.1rem;}
}


.before_the {position:absolute; top:40px; left:50px; text-decoration:underline; color:white; font-weight:700; font-size:30px;}
.after_the {position:absolute; top:40px; right:50px; text-decoration:underline; color:white; font-weight:700; font-size:30px;}

.row_1_title {position:absolute; bottom:140px; left:50px; color:white; font-weight:700; font-size:20px; white-space:nowrap;}
.row_2_title {position:absolute; bottom:100px; left:50px; color:white; font-weight:700; font-size:36px; white-space:nowrap;}

.row_3_left { position:absolute; z-index: 10; bottom: 50px; left:50px; color: white; font-weight: 600; font-size: 20px; white-space: nowrap;}
.row_4_right { position:absolute; z-index: 10; bottom: 50px; right:50px; height: auto !important; color: white; font-weight: 600; font-size: 20px; white-space: nowrap;}

.beer-reveal{ background: #000 !important;}
.beer-reveal img{ opacity: 0.5 !important;}

.beer-handle{ width: 60px !important; height: 60px !important; background: rgba(0 0 0/50%) !important;}
.beer-handle:before{ color: #FFF !important;}
.beer-handle:after{ color: #FFF !important;}
@media(max-width: 600px){
    .before_the{ top: 1.2rem; left: 1.2rem; font-size: 1.4rem;}
    .after_the{ top: 1.2rem; right: 1.2rem; font-size: 1.4rem;}

    .row_1_title{ bottom: 6.2rem; left: 1.2rem; font-size: 1.2rem;}
    .row_2_title{ bottom: 4rem; left: 1.2rem; font-size: 1.8rem;}

    .row_3_left{ bottom: 1.2rem; left: 1.2rem; font-size: 1.1rem;}
    .row_4_right{ bottom: 1.2rem; right: 1.2rem; font-size: 1.1rem;}

    .beer-handle{ width: 4rem !important; height: 4rem !important;}
}






.intro_home_header{ padding: 0 30px;}
.intro_home_header .center{ display: flex; justify-content: space-between; align-items: center; margin: 0 auto; width: 100%; height: 100px;}
.intro_home_header .center .logo{ display: block;}
.intro_home_header .center .logo img{ display: block; width: auto; height: 60px;}
.intro_home_header .center .sns{ display: flex; grid-gap: 10px;}
.intro_home_header .center .sns a{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #ddd; transition: all .3s;}
.intro_home_header .center .sns a svg{ width: 20px; height: 20px;}
.intro_home_header .center .sns a svg path{ transition: all .3s;}
.intro_home_header .center .sns a:hover{ border-color: #c2ab8d;}
.intro_home_header .center .sns a:hover svg path{ fill: #c2ab8d;}
@media(max-width: 600px){
    .intro_home_header{ padding: 0 1.2rem;}
    .intro_home_header .center{ height: 6rem;}
    .intro_home_header .center .logo img{ height: 2.5rem;}
    .intro_home_header .center .sns{ grid-gap: 0.5rem;}
    .intro_home_header .center .sns a{ width: 2.5rem; height: 2.5rem;}
    .intro_home_header .center .sns a svg{ width: 1rem; height: 1rem;}
}


.intro_home_doctors{ padding: 80px 30px;}
.intro_home_doctors .center{ display: flex; grid-gap: 20px; margin: 0 auto; max-width: 1500px; width: 100%;}
.intro_home_doctors .center .wrap{ overflow: hidden; display: block; position: relative; width: 50%; border-radius: 20px;}
.intro_home_doctors .center .wrap:after{ content: ""; display: block; position: absolute; z-index: 40; top: 0; right: 0; bottom: 0; left: 0; border-radius: 20px; border: 1px solid rgba(0 0 0/10%);}
.intro_home_doctors .center .wrap .pc_link{ display: block; position: absolute; z-index: 50; top: 0; right: 0; bottom: 0; left: 0;}
.intro_home_doctors .center .wrap .ft_01{ position: absolute; z-index: 30; top: 0; right: 0; bottom: 0; left: 0; padding: 70px 30px 70px 50%; opacity: 1; transition: all .3s;}
.intro_home_doctors .center .wrap .ft_01 .t1{ display: flex; align-items: flex-end; grid-gap: 20px;}
.intro_home_doctors .center .wrap .ft_01 .t1 p{ font-size: 30px; font-weight: 600; color: #000;}
.intro_home_doctors .center .wrap .ft_01 .t1 img{ display: block; height: 50px;}
.intro_home_doctors .center .wrap .ft_01 .t2{ display: grid; grid-gap: 10px; margin-top: 30px;}
.intro_home_doctors .center .wrap .ft_01 .t2 p{ position: relative; padding-left: 25px; line-height: 1.2; font-size: 16px; color: #000; letter-spacing: 0;}
.intro_home_doctors .center .wrap .ft_01 .t2 p img{ display: block; position: absolute; top: 2px; left: 0; width: auto; height: 16px;}

.intro_home_doctors .center .wrap .ft_02{ position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; padding: 70px 30px 70px 55%; opacity: 0; transition: all .3s;}
.intro_home_doctors .center .wrap .ft_02 .l1{ display: block; height: 130px;}
.intro_home_doctors .center .wrap .ft_02 .l2{ display: flex; align-items: flex-start; grid-gap: 20px; margin-top: 50px;}
.intro_home_doctors .center .wrap .ft_02 .l2 img{ display: block; width: 130px;}
.intro_home_doctors .center .wrap .ft_02 .t1{ margin-top: 20px; font-size: 40px; font-weight: 700; color: #FFF;}
.intro_home_doctors .center .wrap .ft_02 .t2{ margin-top: 20px; font-size: 24px; font-weight: 500; color: #FFF;}
.intro_home_doctors .center .wrap .fb{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 30; right: 0; bottom: 0; left: 0; height: 100px; border-radius: 0 0 20px 20px; background: #FFF; font-size: 36px; font-weight: 700; color: #000; transition: all .2s;}
.intro_home_doctors .center .wrap .fb .m_link{ overflow: hidden; display: flex; justify-content: center; align-items: center; grid-gap: 20px; position: absolute; z-index: 80; top: 0; right: 0; left: 0; height: 0; opacity: 0;}
.intro_home_doctors .center .wrap .fb .m_link p{ font-size: 36px; font-weight: 700; color: #000; letter-spacing: 0;}
.intro_home_doctors .center .wrap .fb .m_link svg{ display: block; width: 24px; height: 24px;}
.intro_home_doctors .center .wrap .bg{ height: 690px; background: #d8dbe8; transition: all .3s;}
.intro_home_doctors .center .wrap .bg:before{ content: ""; display: block; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0%); transition: all .2s;}
.intro_home_doctors .center .wrap .bg img{ display: block; position: absolute; bottom: 0; left: -10%; transform: translate(0,0);  height: 99%; transition: all .3s;}


.intro_home_doctors .center .wrap:last-child .ft_01{ padding: 60px 0 70px 60px;}
.intro_home_doctors .center .wrap:last-child .ft_02{ padding: 60px 0 70px 60px;}
.intro_home_doctors .center .wrap:last-child .bg img{ left: initial; right: -5%;}


.intro_home_doctors .center .wrap:hover .ft_01{ transform: translate(100px,0); opacity: 0;}
.intro_home_doctors .center .wrap:hover .ft_02{ opacity: 1;}
.intro_home_doctors .center .wrap:hover .bg:before{ background: rgba(0 0 0/50%);}
.intro_home_doctors .center .wrap:hover .bg img{ transform: translate(5%,0);}

.intro_home_doctors .center .wrap:last-child:hover .ft_01{ transform: translate(-100px,0);}
.intro_home_doctors .center .wrap:last-child:hover .bg img{ transform: translate(-5%,0);}


@media(max-width: 1600px){
    .intro_home_doctors{ padding-top: 0;}
    .intro_home_doctors .center .wrap .bg img{ left: -25%;}

    .intro_home_doctors .center .wrap:last-child .ft_01{ padding: 70px 0 70px 50px;}
    .intro_home_doctors .center .wrap:last-child .ft_02{ padding: 70px 0 70px 50px;}
    .intro_home_doctors .center .wrap:last-child .bg img{ left: initial; right: -15%;}
}
@media(max-width: 1000px){
    .intro_home_doctors .center{ display: grid; grid-gap: 20px;}
    .intro_home_doctors .center .wrap{ width: 100%;}
    .intro_home_doctors .center .wrap .bg img{ left: -10%;}

    .intro_home_doctors .center .wrap:last-child .ft_01{ padding: 70px 0 70px 80px;}
    .intro_home_doctors .center .wrap:last-child .ft_02{ padding: 70px 0 70px 80px;}
    .intro_home_doctors .center .wrap:last-child .bg img{ left: initial; right: -5%;}
}
@media(max-width: 600px){
    .intro_home_doctors{ padding: 0 1.2rem;}
    .intro_home_doctors .center{ grid-gap: 1.2rem;}
    .intro_home_doctors .center .wrap{ border-radius: 1rem;}
    .intro_home_doctors .center .wrap:after{ border-radius: 1rem;}
    .intro_home_doctors .center .wrap .pc_link{ display: none;}

    .intro_home_doctors .center .wrap .ft_01{ padding: 2rem 2rem 2rem 45%;}
    .intro_home_doctors .center .wrap .ft_01 .t1{ grid-gap: 1rem;}
    .intro_home_doctors .center .wrap .ft_01 .t1 p{ font-size: 1.4rem;}
    .intro_home_doctors .center .wrap .ft_01 .t1 img{ height: 2rem;}
    .intro_home_doctors .center .wrap .ft_01 .t2{ grid-gap: 0.5rem; margin-top: 1.5rem;}
    .intro_home_doctors .center .wrap .ft_01 .t2 p{ padding-left: 1rem; font-size: 0.9rem;}
    .intro_home_doctors .center .wrap .ft_01 .t2 p img{ top: 0.2rem; height: 0.8rem;}


    .intro_home_doctors .center .wrap:last-child .ft_01{ padding: 2rem 0 2rem 2rem;}
    .intro_home_doctors .center .wrap:last-child .bg img{ left: initial; right: -25%;}

    .intro_home_doctors .center .wrap .ft_02{ padding: 2rem 2rem;}
    .intro_home_doctors .center .wrap .ft_02 .l1{ height: 8rem;}
    .intro_home_doctors .center .wrap .ft_02 .l2{ grid-gap: 0.5rem; margin-top: 1.2rem;}
    .intro_home_doctors .center .wrap .ft_02 .l2 img{ width: 7rem;}
    .intro_home_doctors .center .wrap .ft_02 .t1{ margin-top: 1.5rem; font-size: 1.8rem;}
    .intro_home_doctors .center .wrap .ft_02 .t2{ margin-top: 1rem; font-size: 1.2rem;}
    .intro_home_doctors .center .wrap .fb{ z-index: 90; height: 5rem; border-radius: 0 0 1rem 1rem; border: 1px solid rgba(0 0 0/10%); border-top: 0; font-size: 1.8rem;}
    .intro_home_doctors .center .wrap .fb .m_link{ grid-gap: 1rem; top: -5rem; height: 5rem;}
    .intro_home_doctors .center .wrap .fb .m_link p{ font-size: 1.4rem;}
    .intro_home_doctors .center .wrap .fb .m_link svg{ width: 1.2rem; height: 1.2rem;}
    .intro_home_doctors .center .wrap .bg{ height: 36rem;}
    .intro_home_doctors .center .wrap .bg:before{ background: rgba(0 0 0/0%);}
    .intro_home_doctors .center .wrap .bg img{ left: -28%;}

    .intro_home_doctors .center .wrap:nth-child(1) .ft_02{ display: flex; flex-direction: column; align-items: flex-end; padding: 4rem 2rem 2rem 55%;}
    .intro_home_doctors .center .wrap:nth-child(1) .ft_02 .t1{ text-align: right;}
    .intro_home_doctors .center .wrap:nth-child(2) .ft_02{ padding: 4rem 2rem 2rem 2rem;}

    .intro_home_doctors .center .wrap:hover .ft_01{ transform: translate(0,0) !important; opacity: 0;}
    .intro_home_doctors .center .wrap:hover .ft_02{ opacity: 1;}
    .intro_home_doctors .center .wrap:hover .fb{ color: #FFF;}
    .intro_home_doctors .center .wrap:hover .fb .m_link{ top: 0; opacity: 1;}
    .intro_home_doctors .center .wrap:hover .bg:before{ background: rgba(0 0 0/50%);}
}


.intro_home_btn{ display: flex; justify-content: center; align-items: center; grid-gap: 20px; margin: 0 auto 0 auto; width: 400px; height: 80px; border-radius: 40px; background: #000; transition: all .3s;}
.intro_home_btn p{ font-size: 24px; font-weight: 700; color: #FFF; transition: all .3s;}
.intro_home_btn svg{ width: 20px; height: 20px; transition: all .3s;}
.intro_home_btn svg path{ fill: #FFF; transition: all .3s;}
.intro_home_btn:hover{ background: #000;}
.intro_home_btn:hover p{ color: #c2ab8d;}
.intro_home_btn:hover svg path{ fill: #c2ab8d;}
@media(max-width: 600px){
    .intro_home_btn{ grid-gap: 1rem; margin: 1rem 1rem 0 1rem; width: auto; height: 4rem; border-radius: 4rem;}
    .intro_home_btn p{ font-size: 1.4rem;}
    .intro_home_btn svg{ width: 1.4rem; height: 1.4rem;}
}


.intro_footer{ margin-top: 120px; padding: 0 30px; background: #000;}
.intro_footer .center{ margin: 0 auto; padding: 50px 0 200px 0; max-width: 760px; width: 100%;}
.intro_footer .center .menu{ display: flex; justify-content: center; grid-gap: 30px;}
.intro_footer .center .menu a{ display: block; font-size: 16px; font-weight: 600; color: #FFF;}
.intro_footer .center .logo{ display: block; margin: 50px auto; width: 150px; height: 40px;}
.intro_footer .center .logo img{ display: block; width: auto; height: 100%;}
.intro_footer .center .sns{ display: flex; justify-content: center; grid-gap: 10px;}
.intro_footer .center .sns a{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: rgba(255 255 255/20%); transition: all .2s;}
.intro_footer .center .sns a img{ display: block; max-width: 40%; max-height: 40%;}
.intro_footer .center .sns a:hover{ background: #c5ad8e;}
.intro_footer .center .info{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; grid-gap: 15px 20px; margin-top: 50px; max-width: 750px;}
.intro_footer .center .info p{ line-height: 1.2; font-size: 14px; color: rgba(255 255 255/50%); letter-spacing: 0;}
.intro_footer .center .copy{ margin-top: 30px; text-align: center; font-size: 13px; color: rgba(255 255 255/30%); text-transform: uppercase; letter-spacing: 0;}
@media(max-width: 600px){
    .intro_footer{ margin-top: 4rem; padding: 0 1.2rem;}
    .intro_footer .center{ padding: 3rem 0;}
    .intro_footer .center .menu{ grid-gap: 2rem;}
    .intro_footer .center .menu a{ font-size: 1.1rem;}
    .intro_footer .center .logo{ margin: 3rem auto; width: 10rem; height: auto;}
    .intro_footer .center .logo img{ width: 100%; height: auto;}
    .intro_footer .center .sns{ grid-gap: 0.5rem;}
    .intro_footer .center .sns a{ width: 3rem; height: 3rem;}
    .intro_footer .center .info{ grid-gap: 1rem 1.6rem; margin-top: 3rem;}
    .intro_footer .center .info p{ text-align: center; font-size: 1rem;}
    .intro_footer .center .info p:first-child{ width: 100%;}
    .intro_footer .center .copy{ margin-top: 2rem; font-size: 0.8rem;}
}


.intro_header{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; height: 120px; background: rgba(255 255 255/90%); backdrop-filter: blur(20px); box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.intro_header .logo{ display: block; height: 50px;}
.intro_header .logo img{ display: block; width: auto; height: 100%;}

.intro_header .menu{ display: flex; justify-content: center; position: absolute; top: 0; left: 50%; bottom: 0; transform: translate(-50%,0);}
.intro_header .menu a{ display: flex; align-items: flex-end; position: relative; opacity: 0.5;}
.intro_header .menu a img{ display: block; width: auto; height: 100%; filter: grayscale(100%);}
.intro_header .menu a.on{ opacity: 1;}
.intro_header .menu a.on:before{ content: ""; position: absolute; z-index: 10; right: 0; bottom: -1px; left: 0; height: 3px; background: #c2ab8d;}
.intro_header .menu a.on img{ filter: grayscale(0);}

.intro_header .btn{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; width: 260px; height: 50px; border-radius: 40px; background: #c2ab8d; transition: all .3s;}
.intro_header .btn p{ font-size: 16px; font-weight: 500; color: #FFF; transition: all .3s;}
.intro_header .btn svg{ width: 16px; height: 16px; transition: all .3s;}
.intro_header .btn svg path{ fill: #FFF; transition: all .3s;}
.intro_header .btn:hover{ background: #000;}
.intro_header .btn:hover p{ color: #c2ab8d;}
.intro_header .btn:hover svg path{ fill: #c2ab8d;}
@media(max-width: 1600px){
    .intro_header{ height: 100px;}
    .intro_header .logo{ height: 40px;}
    .intro_header .menu a img{ height: 90%;}
    .intro_header .btn{ width: 200px;}
}
@media(max-width: 1000px){
    .intro_header{ height: 80px;}
    .intro_header .logo{ height: 35px;}
    .intro_header .menu a img{ height: 85%;}
    .intro_header .btn{ grid-gap: 5px; width: 160px; height: 35px;}
    .intro_header .btn p{ font-size: 14px;}
    .intro_header .btn svg{ width: 12px; height: 12px;}
}
@media(max-width: 600px){
    .intro_header{ padding-top: 4.5rem; height: auto;}
    .intro_header .logo{ position: absolute; top: 1rem; left: 1rem; height: 2.5rem}
    .intro_header .btn{ position: absolute; top: 1rem; right: 1rem; height: 2.5rem;}
    .intro_header .btn p{ font-size: 1rem;}
    .intro_header .btn svg{ width: 0.9rem; height: 1rem;}
    .intro_header .menu{ position: initial; transform: translate(0,0); height: 100%;}
    .intro_header .menu a{ display: block;}
    .intro_header .menu a img{ width: 100%; height: auto;}

}


.intro_visual{ display: flex; align-items: center; position: relative; margin-top: 120px;}
.intro_visual .btn{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; left: calc(50% - 60px); bottom: 0; width: 120px; height: 120px; border-radius: 50%; background: #c5ad8e;}
.intro_visual .btn svg{ width: 50%; height: 50%; transform: rotate(90deg); animation: scroll_down 1s infinite;}
.intro_visual .btn svg path{ fill: #FFF;}
.intro_visual .img{ overflow: hidden; display: flex; justify-content: center; align-items: flex-end; padding-top: 100px; width: 50%; border-radius: 0 0 120px 0; background: #f3f4f8;}
.intro_visual .img img{ display: block;}
.intro_visual .fr{ padding: 120px 100px; width: 50%;}
.intro_visual .fr .name{ display: flex; flex-direction: column; padding-bottom: 30px; border-bottom: 1px solid#000;}
.intro_visual .fr .name .t1{ font-size: 24px; color: #000;}
.intro_visual .fr .name .t2{ margin-top: 10px; font-size: 70px; font-weight: 700; color: #000;}
.intro_visual .fr .name .t2 b{ font-weight: 700; color: #000;}
.intro_visual .fr .name .t3{ margin-top: 15px; line-height: 1.4; font-size: 30px; font-weight: 700; color: #000;}
.intro_visual .fr .txt{ display: flex; flex-direction: column; grid-gap: 15px; padding-top: 30px;}
.intro_visual .fr .txt p{ position: relative; padding-left: 15px; width: 100%; line-height: 1.4; font-size: 20px; color: #000;}
.intro_visual .fr .txt p:before{ content: ""; display: block; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #000;}
.intro_visual .fr .txt span{ display: block; margin-top: -7px; padding-left: 15px; width: 100%; line-height: 1.4; font-size: 18px; color: rgba(0 0 0/80%);}
@keyframes scroll_down{
    0%   { transform: translate(0,-10px) rotate(90deg); opacity: 1;}
    50%  { transform: translate(0,10px) rotate(90deg); opacity: .5;}
    100% { transform: translate(0,-10px) rotate(90deg); opacity: 1;}
}
@media(max-width: 1600px){
    .intro_visual{ margin-top: 100px;}
    .intro_visual .fr{ padding: 100px 50px;}
}
@media(max-width: 1000px){
    .intro_visual{ flex-direction: column-reverse; margin-top: 80px; background: #f3f4f8;}
    .intro_visual .btn{ bottom: -60px;}
    .intro_visual .img{ padding-top: 0; width: 100%; border-radius: 0;}
    .intro_visual .fr{ width: 100%;}
}
@media(max-width: 600px){
    .intro_visual{ margin-top: 10rem;}
    .intro_visual .btn{ left: calc(50% - 2rem); bottom: -2rem; width: 4rem; height: 4rem;}
    .intro_visual .img img{ height: 24rem;}
    .intro_visual .fr{ padding: 4rem 2rem;}
    .intro_visual .fr .name{ padding-bottom: 2rem;}
    .intro_visual .fr .name .t1{ font-size: 1.2rem;}
    .intro_visual .fr .name .t2{ margin-top: 0.5rem; font-size: 3rem;}
    .intro_visual .fr .name .t3{ margin-top: 0.5rem; font-size: 1.2rem;}
    .intro_visual .fr .txt{ grid-gap: 1rem; padding-top: 2rem;}
    .intro_visual .fr .txt p{ padding-left: 1rem; font-size: 1.2rem;}
    .intro_visual .fr .txt p:before{ top: 0.5rem; width: 0.4rem; height: 0.4rem;}
    .intro_visual .fr .txt span{ margin-top: -0.8rem; padding-left: 1rem; font-size: 1.1rem;}
}