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

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

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

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

.sectionA { padding-top: 55px; }

.sectionA .pongeimg { margin-top: 40px; height: 400px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media (min-width: 1299px) {
  .sectionA .pongeimg .left{
  		width:500px;
  }
   .sectionA .pongeimg .right{
  		width:690px;
  }
}

.sectionA .pongeimg a { display: block; position: relative; overflow: hidden; }

.sectionA .pongeimg a img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionA .pongeimg a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sectionA .pongeimg a:hover .text .title { color: #0069e0; }

.sectionA .pongeimg a .text { position: absolute; padding: 30px; width: 100%; bottom: 0; left: 0; }

.sectionA .pongeimg a .text .title { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #fff; }

.sectionA .pongeimg a .text .desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; margin: 10px 0; color: #fff; }

.sectionA .pongeimg a .text .date { font-size: 14px; color: #fff; }

.sectionA .pongeimg .left { margin-right: 5px; }

.sectionA .pongeimg .left a { height: 100%; }

.sectionA .pongeimg .left a img { height: 100%; }

.sectionA .pongeimg .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.sectionA .pongeimg .right a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.sectionA .pongeimg .right a:nth-of-type(1) { margin-bottom: 5px; }

.sectionA ul { padding-top: 30px; }

.sectionA ul li a { 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: 30px 0; }

.sectionA ul li a:hover .date { background-image: url(../images/e8ae2e6a4bf663ada7581dc61edc7409.png); }

.sectionA ul li a:hover .text .title { color: #0069e0; }

.sectionA ul li a .date { background: url(../images/8f15adf334fb73b1ae7761a7a300d1df.png) center center no-repeat; background-size: cover; width: 180px; height: 120px; padding-left: 80px; padding-right: 15px; 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-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.sectionA ul li a .date span { display: block; text-align: center; line-height: 1.3; }

.sectionA ul li a .date span:nth-of-type(1) { font-size: 40px; color: #fff; }

.sectionA ul li a .date span:nth-of-type(2) { font-size: 24px; color: #fff; }

.sectionA ul li a .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 40px; }

.sectionA ul li a .text .title { font-size: 20px; color: #303030; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.sectionA ul li a .text .desc { font-size: 16px; color: #9c9c9c; height: 62px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 5px 0; line-height: 2; }

.sectionA ul li a .text .other { 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; }

.sectionA ul li a .text .other span:nth-of-type(1) { font-size: 16px; color: #9c9c9c; }

.sectionA ul li a .text .other span:nth-of-type(2) { font-size: 14px; color: #5e5e5e; }

@media (max-width: 1299px) { .sectionA .pongeimg .right a img { height: 100%; } }

@media (max-width: 575px) { .sectionA { padding-top: 0; }
  .sectionA .pongeimg { width: 100%; margin-top: 30px; }
  .sectionA .pongeimg a .text { padding: 20px; }
  .sectionA .pongeimg a .text .title { font-size: 18px; }
  .sectionA .pongeimg a .text .desc { margin: 5px 0; font-size: 14px; }
  .sectionA .pongeimg a .text .date { font-size: 12px; }
  .sectionA .pongeimg .right { width: 50%; }
  .sectionA .pongeimg .left { width: 50%; }
  .sectionA .pongeimg .left a img { height: 100%; width: auto; max-width: none; display: block; }
  .sectionA ul li a { padding: 5px 0; }
  .sectionA ul { padding-top: 10px; }
  .sectionA ul li a .date span:nth-of-type(1) { font-size: 18px; }
  .sectionA ul li a .date span:nth-of-type(2) { font-size: 16px; }
  .sectionA ul li a .date { width: 120px; height: 90px; padding-left: 0; padding-right: 0; }
  .sectionA ul li a .text { margin-left: 20px; }
  .sectionA ul li a .text .desc { font-size: 14px; height: auto; }
  .sectionA ul li a .text .title { font-size: 16px; }
  .sectionA ul li a .text .other span:nth-of-type(2) { font-size: 12px; }
  .sectionA ul li a .text .other span:nth-of-type(1) { font-size: 12px; }
  .sectionA .pongeimg { height: auto; }
  .sectionA .pongeimg .right a img { height: 100%; width: auto; max-width: none; display: block; }
  .sectionA .pongeimg { margin-top: 20px; } 

  
  .sectionA .pongeimg .left{
  	width:100%;
    margin-right:0;
  }
  .sectionA .pongeimg .right{
  width:100%;}
  .sectionA .pongeimg{
  flex-flow:wrap;}
  .sectionA .pongeimg .right{flex-direction:row;}
  .sectionA .pongeimg .right a{
  	flex:inherit;
    width:50%;
  }
  .sectionA .pongeimg .right{height:230px;}
  .sectionA .pongeimg .right a:nth-of-type(1){margin-bottom:0;}
}