@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-100.woff2) format("woff2"),url(../webfont/museo-sans-100.woff) format("woff"),url(../webfont/museo-sans-100.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-italic-100.woff2) format("woff2"),url(../webfont/museo-sans-italic-100.woff) format("woff"),url(../webfont/museo-sans-italic-100.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 100;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-300.woff2) format("woff2"),url(../webfont/museo-sans-300.woff) format("woff"),url(../webfont/museo-sans-300.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-italic-300.woff2) format("woff2"),url(../webfont/museo-sans-italic-300.woff) format("woff"),url(../webfont/museo-sans-italic-300.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 300;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-500.woff2) format("woff2"),url(../webfont/museo-sans-500.woff) format("woff"),url(../webfont/museo-sans-500.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-italic-500.woff2) format("woff2"),url(../webfont/museo-sans-italic-500.woff) format("woff"),url(../webfont/museo-sans-italic-500.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-700.woff2) format("woff2"),url(../webfont/museo-sans-700.woff) format("woff"),url(../webfont/museo-sans-700.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-700.woff2) format("woff2"),url(../webfont/museo-sans-700.woff) format("woff"),url(../webfont/museo-sans-700.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-900.woff2) format("woff2"),url(../webfont/museo-sans-900.woff) format("woff"),url(../webfont/museo-sans-900.otf) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal
}

@font-face {
    font-family: "Museo Sans";
    src: url(../webfont/museo-sans-italic-900.woff2) format("woff2"),url(../webfont/museo-sans-italic-900.woff) format("woff"),url(../webfont/museo-sans-italic-900.otf) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 900;
    font-stretch: normal
}



body {
    background: #fff;
    font-family: "Museo Sans";
    font-weight: 500;

    font-style: normal;

    font-size: 16px;
    line-height: 21px;

/*    overflow-x: hidden;*/
    margin: 0px;
    letter-spacing: .25px;
    color: #3D3935;


    overflow-x: hidden;
}

body, html {
/*    height: 100%;*/

/*    overflow: hidden;*/
}

body::-webkit-scrollbar {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    font-weight: normal;

    font-family: "Museo Sans";
}

p {
    font-size: 16px;
    line-height: 21px;
    margin: 0px;
    font-family: "Museo Sans";
    font-weight: 500;
}

a {
    text-decoration: none;
    color:#00A19C;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

a:hover {
/*    opacity: 0.5;*/
}

.noScrollbar {
    overflow: hidden !important;
}

/* Clearfix Hack */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/* -----------*/


.wrapper {
  position: relative;
/*  overflow-x: hidden;*/
}

/*progress {
  top: 0;
  left: 0;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 15px;
  border: none;
  background: transparent;
}
progress::-webkit-progress-bar {
  background: transparent;
}
progress::-webkit-progress-value {
  background: linear-gradient(to left, #db38b5,#01b3e3,#25ce7b,#fdc741,#ff6b01,#fc4236);
  background-attachment: fixed;
}
progress::-moz-progress-bar {
  background: linear-gradient(to left, #db38b5,#01b3e3,#25ce7b,#fdc741,#ff6b01,#fc4236);
  background-attachment: fixed;
}*/


.pcgHeader {
    display: flex;
    padding: 0px 100px;
    display: flex;
    position: fixed;
    width: calc(100% - 200px);
    z-index: 2;
}

.pcgHeaderLogo {
    width: 92px;
    height: 125px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    background: #fff;
}

.pcgHeaderLogo img {
    max-width: 64px;
    margin: 22px auto;
}


.pcgHeaderNavi {
    margin-left: 55px;
    width: calc(100% - 55px - 92px);
    position: relative;
}

/*.progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 0px 100px;
}*/

#progressContainer {
    margin-top: 38px;
    width: calc(100% - 6px);
    height: 16px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #00A19C;
    padding: 2px;
    position: relative;
    background: #fff;
}

#progressContainer:after {
    content: '';
    width: 8px;
    height: 36px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 2px solid #00A19C;
    position: absolute;
    right: -2px;
    top: -10px;
    background: #fff;
}

#progressBar {
    -webkit-border-radius: 20px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius: 20px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-radius: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #D0BA7C;
    height: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 6%;
    position: relative;
}

#progressBar:after {
    content: '';
    position: absolute;
    right: -13px;
    top: 1px;
    width: 9px;
    height: 13px;
    background: url(../img/pcgNaviBubble.png) center no-repeat;
}

.navigationInner {
    display: flex;
    /*  justify-content: space-between;*/
    margin: 38px 0px 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    gap: 6.15%;

    margin-left: 3.7%;
    margin-right: 6.5%;
    width: calc(100% - 3.7% - 6.5%);
    justify-content: space-between;
}

.navigationInner a {
    font-weight: 300;
    position: relative;
    padding-top: 38px;
    color: #3D3935;
}

.navigationInner a:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    width: 3px;
    height: 10px;
    background: #00A19C;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.navigationInner a:nth-child(1) {
/*    margin-left: 3.7%;*/
}

/*.navigationInner a:nth-child(2) {
    margin-left: 6.2%;
}

.navigationInner a:nth-child(3) {
    margin-left: 6.2%;
}

.navigationInner a:nth-child(4) {
    margin-left: 6.2%;
}

.navigationInner a:nth-child(5) {
    margin-left: 6.2%;
}

.navigationInner a:nth-child(6) {
    margin-left: 6%;
}

.navigationInner a:nth-child(7) {
    margin-left: 6.2%;
}*/



.horizontal-scroll-container {
  display: flex;
/*  width: 100vw;*/
  height: 100vh;

  max-width: none !important;
  width: auto !important;
}

.panel {
  width: 100vw; /* Adjust based on your needs */
  height: 100vh;
  flex-shrink: 0; /* Prevent panels from shrinking */
  display: flex;
  justify-content: center;
  align-items: center;
/*  border-right: 2px solid #000;*/
  flex: 0 0 100vw;

  /*font-size: 60px;
  line-height: 70px;
  font-family: arial;*/
}

/*.panel:nth-child(3),*/
#sec3 {
    /*width: 120vw;
    flex: 0 0 120vw;*/
    width: 2130px;
    flex: 0 0 2130px;

    width: 111vw;
    flex: 0 0 111vw;
}

.panleInner {
  width: 100vw; /* Adjust based on your needs */
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
}

.pcgS1container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
        height: 100%;
}

.pcgS1left {
    width: 46.6%;
    position: relative;
    display: flex;
    align-items: center;
/*    justify-content: center;*/
}

.pcgS1left > img {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}

.pcgS1leftInner {
    position: relative;
    margin-left: auto;
    margin-right: 170px;
}

.pcgS1leftInner h1 {
    font-size: 62px;
    line-height: 74px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: .25px;
}

.pcgS1leftInner h1 span {
    display: block;
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.pcgS1leftInner h1 span.show {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.pcgS1leftInner p {
    font-size: 24px;
    line-height: 29px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: right;
    letter-spacing: .25px;
    margin-top: 30px;
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.pcgS1leftInner p b {
    display: block;
}

.pcgS1leftInner p.show {
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.pcgS1leftInfor {
    position: absolute;
    right: 0px;
    padding-right: 170px;
    bottom: 32.6%;
    display: flex;
    align-items: center;
    gap: 20px;
}

.pcgS1leftInfor.disclamer-info {
    position: absolute;
    left: 22px;
    bottom: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.pcgS1leftInfor.disclamer-info p{
    font-size: 14px;
    color: #000000;
}

.pcgS1leftInfor p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #2F52A0;
}

.pcgS1leftInfor span {
    background: url(../img/pcgS1img03.png) center no-repeat;
    width: 14px;
    height: 16px;
    display: block;
    position: relative;
}

.pcgS1leftInfor span:after {
    content: '';
    position: absolute;
    width: 170px;
    height: 1px;
    background: #4560AA;
    right: -170px;
    top: 8px;
}

.pcgS1right {
    width: calc(100% - 46.6%);
    position: relative;
}

.pcgS1right video {
    position: absolute;
    top: 0px;
    left: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.pcgS2container {
    min-width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.pcgS2containerOuter {
    overflow: hidden;
    min-width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.pcgS2bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(../img/pcgS2Banner.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pcgSideTitle {
    position: absolute;
    right: -116.5px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 233px;
    height: 256px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.pcgSideTitle svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.pcgSideTitleInner {
    position: relative;
    z-index: 1;
}

.pcgSideTitle p {
    color: #fff;
    font-size: 24px;
    line-height: 29px;
    font-weight: 300;
}

.pcgSideTitle h3 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    display: block;
}

.pcgS2containerInner {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1436px;
    width: 100%;
    margin: auto;
    height: 100%;
}

.pcgS2Left {
    width: 54.5%;
    display: flex;
/*    align-items: center;*/
    flex-wrap: wrap;
}

.pcgS2Left h2 {
    font-size: 52px;
    line-height: 63px;
    font-weight: 900;
    color: #4560AA;
}

.pcgS2Left img {
    display: none;
}

.pcgS2Left p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 48px;
}

.pcgS2Right {
    position: relative;
    width: calc(100% - 54.5%);
    height: 100%;
}

.pcgS2Right img {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    left: 100px;
    left: 15%;
}

.pcgS2pattern {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.pcgS2pattern img {
    position: absolute;
}

.pcgS2pattern img:nth-child(1) {
    left: 0px;
    bottom: 0px;
}

.pcgS2pattern img:nth-child(2) {
    right: 0px;
    top: 0px;
}

#sec2 {
    position: relative;
    z-index: 1;
}

.pcgS3container {
    width: 100%;
    height: 100%;
}

.pcgS3container .pcgSideTitle {
    display: none;
}

.pcgS3containerOuter {
    position: relative;
    width: 100%;
    height: 100%;

        display: flex;
    align-items: center;
}

.pcgS3bg {
    position: absolute;
    background: url(../img/pcgS3Banner.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.pcgS3containerInner {
    display: flex;
    max-width: 1625px;
    margin: 0px auto 0px;
    position: relative;
    padding: 240px 0px 50px;

    padding: 50px 0px 50px;
}

.pcgS3Left {
    width: 47%;
}

.pcgS3LeftTitle {

}

.pcgS3LeftTitle p {
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    color: #CCAA4F;
    text-transform: uppercase;
}

.pcgS3LeftTitle h2 {
    color: #4560AA;
    font-size: 48px;
    line-height: 58px;
    font-weight: 900;
    margin-top: 5px;
}

.pcgS3LeftContent {
    margin-top: 76px;
}

.pcgS3LeftContent h3 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 900;
    color: #CCAA4F;
    text-transform: uppercase;
}

.pcgS3LeftContent > p {
    font-size: 24px;
    line-height: 34px;
    color: #4560AA;
    margin-top: 8px;
        max-width: 504px;
}

.pcgGeneralBtn {
/*    background: #4560AA;*/
    position: relative;
    padding: 15px 24px;
    display: inline-block;
    margin-top: 88px;

    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.pcgGeneralBtn:before,
.pcgGeneralBtn:after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0px;
    height: 50%;
/*    z-index: -1;*/
    background: #4560AA;
}

.pcgGeneralBtn:before {
    transform: perspective(8px) rotateX(3deg);
        top: 0px;
}

.pcgGeneralBtn:after {
    top: 50%;
    transform: perspective(8px) rotateX(-3deg);
}

.pcgGeneralBtn p {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.pcgGeneralBtn i {
    width: 65px;
    height: 66px;
    background: url(../img/pcgS3downloadIconFull.png);
    position: absolute;
    right: -57px;
    top: -31px;
    z-index: 2;

    right: -58px;
    top: -33px;
}

.pcgS3Right {
    width: 57.3%;
    margin-left: -4.3%;
    position: relative;
}

.pcgS3RightInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.pcgS3RightList {
    width: 310px;
    height: 340px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.pcgS3RightListBG,
.pcgS3RightListBG > svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.pcgS3RightListBG > svg polygon {
    fill: #fff;
    stroke: #4560AA;
}

.pcgS3RightList:nth-child(1) .pcgS3RightListBG > svg polygon {
    fill: #E2D5B2;
    stroke: #4560AA;
}

.pcgS3RightList:nth-child(2) .pcgS3RightListBG > svg polygon {
    fill: #FFF4D9;
    stroke: #4560AA;
}

.pcgS3RightList:nth-child(4) .pcgS3RightListBG > svg polygon {
    fill: #BBC9E9;
    stroke: #4560AA;
}

.pcgS3RightList:nth-child(5) .pcgS3RightListBG > svg polygon {
    fill: #C3E4E6;
    stroke: #4560AA;
}

.pcgS3RightList:nth-child(1),
.pcgS3RightList:nth-child(2),
.pcgS3RightList:nth-child(4),
.pcgS3RightList:nth-child(5) {
    z-index: 2;    
}

.pcgS3RightList:nth-child(3) {
    position: absolute;
    left: 0.2%;
    top: 42.9%;
}

.pcgS3RightList:nth-child(1) {

}

.pcgS3RightList:nth-child(2) {
    margin-right: 16.6%;
}

.pcgS3RightList:nth-child(4) {
/*    margin-left: 16.6%;*/
    margin-top: -9.1%;
}

.pcgS3RightList:nth-child(5) {
    margin-top: -9.1%;
}

.pcgS3RightList > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.pcgS3RightList .pcgSideTitleInner {
    max-width: 110px;
    margin: auto;
}

.pcgS3RightList .pcgSideTitleInner h3 {
    font-weight: 900;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 29px;
}

.pcgS3RightListContent {
    position: relative;
    text-align: center;
}

.pcgS3RightListContentIcon {
    width: 83px;
    height: 91px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.pcgS3RightListContentIcon svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.pcgS3RightListContentIcon svg polygon {
    fill: #fff;
}

.pcgS3RightListContentIcon img {
    max-width: 42px;
    position: relative;
    z-index: 1;
}

.pcgS3RightListContentInner {
    margin-top: 15px;
    padding: 0px 30px;
}

.pcgS3RightListContentInner h3 {
    font-size: 18px;
    line-height: 21px;
    color: #2F52A0;
    font-weight: 900;
    text-transform: uppercase;
}

.pcgS3RightListContentInner p {
    font-weight: 300;
    margin-top: 10px;
}

.pcgS3RightListPattern,
.pcgS3RightListPattern > svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.pcgS3RightListPattern {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.62;
}

.pcgS3RightListPattern > svg polygon {
    fill: #fff;
}

.pcgS4container {
    position: relative;
    width: 100%;
    height: 100%;
    background: #E1F5F5;
}

.pcgS4containerOuter {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.pcgS4bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);*/
}

.pcgS4bg > svg {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.pcgS4midContent {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 360px;
    height: 396px;

    z-index: 1;
}

.pcgS4midContentInner {
    width: 100%;
    height: 100%;
}

.pcgS4midContentBG,
.pcgS4midContentBG02,
.pcgS4midContentBG02 > svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.pcgS4midContentBG .pcgSideTitle {
    right: auto;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.pcgS4midContentBG .pcgSideTitle .pcgSideTitleInner {
    max-width: 150px;
}

.pcgS4midContentBG02 > svg polygon {
    fill: transparent;
    stroke: #2F52A0;
}

.pcgS4midContentBG02 > span {
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #8CCAAE;
}

.pcgS4midContentBG02 > span:nth-child(2){
    background: #8CCAAE;
    top: 5%;
    left: 19%;
}

.pcgS4midContentBG02 > span:nth-child(3){
    background: #F5A37F;
    top: 50%;
    left: -25px;
    margin-top: -25px;
}

.pcgS4midContentBG02 > span:nth-child(4){
    background: #31B7BC;
    bottom: 5%;
    left: 19%;
}

.pcgS4midContentBG02 > span:nth-child(5){
    background: #5BC5F2;
    top: 5%;
    right: 19%;
}

.pcgS4midContentBG02 > span:nth-child(6){
    background: #F59E24;
    top: 50%;
    right: -25px;
    margin-top: -25px;
}

.pcgS4midContentBG02 > span:nth-child(7){
    background: #6D3F88;
    bottom: 5%;
    right: 19%;
}

.pcgS4containerInner {
    width: 100%;
    max-width: 1360px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.pcgS4containerLeft,
.pcgS4containerRight {
    width: 25.7%;
    display: flex;
    flex-wrap: wrap;
/*    flex-direction: column;*/
    align-items: center;
    gap: 20px;

    width: 29.7%;
}

.pcgS4containerList {
    background: #fff;
    width: 100%;
}

.pcgS4containerListInner {
    padding: 27px;
}

.digit {
    /* width: 0.56em; */
    height: 1em;
    overflow: hidden;
    transition-property: transform;
    transition-delay: 90ms;
    vertical-align: bottom;
}

.digit {
    display: inline-block;
    overflow: hidden;
}

.comma {
    font-size: inherit !important;
    line-height: inherit !important;
    margin-left: 0px !important;
    font-style: normal !important;
    width: auto !important;
    font-weight: inherit !important;
        height: inherit !important;
    display: inline-block;
}


.sequence {
    transition-property: transform;
    transition-duration: 500ms;
    transition-delay: inherit;
}

.sequence {
    transition: transform 1s;
    transform: translate3d(0, 0, 0);
    text-align: center;
}

.pcgS4containerListInner h4 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 900;
}

.pcgS4containerListInner p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px;
}

.pcgS4containerListInner > p {
    font-weight: 700;
}

.pcgS4containerListInner p b {
    font-weight: 900;
}

.pcgS4containerListNumber p span {
    font-weight: 300 !important;
    margin-left: 0px !important;
}

.pcgS4containerListNumber {

}

.pcgS4containerListNumber {
    margin-top: 5px;
}

.pcgS4containerListNumber h3 {
    font-size: 48px;
    line-height: 64px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
}

.pcgS4containerListNumber h3 i {
    font-size: 48px;
    line-height: 64px;
}

.pcgS4containerListNumber h3 span {
    font-size: 24px;
    line-height: 32px;

    font-size: 20px;
    line-height: 27px;
    margin-left: 10px;
}

.pcgS4containerListNumber p {
    margin-top: 0px;
}

.pcgS4containerListNumber .digit {
    vertical-align: baseline;
}

.pcgS4containerLeft .pcgS4containerList:nth-child(1) .pcgS4containerListInner h4,
.pcgS4containerLeft .pcgS4containerList:nth-child(1) .pcgS4containerListNumber h3,
.pcgS4containerLeft .pcgS4containerList:nth-child(1) .pcgS4containerListNumber h3 span {
    color: #8CCAAF;
}

.pcgS4containerLeft .pcgS4containerList:nth-child(2) .pcgS4containerListInner h4,
.pcgS4containerLeft .pcgS4containerList:nth-child(2) .pcgS4containerListNumber h3,
.pcgS4containerLeft .pcgS4containerList:nth-child(2) .pcgS4containerListNumber h3 span {
    color: #F5A37F;
}

.pcgS4containerLeft .pcgS4containerList:nth-child(3) .pcgS4containerListInner h4,
.pcgS4containerLeft .pcgS4containerList:nth-child(3) .pcgS4containerListNumber h3,
.pcgS4containerLeft .pcgS4containerList:nth-child(3) .pcgS4containerListNumber h3 span {
    color: #31B7BC;
}

.pcgS4containerRight .pcgS4containerList:nth-child(1) .pcgS4containerListInner h4,
.pcgS4containerRight .pcgS4containerList:nth-child(1) .pcgS4containerListNumber h3,
.pcgS4containerRight .pcgS4containerList:nth-child(1) .pcgS4containerListNumber h3 span {
    color: #5BC5F2;
}

.pcgS4containerRight .pcgS4containerList:nth-child(2) .pcgS4containerListInner h4,
.pcgS4containerRight .pcgS4containerList:nth-child(2) .pcgS4containerListNumber h3,
.pcgS4containerRight .pcgS4containerList:nth-child(2) .pcgS4containerListNumber h3 span {
    color: #F59E26;
}

.pcgS4containerRight .pcgS4containerList:nth-child(3) .pcgS4containerListInner h4,
.pcgS4containerRight .pcgS4containerList:nth-child(3) .pcgS4containerListNumber h3,
.pcgS4containerRight .pcgS4containerList:nth-child(3) .pcgS4containerListNumber h3 span {
    color: #6D3F88;
}

.pcgS4containerRight .pcgS4containerList:nth-child(2) span {
    font-size: 14px;
    line-height: 17px;
    color: #3D3935 !important;
    font-weight: 500;
    width: calc(100% - 110px);
    margin-left: 10px;
    align-self: flex-end;
}

.pcgS4midContent-count {
    position: absolute;
    left: 0px;
    display: none;
}

.pcgS4midContentBtn {
    position: absolute;
/*    bottom: 0px;*/
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pcgS4midContentBtn a {
    margin-top: 68px;
}

#sec4 {
    z-index: 1;
}

.pcgS5container,
.pcgS5containerOuter {
    width: 100%;
    height: 100%;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}

.pcgS5bg {
    background: url(../img/pcgS5Banner.jpg) center no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pcgS5bg img {
    position: absolute;
    left: 50%;
    bottom: 0px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    margin-left: 5%;
    z-index: 2;
}

.pcgS5containerInner {
    position: relative;
    max-width: 1555px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 1;
}

.pcgS5Left {
    width: 41.8%;
}

.pcgS5Left h2 {
    text-transform: uppercase;
    color: #D0BA7C;
    font-size: 48px;
    line-height: 58px;
    font-weight: 900;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

.pcgS5LeftContent {
    margin-top: 20px;
}

.pcgS5LeftContent p {
    font-size: 14px;
    line-height: 24px;
        max-width: 520px;
}

.pcgS5LeftContent p span {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}

.pcgS5LeftContent h4 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 900;
    margin-top: 20px;
}

.pcgS5LeftBtn {
    display: flex;
    flex-direction: column;
    align-items: baseline;

    flex-direction: column-reverse;
    max-width: 313px;
}

.pcgS5LeftBtn .pcgGeneralBtn {
    margin-top: 35px;

    margin-top: 4px;
    margin-left: auto;
} 

/* .pcgS5LeftBtn .pcgGeneralBtn {
    margin-top: 35px;

    margin-top: 4px;
    margin-left: unset;
}  */


.pcgS5LeftBtn .pcgGeneralPlayBtn {
    margin-top: 20px;

    margin-top: 35px;
} 

.pcgS5LeftBtn .pcgGeneralPlayBtn:before {
    transform: perspective(14px) rotateX(3deg);
}

.pcgS5LeftBtn .pcgGeneralPlayBtn:after {
    transform: perspective(14px) rotateX(-3deg);
}

.pcgS5LeftBtn .pcgGeneralPlayBtn i {
    background-image: url(../img/pcgS5playIconFull.png);
}

.pcgS5Right {
    width: 286px;
    background: #fff;
}

/*.panel:nth-child(5),
.panel:nth-child(6),
.panel:nth-child(7),*/
#sec5,
#sec6,
#sec7 {
    width: 111vw;
    flex: 0 0 111vw;
}

.pcgS5RightInner {
    padding: 40px 25px;
}

.pcgS5RightTitle {
    text-align: center;
}

.pcgS5RightTitle h3 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    text-transform: uppercase;
}

.pcgS5RightContent {
    height: 374px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.pcgS5RightContentInner {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /*display: flex;
    flex-wrap: wrap;*/
        width: 374px;
}

.pcgS5RightList {
    width: 374px;
    height: 28px;
    padding: 25px 0px;
    border-bottom: 1px solid #000;
}

.pcgS5RightListInner {   
    position: relative;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 30px);
    height: 100%;
    padding: 0px 15px;
    align-items: center;
}

.pcgS5RightListBar {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #F0F0EF;
    position: absolute;
    left: 0px;
    top: 0px;
        width: 100%;
    height: 100%;
}

.pcgS5RightListBar span {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #CAD4ED;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: block;
    height: 100%;
}

.pcgS5RightListInner h4,
.pcgS5RightListInner p {
    position: relative;
    font-size: 16px;
    line-height: 19px;
}

.pcgS5RightListInner h4 {
    font-weight: 900;
}

.pcgS6Right {
    width: 223px;
    margin-top: -90px;
}

.pcgS6RightInner {
    display: flex;
    flex-wrap: wrap;
}

.pcgS6RightList {
    background: url(../img/pcgS5Img02-bg01.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 244px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pcgS6RightList:nth-child(2) {
    background-image: url(../img/pcgS5Img02-bg02.png);
        margin-top: -16px;
}

.pcgS6RightList:nth-child(3) {
    background-image: url(../img/pcgS5Img02-bg03.png);
        margin-top: -16px;
}

.pcgS6RightListInner {
    padding: 0px 30px;
    text-align: center;
}

.pcgS6RightListInner h3 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 50px;
    line-height: 60px;
    color: #3AB7BB;
}

.pcgS6RightListInner p {
    line-height: 18px;
    color: #2F52A0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.pcgS6RightListInner a {
    margin-top: 16px;
    display: block;
/*    -webkit-transition: none;
    -moz-transition: none
    -ms-transition: none;
    -o-transition: none;
    transition: none;*/
    display: flex;
    justify-content: center;
}

.pcgS6RightListInner a:hover svg {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.pcgS6RightListInner a svg {
    max-width: 100%;
    display: block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.pcgS6RightList:nth-child(2) .pcgS6RightListInner h3 {
    color: #CFB980;
}

.pcgS6RightList:nth-child(3) .pcgS6RightListInner h3 {
    color: #60C6EF;
}

.pcgS6RightList:nth-child(2) .pcgS6RightListInner svg path {
    fill: #CFB980;
}

.pcgS6RightList:nth-child(3) .pcgS6RightListInner svg path {
    fill: #60C6EF;
}




/*Lightbox*/
.JlightboxContainer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: auto;
    background: rgba(0, 0, 0, 0.7);
    display: none;

/*    backdrop-filter: blur(50px);*/
}

.JlightboxBG {
    /*position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,.2);*/
}

.JlightboxContainerInner {
    max-width: 1385px;
    padding: 100px 38px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: calc(100% - 150px);

    display: table;
    width: calc(100% - 76px);
}

.JlightboxContent {
    position: relative;

    display: table-cell;
    vertical-align: middle;
}

.JlightboxContentOuter {
    position: relative;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.JlightboxContentInner {
    padding: 45px 50px 50px;
}

.JlightboxTitle {

}

.JlightboxTitle h2 {
    color: #4C4D4F;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 900;
}

.JlightboxClose {
    width: 46px;
    height: 50px;
    background: url(../img/pcgPopupClose.png) center no-repeat;
    position: absolute;
    right: -23px;
    top: -25px;
    z-index: 1;
}

.JlightboxContentInner02 {
    padding: 0px;
    width: 100%;
}

.JlightboxTitle {
    display: flex;
    align-items: center;
}

.JlightboxTitle > div {
    max-width: 68px;
    max-height: 79px;
        position: relative;
}

.JlightboxTitle > div svg polygon {
    fill: transparent;
    stroke: #000000;
}

.JlightboxTitle img {
    max-width: 68px;
    max-height: 79px;
    display: block;
        position: absolute;
    top: 0px;
    left: 0px;
}

.JlightboxTitle > div p {
    color: #31B7BC;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 35px;
    padding: 22px 0px 20px 20px;
}

.JlightboxTitle h2 {
    font-size: 18px;
    line-height: 20px;
    color: #4560AA;
    font-weight: 900;
    text-transform: uppercase;
    margin-left: 24px;
    width: calc(100% - 93px);
}

.JoeContent01 {
    margin-top: 30px;
}

.JoeContent01 p {
    font-size: 14px;
    line-height: 24px;
}

.JlightboxTitleGeneral {

}

.JlightboxTitleGeneral h2 {
    font-size: 24px;
    line-height: 25px;
    color: #3D3935;
    width: 100%;
    text-transform: capitalize;
    margin-left: 0px;
}

.JciContent {
    margin-top: 22px;
}

.JciContentInner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.JciContentList {
    width: calc(33.33% - 20px - 60px);
    padding: 28px 30px 40px;
    background: #F0F8F4;
}

.JciContentListTitle {
    display: flex;
    align-items: center;
}

.JciContentListTitle span {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8CCAAE;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.JciContentListTitle h3 {
    width: calc(100% - 31px - 18px);
    margin-left: 18px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 900;
    color: #3D3935;
}

.JciContentListContent {
    margin-top: 19px;
}

.JciContentListContent ul {
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

.JciContentListContent ul li {
    font-size: 14px;
    line-height: 20px;
}

.JciContentListContentInner {
    display: flex;
    gap: 10px;
        flex-wrap: wrap;
}

.JciContentListContentInner ul {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    width: calc(50% - 15px);

    width: 100%;
}

.JciContentListContentInner ul li {
    list-style-type: none;
    position: relative;
}

.JciContentListContentInner ul li:before {
    content: '-';
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    left: -10px;
    top: -2px;
}

.JciContentList:nth-child(2) {
    background: #FEF2EC;   
}

.JciContentList:nth-child(2) .JciContentListTitle span{
    background: #F5A37F;   
}

.JciContentList:nth-child(3) {
    background: #F0F8F9;   
}

.JciContentList:nth-child(3) .JciContentListTitle span{
    background: #31B7BC;   
}

.JciContentList:nth-child(4) {
    background: #F3FAFE;   
}

.JciContentList:nth-child(4) .JciContentListTitle span{
    background: #5BC5F2;   
}

.JciContentList:nth-child(5) {
    background: #FFF5E6;   
}

.JciContentList:nth-child(5) .JciContentListTitle span{
    background: #F59E24;   
}

.JciContentList:nth-child(6) {
    background: #ECEAF6;   
}

.JciContentList:nth-child(6) .JciContentListTitle span{
    background: #6D3F88;   
}

.JsatcContent01 {

}

.JsatcContent01Inner {
    margin-top: 25px;
}

.JsatcContent01Inner table {

}

.JsatcContent01Inner table thead {
    
}

.JsatcContent01Inner table td {
    text-align: center;
}

.JsatcContent01Inner table thead th:nth-child(2n) {
    padding: 0px;
}

.JsatcContent01Inner table thead th:nth-child(1) {
    background: #E9EFFA;
}

.JsatcContent01Inner table thead th:nth-child(3) {
    background: #E0EFE9;
}

.JsatcContent01Inner table thead th:nth-child(5) {
    background: #FCE5D8;
}


.JsatcContent01Inner table thead th {
    padding: 13px 10px;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 900;
    color: #3D3935;
}

.JsatcContent01Inner table tbody {

}

.JsatcContent01Inner table tbody tr {
    
}

.JsatcContent01Inner table tbody tr td {
    padding: 5px 20px;
}

.JsatcContent01Inner table tbody tr td:nth-child(1) {
    background: #E9EFFA;
}

.JsatcContent01Inner table tbody tr td:nth-child(3) {
    background: #E0EFE9;
}

.JsatcContent01Inner table tbody tr td:nth-child(5) {
    background: #FCE5D8;
}

.JsatcContent01Inner table tbody tr:nth-child(1) td {
    background: transparent;
}

.JsatcContent01Inner table tbody tr:nth-child(2) td {
    padding-top: 20px;
}

.JsatcContent01Inner table tbody tr:last-child td {
    padding-bottom: 20px;
}

.JsatcContent01Inner table tbody tr td:nth-child(2n) {
    padding: 0px;
}

.JsatcContent01Inner table tbody tr:first-child td {
    padding: 15px 10px;
}

.JsatcContent01Inner table tbody tr td div {
    padding: 15px 10px;
    background: #fff;
}

.JsatcContent02 {
    margin-top: 20px;
}

.JsatcContent02 h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    color: #3D3935;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 10px;
    background: #F1EEF8;
}

.JsatcContent02Inner {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.JsatcContent02Inner img {
    width: 6.5%;
    max-width: 85px;
}

.pcgGeneralInner {
    padding-left: 30px;
    padding-right: 30px;
}

.JsatcContent03 {
    margin-top: 50px;
}

.JsatcContent03 h3 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
}

.JsatcContent03Inner {
    display: flex;
    justify-content: space-between;
        margin-top: 20px;
}

.JsatcContent03List {
    width: calc(33.33% - 20px);
}

.JsatcContent03List h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    padding: 10px 20px;
    background: #E9EFFA;
    text-transform: uppercase;
}

.JsatcContent03List:nth-child(2) h4 {
    background: #E0EFE9;
}

.JsatcContent03List:nth-child(3) h4 {
    background: #FCE5D8;

    background: #DBB6B3;
}

.JsatcContent03List ul {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
}

.JsatcContent03List ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.JsatcContent03List ul li:last-child {
    margin-bottom: 0px;
}

.JsatcContent03List ul li img {
    max-width: 38px;
}

.JsatcContent03List ul li p {
    width: calc(100% - 60px);
    margin-left: 22px;
    line-height: 21px;
    color: #000000;
}

.JsatcContent04 {
    margin-top: 20px;
}

.JsatcContent04 h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    padding: 10px 20px;
    background: #E9EFFA;
    text-transform: uppercase;
    text-align: center;
}

.JsatcContent04Inner {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.JsatcContent04List {
    display: flex;
    align-items: center;
}

.JsatcContent04List img {
    max-width: 38px;
}

.JsatcContent04List p {
/*    width: calc(100% - 60px);*/
    margin-left: 22px;
    line-height: 21px;
    color: #000000;
}

.pcgS7Right {
    background: #fff;
    width: 360px;
    align-self: center;
}

.pcgS7RightInner {
    padding: 30px;
}

.pcgS7RightList {
    padding-bottom: 30px;
    border-bottom: 1px solid #707070;
    margin-top: 30px;
}

.pcgS7RightList:first-child {
    margin-top: 0px;
}

.pcgS7RightList:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.pcgS7RightList h3 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 900;
    color: #2F52A0;
}

.pcgS7RightList h4 {
    font-size: 48px;
    line-height: 57px;
    font-weight: 700;
    color: #CCAA4F;
        display: flex;
    align-items: baseline;
}

.pcgS7RightList h4 i {
    line-height: 48px;
}

.pcgS7RightList h4 span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    margin-left: 10px;
}

.pcgS7RightList p {
    font-size: 14px;
    line-height: 17px;
}

#sec7 {
    z-index: 4;
}

#sec7:before {
    content: '';
    position: absolute;
    right: -30px;
    top: 0px;
    width: 30%;
    height: 100%;
    background: rgb(202,226,239);
    background: -moz-linear-gradient(90deg, rgba(202,226,239,0) 0%, rgba(225,245,245,1) 91%);
    background: -webkit-linear-gradient(90deg, rgba(202,226,239,0) 0%, rgba(225,245,245,1) 91%);
    background: linear-gradient(90deg, rgba(202,226,239,0) 0%, rgba(225,245,245,1) 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cae2ef",endColorstr="#e1f5f5",GradientType=1);
    z-index: 1;
}

#sec8 {
    z-index: 3;
    width: 107vw;
    flex: 0 0 107vw;
}

.pcgS8container {
    width: 100%;
    height: 100%;
    position: relative;
    background: #E1F5F5;
}

.pcgS8bg {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.pcgS8containerOuter {
    width: 100%;
    height: 100%;
    position: relative;
        display: flex;
    align-items: center;
    justify-content: center;
}

.pcgS8containerInner {
    max-width: 1530px;
    width: 100%;
}

.pcgS8containerTitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.pcgS8containerTitle h2 {
    font-size: 48px;
    line-height: 48px;
    color: #2F52A0;
    font-weight: 900;
    text-transform: uppercase;
}

.pcgS8containerTitle a {
    margin-top: 0px;
}

.pcgS8containerContent {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.pcgS8containerRow {
    width: 309px;
    /*background: #fff;
    border: 1px solid #4560AA;*/
}

.pcgS8containerRow > h3 {
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    background: #4560AA;
}

.pcgS8containerRowInner {
    padding: 25px 30px;
    background: #fff;
    border: 1px solid #4560AA;
}

.pcgS8containerRowList {
    margin-bottom: 45px;
}

.pcgS8containerRowList:last-child {
    margin-bottom: 0px;
}

.pcgS8containerRowList h4 {
    font-size: 16px;
    line-height: 19px;
    color: #2F52A0;
    font-weight: 900;
}

.pcgS8containerRowList h3 {
    font-size: 48px;
    line-height: 57px;
    font-weight: 700;
    color: #CCAA4F;
        display: flex;
    align-items: flex-end;
}

.pcgS8containerRowList h3 span {
    font-size: 20px;
    line-height: 24px;
    margin-left: 15px;
}

.pcgS8containerRowList p {
    margin-top: 7px;
}

.pcgS8containerRowList h3 p {
    font-size: 48px;
    line-height: 40px;
    margin-top: 0px;
}

.pcgS8containerRow:nth-child(2) > h3 {
    background: #18A19C;
}

.pcgS8containerRow:nth-child(2) .pcgS8containerRowList h4 {
    color: #18A19C;
}

.pcgS8containerMidContent {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 650px;
    max-height: 714px;
    width: 100%;
    height: 100%;
/*    overflow: hidden;*/
}

.pcgS8containerMidContentInner {
    width: 100%;
    height: 100%;
}

.pcgS8containerMidContentInner img {
    position: absolute;
    width: 100%;
    height: 100%;
    /*-webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwMCAyMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzLjQ5OSw0OS44NzYgOTkuODg3LDAgMTg2LjI4NCw0OS44NzkgMTg2LjI4NCwxNDkuNjM1IDk5Ljg4NywxOTkuNTE2IDEzLjQ5OSwxNDkuNjMgIi8+Cjwvc3ZnPg==);
    -moz-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwMCAyMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEzLjQ5OSw0OS44NzYgOTkuODg3LDAgMTg2LjI4NCw0OS44NzkgMTg2LjI4NCwxNDkuNjM1IDk5Ljg4NywxOTkuNTE2IDEzLjQ5OSwxNDkuNjMgIi8+Cjwvc3ZnPg==);
    background-size: contain;*/
}

.pcgS8containerMidContentInner svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.pcgS8containerMidContentInner svg.pcgS8containerMidSVG01 {
    transform: scale(2.5);
    opacity: 0;
}

.pcgS8containerMidContentInner svg.pcgS8containerMidSVG02 {
    transform: scale(3.5);
    opacity: 0;
}

.pcgS8containerMidContentInner svg polygon {
    fill: transparent;
    stroke: #2F52A0;
}

.pcgS8containerMidContentInner img:nth-child(1) {
    top: 0px;
    left: 0px;
}

.pcgS8containerMidContentInner img:nth-child(2) {
    top: 0px;
    right: 0px;
}

.pcgS9container,
.pcgS9containerOuter {
    width: 100%;
    height: 100%;
    position: relative;
}

.pcgS9container {
    background: #fff;
}

.pcgS9containerOuter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pcgS9containerInner {
    max-width: 1605px;
    display: flex;
    align-items: center;
    width: 100%;
}

#sec10 {
    z-index: 2;
    width: 111.3vw;
    flex: 0 0 111.3vw;
}

.pcgS9left {
    width: 42%;
    padding-right: 20px;
}

.pcgS9left > h3 {
    font-size: 24px;
    line-height: 30px;
}

.pcgS9left > p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    font-weight: 300;
}

.pcgS9left a {

}

.pcgS9left a.pcgGeneralBtn:before, 
.pcgS9left a.pcgGeneralBtn:after {
    background: #00A19C;
}

.pcgS9left a.pcgGeneralBtn i {
    background-image: url(../img/pcgS9downloadIconFull.png);
}

.pcgS9right {
    width: 58%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.pcgS9right > a {
    display: none;
}

.pcgS9RightInner {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.pcgS9RightList {
    width: 310px;
    height: 340px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.pcgS9RightListBG,
.pcgS9RightListBG > svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.pcgS9RightListBG > svg polygon {
    fill: #fff;
    stroke: #395542;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pcgS9RightList:nth-child(1),
.pcgS9RightList:nth-child(2),
.pcgS9RightList:nth-child(4),
.pcgS9RightList:nth-child(5) {
    z-index: 2;    
}

.pcgS9RightListContent {
    display: flex;
    align-items: center;
    justify-content: center;
        flex-wrap: wrap;
}

.pcgS9RightListContentIcon {
    width: 83px;
    height: 91px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pcgS9RightListContentIcon svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.pcgS9RightListContentIcon svg polygon {
    stroke: #395542;
    fill: #18A19C;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pcgS9RightListContentIconPlus {
    position: relative;
    width: 17px;
    height: 17px;
    z-index: 1;
}

.pcgS9RightListContentIconPlus:before,
.pcgS9RightListContentIconPlus:after {
    content: '';
    width: 17px;
    height: 2px;
    background: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
}

.pcgS9RightListContentIconPlus:before {
    left: 0px;
    top: 8px;
}

.pcgS9RightListContentIconPlus:after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 8px;
    left: 0px;
}

.pcgS9RightListContentInner {
    width: 100%;
    margin-top: 16px;
        position: relative;
    text-align: center;
}

.pcgS9RightListContentInner h3 {
   font-size: 18px;
   line-height: 25px;
   font-weight: 900; 
   color: #395542;
}

.pcgS9RightListContentInner p {
    line-height: 25px;
    margin-top: 6px;
        color: #3D3935;
}

.pcgS9RightList > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pcgS9RightListPattern {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pcgS9RightListPattern, 
.pcgS9RightListPattern > svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.pcgS9RightListPattern > svg polygon {
    fill: #18A19C;
}

.pcgS9RightList:hover .pcgS9RightListPattern {
    -moz-transform: scale(1.7);
    -webkit-transform: scale(1.7);
    -o-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
    opacity: 0.15;
}

.pcgS9RightList a:hover .pcgS9RightListBG > svg polygon {
    fill: rgba(24,161,156,.6);
}

.pcgS9RightList a:hover .pcgS9RightListContentIcon svg polygon {
    stroke: #fff;
}

.pcgS9RightList a:hover .pcgS9RightListContentInner h3,
.pcgS9RightList a:hover .pcgS9RightListContentInner p {
    color: #fff;
}

.pcgS9RightList:hover {
    z-index: 3;
}

.pcgS9RightList:nth-child(2) {
    margin-right: 16.9%;
}

.pcgS9RightList:nth-child(4),
.pcgS9RightList:nth-child(5) {
    margin-top: -9.2%;
}

.pcgS9RightList:nth-child(3) {
    position: absolute;
    left: -1%;
    top: 42.9%;
}

.pcgS9RightList:nth-child(3) svg path:nth-child(1),
.pcgS9RightList:nth-child(3) svg path:nth-child(2) {
    fill: rgba(24,161,156,1);
}

.pcgS9RightList:nth-child(3) svg path:nth-child(3) {
    fill: rgba(24,161,156,1);
}

.pcgS9RightList .pcgSideTitleInner {
    max-width: 140px;
    margin: auto;
}

.pcgS9RightList .pcgSideTitleInner h3 {
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
        text-align: center;
}

#scorecard .JlightboxContentOuter,
#approach .JlightboxContentOuter,
#topics .JlightboxContentOuter,
#matters .JlightboxContentOuter {
    background: #EFF7F8;
}

.JssContent01 {
    margin-top: 30px;
}

.JssContent01Inner {

}

.JssContent01Title {
    display: flex;
    align-items: center;
}

.JssContent01Title p {
    background: #8CB6DF;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.JssContent01Title h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-left: 15px;
}

.JssContent01Content {
    margin-top: 20px;
    background: #fff;
}

.JssContent01ContentInner {
    display: flex;
    padding: 30px;
    flex-wrap: wrap;
    gap: 25px 20px;
}

.JssContent01List {
    width: calc(25% - 15px);
}

.JssContent01List h4 {
    line-height: 19px;
    font-weight: 900;
    color: #2F52A0;
}

.JssContent01List h3 {
/*    font-weight: 300;*/
    font-size: 48px;
    line-height: 57px;

    font-weight: 700;
}

.JssContent01List h3 span {
    font-size: 18px;
    line-height: 24px;

    margin-left: -10px;
    font-weight: 700;
}

.JssContent01List > p {

}

.JssContent01List > i {
    font-size: 14px;
    line-height: 17px;
    opacity: 0.5;
    color: #000;
    display: block;
}

.JssContent02 .JssContent01Title p {
    background: #8EC9AF;
}

.JssContent02Section {
    display: flex;
    width: 100%;

    gap: 0px 20px;
}

.JssContent02SectionRow:nth-child(1) {
    width: 66%;

    width: calc(50% - 10px);
}

.JssContent02SectionRow:nth-child(2) {
    width: calc(34% - 20px);

    width: calc(50% - 10px);
    display: flex;
        gap: 28px 20px;
}

.JssContent02SectionCol {
    margin-top: 28px;
}

.JssContent02SectionRow:nth-child(2) .JssContent02SectionCol {
    margin-top: 0px;
        width: calc(50% - 10px);
}

.JssContent02SectionCol:first-child {
    margin-top: 0px;
}

.JssContent02SectionColTitle h3 {
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 900;
    color: #8BC9AD;
}

.JssContent02SectionColContent {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    gap: 25px 20px;
        margin-top: 8px;
}

.JssContent02SectionColContent .JssContent01List {
    width: calc(50% - 10px);
}

.JssContent02SectionColContent .JssContent01List h4{
    color: #8BC9AD;
}

.JssContent02SectionRow:nth-child(2) .JssContent02SectionColContent .JssContent01List {
    width: 100%;
}

.JssContent02Section:nth-child(2) {

}

.JssContent02Section:nth-child(2) .JssContent02SectionRow {
    width: 100%;
}

.JssContent02Section:nth-child(2) .JssContent02SectionColContent .JssContent01List {
    width: calc(33.33% - 13.33px);

    width: calc(25% - 20px);
}

.JssContent02 .JssContent01ContentInner {
    gap: 28px 20px;
}

.JssContent02SectionColContent .JssContent01List h4 b {
    font-weight: 900;
    color: #3D3935;
}

.JssContent03 {

}

.JssContent03 .JssContent01Title p {
    background: #E8B550;
}

.JssContent03 .JssContent01List h4 {
    color: #E8B645;
}

.JssContent03 .JssContent01List {
    width: calc(33.33% - 13.33px);
}

.JssContent03 .JssContent01List:nth-child(4) {
    width: calc(66.66% - 26.66px);
}

.JssContent03 .JssContent01ContentInner {
    justify-content: space-between;
}

.JssContent03 .JssContent01List h4 b {
    font-weight: 900;
    color: #3D3935;
}

.JssContent01ListInner {
    display: flex;
}

.JssContent01ListNumber {
    width: 212px;
}

.JssContent01ListT {
    width: calc(100% - 212px - 28px);
    margin-left: 28px;

    max-width: 333px;
}

.JssContent01ListT p {
    font-size: 14px;
    line-height: 19px;
}

.JssContent03 .JssContent01List:nth-child(5) {

}

.JssContent03 .JssContent01List:nth-child(5) h3 {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.JssContent03 .JssContent01List:nth-child(5) h3 span {
    width: calc(100% - 116px);
    font-size: 18px;
    line-height: 20px;
}

.JssContentFooter {
    margin-top: 26px;
}

.JssContentFooter p {

}

.pcgS10container,
.pcgS10containerOuter {
    position: relative;
    width: 100%;
    height: 100%;
}

.pcgS10container {
    background: #E1F5F5;
}

.pcgS10containerOuter {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.pcgS10containerInner {
    width: 100%;
}

.pcgS10content {
    max-width: 1346px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pcgS10Left {
    width: 278px;
}

.pcgGeneralBtn02 {
    background: #4560AA;
    display: flex;
    position: relative;
    width: calc(100% - 32px);
    margin: 0px 16px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.pcgGeneralBtn02:before,
.pcgGeneralBtn02:after {
    content: '';
    width: 16px;
    height: 100%;
    background: url(../img/btnCorner.png) center no-repeat;
    -webkit-background-size: 16px 100%;
    -moz-background-size: 16px 100%;
    -o-background-size: 16px 100%;
    background-size: 16px 100%;
    position: absolute;
}

.pcgGeneralBtn02:before {
    left: -16px;
}

.pcgGeneralBtn02:after {
    right: -16px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pcgGeneralBtn02 p {
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    color: #fff;
    padding: 16px 20px 16px 7px;
    width: 100%;
}

.pcgGeneralBtn02 span {
    position: absolute;
    right: 5px;
    width: 19px;
    height: 19px;
    top: 13px;
}

.pcgGeneralBtn02 span:before,
.pcgGeneralBtn02 span:after {
    content: '';
    width: 19px;
    height: 2px;
    background: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
        display: block;
}

.pcgGeneralBtn02 span:before {
    position: absolute;
    top: 9px;
}

.pcgGeneralBtn02 span:after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 9px;
}

.pcgS10Right {
    width: 314px;
}

.pcgS10Mid {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 46.5%;
    max-width: 625px;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.pcgS10Mid img {
    display: block;
    max-width: 100%;
}

.pcgS10LeftPanel {
    background: #fff;
    width: 100%;
    margin-top: 30px;
}

.pcgS10LeftPanel ul {
    padding: 20px 21px;
    margin: 0px;
}

.pcgS10LeftPanel ul li {
    list-style-type: none;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
}

.pcgS10LeftPanel ul li:last-child {
    margin-bottom: 0px;
}

.pcgS10LeftPanel ul li p {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 20px;
    font-weight: 900;
    background: #8CCAAE;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
}

.pcgS10LeftPanel ul li h4 {
    font-size: 18px;
    line-height: 21px;
    font-weight: 900;
    color: #8CCAAF;
    width: calc(100% - 32px - 13px);
    margin-left: 13px;
}

.pcgS10LeftPanel ul li:nth-child(2) p {
    background: #F5A37F;
}

.pcgS10LeftPanel ul li:nth-child(2) h4 {
    color: #F5A37F;
}

.pcgS10LeftPanel ul li:nth-child(3) p {
    background: #31B7BC;
}

.pcgS10LeftPanel ul li:nth-child(3) h4 {
    color: #31B7BC;
}

.pcgS10LeftPanel ul li:nth-child(4) p {
    background: #5BC5F2;
}

.pcgS10LeftPanel ul li:nth-child(4) h4 {
    color: #5BC5F2;
}

.pcgS10LeftPanel ul li:nth-child(5) p {
    background: #F59E24;
}

.pcgS10LeftPanel ul li:nth-child(5) h4 {
    color: #F59E24;
}

.pcgS10LeftPanel ul li:nth-child(6) p {
    background: #6D3F88;
}

.pcgS10LeftPanel ul li:nth-child(6) h4 {
    color: #6D3F88;
}

.pcgS10RightArrow {
    display: flex;
    justify-content: center;
    padding: 15px 0px;
}

.pcgS10Mid a {
    text-align: center;
    margin: 12px auto 0px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.pcgS10Mid a:before {
    left: -15px;
}

.pcgS10Mid a:after {
    right: -15px;
}

.pcgS10Mid a:nth-child(2) {
    max-width: 312px;
}

.pcgS10Mid a:nth-child(3) {
    max-width: 220px;
}

.JoutputContent {
    background: url(../img/pcgOutputBG.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
        margin-top: 21px;
}

.JoutputContentInner {
    padding: 18px 0px;
    display: flex;
    flex-wrap: wrap;
}

.JoutputList {
    width: calc(100%/3);
    position: relative;
}

.JoutputList:after {
    content: '';
    position: absolute;
    right: -2.5px;
    top: 0px;
    height: 100%;
    width: 5px;
    background: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.JoutputList:last-child:after {
    display: none;
}

.JoutputListInner {
    padding: 13px 50px;
}

.JoutputListInner h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    color: #000;
}

.JoutputListInner p {
    margin-top: 20px;
    font-size: 18px;
    line-height: 24px;
}

.JoutputListInner p b {
    font-weight: 900;
    color: #5DC5F1;
}

.JoutputListInner span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}

.JoutcomesContent .JciContentList {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 30px;
        min-height: 190px;
}

.JoutcomesImg {
    display: flex;
    gap: 7px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.JoutcomesImg img {
    max-width: 34px;
}

#sec11 {
    z-index: 1;
}

#sec12 {
/*    z-index: 1;*/
    width: 113.8vw;
    flex: 0 0 113.8vw;
}

.pcgS11container {
    width: 100%;
    position: relative;
    height: 100%;
    background: url(../img/pcgS11Banner.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pcgS11containerOuter {
    width: 100%;
    position: relative;
    height: 100%;
}

.pcgS11containerInner {
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.pcgS11content {
    width: 100%;
    display: flex;
    align-items: center;
}

.pcgS11Left {
    width: 53.1%;
    position: relative;
    display: flex;
/*    justify-content: center;*/
    flex-wrap: wrap;
}

.pcgS11LeftInner {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

.pcgS11LeftList {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.pcgS11LeftList:nth-child(1) {
/*    margin-left: -15%;*/
    max-width: 42.7%;
}

.pcgS11LeftList:nth-child(2),
.pcgS11LeftList:nth-child(3) {
    position: absolute;
    max-width: 34.477%;
    top: 5%;
}

.pcgS11LeftList:nth-child(2) {
    left: 0px;
}

.pcgS11LeftList:nth-child(3) {
    right: 11%;
}

.pcgS11LeftList h3 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    max-width: 180px;
/*    margin: auto;*/
    position: relative;
    left: calc(100% - 180px);
    display: none;
}

.pcgS11LeftList a {
   align-self: center; 
   display: none;
}

.pcgS11LeftList:nth-child(1) img {
    margin-left: -15%;
    display: block;
    max-width: 100%;
}

.pcgS11LeftBtn {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 80%;
    margin: auto;
}

.pcgS11LeftBtn a {
    margin-top: 35px;
}

.pcgS11LeftTitle {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 80%;
    margin: auto;
    margin-bottom: 24px;
    text-align: center;
}

.pcgS11LeftTitle h3 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    max-width: 180px;
}

.pcgS11Right {
    width: 46.9%;
}

.pcgS11RightContent {
    max-width: 70%;
    margin: auto !important;
    max-height: calc(100vh - 350px);
    overflow-y: auto;
}

.pcgS11RightContent.ui-accordion .ui-accordion-header {
    background: transparent;
    padding: 0px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #2F52A0;
    border: none;
    padding: 15px 0px;
    border-bottom: 1px solid #DEDEDE;
    position: relative;
}

.pcgS11RightContent.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    right: 0px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: transparent;
}

.pcgS11RightContent.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before,
.pcgS11RightContent.ui-accordion .ui-accordion-header .ui-accordion-header-icon:after {
    content: '';
    width: 20px;
    height: 2px;
    background: #395542;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: block;
    position: absolute;
}

.pcgS11RightContent.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
    top: 9px;
}

.pcgS11RightContent.ui-accordion .ui-accordion-header .ui-accordion-header-icon:after {
    top: 9px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.pcgS11RightContent.ui-accordion .ui-accordion-header.ui-state-active {
    border-bottom: none;
}

.pcgS11RightContent.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:after {
    opacity: 0;
}

.pcgS11RightList {
    padding: 0px !important;
    background: transparent !important;
    border: none !important;
}

.pcgS11RightListInner {
    padding: 0px 0px 20px;
    border-bottom: 1px solid #DEDEDE;
}

.pcgS11RightListInner a {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.pcgS11RightListInner a:last-child {
    margin-bottom: 0px;
}

.pcgS11RightListInner a p {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    margin-left: 10px;
    width: calc(100% - 62px);
}

.pcgS11RightFooter {
    margin-top: 63px;
    position: relative;
    max-width: 70%;
    margin: 63px auto 0px !important;
}

.pcgS11RightFooterRight {
    position: absolute;
    right: 0px;
    top: 0px;
}

.pcgS11RightFooterRight a {
    display: block;
    position: relative;
    display: flex;
}

.pcgS11RightFooterRight a p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #2F52A0;
}

.pcgS11RightFooterRight a span {
    position: absolute;
    background: url(../img/pcgS1img03.png);
    width: 14px;
    height: 16px;
    right: -32px;
    top: 3px;
}

.pcgS11RightFooterRight a span:before {
    content: '';
    width: 110px;
    height: 1px;
    background: #2F52A0;
    position: absolute;
    top: 7px;
    right: -110px;
}


.pcgS11RightFooterLeft {
    width: calc(100% - 140px);
}

.pcgS11RightFooterLeft p {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
}

.pcgHeaderM,
.JsatcContent01InnerM {
    display: none;
}


.pcgS8bcontainer {
    width: 100%;
    height: 100%;
    position: relative;
    background: #E1F5F5;
}

.pcgS8bcontainerOuter {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pcgS8bcontainerInner {
    max-width: 1497px;
    margin: auto;
    display: flex;
    gap: 6.4%;
}

.pcgS8bleft {
    width: 38.85%;
}

.pcgS8bleft h2 {
    font-size: 48px;
    line-height: 58px;
    font-weight: 900;
    color: #2F52A0;
    text-transform: uppercase;
}

.pcgS8bleft > p {
    font-size: 14px;
    line-height: 24px;
    max-width: 543px;
    margin-top: 20px;
}

.pcgS8bleft .pcgGeneralBtn {

}

.pcgS8bmid {
    width: 24.66%;
}

.pcgS8bmid > h3 {
    font-size: 24px;
    line-height: 30px;
    color: #2F52A0;
}

.pcgS8bmid ul {
    padding: 0px;
    margin: 0px;
    margin-top: 30px;
}

.pcgS8bmid ul li {
    list-style-type: none;
    background: #fff;
    font-size: 18px;
    line-height: 21px;
    font-weight: 900;
    padding: 10px 18px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-bottom: 30px;
}

.pcgS8bmid ul li:last-child {
    margin-bottom: 0px;
}

.pcgS8bright {
    width: 23.7%;
    
}

.pcgS8bright > h3 {
    color: #fff;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    background: #4560AA;
    padding: 10px 20px;
}

.pcgS8brightInner {
    width: calc(100% - 42px);
    background: #fff;
    border: 1px solid #4560AA;
    padding: 25px 20px;
}

.pcgS8brightList {
    margin-bottom: 40px;
}

.pcgS8brightList:last-child {
    margin-bottom: 0px;
}

.pcgS8brightList h4 {
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #2F52A0;
    font-weight: 900;
}

.pcgS8brightList h3 {
    font-size: 48px;
    line-height: 57px;
    font-weight: 700;
    color: #CCAA4F;
    display: flex;
    align-items: flex-end;
}

.pcgS8brightList h3 span {
    font-size: 20px;
    line-height: 24px;
    margin-left: 10px;
    font-weight: 900;
}

.pcgS8brightList h3 p {
    font-size: 48px;
    line-height: 57px;
    font-weight: 700;
    position: relative;
    top: 8px;
}

#sec9 {
    z-index: 3;
}

.pcgCE {
    color: #D0BA7D !important;
}

.pcgGE {
    color: #5BC5F2 !important;
}


.pcgS11RightInner {

}

.JscorecardTitle {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.JscorecardTitle h2 {
    width: auto !important;
}

.JscorecardTitleRight {
    text-align: right;
        max-width: none !important;
    max-height: none !important;
}

.JscorecardTitleRight p {
    font-size: 14px !important;
    line-height: 17px !important;
    color: #000000 !important;
    padding: 0px !important;
        font-weight: 300 !important;
        text-transform: unset !important;
}

.JssContent02SectionColM,
.JssContentFooterM {
    display: none;
}


/*.pcgS8containerRowList > h3 i,
.pcgS8brightList > h3 i {
    display: flex;
    position: relative;
    top: 6px;
}*/

.pcgS8containerRowList > h3 i b,
.pcgS8brightList > h3 i b {
    position: relative;
    top: 9px;
}


.JlightboxVideo {
    position: relative;
/*    padding-bottom: 56.25%;*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;

    max-height: calc(100vh - 150px);
    aspect-ratio: 16 / 9;

    width: 560px;
    width: 800px;
    max-width: calc(100vw - 93px);
}

.JlightboxVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.JlightboxVideoContainer .JlightboxContainerInner {
    width: auto;
}


.JssContent01ContentB {
    background: transparent;
}

.JssContent01ContentB .JssContent01ContentInner{
    padding: 0px;
    gap: 0px;

}

.JssContent02SectionB {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.JssContent02SectionRowB {
    padding: 30px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.JssContent02SectionRowB:nth-child(1) {
    width: calc(64.5% - 60px);
}

.JssContent02SectionRowB:nth-child(2) {
    width: calc(35.5% - 30px - 60px);
}

.JssContent02SectionRowB:nth-child(3),
.JssContent02SectionRowB:nth-child(4) {
    width: calc(50% - 10px - 65px);
}

.JssContent02SectionRowB:nth-child(5) {
    width: 100%;
}

.JssContent02SectionRowBtitle {

}

.JssContent02SectionRowBtitle h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 900;
    color: rgba(76, 158, 117, 1);
    text-transform: uppercase;
}

.JssContent02SectionRowBcontent {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.JssContent02SectionRowBList {

}

.JssContent02SectionRowBList h4 {
    line-height: 19px;
    font-weight: 900;
    color: rgba(76, 158, 117, 1);
}

.JssContent02SectionRowBList h3 {
    font-size: 48px;
    line-height: 57px;
    font-weight: 700;

/*    line-height: 48px;*/
}

.JssContent02SectionRowBList h3 span {
    font-size: 18px;
    line-height: 24px;
        margin-left: -10px;
}

.JssContent02SectionRowBList p {
    font-size: 14px;
    line-height: 17px;
}


.JssContent02SectionRowB:nth-child(1) .JssContent02SectionRowBcontent {
    width: calc(100% - 130px - 45px);
}

.JssContent02SectionRowB:nth-child(1) .JssContent02SectionRowBcontent .JssContent02SectionRowBList {
    width: calc(50% - 10px);
}

.JssContent02SectionRowB:nth-child(2) .JssContent02SectionRowBcontent {
    width: calc(100% - 110px - 45px);
}

.JssContent02SectionRowB:nth-child(3) .JssContent02SectionRowBcontent {
    width: calc(100% - 130px - 45px);
}

.JssContent02SectionRowB:nth-child(4) .JssContent02SectionRowBcontent {
    width: calc(100% - 250px - 45px);
}

.JssContent02SectionRowB:nth-child(5) .JssContent02SectionRowBcontent {
    gap: 0px;
    justify-content: space-between;
    width: 100%;
}

.JssContent02SectionRowB:nth-child(5) .JssContent02SectionRowBcontent .JssContent02SectionRowBList {
    width: calc(27% - 10px);
}

.JssContent02SectionRowB:nth-child(5) .JssContent02SectionRowBcontent .JssContent02SectionRowBList:nth-child(1) {
    width: calc(23% - 10px);
}

.JssContent02SectionRowB:nth-child(5) .JssContent02SectionRowBcontent .JssContent02SectionRowBList:nth-child(2) {
/*    width: calc(22% - 10px);*/
}

.JssContent02SectionRowB:nth-child(5) .JssContent02SectionRowBcontent .JssContent02SectionRowBList:nth-child(3) {
/*    width: calc(26% - 10px);*/
}

.JssContent02SectionRowB:nth-child(5) .JssContent02SectionRowBcontent .JssContent02SectionRowBList:nth-child(4) {
/*    width: calc(19% - 10px);*/
    width: calc(26% - 10px);
}


.pcgS5PlayHide .pcgGeneralPlayBtn {
    display: none;
}

.pcgS5PlayHide {
    margin-top: 35px;
}

.pcgS5PlayHide .pcgGeneralBtn {
    margin-left: 0px;
}


.pcgS1leftVideo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.pcgS1leftVideo > video {
    position: absolute;
    top: 0px;
    left: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.pcgS1leftVideo > video:nth-child(2),
.pcgS1left > img {
    display: none;
}




@media only screen and (max-width: 1600px) {

.navigationInner {
    gap: 3.15%;
}

.pcgS1leftInfor {
    bottom: 200px;
}

.pcgS2containerInner {
    max-width: 1348px;
}

#sec3 {
    width: 123vw;
    flex: 0 0 123vw;
}

.pcgS3containerInner {
    max-width: 1565px;
}

.pcgS3RightList:nth-child(2) {
    margin-right: 17.0%;
}

.pcgS3RightList:nth-child(3) {
    left: -3.4%;
    top: 42.8%;
}

.pcgS3RightList:nth-child(4),
.pcgS3RightList:nth-child(5) {
        margin-top: -9.5%;
}

.pcgS4containerInner {
    top: 42px;
}

.pcgS4bg > svg {
    margin-top: 42px;
}

.pcgS5bg img {
    max-height: 733px;
    margin-left: 7%;

    max-height: 82%;
}

#sec5, #sec6, #sec7 {
    width: 115vw;
    flex: 0 0 115vw;
}

.pcgS5containerInner {
    max-width: 1435px;
    left: 55px;

    top: 80px;
}

.pcgS5Left {
/*    margin-left: 55px;*/
}

.pcgS5Left {
    width: 42.8%;
}

.pcgS6Right {
/*    margin-top: 0px;*/
}

#sec6 .pcgS5containerInner {
    top: 108px;
}

#sec6 .pcgS5containerInner {
    max-width: 1445px;
    left: 0px;
}

#sec7 {
    width: 120vw;
    flex: 0 0 120vw;
}

#sec7 .pcgS5containerInner {
    max-width: 1500px;
    left: 0px;
}

#sec7 .pcgS5bg img {
    margin-left: 2%;
}

#sec8 {
    width: 121vw;
    flex: 0 0 121vw;
}

.pcgS8containerMidContent {
    max-width: 563px;
    max-height: 619px;
        margin-top: 45px;
}

#sec10 {
    width: 135vw;
    flex: 0 0 135vw;
}

.pcgS9containerInner {
    max-width: 1625px;
}

.pcgS9RightList:nth-child(2) {
    margin-right: 16.5%;
}

.pcgS9RightList:nth-child(3) {
    left: 0.5%;
}

.pcgS10content {
    max-width: 1163px;
}

.pcgS10Mid {
    max-width: 465px;
}

.pcgGeneralBtn02:before {
    left: -15px;
}

.pcgGeneralBtn02:after {
    right: -15px;
}

#sec12 {
    width: 134vw;
    flex: 0 0 134vw;
}

.pcgS11Left {
    width: 53.5%;
}

.pcgS11Right {
    width: 46.5%;
}

#sec9 {
    width: 116.25vw;
    flex: 0 0 116.25vw;
}

#sec9 .pcgS8bcontainerInner {
    position: relative;
    top: 46px;
}

}


/* Handle 125% zoom for 1920 */
/*@media only screen and (max-width: 1600px) and (max-height: 850px){*/
@media screen and (min-width: 1441px) and (max-width: 1600px) and (min-height: 700px) and (max-height: 800px) {

.navigationInner {
    gap: 2.15%;
}

.pcgS1leftInfor {
    bottom: 120px;
}

.pcgS5bg img {
    height: 733px;
    max-height: calc(100vh - 120px);
}

.pcgS2containerInner {
    margin-top: 50px;
}

.pcgS3containerInner {
    margin-top: 100px; 
}

.pcgS3LeftTitle {
    margin-top: 30px;
}

.pcgS4containerListInner {
    padding: 15px 27px;
}

.pcgS4containerInner {
    top: 62px;
}

.pcgS5containerInner {
    top: 50px;
}

.pcgS6RightInner {
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

.pcgS8containerTitle {
    margin-top: 110px;
}

.pcgS9containerInner {
    margin-top: 90px;
}

.pcgS10Mid {
    margin-top: 50px;
}

.pcgS11content {
    margin-top: 80px;
}

.pcgS2Right img {
    max-width: 130%;
}

.pcgS8containerMidContentInner {
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

.pcgS8containerContent {
    margin-top: 15px;   
}

.pcgS11LeftTitle {
    margin-bottom: 14px;
}

.pcgS11LeftBtn a {
    margin-top: 15px;
}

.pcgS10containerInner {
    margin-top: 50px;
}

.pcgS10Mid img {
    max-width: 90%;
    margin: auto;
}

#sec9 .pcgS8bcontainerInner {
    top: 56px;
}

}




@media only screen and (max-width: 1440px) {

.pcgHeader {
    padding: 0px 70px;
    width: calc(100% - 140px);
}

.pcgHeaderNavi {
    margin-left: 52px;
    width: calc(100% - 52px - 92px);
}

.navigationInner {
    gap: 2.15%;
    margin-right: 4.3%;
    width: calc(100% - 3.7% - 4.3%);
}

.pcgS1leftInner {
    margin-right: 163px;
}

.navigationInner a {
    padding-top: 31px;
}

.pcgS2Left h2 {
    font-size: 48px;
    line-height: 53px;
}

.pcgS2Left p {
    margin-top: 28px;
}

.pcgS2containerInner {
    max-width: 1138px;
}

.pcgS2Right img {
    left: 5%;
    max-width: 150%;
}

.pcgS2Left {
    width: 60%;
}

.pcgS2Right {
    width: 40%;
}

#sec3 {
    width: 146vw;
    flex: 0 0 146vw;
}

.pcgS3containerInner {
    max-width: 1690px;
    left: 55px;
    top: 30px;
}

#sec4 {
    width: 121.7vw;
    flex: 0 0 121.7vw; 
}

#sec5, #sec6, #sec7 {
    width: 122.2vw;
    flex: 0 0 122.2vw;
}

.pcgS5containerInner {
    max-width: 1345px;
    left: 0px;
        top: 50px;
}

.pcgS5Left {
    width: 45.8%;
}

#sec6 {
    width: 105vw;
    flex: 0 0 105vw;
}

.pcgS5bg img {
    max-height: 610px;

    max-height: 76%;
}

#sec6 .pcgS5containerInner {
    max-width: 1225px;
    left: 0px;
    top: 73px;
}

#sec6 .pcgS5bg img {
    margin-left: 9%;
}

.pcgS6Right {
    max-width: 186px;
}

.pcgS6RightList {
    height: 204px;
}

.pcgS6RightListInner h3 {
    font-size: 40px;
    line-height: 40px;
}

.pcgS6RightListInner p {
    font-size: 12px;
    line-height: 14px;
}

.pcgS6RightListInner a svg {
    max-width: 39px;
}

.pcgS6Right {
    margin-top: -70px;
}

#sec7 {
    width: 124.3vw;
    flex: 0 0 124.3vw;
}

#sec7 .pcgS5containerInner {
    max-width: 1380px;
}

.pcgS5Left {
    width: 38%;

        width: 45%;
}

.pcgS7Right {
    width: 306px;
}

#sec7 .pcgS5bg img {
    margin-left: 4%;
}

#sec8 {
    width: 124vw;
    flex: 0 0 124vw;
}

.pcgS8containerMidContent {
    max-width: 512px;
    max-height: 568px;
        margin-top: 0px;
}

.pcgS8containerInner {
    max-width: 1260px;
}

.pcgS8containerInner {
    position: relative;
    top: 25px;
}

#sec10 {
    width: 143.5vw;
    flex: 0 0 143.5vw;
}

.pcgS9containerInner {
    max-width: 1547px;
}

.pcgS9RightList:nth-child(2) {
    margin-right: 17.5%;
}

.pcgS9RightList:nth-child(4), 
.pcgS9RightList:nth-child(5) {
    margin-top: -9.6%;
}

.pcgS9RightList:nth-child(3) {
    left: -4.7%;
}

#sec11 {
    width: 120.7vw;
    flex: 0 0 120.7vw;
}

.pcgS10content {
    max-width: 1253px;
    top: 50px;
    position: relative;
}

.pcgS10Mid {
    max-width: none;
}

.pcgS10Mid img {
    max-width: 465px;
    margin: auto;
}

#sec12 {
    width: 137.5vw;
    flex: 0 0 137.5vw;
}

.pcgS11Left {
    width: calc(53.5% - 70px);
    padding-left: 70px;
}

.pcgS11RightContent,
.pcgS11RightFooter {
    max-width: 80%;
}

.pcgS11containerInner {
    position: relative;
    top: 50px;
}

#sec9 {
    width: 128.19vw;
    flex: 0 0 128.19vw;
}

#sec9 .pcgS8bcontainerInner {
    top: 80px;
    max-width: 1477px;
}

.pcgS3RightList:nth-child(2) {
    margin-right: 16%;
}

.pcgS3RightList:nth-child(4), 
.pcgS3RightList:nth-child(5) {
    margin-top: -8.9%;
}

.pcgS3RightList:nth-child(3) {
    left: 4%;
    top: 42.8%;
}

.pcgS1leftVideo > video:nth-child(1){
    display: none;
}

.pcgS1leftVideo > video:nth-child(2) {
    display: block;
}

}


@media only screen and (max-width: 1366px) {

.pcgS3RightList:nth-child(2) {
    margin-right: 16%;
}

.pcgS3RightList:nth-child(4), .pcgS3RightList:nth-child(5) {
    margin-top: -8.8%;
}

.pcgS3RightList:nth-child(3) {
    left: 4%;
}

.pcgS1leftInner {
    margin-right: 113px;
}

.pcgS1leftInfor {
    padding-right: 113px;
}

#sec2 {
   width: 120vw; 
   flex: 0 0 120vw;
}

#sec4 {
    width: 130vw;
    flex: 0 0 130vw;
}

#sec5, #sec6, #sec7 {
    width: 128vw;
    flex: 0 0 128vw;
}

.pcgS5bg img {
    max-height: 680px;
}

}


@media only screen and (max-width: 1280px) {

#sec3 {
    width: 156vw;
    flex: 0 0 156vw;
}

#sec5 {
    width: 135vw;
    flex: 0 0 135vw;
}

#sec10 {
    width: 153.5vw;
    flex: 0 0 153.5vw;
}

#sec11 {
    width: 130vw;
    flex: 0 0 130vw;
}

#sec12 {
    width: 147.5vw;
    flex: 0 0 147.5vw;
}

#sec9 {
    width: 138vw;
    flex: 0 0 138vw;
}

.pcgS1leftInfor {
    bottom: 120px;
}

}


@media only screen and (max-width: 1024px) {

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {

}

/*body, html {
    overflow-x: hidden;
}*/

/* Reset  */
.horizontal-scroll-container {
    flex-wrap: wrap;
    position: static !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;

    overflow: hidden;
}

.panel {
   display: block; 
   flex: 0px;
    height: auto;
    transform: none !important;
        display: block;
    flex: none ! IMPORTANT;
    width: 100% !important;
}

.pin-spacer {
    width: 100% !important;
    height: auto !important;
        padding: 0px !important;
}

.panleInner {
    height: auto;
}


.pcgHeader {
    display: none;
}

.pcgHeaderM {
    display: block;
    position: fixed;
    /* top: 30px; */
    top: 0;
    width: calc(100% - 60px);
    /* padding: 0px 30px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 5;
    transition: transform 0.3s ease;
    background-color: #fffffff2;
    padding: 15px 30px 15px 30px;
}

.pcgHeaderM.hide {
    transform: translateY(-200%); /* Hide header by moving it to the top */
}

.pcgHeaderLogo {
    margin-left: 0px!important;
}

.pcgHeaderLogo img {
    max-width: 64px;
        margin: 0px;
}

.pcgHeaderMnav {
    width: 50px;
    height: 50px;
    background: #00A19C;
    position: relative;
}

.pcgHeaderMnav span {
    position: absolute;
    width: 25px;
    height: 2px;
    background: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    right: 12px;
}

.pcgHeaderMnav span:nth-child(1) {
    top: 17px;
}

.pcgHeaderMnav span:nth-child(2) {
    top: 24px;
}

.pcgHeaderMnav span:nth-child(3) {
    width: 15px;
    top: 31px;
}

.pcgHeaderLogo {
    margin-left: 23px;
    width: 64px;
    height: auto;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pcgHeaderMnavPanel {
    width: calc(100% - 60px);
    position: fixed;
    top: 30px;
    left: 30px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #18A19C;
/*    display: none;*/
    -moz-transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.pcgHeaderMnavPanel.active {
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.pcgHeaderMnavPanelClose {
    position: absolute;
    top: 30px;
    right: 18px;
    background: url(../img/pcgPopupClose.png) center no-repeat;
    width: 46px;
    height: 50px;
}

.pcgHeaderMnavPanelInner {
    padding: 45px 20px;
    text-align: center;
}

.pcgHeaderMnavPanelInner a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 22px;
}

.pcgHeaderMnavPanelInner a:last-child {
    margin-bottom: 0px;
}

.pcgS1container {

}

.pcgS1left {
    width: 100%;
    padding: 150px 30px 30px;
    flex-wrap: wrap;
}

.pcgS1left > img {
    display: none!important;
}

.pcgS1leftInner {
    margin: 0px;
}

.pcgS1leftInner h1 {
    font-size: 52px;
    line-height: 63px;
    text-align: left;
}

.pcgS1leftInner p {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin-top: 12px;
}

.pcgS1leftInfor {
    padding-right: 0px;
    position: static;
    width: 100%;
    margin-top: 25px;
}

.disclamer-info {
    display:none!important;
}

.pcgS1leftInfor span {
    display: none;
}

.pcgS1right {
    width: 100%;
    padding-bottom: 112%;
    padding-bottom: 482px;
}

.pcgS2container {
    flex-wrap: wrap;
}

.pcgSideTitle {
/*    position: static;*/
    bottom: 0px;
    left: 50%;
    top: auto;
    right: auto;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    width: 200px;
    height: 219px;
    margin: 0px 0px -110px -100px;
}

.pcgS2containerOuter {

}

.pcgS2containerInner {
    flex-wrap: wrap;
    padding: 62px 30px 210px;
    width: calc(100% - 60px);
}

.pcgS2Left {
    width: 100%;
}

.pcgS2Left h2 {
    font-size: 43px;
    line-height: 52px;
}

.pcgS2Left p {
/*    display: none;*/
    font-size: 14px;
    line-height: 24px;
}

.pcgS2Right {
    width: 100%;
    margin-top: 30px;
    display: none;
}

.pcgS2Right img {
    position: static;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

.pcgS2pattern img:nth-child(1) {
    max-width: 143px;
}

.pcgS2pattern img:nth-child(2) {
    max-width: 129px;
}

.pcgS2bg {
    background-image: url(../img/pcgS2Banner-m.jpg);
}

.pcgS2Left img {
    display: block;
    margin-top: 30px;
    margin-left: auto;
    max-width: 140%;
}

.pcgSideTitle p {
    font-size: 20px;
    line-height: 24px;
}

.pcgSideTitle h3 {
    font-size: 17px;
    line-height: 20px;
}

.pcgS3containerInner {
    left: auto;
    top: auto;
    width: calc(100% - 60px);
    padding: 160px 30px 334px;
    flex-wrap: wrap;
}

.pcgS3Left {
    width: 100%;
}

.pcgS3LeftTitle p,
.pcgS3LeftContent h3 {
    font-size: 14px;
    line-height: 16px;
}

.pcgS3LeftTitle h2 {
    font-size: 24px;
    line-height: 29px;
}

.pcgS3LeftContent {
    margin-top: 37px;
}

.pcgS3LeftContent > p {
    font-size: 16px;
    line-height: 20px;
}

.pcgS3LeftContent .pcgGeneralBtn {
    position: absolute;
    left: 50%;
    bottom: 216px;
    /*-moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);*/
    margin-left: -122px;
}

.pcgS3Right {
    width: 100%;
    margin: 60px 0px 0px;
}

.pcgS3RightListContentIcon svg {
    display: none;
}

.pcgS3RightList {
    width: 165px;
    height: 181px;

    width: 45%;
    height: 43.1%;
    position: absolute;
}

.pcgS3RightList:nth-child(1) {
    top: 0px;
    left: 0px;
}

.pcgS3RightList:nth-child(2) {
    top: 0px;
    right: 0px;
}

.pcgS3RightList:nth-child(4) {
    bottom: 0px;
    left: 0px;
}

.pcgS3RightList:nth-child(5) {
    bottom: 0px;
    right: 0px;
}

.pcgS3RightListContentInner h3 {
    font-size: 14px;
    line-height: 16px;
}

.pcgS3RightListContentInner p {
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
}

.pcgS3RightListContentIcon {
    width: auto;
    height: auto;
}

.pcgS3RightInner {
    max-width: 368px;
    position: relative;
    max-height: 420px;
    margin: auto;
    justify-content: space-between;
    
    height: 420px;
}

.pcgS3RightList:nth-child(1) {

}

.pcgS3RightList:nth-child(2) {
    margin-right: 0%;
}

.pcgS3RightList:nth-child(3) {
    left: 50%;
    top: 50%;
    /*width: 116px;
    height: 127px;*/
    -moz-transform: translateX(-50%) translateY(-50%) !important;
    -webkit-transform: translateX(-50%) translateY(-50%) !important;
    -o-transform: translateX(-50%) translateY(-50%) !important;
    -ms-transform: translateX(-50%) translateY(-50%) !important;
    transform: translateX(-50%) translateY(-50%) !important;
}

.pcgS3RightList:nth-child(4), .pcgS3RightList:nth-child(5) {
    margin-top: 57px;
}

.pcgS3RightListPattern {
    margin: 60px 0px 0px;
}

.pcgS3RightList > svg {
    width: 116px;
    height: 127px;
}

.pcgS3RightList .pcgSideTitleInner h3 {
    font-size: 11px;
    line-height: 13px;
}

.pcgS3RightList:nth-child(3) .pcgS3RightListPattern > svg polygon,
.pcgS3RightList:nth-child(3) .pcgS3RightListBG > svg polygon {
    fill: #4560AA;
    opacity: 0.08;
}

.pcgS3container {
    position: relative;
}

.pcgS3container .pcgSideTitle {
    display: block;
    bottom: 0px;
    left: 50%;
    top: auto;
    right: auto;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    width: 200px;
    height: 219px;
    margin: 0px 0px -110px -100px;

    display: none;
}

.pcgS4midContent {
    position: static;
    width: auto;
    height: auto;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

.pcgS4midContentBG .pcgSideTitle {
    top: 0px;
    left: 50%;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin: -110px 0px 0px -100px;
}

.pcgS4midContentBG02 {
    display: none;
}

.pcgS4midContentBG {
    position: static;
}

.pcgS4containerOuter {
    flex-wrap: wrap;
}

.pcgS4containerInner {
    top: auto;
    width: calc(100% - 60px);
    flex-wrap: wrap;
        padding-top: 162px;
    padding-bottom: 330px;
}

.pcgS4containerLeft, 
.pcgS4containerRight {
    width: 100%;
}

.pcgS4midContentBtn {
    bottom: 210px;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: -122px;
}

.pcgS4containerRight {
    margin-top: 20px;
}

.pcgS4containerList {
    position: relative;
}

.pcgS4containerList:before {
    content: 'N';
    font-size: 20px;
    line-height: 20px;
    font-weight: 900;
    color: #fff;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #8CCAAE;
    position: absolute;
    left: -17px;
    top: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pcgS4containerLeft .pcgS4containerList:nth-child(2):before {
    content: 'M';
    background: #F5A37F;
}

.pcgS4containerLeft .pcgS4containerList:nth-child(3):before {
    content: 'H';
    background: #31B7BC;
}

.pcgS4containerRight .pcgS4containerList:nth-child(1):before {
    content: 'I';
    background: #5BC5F2;
}

.pcgS4containerRight .pcgS4containerList:nth-child(2):before {
    content: 'S';
    background: #F59E24;
}

.pcgS4containerRight .pcgS4containerList:nth-child(3):before {
    content: 'F';
    background: #6D3F88;
}

.pcgS4containerListInner {
    padding: 27px 30px;
}

/* .pcgS5containerOuter {
    flex-wrap: wrap;
    padding-bottom: 168px;
} */

.pcgS5containerOuter {
    flex-wrap: wrap;
    padding-bottom: 120px;
}

.pcgS5bg {
    position: static;
}

.pcgS5bg img {
    position: static;
    margin: auto !important;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    display: block;
    max-height: 460px;
    padding-top: 210px;
    position: relative;
    left: auto;

    padding-top: 90px;
}

#sec5 .pcgS5bg img {
    padding-top: 210px;
}


#sec7:before {
 display: none;   
}

.pcgS5containerInner {
    flex-wrap: wrap;
    position: static;
    width: calc(100% - 60px);
    padding-top: 35px;
    padding-bottom: 20px;
}

.pcgS5Left,
.pcgS5Right {
    width: 100%;
}

.pcgS5Left h2 {
    font-size: 24px;
    line-height: 29px;
}

.pcgS5LeftContent p {
    max-width: 100%;
}

.pcgS5LeftContent h4 {
    font-size: 16px;
    line-height: 24px;
}

.pcgS5LeftContent p span {
    font-size: 14px;
    line-height: 17px;
}

.pcgS5LeftBtn {
    position: absolute;
        bottom: 0px;
    left: 30px;
    flex-direction: column-reverse;

    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* .pcgS5LeftBtn {
    position: absolute;
        bottom: 0px;
    left: 30px;
    flex-direction: column-reverse;

    left: 38%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
} */

.pcgS5Right {
    background: #FEF1E1;
        margin-top: 22px;
}

.pcgS5RightInner {
    background: #fff;
    padding: 0px;
    margin: 40px;
    top: auto;
        padding: 40px;
}

.pcgS5LeftBtn .pcgGeneralBtn {
    margin-left: auto;
    margin-top: 0px;
}

.pcgS5LeftBtn .pcgGeneralPlayBtn {
    margin-top: 0px;
}

.pcgS5bg {
    background: url(../img/pcgS5Banner-m2.jpg) top center no-repeat;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pcgS5bg:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgb(202,226,239);
    background: -moz-linear-gradient(0deg, rgba(202,226,239,0) 0%, rgba(255,255,255,1) 91%);
    background: -webkit-linear-gradient(0deg, rgba(202,226,239,0) 0%, rgba(255,255,255,1) 91%);
    background: linear-gradient(0deg, rgba(202,226,239,0) 0%, rgba(255,255,255,1) 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cae2ef",endColorstr="#ffffff",GradientType=1);
    height: 40%;
}

.pcgS5LeftBtn {
    width: 320px;
    margin-left: -25px;

    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: -185px;
}

.pcgS6Right {
    margin: 15px auto 0px;
}

.pcgS7Right {
    width: 100%;
}

.pcgS7RightInner {
    padding: 0px;
        margin-top: 23px;
}

#sec7 .pcgS5containerOuter {
    padding-bottom: 351px;
}

#sec7 .pcgS5LeftBtn {
    bottom: 210px;
}

.pcgS8containerInner {
    top: 0px;
    padding-top: 160px;
    padding-bottom: 306px;

    padding-bottom: 120px;
}

.pcgS8containerTitle {
    justify-content: center;
    position: static;
}

.pcgS8containerTitle h2 {
    font-size: 24px;
    line-height: 29px;
    text-align: center;
}

.pcgS8containerTitle a {
    position: absolute;
}

.pcgS8containerTitle a {
    margin-top: 0px;
    position: absolute;
    bottom: 210px;

    bottom: 0px;
}

.pcgS8containerContent {
    flex-wrap: wrap;
}

.pcgS8containerRow {
    width: 100%;
}

.pcgS8containerRow:nth-child(2) {
    margin-top: 30px;
}

.pcgS8containerMidContent {
    position: static;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;

    width: 317px;
    height: 349px;
    margin: 40px auto 0px;
    position: relative;
    top: auto;
    left: auto;
}

.pcgS8containerMidContentInner svg.pcgS8containerMidSVG01 {
    transform: scale(1.5);
}

.pcgS8containerMidContentInner svg.pcgS8containerMidSVG02 {
    transform: scale(2.0);
}

.pcgS8containerMidContentInner img:nth-child(1) {
    position: static;
}

.pcgS8containerRow > h3 {
    font-size: 18px;
    line-height: 21px;
}

.pcgS9containerInner {
    flex-wrap: wrap;
    padding-top: 161px;
    padding-bottom: 307px;
}

.pcgS9left {
    width: 100%;
    padding-right: 0px;
}

.pcgS9left > h3 {
    font-size: 18px;
    line-height: 22px;
}

.pcgS9left a {
    position: absolute;
    bottom: 211px;
    left: 50%;
    margin-left: -122px;
}

.pcgS9right {
    width: 100%;
    margin-top: 38px;
    margin: 38px auto 0px;
    width: 367px;
    height: 436px;
}

.pcgS9RightList {
    width: 165px;
    height: 181px;
        position: absolute;
}

.pcgS9RightListContentIcon {
    width: 44px;
    height: 48px;
}

.pcgS9RightListContentInner h3 {
    font-size: 14px;
    line-height: 16px;
    padding: 0px 20px;
}

.pcgS9RightListContentInner p {
    display: none;
}

.pcgS9RightList:nth-child(1) {
    top: 0px;
    left: 0px;
}

.pcgS9RightList:nth-child(2) {
    top: 0px;
    right: 0px;
        margin-right: 0px;
}

.pcgS9RightList:nth-child(4) {
    bottom: 0px;
    left: 0px;
}

.pcgS9RightList:nth-child(5) {
    bottom: 0px;
    right: 0px;
}

.pcgS9RightList:nth-child(3) {
    left: 50%;
    top: 50%;
    width: 231px;
    height: 252px;
    margin-top: -126px;
    margin-left: -115px;
}

.pcgS9RightList .pcgSideTitleInner h3 {
    font-size: 16px;
    line-height: 19px;
}

.pcgS9RightList:hover .pcgS9RightListPattern {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0.15;
}

.pcgS10containerInner {
    padding-top: 216px;
    padding-bottom: 211px;
}

.pcgS10content {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
        top: 0px;
}

.pcgS10Left {
    width: 100%;
    max-width: 450px;
    position: relative;
}

.pcgS10Left:after {
    content: '';
    background: url(../img/pcgS10Img02.png) center no-repeat;
    width: 22px;
    height: 55px;
    display: block;
    margin: 17px auto 14px;
}

.pcgS10Mid {
    position: relative;
    top: auto;
    left: auto;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: 100%;
    width: 100%;
}

.pcgS10Mid:after {
    content: '';
    background: url(../img/pcgS10Img02.png) center no-repeat;
    width: 22px;
    height: 55px;
    display: block;
    margin: 17px auto 14px;
}

.pcgS10Right {
    width: 100%:;
}

.pcgS10container:before {
    content: '';
    background: url(../img/pcgS10Img03.png) center no-repeat;
    width: 20px;
    height: 99px;
    position: absolute;
    top: 76px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pcgS10Mid img {
    width: 100%;
}

.pcgS11content {
    flex-wrap: wrap;
}

.pcgS11Left,
.pcgS11Right {
    width: 100%;
        padding-left: 0px;
}

.pcgS11containerInner {
    padding-top: 143px;
    top: auto;
    width: calc(100% - 60px);
}

.pcgS11LeftTitle h3 {
    font-size: 18px;
    line-height: 25px;
}

.pcgS11LeftTitle,
.pcgS11LeftBtn {
    display: none;
}

.pcgS11LeftInner {
    flex-direction: column; 
    max-width: 330px;
    margin: auto;
}

.pcgS11LeftList {
    position: static !important;
    flex-direction: unset;
    flex-wrap: wrap;
    margin-top: 45px;
}

.pcgS11LeftList:nth-child(1),
.pcgS11LeftList:nth-child(2), 
.pcgS11LeftList:nth-child(3) {
    max-width: none;
}

.pcgS11LeftList:nth-child(1) {
    margin-top: 0px;
}

.pcgS11LeftList img {
    max-height: 270px;
    margin-left: -15%;
}

.pcgS11LeftList h3,
.pcgS11LeftList a {
    display: block;
}

.pcgS11LeftList h3 {
    font-size: 18px;
    line-height: 21px;
    left: auto;
    max-width: none;
    margin: 0px auto 37px;
}

.pcgS11LeftList a {
    margin: 32px auto 0px;
}

.pcgS11Right {

}

.pcgS11RightContent, 
.pcgS11RightFooter {
    max-width: 100%;
}

.pcgS11RightInner {
    margin-top: 55px;
}

.pcgS11RightContent.ui-accordion .ui-accordion-header {
    font-size: 16px;
    line-height: 19px;
}

.pcgS11RightListInner a img {
    max-width: 37px;
}

.pcgS11RightFooter {
    padding-bottom: 30px;
    margin: 47px auto 0px !important;
}

.pcgS11RightFooterRight {
    position: static;
    margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 33px;
}

.pcgS11RightFooterLeft {
    width: 100%;
    text-align: center;
}

.pcgS11RightFooterRight a span:before {
    display: none;
}

.pcgS11RightFooter:after {
    content: '';
    width: calc(50% - 64px);
    height: 1px;
    background: #2F52A0;
    position: absolute;
    top: 11px;
    right: -30px;
}

.JlightboxContentInner {
    padding: 30px;
}

.JlightboxTitle h2 {
    font-size: 17px;
    line-height: 17px;
    margin-left: 16px;
    width: calc(100% - 85px);
}

.JlightboxTitle h2 {
    font-size: 24px;
    line-height: 24px;
    margin-left: 0px;
}

.JssContent01List {
    width: 100%;
}

.JssContent02Section {
    flex-wrap: wrap;
}

.JssContent02SectionRow {
    width: 100% !important;
}

.JssContent02SectionColContent .JssContent01List,
.JssContent02Section:nth-child(2) .JssContent02SectionColContent .JssContent01List,
.JssContent03 .JssContent01List {
    width: 100%;
}

.JssContent01ListInner {
    flex-wrap: wrap;
        justify-content: flex-start;
}

.JssContent01ListT {
    width: 100%;
    margin-left: 0px; 

    margin-top: 24px;
    max-width: none;
}

.JssContent03 .JssContent01List:nth-child(5) h3 {
    flex-wrap: wrap;
}

.JssContent03 .JssContent01List:nth-child(5) h3 span {
    width: 100%;
}

.JciContentList {
    width: 100%;
    padding: 20px;
}

.JciContentListContentInner ul {
    width: 100%;
    padding: 0px;
}

.JciContentListContentInner ul:nth-child(2) {
    margin-top: -10px;
}

.JsatcContent01Inner table {
    display: none;
}

.JsatcContent01InnerM {
    display: block;
}

.JsatcContent01InnerMlist {
    text-align: center;
        margin-bottom: 30px;
}

.JsatcContent01InnerMlist:last-child {
    margin-bottom: 0px;
}

.JsatcContent01InnerMlist > h3 {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 900;
    background: #E9EFFA;
    padding: 10px;
}

.JsatcContent01InnerMlist > p {
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
}

.JsatcContent01InnerMlistInner {
    background: #E9EFFA;
    padding: 20px;
}

.JsatcContent01InnerMlistInner p {
    padding: 10px;
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
        width: calc(100% - 20px);
}

.JsatcContent01InnerMlistInner p:last-child {
    margin-bottom: 0px;
}

.JsatcContent01InnerMlist:nth-child(2) > h3,
.JsatcContent01InnerMlist:nth-child(2) .JsatcContent01InnerMlistInner {
    background: #E0EFE9;
}

.JsatcContent01InnerMlist:nth-child(3) > h3,
.JsatcContent01InnerMlist:nth-child(3) .JsatcContent01InnerMlistInner {
    background: #FCE5D8;
}

.JsatcContent02Inner {
    flex-wrap: wrap;
    justify-content: left;
        gap: 12px;
}

.JsatcContent02Inner img {
    width: calc(20% - 10px);
        max-width: none;
}

.JsatcContent03Inner {
    flex-wrap: wrap;
}

.JsatcContent03List {
    width: 100%;
    margin-top: 30px;
}

.JsatcContent03List:first-child {
    margin-top: 0px;
}

.JoutputList {
    width: 100%;
}

.JoutputList:after {
    right: auto;
    width: 100%;
    height: 5px;
    top: auto;
    bottom: 0px;
}

.JoutputContentInner {
    padding: 0px 20px;
}

.JoutputListInner {
    padding: 30px 0px;
}

.JoutputListInner h3 {
    font-size: 18px;
    line-height: 21px;
}

.JoutputListInner p {
    line-height: 20px;
}

.JoutputContent {
    background: url(../img/pcgS3Banner-m.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.JoutcomesContent .JciContentList {
    min-height: auto;
}

#sec9 .pcgS8bcontainerInner {
    top: 0px;

    padding-top: 50px;
    padding-bottom: 311px;
}

.pcgS8bcontainerInner {
    flex-wrap: wrap;
}

.pcgS8bcontainerInner > * {
    width: 100%;
}

.pcgS8bleft h2 {
    font-size: 24px;
    line-height: 29px;
}

.pcgS8bleft .pcgGeneralBtn {
    position: absolute;
    bottom: 211px;
    left: 50%;
    margin-left: -122px;
}

.pcgS8bleft > p {
    max-width: none;
}

.pcgS8bmid {
    margin-top: 30px;
}

.pcgS8bmid > h3 {
    font-size: 18px;
    line-height: 22px;
}

.pcgS8bmid ul li {
    font-size: 17px;
    line-height: 20px;
}

.pcgS8bright {
    margin-top: 38px;
}

.pcgS8bright > h3 {
    font-size: 18px;
    line-height: 20px;
}

.pcgS9right > a {
    display: block;
    position: absolute;
    bottom: -109px; 
    left: 50%;
    margin-left: -122px;
}

/*.pcgS9right > a.pcgGeneralBtn {
    background: #18A19C;
}*/

/*.pcgS9right > a.pcgGeneralBtn:before, 
.pcgS9right > a.pcgGeneralBtn:after {
    background: #18A19C;
}

.pcgS9right > a.pcgGeneralBtn i {
    background-image: url(../img/pcgS9downloadIconFull.png);
}*/



.JssContent02SectionColM {
    display: block;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #8BC9AD;
        width: 100%;
}

.JssContent02SectionRow:nth-child(2) .JssContent02SectionCol {
    width: 100%;
}

.JssContent02SectionRow:nth-child(2) .JssContent02SectionCol:nth-child(2) {
    display: none;
}

.JssContent02SectionRow:nth-child(2){
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #8BC9AD;
}

.JssContent02 .JssContent01ContentInner {
    gap: 0px;
}

.JssContent02Section:nth-child(2) {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #8BC9AD;
}

.JlightboxTitle > div {
    display: none;
}

.JssContentFooterM {
    display: block;
}

.JssContentFooterM p {
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    margin-top: 22px;
}

.JssContent03 .JssContent01List:nth-child(4) {
    width: 100%;
}

.pcgS11RightContent {
    max-height: none;
}

body {
    overflow-x: hidden;
}


.JssContent01ContentB {
    background: #fff;
    gap: 0px;
}

.JssContent02 .JssContent01ContentInner {

}

.JssContent02SectionRowB {
    width: 100% !important;
    padding: 20px;
}

.JssContent02SectionRowBtitle {
    width: 100%;
}

.JssContent02SectionRowB:nth-child(1) .JssContent02SectionRowBcontent,
.JssContent02SectionRowB:nth-child(1) .JssContent02SectionRowBcontent .JssContent02SectionRowBList {
    width: 100%;
}

.JssContent02SectionRowBList {
    width: 100% !important;
}

.JssContent02SectionB {
    gap: 0px;
}

.JssContent02SectionRowB {
    position: relative;
}

.JssContent02SectionRowB:nth-child(2) {

}

.JssContent02SectionRowB:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background: #8BC9AD;
}

.JssContent02SectionB .JssContent02SectionRowB:nth-child(1):before {
    display: none;
}

.JssContent01ContentInner {
    padding: 20px;
}

.JssContent02SectionRowBcontent,
.JssContent02SectionRowB:nth-child(5) .JssContent02SectionRowBcontent {
    gap: 30px;
}


.pcgS1leftVideo > video:nth-child(2) {
    display: none;
}

.pcgS1left > img {
    display: block;
}

.digit {
    height: 1.1em;
}

h4 .digit {
    height: 1em;
}

}


@media only screen and (max-width: 768px) {


}


@media only screen and (max-width: 640px) {

    .pcgS4containerLeft .pcgS4containerList:nth-child(1) .pcgS4containerListNumber h3 span {
        width: calc(100% - 206px);
    }
    
    .pcgS4containerLeft .pcgS4containerList:nth-child(2) .pcgS4containerListNumber h3 span {
        width: calc(100% - 150px);
    }
    
    
    .pcgS1leftInner h1 {
        font-size: 40px;
        line-height: 52px;
    }
    
    .pcgS8brightList h3,
    .pcgS8brightList h3 p {
        font-size: 40px;
    }

    .pcgS8brightList h3 p {
        line-height: 48px;
    }
    
    .pcgS3RightListContentInner {
        padding: 0px 10px; 
    }
    
    .pcgS3RightList {
        width: 49%;
        height: 39.1%;
    }

}

@media only screen and (max-width: 400px) {

.JindexRow5TabsContent {
    left: -17px;
}

}

@media only screen and (max-width: 1024px) and (min-width: 641px) {
.pcgS8brightList h3 p {
    top: 5px;
}

}