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

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

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

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

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

.sectionA .CommonOtherPongeTitleClass1 { padding-top: 50px; padding-bottom: 40px; }

.sectionA .content { padding-bottom: 95px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

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

.sectionA .content .right .top { 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: 0 40px; padding-top: 25px; margin-bottom: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.sectionA .content .right .top .block1 span { display: block; }

.sectionA .content .right .top .block1 span:nth-of-type(1) { font-size: 24px; color: #424242; }

.sectionA .content .right .top .block1 span:nth-of-type(2) { font-size: 48px; color: #0069e0; font-weight: bold; }

.sectionA .content .right .top .block2 { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sectionA .content .right .top .block3 { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sectionA .content .right .swiper .bottomswiper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.sectionA .content .right .swiper .bottomswiper .iconimg { margin-left: 25px; cursor: pointer; }

.sectionA .content .right .swiper .bottomswiper .swiper-container { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.sectionA .content .right .swiper .bottomswiper .swiper-container .swiper-slide a { position: relative; display: block; }

.sectionA .content .right .swiper .bottomswiper .swiper-container .swiper-slide a .write { position: absolute; left: 0; width: 0; height: 0; top: 0; opacity: 0; width: 100%; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); height: 100%; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionA .content .right .swiper .bottomswiper .swiper-container .swiper-slide a .write img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }

.sectionA .content .right .swiper .bottomswiper .swiper-container .swiper-slide.swiper-slide-thumb-active a .write, .sectionA .content .right .swiper .bottomswiper .swiper-container .swiper-slide:hover a .write { background: rgba(0, 89, 184, 0.8); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.sectionA .content .left { width: 600px; }

.sectionA .content .left .title { font-size: 24px; color: #0069e0; margin-bottom: 10px; }

.sectionA .content .left .text { font-size: 16px; color: #717171; }

.sectionA .content .left .text p { line-height: 2.1; text-indent: 2em; }

@media (max-width: 1199px) { .sectionA .content .left { width: 400px; } }

@media (max-width: 991px) { .sectionA .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .sectionA .content .left { width: 100%; }
  .sectionA .content .right { margin-left: 0; -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; width: 525px; margin: 0 auto; } }

@media (max-width: 575px) { .sectionA .CommonOtherPongeTitleClass1 { padding-top: 0; }
  .sectionA .CommonOtherPongeTitleClass1 { padding-bottom: 0; margin-bottom: 20px; }
  .sectionA .content .left .title { font-size: 18px; }
  .sectionA .content .left .text { font-size: 14px; }
  .sectionA .content .right { width: 100%; }
  .sectionA .content .right .top { padding: 0; }
  .sectionA .content .right .top .block1 span:nth-of-type(1) { font-size: 18px; }
  .sectionA .content .right .top .block1 span:nth-of-type(2) { font-size: 20px; }
  .sectionA .content .right .top .block2 { display: none; }
  .sectionA .content .right .top { margin-bottom: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; }
  .sectionA .content .right .top .block1 { margin-right: 30px; }
  .sectionA .content .right .swiper .bottomswiper .iconimg { display: none; }
  .sectionA .content .right .swiper { width: 430px; margin: 0 auto; }
  .sectionA .content .right .swiper .bottomswiper { width: 100%; }
  .sectionA .content { padding-bottom: 30px; }
  .sectionA .content .right .swiper .bottomswiper { margin-top: 10px; } }

@media (max-width: 449px) { .sectionA .content .right .swiper { width: 100%; } }