::-webkit-input-placeholder { color: #fff; }

:-moz-placeholder { color: #fff; }

::-moz-placeholder { color: #fff; }

:-ms-input-placeholder { color: #fff; }

.BG { background-image: url(../images/916fe3448f0fb19617b47ace846e14a9.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.sectionA { padding-bottom: 140px; }

.sectionA .CommonOtherPongeTitleClass1 { margin-top: 55px; }

.sectionA .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 60px; position: relative; }

.sectionA .content .tab { height: 475px; width: 455px; border-right: 1px solid #8c8c8c; position: relative; }

.sectionA .content .tab .swiper-slide.swiper-slide-thumb-active a { border-right: 6px solid #0069e0; background: #e3eaf3; }

.sectionA .content .tab .swiper-slide a { font-size: 26px; color: #979797; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 40px; }

.sectionA .content .btnlist { top: 0; width: 36px; bottom: 0; margin: auto; position: absolute; left: -70px; }

.sectionA .content .btnlist .child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sectionA .content .btnlist .child div { position: static; width: 36px; height: 36px; background: #0069e0; border-radius: 50%; background-size: 15px 9px; background-position: center center; background-repeat: no-repeat; margin-top: 0; }

.sectionA .content .btnlist .child div.swiper-button-disabled { background-color: #dcdcdc; opacity: 1; }

.sectionA .content .btnlist .child .swiper-button-prev { background-image: url(../images/67951cf9be5e7e059dddc89e1b995718.png); margin-bottom: 20px; }

.sectionA .content .btnlist .child .swiper-button-next { background-image: url(../images/e51569fd339d0f802f439779b2c226e0.png); }

.sectionA .content .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 80px; }

.sectionA .content .text .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.sectionA .content .text .swiper-slide p { margin: 13px 0; font-size: 18px; color: #3d3d3d; }

@media (max-width: 1399px) { .sectionA .content .btnlist { position: static; }
  .sectionA .content .text { margin-left: 40px; }
  .sectionA .content .btnlist { margin-left: 40px; } }

@media (max-width: 991px) { .sectionA .content .tab { width: 300px; } }

@media (max-width: 767px) { .sectionA .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .sectionA .content .btnlist { display: none; }
  .sectionA .content .text { margin-left: 0; }
  .sectionA .content .text { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; width: 100%; }
  .sectionA .content .tab { width: 100%; height: auto; }
  .sectionA .content .tab .swiper-slide a { font-size: 16px; padding: 10px 0; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .sectionA .content .tab { border: 0; }
  .sectionA .content .text { margin-top: 30px; } }

@media (max-width: 575px) { .sectionA .content .text .swiper-slide p { font-size: 14px; margin: 5px 0; }
  .sectionA { padding-bottom: 30px; }
  .sectionA .CommonOtherPongeTitleClass1 { margin-top: 0; }
  .sectionA .content { margin-top: 30px; }
  .sectionA .content .text { margin-top: 20px; } }