@charset "UTF-8";


/* body
------------------------------------------------- */
body {
    padding-top: 0;
}


/* fullpage
------------------------------------------------- */
#fullpage {
    opacity: 0;
}


/* header
------------------------------------------------- */
#header {
	background-color: rgba(255,255,255,0);
    opacity: 0;
}
body.fp-viewing-content #header,
#header.fixed {
	background-color: rgba(255,255,255,0.95);
}
body.color #header .hnav a,
body.color.nav-active.nav-active2 #header .hnav a {
    color: #fff;
}
body.color #header .hlang a,
body.color.nav-active.nav-active2 #header .hlang a {
    color: #fff;
    border-right-color: #fff;
}
body.color #header .hlang a.on,
body.color.nav-active.nav-active2 #header .hlang a.on {
    color: #006AB7;
}
body.color.nav-active #header .hnav a,
body.color.nav-active3 #header .hnav a {
    color: #333;
}
body.color.nav-active #header .hnav .active a,
body.color.nav-active3 #header .hnav .active a {
    color: #006AB7;
}
body.color.nav-active #header .hlang a,
body.color.nav-active3 #header .hlang a {
    color: #333;
    border-right-color: #333;
}
body.color.nav-active #header .hlang a.on,
body.color.nav-active3 #header .hlang a.on {
    color: #006AB7;
}
body.fp-viewing-nav.color #header .hnav a,
body.fp-viewing-content.color #header .hnav a {
    color: #333 !important;
}
body.fp-viewing-nav.color #header .hlang a,
body.fp-viewing-content.color #header .hlang a {
    color: #333 !important;
    border-right-color: #333 !important;
}
body.fp-viewing-nav.color #header .hlang a.on,
body.fp-viewing-content.color #header .hlang a.on {
    color: #006AB7 !important;
}


/* scroll
------------------------------------------------- */
.scroll {
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    height: 4rem;
    position: fixed;
    left: 2.8rem;
    bottom: -1rem;
}
body.fp-viewing-mv.color .scroll {
    color: #fff;
} 
.scroll div {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 2.5rem;
    overflow: hidden;
}
.scroll div span {
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 1px;
    height: 2.5rem;
    background: linear-gradient(#00ECF2, #2C6CE2, #6356DF);
    animation: scroll 1.4s infinite;
}
@media only screen and (max-width:991px){
.scroll {
    font-size: 1rem;
    height: 5rem;
    left: auto;
    right: 2rem;
}
body.color1 .scroll {
    color: #fff;
}
.scroll div {
    height: 3.2rem;
}
.scroll div span {
    height: 3.2rem;
}
}


/* #mainvisual
------------------------------------------------- */
#mainvisual .scroll {
    display: none;
}
#mainvisual .slider {
    position: fixed;
    left: 0;
    top: 0;
}
#mainvisual .bx-viewport {
    width: 39vw !important;
    margin: 0;
    padding: 0;
    transition: 0.6s;
}
#mainvisual.active .bx-viewport {
    width: 100vw !important;
    transition: 0.6s;
}
#mainvisual .bxslider {
    margin: 0;
    padding: 0;
}
#mainvisual .bxslider li {
    width: 100% !important;
    height: 100vh;
    overflow: hidden;
    list-style: none;
}
#mainvisual .bxslider li:first-child {
    background: url("../img/top/mainimg1.jpg") 50% 50% no-repeat;
    background-size: cover;
}
#mainvisual .bxslider li:nth-child(2) {
    background: url("../img/top/mainimg2.jpg") 50% 50% no-repeat;
    background-size: cover;
}
#mainvisual .bxslider li:nth-child(3) {
    background: url("../img/top/mainimg3.jpg") 50% 50% no-repeat;
    background-size: cover;
}
#mainvisual .bxslider li:nth-child(4) {
    background: url("../img/top/mainimg4.jpg") 50% 50% no-repeat;
    background-size: cover;
}
body.fp-viewing-nav #mainvisual .bxslider li:nth-child(2),
body.fp-viewing-content #mainvisual .bxslider li:nth-child(2) {
    background-position: 65% center;
}
body.fp-viewing-nav #mainvisual .bxslider li:nth-child(3),
body.fp-viewing-content #mainvisual .bxslider li:nth-child(3) {
    background-position: 52% center;
}
body.fp-viewing-nav #mainvisual .bxslider li:nth-child(4),
body.fp-viewing-content #mainvisual .bxslider li:nth-child(4) {
    background-position: 12% center;
}
#mainvisual .bxslider li p {
    font-size: 2.375rem;
    font-weight: 700;
    position: absolute;
    left: 5rem;
    top: 58%;
    transform: translateY(-50%);
    z-index: 3;
    opacity: 0;
    transition: 0.6s;
}
body.fp-viewing-nav #mainvisual .bxslider li p,
body.fp-viewing-content #mainvisual .bxslider li p {
    font-size: 1.34rem;
    transition: 0.6s;
    padding-right: 3rem;
}
#mainvisual .bxslider li p br {
    display: none;
}
#mainvisual .bxslider li .shape1 {
    width: 139.214vw;
    height: 105vw;
    position: absolute;
    right: -58.9285vw;
    bottom: -43.9285vw;
    z-index: 2;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221949.146%22%20height%3D%221470.385%22%20viewBox%3D%220%200%201949.146%201470.385%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1560%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201560%22%20transform%3D%22translate(-2620.057%202894.219)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_28%22%20data-name%3D%22%E7%B7%9A%2028%22%20y1%3D%221070.401%22%20x2%3D%221944.33%22%20transform%3D%22translate(2622%20-2894)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_816%22%20data-name%3D%22%E3%83%91%E3%82%B9%20816%22%20d%3D%22M0%2C1467.989%2C1467.775%2C0%22%20transform%3D%22translate(2621%20-2892)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_21%22%20data-name%3D%22%E7%B7%9A%2021%22%20y1%3D%221419.489%22%20x2%3D%221493.227%22%20transform%3D%22translate(2621%20-2889.659)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_22%22%20data-name%3D%22%E7%B7%9A%2022%22%20y1%3D%221374.717%22%20x2%3D%221528.515%22%20transform%3D%22translate(2621%20-2892)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_23%22%20data-name%3D%22%E7%B7%9A%2023%22%20y1%3D%221326.602%22%20x2%3D%221567.451%22%20transform%3D%22translate(2621%20-2892)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_24%22%20data-name%3D%22%E7%B7%9A%2024%22%20y1%3D%221277.429%22%20x2%3D%221614.118%22%20transform%3D%22translate(2621%20-2892)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_25%22%20data-name%3D%22%E7%B7%9A%2025%22%20y1%3D%221225.143%22%20x2%3D%221668.047%22%20transform%3D%22translate(2621%20-2890)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_26%22%20data-name%3D%22%E7%B7%9A%2026%22%20y1%3D%221175.679%22%20x2%3D%221740.631%22%20transform%3D%22translate(2621%20-2892)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_27%22%20data-name%3D%22%E7%B7%9A%2027%22%20y1%3D%221122.359%22%20x2%3D%221827.475%22%20transform%3D%22translate(2622%20-2892)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_29%22%20data-name%3D%22%E7%B7%9A%2029%22%20y1%3D%22942.538%22%20x2%3D%221945.817%22%20transform%3D%22translate(2621%20-2821)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_30%22%20data-name%3D%22%E7%B7%9A%2030%22%20y1%3D%22809%22%20x2%3D%221946.531%22%20transform%3D%22translate(2620.153%20-2744)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_31%22%20data-name%3D%22%E7%B7%9A%2031%22%20y1%3D%22671.604%22%20x2%3D%221948.725%22%20transform%3D%22translate(2620.396%20-2664)%22%20fill%3D%22none%22%20stroke%3D%22%232b88c8%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%220.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100%;
    transform: translateX(-110vw) translateY(110vh) rotate3d(1,0,0,180deg);
    transition: 0.6s;
}
#mainvisual .bxslider li .shape2 {
    width: 66vw;
    height: 66vw;
    position: absolute;
    right: 14.2142vw;
    bottom: -43.9285vw;
    z-index: 1;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22923.65%22%20height%3D%22923.785%22%20viewBox%3D%220%200%20923.65%20923.785%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.044%22%20y1%3D%220.703%22%20x2%3D%220.909%22%20y2%3D%220.077%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234b4493%22%2F%3E%20%3Cstop%20offset%3D%220.05%22%20stop-color%3D%22%23434694%22%2F%3E%20%3Cstop%20offset%3D%220.463%22%20stop-color%3D%22%23184497%22%2F%3E%20%3Cstop%20offset%3D%220.706%22%20stop-color%3D%22%231e59a8%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2337b0ee%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1565%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201565%22%20transform%3D%22translate(-289.362%20-435.209)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1560%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201560%22%20transform%3D%22translate(-2331.638%202783.005)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_815%22%20data-name%3D%22%E3%83%91%E3%82%B9%20815%22%20d%3D%22M2621-1424.011V-1992.4l801.45-276.679L3443-2277l15-7%2C22-12%2C24-17s35.229-29.334%2C40.65-34.8Z%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100%;
    transform: translateX(-110vw) translateY(110vh);
    transition: 0.6s;
}
#mainvisual .bxslider li.active-slide p {
    animation: fadeIn 2s ease 1.8s 1 forwards;
}
#mainvisual .bxslider li.active-slide .shape1 {
    animation: no1Shape1 1.5s ease 0.8s 1 forwards;
}
#mainvisual .bxslider li.active-slide .shape2 {
    animation: no1Shape2 1s ease 1.3s 1 forwards;
}
#mainvisual .bxslider li:nth-child(2) p,
#mainvisual .bxslider li:nth-child(3) p {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
@media only screen and (max-width:991px){
#mainvisual .scroll {
    display: block;
    position: absolute;
}
#mainvisual .slider {
    position: static;
}
#mainvisual .bx-viewport {
    width: 100vw !important;
}
#mainvisual .bxslider li:first-child {
    background: url("../img/top/mainimg1.jpg") 50% 50% no-repeat;
    background-size: cover;
}
#mainvisual .bxslider li:nth-child(2) {
    background: url("../img/top/mainimg2.jpg") 70% 50% no-repeat;
    background-size: cover;
}
#mainvisual .bxslider li:nth-child(3) {
    background: url("../img/top/mainimg3.jpg") 53% 50% no-repeat;
    background-size: cover;
}
#mainvisual .bxslider li:nth-child(4) {
    background: url("../img/top/mainimg4.jpg") 8% 50% no-repeat;
    background-size: cover;
}
#mainvisual .bxslider li p {
    font-size: 8.533vw;
    left: 6.5vw;
    top: 50%;
    line-height: 1.45;
}
#mainvisual .bxslider li p br {
    display: inline;
}
#mainvisual .bxslider li:nth-child(2) p,
#mainvisual .bxslider li:nth-child(3) p {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
#mainvisual .bxslider li .shape1 {
    width: 278.428vw;
    height: 210vw;
    right: -107.857vw;
    bottom: -60vw;
}
#mainvisual .bxslider li .shape2 {
    width: 132vw;
    height: 132vw;
    right: 38.4284vw;
    bottom: -60vw;
}
}


/* #section1
------------------------------------------------- */
#section1 .sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#section1 .img {
    width: 39vw;
    height: 100vh;
    min-height: 48.625rem;
}
#section1 .con {
    width: 0;
    height: 100vh;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.6s;
    position: fixed;
    right: 0;
    top: 0;
}
#section1.active .con,
body.fp-viewing-content #section1 .con {
    width: 61vw;
}
#section1.active.fp-completely .con {
    width: 61vw;
}
#section1 .con .mainnav {
    width: 75.75%;
    margin: 7.5rem 0 2.5rem;
    opacity: 0;
}
#section1.active .con .mainnav {
    animation: fadeInM1 0.8s ease 0.4s 1 forwards;
}
body.fp-viewing-content #section1 .con .mainnav {
    opacity: 1;
}
#section1 .con .mainnav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
#section1 .con .mainnav ul li {
    list-style: none;
}
#section1 .con .mainnav ul li:first-child {
    width: 50%;
    height: 14.0625rem;
}
#section1 .con .mainnav ul li:nth-child(2) {
    width: 50%;
    height: 14.0625rem;
    border-left: 1px solid #fff;
}
#section1 .con .mainnav ul li:nth-child(3) {
    width: 100%;
    height: 2.8125rem;
    margin: 1px 0 1.25rem;
}
#section1 .con .mainnav ul li:nth-child(4) {
    width: 50%;
    height: 14.0625rem;
}
#section1 .con .mainnav ul li:nth-child(5) {
    width: 50%;
    height: 14.0625rem;
    border-left: 1px solid #fff;
}
#section1 .con .mainnav ul li:nth-child(6) {
    width: 100%;
    height: 8.125rem;
    margin-top: 1px;
}
#section1 .con .mainnav ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: relative;
    overflow: hidden;
}
#section1 .con .mainnav ul li a::after {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    mix-blend-mode: multiply;
}
#section1 .con .mainnav ul li:first-child a::after {
    background: url("../img/top/product1.jpg") center center no-repeat;
    background-size: cover;
}
#section1 .con .mainnav ul li:nth-child(2) a::after {
    background: url("../img/top/product2.jpg") center center no-repeat;
    background-size: cover;
}
#section1 .con .mainnav ul li:nth-child(4) a::after {
    background: url("../img/top/product3.jpg") center center no-repeat;
    background-size: cover;
}
#section1 .con .mainnav ul li:nth-child(5) a::after {
    background: url("../img/top/product4.jpg") center center no-repeat;
    background-size: cover;
}
#section1 .con .mainnav ul li:nth-child(6) a::after {
    background: url("../img/top/product5.jpg") center center no-repeat;
    background-size: cover;
}
#section1 .con .mainnav ul li a::before {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 1;
    background: rgba(87,129,159,1);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
#section1 .con .mainnav ul li .cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background: rgba(43,136,200,0.15);
    left: 0;
    top: 0;
}
#section1 .con .mainnav ul li h2,
#section1 .con .mainnav ul li h3,
#section1 .con .mainnav ul li p {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 0;
    z-index: 4;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.414%22%20height%3D%2220.829%22%20viewBox%3D%220%200%2011.414%2020.829%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_885%22%20data-name%3D%22%E3%83%91%E3%82%B9%20885%22%20d%3D%22M246.5%2C258.5l9-9-9-9%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 95% center no-repeat;
    padding-right: 2rem;
    transition: 0.4s;
}
#section1 .con .mainnav ul li h2 span {
    font-size: 1.2rem;
    display: block;
    line-height: 1.4;
}
#section1 .con .mainnav ul li h3 {
    font-size: 1.5rem;
}
#section1 .con .mainnav ul li p {
    font-size: 1.125rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.828%22%20viewBox%3D%220%200%207.414%2012.828%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_827%22%20data-name%3D%22%E3%83%91%E3%82%B9%20827%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 95% center no-repeat;
    padding-right: 1.55rem;
}
#section1 .con .mainnav ul li h3 br {
    display: none;
}
#section1 .con .mainnav ul li:nth-child(3) a {
    background-color: #006AB7;
}
#section1 .con .mainnav ul li:nth-child(3) a::after,
#section1 .con .mainnav ul li:nth-child(3) a::before {
    display: none;
}
@media only screen and (min-width:992px){
#section1 .con .mainnav ul li a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#section1 .con .mainnav ul li:nth-child(3) a:hover {
    opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
#section1 .con .mainnav ul li a:hover::after {
    transform: scale(1.05, 1.05);
}
#section1 .con .mainnav ul li a:hover::before {
    background: rgba(87,129,159,0.2);
}
#section1 .con .mainnav ul li a:hover h2,
#section1 .con .mainnav ul li a:hover h3,
#section1 .con .mainnav ul li a:hover p {
    background-position: 100% center;
}
}
@media only screen and (max-width:991px){
#section1 .scroll {
    display: none;
}
#section1 .sec {
    display: block;
}
#section1 .img {
    display: none;
}
#section1 .con {
    width: 100vw;
    height: auto;
    display: block;
    position: static;
}
#section1 .con .mainnav {
    width: 100%;
    padding: 4rem 1.25rem 0;
    margin: 0 auto;
    opacity: 1;
}
#section1 .con .mainnav ul li h2 {
    font-size: 1.8rem;
}
#section1 .con .mainnav ul li h2 span {
    font-size: 1.1rem;
}
#section1 .con .mainnav ul li h3 br {
    display: inline;
}
}


/* #section2
------------------------------------------------- */
#section2 {
    background-color: #fff;
    z-index: 5;
}


/* bnr-area
------------------------------------------------- */
.bnr-area {
    width: 100%;
    height: calc(18.75rem + 1px);
    display: flex;
    justify-content: space-between;
    margin: 5rem 0 4.75rem;
}
.bnr-area .bnr1 {
    width: 33.57%;
    height: calc(18.75rem + 1px);
}
.bnr-area .bnr2 {
    width: 33.57%;
    height: calc(18.75rem + 1px);
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.bnr-area .bnr3 {
    width: 34.64%;
    height: 18.8125em;
}
.bnr-area .bnr3-1 {
    height: 9.375rem;
    margin-bottom: 1px;
}
.bnr-area .bnr3-2 {
    height: 9.375rem;
}
.bnr-area .bnr a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.bnr-area .bnr a::after {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.bnr-area .bnr1 a::after {
    background: url("../img/top/bnr1.jpg") center center no-repeat;
    background-size: cover;
}
.bnr-area .bnr2 a::after {
    background: url("../img/top/bnr2.jpg") center center no-repeat;
    background-size: cover;
}
.bnr-area .bnr3-1 a::after {
    background: url("../img/top/bnr3.jpg") center center no-repeat;
    background-size: cover;
}
.bnr-area .bnr3-2 a::after {
    background: url("../img/top/bnr4.jpg") center center no-repeat;
    background-size: cover;
}
.bnr-area .bnr h3 {
    font-size: 1.375rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 0;
    position: relative;
    z-index: 3;
    transition: 0.4s;
}
.bnr-area .bnr h3 i {
    font-size: 0.75rem;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding-top: 0.8rem;
}
.bnr-area .bnr .cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    transition: opacity .4s ease;
    opacity: 1;
    background: rgba(77,77,77,0.55);
    left: 0;
    top: 0;
    mix-blend-mode: multiply;
}
.bnr-area .bnr span {
    display: block;
    width: 1.875rem;
    height:  1.875rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.759%22%20height%3D%2211.735%22%20viewBox%3D%220%200%207.759%2011.735%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_803%22%20data-name%3D%22%E3%83%91%E3%82%B9%20803%22%20d%3D%22M246.5%2C249.418l5.351-4.459L246.5%2C240.5%22%20transform%3D%22translate(-245.09%20-239.092)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat rgba(255,255,255,0.7);
    transition: 0.4s;
}
.bnr-area .bnr3-1 span,
.bnr-area .bnr3-2 span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.13%22%20height%3D%2217.208%22%20viewBox%3D%220%200%2017.13%2017.208%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1633%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201633%22%20transform%3D%22translate(-1344.5%20-905.57)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1633-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201633%22%20transform%3D%22translate(1345%20906.777)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_839%22%20data-name%3D%22%E3%83%91%E3%82%B9%20839%22%20d%3D%22M302.5%2C297.5v5.783a1.218%2C1.218%2C0%2C0%2C1-1.217%2C1.217H289.717a1.218%2C1.218%2C0%2C0%2C1-1.217-1.217V291.717a1.218%2C1.218%2C0%2C0%2C1%2C1.217-1.217H295.5%22%20transform%3D%22translate(-288.5%20-288.999)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_32%22%20data-name%3D%22%E7%B7%9A%2032%22%20x2%3D%224.154%22%20transform%3D%22translate(11.769%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_33%22%20data-name%3D%22%E7%B7%9A%2033%22%20y1%3D%224.154%22%20transform%3D%22translate(16)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_34%22%20data-name%3D%22%E7%B7%9A%2034%22%20y1%3D%228.5%22%20x2%3D%228.423%22%20transform%3D%22translate(7.5%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat rgba(255,255,255,0.7);
}
.bnr-area.en-cn .bnr1 {
    width: 50%;
}
.bnr-area.en-cn .bnr2 {
    width: 50%;
    border-right: none;
}
@media only screen and (min-width:992px){
.bnr-area .bnr a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.bnr-area .bnr a:hover::after {
    transform: scale(1.05, 1.05);
}
.bnr-area .bnr a:hover h3 {
    color: #006AB7;
}
.bnr-area .bnr a:hover .cover {
    opacity: 0;
}
.bnr-area .bnr a:hover span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.759%22%20height%3D%2211.735%22%20viewBox%3D%220%200%207.759%2011.735%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_803%22%20data-name%3D%22%E3%83%91%E3%82%B9%20803%22%20d%3D%22M246.5%2C249.418l5.351-4.459L246.5%2C240.5%22%20transform%3D%22translate(-245.09%20-239.092)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat #006AB7;
}
.bnr-area .bnr3-1 a:hover span,
.bnr-area .bnr3-2 a:hover span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.13%22%20height%3D%2217.208%22%20viewBox%3D%220%200%2017.13%2017.208%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1633%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201633%22%20transform%3D%22translate(-1344.5%20-905.57)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1633-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201633%22%20transform%3D%22translate(1345%20906.777)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_839%22%20data-name%3D%22%E3%83%91%E3%82%B9%20839%22%20d%3D%22M302.5%2C297.5v5.783a1.218%2C1.218%2C0%2C0%2C1-1.217%2C1.217H289.717a1.218%2C1.218%2C0%2C0%2C1-1.217-1.217V291.717a1.218%2C1.218%2C0%2C0%2C1%2C1.217-1.217H295.5%22%20transform%3D%22translate(-288.5%20-288.999)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_32%22%20data-name%3D%22%E7%B7%9A%2032%22%20x2%3D%224.154%22%20transform%3D%22translate(11.769%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_33%22%20data-name%3D%22%E7%B7%9A%2033%22%20y1%3D%224.154%22%20transform%3D%22translate(16)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_34%22%20data-name%3D%22%E7%B7%9A%2034%22%20y1%3D%228.5%22%20x2%3D%228.423%22%20transform%3D%22translate(7.5%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat #006AB7;
}
}
@media only screen and (max-width:991px){
.bnr-area {
    height: auto;
    flex-wrap: wrap;
}
.bnr-area .bnr1 {
    width: 50%;
}
.bnr-area .bnr2 {
    width: 50%;
    border-right: none;
}
.bnr-area .bnr3 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.bnr-area .bnr3-1 {
    width: 50%;
    margin: 1px 0 0;
}
.bnr-area .bnr3-2 {
    width: 50%;
    margin: 1px 0 0;
    border-left: 1px solid #fff;
}
}
@media only screen and (max-width:767px){
.bnr-area {
    display: block;
}
.bnr-area .bnr1 {
    width: 100%;
}
.bnr-area .bnr2 {
    width: 100%;
    border: none;
    margin-top: 1px;
}
.bnr-area .bnr3 {
    display: block;
}
.bnr-area .bnr3-1 {
    width: 100%;
    margin: 1px 0 0;
}
.bnr-area .bnr3-2 {
    width: 100%;
    margin: 1px 0 0;
    border: none;
}
.bnr-area.en-cn .bnr1 {
    width: 100%;
}
.bnr-area.en-cn .bnr2 {
    width: 100%;
    border: none;
}
}


/* pagetop
------------------------------------------------- */
@media only screen and (min-width:992px){
#pagetop {
    display: block !important;
    position: absolute !important;
    top: -127px;
}
#pagetop .sp {
    display: none !important;
}
}
@media only screen and (max-width:991px){
#pagetop .pc {
    display: none !important;
}
}


/* footer
------------------------------------------------- */
#footer .footer-area {
    padding: 3rem 3.75rem 8.5rem;
}
#footer .blanklink {
    bottom: 4rem;
}
@media only screen and (max-width:1199px){
#footer .footer-area {
    padding: 3rem 0 12.5rem;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}
#footer .blanklink {
    bottom: 8.5rem;
}
}
@media only screen and (max-width:767px){
#footer .footer-area {
    padding: 2rem 1.5rem;
}
}