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

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

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

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

.sectionA .container { 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;margin-top: 65px; }

.sectionB { padding: 0.625rem 0; }

@media (max-width: 575px) { .sectionB { padding: 30px 0; } }

.sectionB .content { margin-top: 0.39063rem; }

@media (max-width: 575px) { .sectionB .content { margin-top: 20px; } }

.sectionB .content .pc { height: 1.76042rem; display: block; }

.sectionB .content .m { display: none; }

@media (max-width: 575px) { .sectionB .content .pc { display: none; height: auto; }
  .sectionB .content .m { display: block; } }

.sectionC { background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; background-color: #ffffff; padding: 0 0.20833rem; padding-bottom: 0.52083rem; padding-top: 0.83333rem; }

.sectionC .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.sectionC .swiper-pagination { display: none; }

@media (max-width: 575px) { .sectionC .swiper-pagination { display: block; margin-top: 30px; position: static; 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; }
  .sectionC .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #fff; }
  .sectionC .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #333; } }

@media (min-width: 576px) { .sectionC .swiper-slide { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }
  .sectionC .swiper-slide:nth-of-type(2) { margin: 0 0.57292rem; } }

.sectionC .swiper-slide a { cursor: auto; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.sectionC .swiper-slide a .title { 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; margin-bottom: 0.57292rem; }

@media (max-width: 575px) { .sectionC .swiper-slide a .title { margin-bottom: 20px; padding: 0 60px;color: #000000;font-size: 30px; } }

.sectionC .swiper-slide a .title img { height: 0.39844rem; }

@media (max-width: 575px) { .sectionC .swiper-slide a .title img { height: auto; } }

.sectionC .swiper-slide a .img { 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; }

.sectionC .swiper-slide a .img img {  }

@media (max-width: 575px) { .sectionC .swiper-slide a .img img { height: auto; padding: 0 60px; } }

@media (max-width: 575px) { .sectionB .content { margin-top: 0; }
  .sectionC { padding-left: 10px; padding-right: 10px; } }

.sectionD { padding-bottom: 0.625rem; }

.sectionD .tabparent { 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; }

.sectionD .tablist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #F6F6F6; border-radius: 0.35417rem; padding: 0.04688rem; margin-left: auto; margin-right: auto; margin-top: 0.72917rem; margin-bottom: 0.41667rem; }

.sectionD .tablist a { width: 0.625rem; height: 0.625rem; position: relative; border-radius: 50%; margin: 0 0.21875rem; 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; }

.sectionD .tablist a:nth-of-type(1) { margin-left: 0; }

.sectionD .tablist a:nth-of-type(4) { margin-right: 0; }

.sectionD .tablist a:hover .PongeTitleSwitch2, .sectionD .tablist a.active .PongeTitleSwitch2 { opacity: 1; }

.sectionD .tablist a:hover .PongeTitleSwitch1, .sectionD .tablist a.active .PongeTitleSwitch1 { opacity: 0; }

.sectionD .tablist a .img img { height: 0.22917rem; }

@media (max-width: 575px) { .sectionD .tablist a .img img { height: auto; } }

.sectionD .tablist a .PongeTitleSwitch1, .sectionD .tablist a .PongeTitleSwitch2 { font-size: 0.08333rem; }

.sectionD .tablist a .PongeTitleSwitch1 { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; color: #000; white-space: nowrap; }

.sectionD .tablist a .PongeTitleSwitch2 { opacity: 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; position: absolute; border-radius: 50%; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; text-align: center; height: 100%; background: #C6B17C; color: #fff; }

.sectionD .swiper-slide ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.sectionD .swiper-slide ul li { margin-bottom: 0.20833rem; width: 25%; padding: 0 0.10417rem; }

.sectionD .swiper-slide ul li:nth-of-type(1) { width: 50%; }

.sectionD .swiper-slide ul li a { display: block; border-radius: 0.05208rem; overflow: hidden; position: relative; }

.sectionD .swiper-slide ul li a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sectionD .swiper-slide ul li a .img { overflow: hidden; }

.sectionD .swiper-slide ul li a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionD .swiper-slide ul li a:hover .koa { top: 1.35417rem; }

.sectionD .swiper-slide ul li a:hover .koa2 { top: 1.29167rem; }

.sectionD .swiper-slide ul li a:hover .write { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.sectionD .swiper-slide ul li a .title { font-size: 0.125rem; color: #fff; text-align: center; }

.sectionD .swiper-slide ul li a .img { 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; }

.sectionD .swiper-slide ul li a .img img { height: 2.29167rem; }

.sectionD .swiper-slide ul li a .koa { width: 4.3125rem; height: 4.3125rem; position: absolute; top: 100%; -webkit-transition: 0.8s; transition: 0.8s; border-radius: 50%; left: 50%; background: #C6B17C; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.sectionD .swiper-slide ul li a .koa2 { width: 4.44792rem; height: 4.44792rem; position: absolute; top: 100%; -webkit-transition: 0.8s; transition: 0.8s; border-radius: 50%; background: #C6B17C; opacity: .3; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.sectionD .swiper-slide ul li a .write { position: absolute; -webkit-transition: opacity .4s ease-out; transition: opacity .4s ease-out; left: 0; bottom: 0; width: 100%; color: #fff; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: 0.5s ease all; transition: 0.5s ease all; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; }

.sectionD .swiper-slide ul li a .write .desc { padding-bottom: 0.25rem; margin-top: 0.10417rem; text-align: center; }

.sectionD .swiper-slide ul li a .write .desc { font-size: 0.08333rem; color: #fff; text-align: center; }

@media (max-width: 575px) { .sectionD .tablist { width: 100%; }
  .sectionD .tablist a { width: 150px; height: 150px; }
  .sectionD .tablist a .img img { height: 30px; }
  .sectionD .tablist a .PongeTitleSwitch2 { border-radius: 0; }
  .sectionD .tablist a .PongeTitleSwitch1, .sectionD .tablist a .PongeTitleSwitch2 { font-size: 14px; }
  .sectionD .tablist { border-radius: 10px; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; padding: 10px; }
  .sectionD .tablist a { border-radius: 10px; height: 100px; }
  .sectionD .tablist a { width: 50%; margin-left: 0; border-radius: 10px; overflow: hidden; margin-right: 0; }
  .sectionD .swiper-slide ul li:nth-of-type(1) { width: 100%; padding: 0; }
  .sectionD .swiper-slide ul li a .img img { height: auto; width: 100%; }
  .sectionD .tablist { margin-top: 20px; margin-bottom: 20px; }
  .sectionD .swiper-slide ul li { margin-bottom: 10px; width: 50%; padding: 0 5px; }
  .sectionD .container2 { padding: 0 5px; }
  .sectionD .tabparent { padding: 0 5px; }
  .swiper-container { padding: 0 0px; }
  .sectionD .swiper-slide ul li:nth-of-type(1) { padding: 0 5px; }
  .sectionD .swiper-slide ul li a .koa { display: none; }
  .sectionD .swiper-slide ul li a .koa2 { display: none; }
  .sectionD .swiper-slide ul li a .write { background: #C6B17C; padding: 10px; }
  .sectionD .swiper-slide ul li a:hover .write { -webkit-transition-delay: 0s; transition-delay: 0s; }
  .sectionD .swiper-slide ul li a .write .desc { padding-bottom: 0; font-size: 12px; }
  .sectionD .swiper-slide ul li a .title { font-size: 14px; }
  .sectionD .swiper-slide ul li a { border-radius: 10px; } }