@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face{
  font-family: myFirstFont;
  src: url(../font/KhmerOS_muollight.ttf);
}
:root{
    --font: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font_kh_header: myFirstFont;
    --font_en: -apple-system, BlinkMacSystemFont;
    --error_color: #cc0000;
    --bg_color_active: "";
    --bg_color_active_hover: "";
    --color_active: "";
    --color_active_hover: "";
    --pusher_left: 200px;
    --menu_bottom_height: 52px;
    --prh_height: 73px;
    --menu_top_height: 50px;
    --bg_color_disable: #e9e9e9;
    --color_disable: #a5a5a5;
    --translateY: -75px;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font) !important;
}
.fkh_header{
    font-family: myFirstFont !important;
}
.fen{
    font-family: -apple-system, BlinkMacSystemFont !important;
}
body{
    -webkit-font-smoothing: antialiased;
}
a{
    color: inherit;
    text-decoration: none;
}
button{
    border: none;
    background: none;
    cursor: pointer;
}
._hide{
    display: none !important;
}
#header{
    position: absolute;
    top: 0px;
    z-index: 2;
    padding: 12px 12px;
    width: 100%;
    transition: all 0.35s;
}
#header.hidden{
    transform: translateY(var(--translateY));
}
#header.bgactive{
    background: #fff;
}
.header{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.logo{
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo img{
    height: 100%;
}
main{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main{
    background: #f1f2f3;
    width: 100%;
    height: calc(100vh - 72px - 8px - 16px);
    height: 468px;
    position: relative;
}
.main2{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main .bg{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    border-top: 1px solid #ffffff1a;
    padding: 20px 0px;
    background: #224793;display: none;
}
.u{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 24px;
}
.u1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.u1 img{
    height: 62px;
    filter: brightness(0) invert(1);
}
.u2{
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 400;
}
.swiper{
    width: 100%;
    height: 100%;
}
.aa{
    display: flex;
    align-items: center;
}
.aa.right{
    justify-content: flex-end;
    flex-grow: 1;
}
.aa1{
    padding: 0px 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04rem;
    font-size: 14px;
    color: #fff;
}
.aa1.active, .second_page .aa1:hover{
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #193d88;
}
#header.bgactive .aa1{
    color: #000;
}
.duu{
    margin-top: 32px;
}
.btn_glass{
    background-color: #7f7f7f40;
    color: #f2f2f2;
    border: 1px solid #f2f2f2;
    font-size: 14px;
    letter-spacing: .04rem;
    padding: .6875rem 1.4375rem;
    border-radius: 1000px;
    text-transform: uppercase;
    cursor: pointer;
}
.btn_glass + .btn_glass{
    margin-left: 12px;
}
.btn_glass.blue{
    background: #224793;
    font-weight: 500;
}
.sp{
    margin-left: 3px;
}
.svg{
    height: 8px;
    fill: currentColor;
    margin-right: 2px;
}
body:not(.home) section{
    min-height: calc(100vh - 64px - 147px);
}
section{
    width: 100%;
    padding-top: 66px;
    padding-bottom: 66px;
    display: flex;
    justify-content: center;
}
.a{
    width: 412px;
}
.a + .a{
    margin-left: 74px;
    width: 486px;
}
.a1{
    font-weight: 400;
    font-size: 40px;
    color: #224793;
    line-height: 1;
}
.a2{
    font-size: 21px;
    line-height: 1.3;
    margin-top: 20px;
    margin-bottom: 32px;
}
.a2>span{
    color: #fff;
    padding: 3px 4px 6px 4px;
    background: #e72332;
}
.l{
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 22px;
}
.l6{
    text-align: center;
    font-size: 28px;
    color: #fff;
    margin-bottom: 48px;
    font-weight: 500;
    line-height: 1;
    background: #e72332;
    padding: 8px 4px 4px 4px;
}
.l7{
    padding-left: 48px;
}
.l66{
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    background: #e72332;
    padding: 8px 4px 4px 4px;
}
.l span{
    font-family: var(--font_en) !important;
}
.l0{
    width: 100%;
    padding: 8px;
}
.l1{
    display: flex;align-items: center;
    color: #fff;justify-content: center;
    flex-direction: column;
}
.df{
    display: flex;
}
.l2{
    font-size: 42px;
    font-weight: 600;
    border-right: 1px solid #fff;
    width: 115px;
    line-height: 1;
    font-family: var(--font_kh_header) !important;
    font-weight: 400;
    padding-top: 3px;
}
.l3{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1;
}
.bg_active{
    background: #224793;
    color: #fff;
}
.bg_white{
    background: #fff;
    color: #000;
}
.l4{
    font-size: 20px;
    width: 320px;
    line-height: 1.4;
}
.l5{
    display: flex;
    margin-bottom: 48px;
}
.l5:last-child{
    margin-bottom: 0px;
}
.j{
    width: 960px;
    display: grid;
    grid-column-gap: 24px;
    padding: 0px;
    margin-top: 140px;
}
.j11{
    width: 960px;
    display: grid;
    grid-column-gap: 24px;
    padding: 0px;
    margin-top: 144px;
    grid-row-gap: 120px;
}
.jj{
    grid-gap: 0px;
    padding: 0px;
    border: .5px solid #fff;
    margin-top: 0px;
}
.j_5{
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 120px;
}

.j_4{
    grid-template-columns: repeat(3, 1fr);
}
.j_3{
    grid-template-columns: repeat(3, 1fr);
}
.j1{
    width: 100%;
    height: auto;
    position: relative;
}
.j1_1{
    width: 100%;
    height: auto;
    position: relative;
    padding: 48px 24px;
    border: .5px solid #f1f2f3;
}
.j2{
    width: 166px;
    height: 166px;
    border-radius: 136px;
    background: #e0e0e0;
    border: 2px solid #fff;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: calc((166px / 2) * -1);
    left: calc((100% - 166px) / 2);
}
.j2 img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.j3{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 92px 16px 32px 16px;
}
.j4{
    font-size: 16px;
    font-weight: 400;
}
.bg_white .j5{
    background: #224793;
    color: #fff;
}
.bg_active .j5{
    background: #fff;
    color: #000;
}
.j5{
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 1px 3px 3px 3px;
}
.j6{
    margin-top: 16px;
    text-align: center;
    font-size: 16px;
}
.j7{
    font-weight: 500;
    line-height: 1;
}
.j8{

}
.j9{
    display: flex;
    margin-top: 20px;
}
.j9 svg{
    height: 17px;fill: currentColor;
    color: inherit;
}
.j10:first-child{
    margin-left: 0px;
}
.j10{
    margin-left: 12px;
}
.j12{
    width: 100%;display: flex;
    align-items: center;
    justify-content: center;
}
.j14{
    margin-top: 22px;display: flex;
    align-items: center;
    justify-content: center;
}
.j15{
    padding: 7px 16px;font-size: 15px;
    border: 1px solid #000000;color: #000000;
    font-weight: 500;
    cursor: pointer;
}
.j15.m{
    padding: 12px 36px;
    font-size: 18px;
}
.o{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.o1{
    width: 68px;
    height: 68px;
    margin-bottom: 8px;
}
.o1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0) invert(1);
}
.o2{
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1.3;
}
.k1{
    width: 720px;
}
.k2{
    border-radius: 100px;
    margin-bottom: 16px;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    background: #fff;
    border-radius: 20px;
    line-height: 1.5;
    padding: 6px 14px;
    display: flex;
    align-items: center;
}
.k2 svg, .kk2 svg{
    height: 20px;
    margin-right: 4px;
    fill: currentColor;
    color: #000;
}
.kk20{
    width: 24px;
}
.kk2{
    border-radius: 100px;
    margin-bottom: 12px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    border-radius: 20px;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
.kk2:last-child{
    margin-bottom: 0px;
}
.n0{
    display: flex;
    justify-content: center;
}
.n{
    display: flex;
    justify-content: space-between;
}
.n1{
    flex-grow: 1;
    display: flex;
    padding: 8px 32px 0px 32px;
    font-size: 20px;
}
.n2{
    font-weight: 500;
    font-size: 32px;
    color: #224793;
    text-align: center;
}
.n3{
    width: 320px;
}
.n3 img{
    width: 100%;
    height: 400px;
    border-radius: 20px;
    object-fit: cover;
}
.ss0{
    width: 1140px;
    display: flex;
    height: 710px;
}
.ss1{
    width: calc(100% / 3);
}
.ss2{
    width: calc(100% / 3);
    display: flex;
    align-items: end;
}
.ss3{
    width: calc(100% / 3);
    padding: 60px 30px 30px 30px;
}
.sss0{
    width: 1140px;
    display: flex;
}
.sss1{
    width: calc(100% / 3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sss2{
    width: calc(100% / 3);
    display: flex;align-items: center;justify-content: center;
}
.sss3{
    width: calc(100% / 3);
}
.sss3 img{
    width: 100%;
    height: 640px;
    object-fit: cover;
}
.y0{
    width: 100%;margin-top: 16px;
    grid-gap: 22px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.y1{
    height: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 75%);
    padding: 8px;
    border-radius: 3px;
    backdrop-filter: blur(1px);
}
.y1 img{
    height: 64px;object-fit: cover;max-width: 100%;
}
.y1 img.w{
    width: 120px;
    height: auto;
}
.hh1{
    font-size: 16px;
    color: #fff;
    padding: 6px 16px;
    margin: 0px 18px;
}
#header.second_page{
    position: relative !important;
    padding: 8px 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#header.second_page .header{
    align-items: center !important;
    width: 1024px;
}
#header.second_page .logo{
    height: 48px;
}
.ll0{
    z-index: 1;height: 52px;display: flex;justify-content: center;position: sticky;top: 0;
    left: 0;
    width: 100%;-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, 0.7);
}
.ll1{
    width: 1024px;padding: 0px 22px;display: flex;align-items: center;
}
.ll2{
    font-weight: 600;font-size: 21px;line-height: 1.14286;letter-spacing: .011em;
}
.ll3{
    flex-grow: 1;display: flex;
    align-items: center;
    justify-content: flex-end;
}
.ll4{
    margin-left: 24px;color: #1d1d1f;
    display: inline-block;
    line-height: 22px;
    white-space: nowrap;font-size: 13px;font-weight: 400;
}
.ll5{
    margin-left: 24px;color: #1d1d1f;
    display: inline-block;
    line-height: 22px;
    white-space: nowrap;font-size: 13px;font-weight: 400;background-color: #e8e8ed;
    cursor: pointer;
    border-radius: 12px;
    padding: 5px 12px 4px;line-height: 1;display: flex;align-items: center;
}
.ll6{
    height: 12px;
}
.ll7{
    margin-left: 4px;
}
.jj0{
    margin-top: 52px;width: 100%;display: flex;justify-content: center;
}
.jj1{
    width: 653px;display: flex;flex-direction: column;
}
.jj2{
    margin-bottom: 20px;line-height: 1.3333733333;
}
.jj3{
    font-size: 13px;
    line-height: 1.2857742857;
    font-weight: 600;
    letter-spacing: -0.016em;color: #6e6e73;
}
.jj4{
    font-size: 48px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: -0.003em;
}
.jj5{
    margin-top: 28px;
    margin-bottom: 32px;
}
.jj6{
    margin-right: 16px;padding: 2px;display: flex;
    align-items: center;justify-content: center;
    position: relative;cursor: pointer;
}
.jj7{
    color: #6e6e73;fill: currentColor;height: 20px;
}
.jj8{
    padding-top: 38px;border-top: 1px solid #d2d2d7;font-size: 20px;
    line-height: 1.1666666667;
    font-weight: 500;
    letter-spacing: .009em;line-height: 1.6;
}
.jj8.news1{
    padding-top: 0px;
    border: none;
}
.jj9{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 700;
    letter-spacing: -0.016em;
}
.jj10{
    font-weight: 300;font-size: 17px;line-height: 1.4285914286;letter-spacing: -0.016em;
}
.jj11{
    margin-top: 40px;border-radius: 10px;
    margin-bottom: 40px;
    width: calc(1024px - 44px);
    position: relative;
    top: 0px;
    left: calc((100% - (1024px - 44px)) / 2);
}
.jj11.news{
    width: 100%;
    left: 0px;
}
.jj12{
    margin-bottom: 20px;font-size: 19px;
    line-height: 1.2105263158;
    font-weight: 600;
    letter-spacing: .012em;
    margin-top: 40px;
}
.pp0{
    width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;object-fit: cover;filter: brightness(.5);
}
.pp1{
    background: rgba(34, 71, 147, .22); width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;
}
.pp2{
    width: 960px;position: relative;z-index: 2;
}
.pp3{
    margin-bottom: 36px;
}
.pp4{
    color: #fff;font-weight: 600;
}
.nw0{
    width: 100%;display: flex;flex-direction: column;align-items: center;
}
.nw1{
    grid-template-columns: repeat(1, 100%);
    height: auto;
    width: 759px;
    grid-gap: 10px;
    display: grid;
}
.nw2{
    display: flex;align-items: center; justify-content: center;
                    margin-top: 30px;margin-bottom: 30px;
}
.nw3{
    width: 301px;height: 216px;margin-right: 38px;
}
.nw4{
    width: 100%;height: 100%;object-fit: cover;
}
.nw5{
    flex: 1;display: flex;flex-direction: column;align-items: start;
}
.nw6{
    font-size: 23px;line-height: 1.5;font-weight: 700;
}
.nw7{
    margin-top: 20px;margin-bottom: 6px;
}
.duborder{
    border-width: 2px;
}
.border_active{
    border-color: #224793;
}
.btn_register{
    background: #224793;
    color: #fff;
    border-color: #224793;
}
.ume0{
    position: relative;width: 100%;
}
.ume1{
    width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;object-fit: cover;filter: brightness(.5);
}
.ume2{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;backdrop-filter: blur(5px);
}
.ume3{
    position: relative;width: 720px;display: flex;align-items: center;flex-direction: column;padding-bottom: 24px;
}
.ume4{
    margin-top: 24px;width: 100%;border: 1px solid #777;
}
.ume5{
    color: #fff;margin-top: 24px;text-align: center;line-height: 1.8!important;font-size: 28px;
}
.ume6{
    margin-top: 36px;display: flex;align-items: center;justify-content: center;
}
.ume7{
    padding: 8px 36px;font-size: 24px;border: 2px solid #fff;color:#fff;font-weight: 500;
    cursor: pointer;
}
.ume8{
    color: #000;font-weight: 600;
}
.ft0{
    padding: 42px 0px;background: #224793;
}
.ft1{
    width: 100%;display: flex;justify-content: center;
}
.ft2{
    width: 960px;display: flex;justify-content: space-between;
    align-items: center;flex-direction: column;
}
.ft3{
    display: flex;align-items: center;font-size: 14px;color: #fff;margin-bottom: 10px;
}
.ft4{
    display: flex;align-items: center;
}
.ft5{
    color: #fff;font-size: 14px;font-weight: 400;text-align: center;
}
.ft6{
    margin-right: 10px;
}
.ft6:last-child{
    margin-right: 0px;
}
.ft7{
    height: 32px;fill: currentColor;color: #fff;
}
.vgg0{
    width: 960px;
}
.vgg1{
    display: flex;flex-direction: row-reverse;
}
.vgg2{
    width: calc(100% - 418px);padding: 28px 28px 28px 32px;position: relative;
}
.vgg3{
    position: absolute;top: -12px;right: -50px;width: 64px;
                height: 64px;
                margin: 0 0 0 auto;
}
.vgg4{
    object-fit: contain;
                width: 100%;
                height: 100%;
}
.vgg5{
    font-size: 20px;
}
.vgg6{
    font-weight: 400;font-size: 28px;
}
.vgg7{
    line-height: 1.5;margin-bottom: 32px;
}
.vgg8{
    display: flex;margin-top: 20px;
    align-items: center;
}
.vgg9:first-child{
    margin-left: 0px;
}
.vgg9{
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 14px;
}
.vgg10{
    height: 21px;
    fill: currentColor;
    color: #000;
}
.vgg11{
    padding: 30px;position: relative;width: 418px;background: #f1f2f3;
    border-radius: 24px;
}
.vgg12{
    border-radius: 24px; width: 100%;height: 546px;object-fit: cover;
}
.vgg13{
    border-radius: 8px; display: flex;flex-direction: column;align-items: center;justify-content: center; width: calc(100% - 60px);bottom: 30px; background: #fff; position: absolute;z-index: 1;padding: 24px;
}
.vgg14{
    text-align: center;font-size: 28px;font-weight: 400; color: #224793;
}
.vgg15{
    font-size: 20px;line-height: 1.4;text-align: center;
}
.vgg16{
    background: #fff;
}
.koo0{
    text-shadow: 1px 1px 2px #000;
}
.koo1{
    display: flex;align-items: center;justify-content: center;
}
.mpp0{
    font-size: 20px;line-height: 1.4;display: flex;align-items: center;justify-content: center;
                text-align: center;
}
.mpp1{
    margin-top: 62px;display: flex;align-items: center;justify-content: center;
}
.mpp2{
    padding: 8px 22px;font-size: 24px;border: 2px solid #000;
}
.iee0{
    color: #fff;text-shadow: 1px 1px 2px #000;
}
.iee1{
    display: flex;justify-content: center;flex-direction: column;align-items: center;
}
.nhh0{
    width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;object-fit: cover;filter: brightness(.5);
}
.nhh1{
    background: rgba(34, 71, 147, .22); width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;
}
.nhh2{
    width: 100%;position: relative;z-index: 1;
}
.nhh3{
    color: #fff;line-height: 1.4;text-shadow: 1px 1px 2px #000;
}
.nhh4{
    color: #fff;font-weight: 700;
}
.xui0{
    width: 100%;display: flex;justify-content: center;
}
.xui1{
    line-height: 1.1; text-align: left; font-weight: 600;color: #224793;
}
.xui2{
    margin-top: 24px;font-size: 21px;line-height: 1.7;
}
.xui3{
    margin-top: 22px;display: flex;align-items: center;justify-content: center;
}
.xui4{
    width: 100%;text-align: center;padding: 8px 22px;font-size: 24px;border: 2px solid #000;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xui5{
    width: 100%;height: 525px;
    object-fit: cover;
}
.yuu0{
    width: 1140px;display: flex;align-items: center;flex-direction: column;
}
.yuu1{
    color: #fff;text-shadow: 1px 1px 2px #000;
}
.yuu2{
    display: flex;align-items: center;justify-content: center;
}
.gyy0{
    width: 100%;display: flex;justify-content: center;
}
.gyy1{
    padding: 30px;color: #224793;font-weight: 700;
    line-height: 1.3;font-size: 44px;       
}
.gyy2{
    padding: 30px;font-size: 22px;text-align: center;
}
.gyy3{
    margin-top: 22px;display: flex;align-items: center;justify-content: center;
}
.gyy4{
    padding: 8px 22px;font-size: 24px;border: 2px solid #000;
}
.sff0{
    display: flex;flex-direction: column;
    margin-bottom: 14px;
}
.sff{
    width: 100%;padding: 10px 12px;border: 1px solid #b3b3b3;
    font-size: 18px;
}
.sff1{
    margin-bottom: 4px;
}
.oe0{
    grid-template-columns: repeat(3, 1fr);
    height: auto;
    width: 1140px;
    grid-gap: 100px;
    display: grid;
    margin-top: 24px;
}
.oe1{
    display: flex;flex-direction: column;
}
.oe2{
    width: 100%;object-fit: cover;min-height: 390px;
    border: 1px solid #d3d3d3;
}
.oe3{
    color: #000;margin-top: 14px;text-align: center;
    line-height: 1.5 !important;font-size: 20px;
}
.qqw0{
    position: fixed;width: 100%;height: 100vh;background: #fff;z-index: 30;top: 0px;left: 0px;
        display: flex;align-items: center;justify-content: center;
}
.qqw1{
    position: absolute; top: 16px;left: 16px;
}
.qqw2{
    width: 36px;height: 36px;border-radius: 32px;b1ackground: #f1f2f3;
                display: flex;align-items: center;justify-content: center;
    cursor: pointer;
}
.qqw3{
    color: #000;fill: currentColor;width: 22px;height: 22px;
}
.qqw4{
    width: 100%;display: flex;justify-content: center;
}
.qqw5{
    width: 1024px;display: flex;
}
.qqw6{
    width: 538px;margin-right: 64px;
}
.qqw70{
    flex: 1;padding-top: 24px;
}
.qqw8{
    font-size: 38px;font-weight: 500;color: #224793;text-align: center;
}
.qqw9{
    margin-top: 16px;
}
.cct0{
    display: flex;width: 100%;justify-content: center;position: relative;
}
.cct1{
    display: flex;width: 804px;min-height: calc(100vh - 64px - 150px - 66px - 66px);
}
.cct2{
    flex: 1;display: flex;flex-direction: column;
}
.cct3{
    margin-bottom: 32px;display: flex;align-items: center;justify-content: center;color: #fff;
}
.cct4{
    display: flex;align-items: center;justify-content: center;flex-direction: column;
}
.cct5{
    height: 48px;fill: currentColor;color: #fff;
}
.cct6{
    font-weight: 500;margin-top: 13px;font-size: 20px;line-height: 1;
}
.cct7{
    margin-top: 12px;
}
.cct8{
    width: 402px;background: #fff;padding: 30px 40px;
}
.cct9{
    font-weight: 500;text-align: center;
}
.cct10{
    margin-top: 32px;
}
.iue0{
    font-size: 20px;line-height: 1.4;display: flex;align-items: center;justify-content: center;text-align: center;
}
.computer_hide,
.tablet_hide, .tablet_show, .tablet_show_flex,
.mobile_hide, .mobile_show, .mobile_show_flex
{
    display: none !important;
}
.computer_show{
    display: block !important;
}
.computer_show_flex{
    display: flex !important;
}
.fee2{
    position: fixed;top: 0px;left: 0px;width: 100%;
    height: 100%;background: #fff;
    z-index: 28;padding: 16px;
}
.fee3{
    display: flex;align-items: center;justify-content: end;
}
.fee0{
    display: flex;
    flex-direction: column;
    padding-top: 24px;
}
.fee1{
    text-align: left;
    font-size: 28px;
    padding: 10px 24px;
    font-weight: 500;
}
.oue0{
    border-radius: 38px;
    display: flex;align-items: center;justify-content: center;
    flex-direction: column;line-height: 1;
}
.oue1{
    width: 36px;
    height: 36px;
    fill: currentColor;color: #fff;
}
.oue2{
    font-size: 11px;color: #fff;margin-top: -4px;
}
figure.image{
    margin-top: 40px;
    border-radius: 10px;
    margin-bottom: 40px;
    width: calc(1024px - 44px);
    position: relative;
    top: 0px;
    left: calc((100% -(1024px - 44px)) / 2);
    width: 100%;
}
figure.image img{
    max-width: 100%;
}
.heeed22_2{
    font-size: 12px;
    color: #333;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: all 0.25s;
}
.heeed22_2.display{
    opacity: 1;
    transform: translateY(-16px);
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .computer_hide, .computer_show, .computer_show_flex, 
    .tablet_hide,
    .mobile_hide, .mobile_show, .mobile_show_flex{
        display: none !important;
    }
    .tablet_show{
        display: block !important;
    }
    .tablet_show_flex{
        display: flex !important;
    }
}
@media only screen and (min-width: 0px) and (max-width: 767px){
    .computer_hide, .computer_show, .computer_show_flex,
    .tablet_hide, .tablet_show, .tablet_show_flex,
    .mobile_hide{
		display: none !important;
	}
    .mobile_show{
		display: block !important;
	}
    .mobile_show_flex{
		display: flex !important;
	}
    #header{
        padding: 8px;
    }
    .logo, #header.second_page .logo{
        height: 62px;
    }
    .ume0{
        background: #fff;
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .ume4{
        border: 1px solid #e4e4e4;
        width: 100%;
    }
    .ume5{
        color: #000;
        padding: 0px 8px;
        font-size: 24px;
        margin-top: 16px;
    }
    .ume6{
        margin-top: 18px;
        width: 100%;
    }
    .ume7{
        color: #000;
        border-color: #000;
        padding: 12px 26px;
        font-size: 22px;
        width: 200px;
        text-align: center;
    }
    .l{
        font-size: 32px;
        margin-bottom: 0px;
    }
    .l.s{
        font-size: 28px;
    }
    .vgg0{
        width: 100%;
    }
    .vgg0.second{
        padding-top: 38px;
    }
    .vgg0.second .vgg11{
        background: #fff;
    }
    .vgg1{
        flex-direction: column-reverse;
    }
    .vgg2{
        width: 100%;
        margin-top: -200px;
        z-index: 22;
        background: #f1f2f3;
        padding: 22px 8px 0px 8px;
        text-align: center;
        position: relative;
    }
    .second .vgg2{
        background: #fff;
    }
    .vgg3{
        top: -585px;
        right: calc((100% - 48px) / 2);
        width: 48px;
        height: 48px;
        margin: 0 0 0 auto;
    }
    .vgg6{
        font-size: 22px;
    }
    .vgg7{
        margin-bottom: 16px;
    }
    .vgg8{
        justify-content: center;
        position: absolute;
        top: -68px;
        width: 100%;
        height: 40px;
        padding: 0px 15px;
        left: 0px;
    }
    .vgg9{
        background: #f1f2f3;
        width: 32px;
        height: 32px;
        margin-left: 6px;
        border-radius: 1110px;
    }
    .vgg10{
        height: 21px;
        color: #000000;
    }
    .vgg11{
        width: 100%;
        border-radius: 0px;
        padding: 30px 8px;
    }
    .vgg12{
        padding-top: 80px;
        height: auto;
    }
    .vgg13{
        width: 100%;
        left: 0px;
        padding: 24px;
        top: 0px;
        bottom: 608px;
        background: none;
    }
    .vgg16{
        background: #f1f2f3;
        padding-top: 104px;
        padding-bottom: 36px;
    }
    .l6{
        padding: 8px 2px 5px 2px;
        font-size: 22px;
        margin-bottom: 38px;
        margin-top: 6px;
    }
    .l5{
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    .l2{
        border-bottom: 1px solid #fff;
        border-right: none;
        padding-top: 0px;
        padding-bottom: 12px;
        width: 100px;
        font-size: 32px;
    }
    .l7{
        padding: 0px;
        padding-top: 14px;
    }
    .mpp0, .iue0{
        line-height: 1.6;
        margin-top: 8px;
        font-size: 19px;
    }
    .j, .k1, .ss0, .sss0{
        width: 100%;
    }
    .j1{
        padding: 16px;
    }
    .j2{
        width: 186px;
        height: 186px;
        left: calc((100% - 186px) / 2);
        border: none;
    }
    .j3{
        padding: 98px 16px 8px 16px;
    }
    .j4{
        font-size: 20px;
    }
    .j5{
        font-size: 18px;
    }
    .j9 svg{
        height: 20px;
    }
    .j6{
        font-size: 18px;
    }
    .j_5{
        width: 340px;
        margin-top: 124px;
        grid-template-columns: repeat(1, 1fr);
    }
    .j_3{
        grid-template-columns: repeat(1, 1fr);
    }
    .sss0{
        flex-direction: column;
    }
    .ss0{
        flex-direction: column;
        height: auto;
    }
    .xui0.second .ss0{
        position: relative;
        line-height: 0;
    }
    .ss3{
        padding: 60px 16px 0px 16px;
    }
    .xui0.second .ss3{
        position: absolute;
        background: #ffffff;
        top: 241px;
        padding: 60px 30px 48px 30px;
    }
    .sss1, .sss2, .sss3, .ss1, .ss2, .ss3, .cct1, .cct8, .nw1, .oe0, .ume3,
    .jj1, .qqw5{
        width: 100%;
    }
    .yuu0{
        width: 100%;
        padding: 0px 16px;
    }
    .o1{
        width: 50px;
        height: 50px;
        margin-bottom: 4px;
    }
    .j1_1{
        padding: 28px 24px;
    }
    .sss3 img{
        width: 100%;
    }
    .pp2{
        width: 100%;
        padding: 0px 16px;
    }
    .pp4{
        font-weight: 500;
    }
    .y0{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 16px;
    }
    .kk2{
        align-items: baseline;
    }
    .n1{
        padding: 12px 16px 0px 16px;
    }
    .cct1{
        flex-direction: column;
        padding: 0px 16px 0px 16px;
    }
    .cct3{
        margin-bottom: 24px;
    }
    .cct5{
        height: 38px;
    }
    .cct6{
        margin-top: 2px;
    }
    .cct7{
        margin-top: 4px;
    }
    .j15{
        padding: 9px 26px;
        font-size: 18px;
    }
    .cct8{
        padding: 30px 24px;
    }
    #invest{
        padding: 0px;
    }
    .nw2{
        flex-direction: column;
        padding: 0px 16px;
    }
    .nw3{
        margin: 0px;
        width: 100%;
    }
    .nw5{
        text-align: center;
    }
    .nw6{
        margin-top: 12px;
            font-size: 21px;
    }
    .nw7{
        width: 100%;
        font-size: 18px;
        margin-top: 8px;
    }
    .j14.mem{
        width: 100%;
        margin-top: 18px;
    }
    .j14.news{
        width: 100%;
        margin-top: 8px;
    }
    .j14{
        width: 100%;
        margin-top: 12px;
    }
    .oe0{
        grid-template-columns: repeat(1, 1fr);
        padding: 0px 36px;
    }
    .oe3{
        margin-top: 10px;
    }
    .ume3{
        padding: 0px 16px;
    }
    .jj4{
        font-size: 32px;
    }
    .jj0{
        padding: 0px 16px;
    }
    .jj11{
        width: 100%;
        left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }   
    .ll1{
        padding: 0px 18px;
    }
    .ll5{
        padding: 0px;
        background: none;
    }
    .ll6{
        height: 18px;
    }
    .jj2{
        margin-bottom: 12px;
    }
    .jj5{
        margin-top: 22px;
        margin-bottom: 28px;
    }
    .jj8{
        padding-top: 16px;
    }
    .qqw2{
        background: rgba(255,255,255,.33);
    }
    .qqw3{
        color: #000;
    }
    .qqw4{
        height: 100%;
        overflow: auto;
    }
    .qqw5{
        display: block;
    }
    .qqw6{
        width: 100%;
        margin: 0px;
        position: fixed;
        top: 0px;
    }
    .qqw7{
        padding: 16px 16px 48px 16px;
        margin-top: 275px;
        position: relative;
        z-index: 1;
        backdrop-filter: saturate(180%) blur(20px);
        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 32px 32px 0px 0px;
    }
    .qqw1{
        z-index: 3;
    }
    .qqw8{
        font-size: 34px;
    }
    .qqw9{
        margin-top: 8px;
    }
    .iee1{
        margin-top: 8px;
    }
    .gyy1{
        padding: 0px 16px 20px 16px;
    }
    .gyy2{
        padding: 20px 16px 0px 16px;
    }
    .ft0{
        padding: 42px 16px;
    }
    .main{
        height: 248px;
    }
}