.BlockA { padding: 75px 0; }

.BlockA .linkmore { 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; margin-top: 45px; }

.BlockA .linkmore a { font-size: 20px; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; padding-top: 10px; width: 264px; height: 56px; }

.BlockA .content { margin-top: 40px; position: relative; }

.BlockA .content::after, .BlockA .content::before { content: ''; width: 16px; height: 16px; border-radius: 50%; background: #f64167; position: absolute; left: 0; right: 0; margin: auto; }

.BlockA .content::before { top: 0; }

.BlockA .content::after { bottom: 0; }

.BlockA .content ul { 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; padding-top: 100px; padding-bottom: 130px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.BlockA .content ul::after { position: absolute; width: 1px; z-index: -1; height: 100%; background: #ff7b7b; content: ''; left: 0; right: 0; top: 0; margin: auto; }

.BlockA .content ul li { position: relative; margin-bottom: 105px; }

.BlockA .content ul li:last-child { margin-bottom: 0; }

.BlockA .content ul li .img { position: relative; width: 100px; height: 100px; border-radius: 50%; padding: 6px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; 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; }

@media (min-width: 1200px) { .BlockA .content ul li .img:hover { background: #fd1849 !important; }
  .BlockA .content ul li .img:hover .link { background: #fd1849 !important; } }

.BlockA .content ul li .img .link { width: 100%; height: 100%; 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-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockA .content ul li .img .dropdown { position: absolute; }

.BlockA .content ul li .img .dropdown .child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.BlockA .content ul li .img .dropdown .text a { 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; }

.BlockA .content ul li .img .dropdown .text a:hover .title { color: #fd1849; }

.BlockA .content ul li .img .dropdown .text a .year { font-size: 22px; color: #d0d0d0; }

.BlockA .content ul li .img .dropdown .text a .title { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; font-size: 22px; color: #161616; }

.BlockA .content ul li .img .dropdown .text a .desc { font-size: 15px; color: #9ea7ad; }

.BlockA .content ul li .img .dropdown .listimg { padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 35px; }

.BlockA .content ul li .img .dropdown .listimg a { width: 100px; height: 100px; border-radius: 50%; border: 1px solid #c6c6c6; 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-right: 15px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockA .content ul li .img .dropdown .listimg a:hover { border-color: #fd1849; }

.BlockA .content ul li:nth-of-type(1) .img { white-space: nowrap; background: rgba(255, 115, 115, 0.3); }

.BlockA .content ul li:nth-of-type(1) .img .link { background: #ff7373; }

.BlockA .content ul li:nth-of-type(1) .img .dropdown { left: 120px; top: -10px; }

.BlockA .content ul li:nth-of-type(2) .img { white-space: nowrap; background: rgba(246, 65, 103, 0.3); text-align: right; }

.BlockA .content ul li:nth-of-type(2) .img .link { background: #f64167; }

.BlockA .content ul li:nth-of-type(2) .img .dropdown { right: 120px; top: -10px; }

.BlockA .content ul li:nth-of-type(2) .img .listimg { margin-left: 0; margin-right: 15px; }

.BlockA .content ul li:nth-of-type(2) .img .text .title { padding-bottom: 5px; }

.BlockA .content ul li:nth-of-type(3) .img { background: rgba(255, 115, 115, 0.3); }

.BlockA .content ul li:nth-of-type(3) .img .link { background: #ff7373; }

.BlockA .content ul li:nth-of-type(3) .img .dropdown { left: 120px; top: -10px; }

.BlockA .content ul li:nth-of-type(3) .img .listimg { margin-left: 0; margin-right: 15px; }

.BlockA .content ul li:nth-of-type(3) .img .text { width: 335px; }

.BlockA .content ul li:nth-of-type(3) .img .text .title { padding-bottom: 5px; }

section.CommonFromIndexFjoinusStyle { padding-top: 0; padding-bottom: 60px; }

section.CommonFromIndexFjoinusStyle .content { margin-top: 20px; }

@media (max-width: 1199px) { .BlockA .content ul li .img .dropdown { position: static; }
  .BlockA .content ul li .img .link { 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; }
  .BlockA .content ul { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .BlockA .content ul li .img { width: auto; background: inherit !important; }
  .BlockA .content ul li .img .link { width: 100px; height: 100px; }
  .BlockA .content ul li .img .dropdown .listimg { padding-top: 0; }
  .BlockA .content ul li .img .dropdown { margin-left: 20px; }
  .BlockA .content ul li:nth-of-type(2) .img .dropdown { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .BlockA .content ul li:nth-of-type(2) .img { text-align: left; }
  .BlockA .content::after, .BlockA .content::before { content: none; }
  .BlockA .content ul::after { content: none; }
  .BlockA .content ul li:nth-of-type(2) .img .listimg { margin-right: 0; margin-left: 35px; }
  .BlockA .content ul { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .BlockA .content ul li .img { height: auto; }
  .BlockA .content ul li { margin-bottom: 20px; }
  .BlockA .content ul { padding-top: 30px; padding-bottom: 30px; } }

@media (max-width: 575px) { .BlockA .content ul li .img .dropdown .listimg { display: none; }
  .BlockA { padding: 30px 0; }
  .BlockA .content { margin-top: 0px; }
  .BlockA .content ul li .img .link { width: 70px; height: 70px; }
  .BlockA .content ul li .img .dropdown .text a .year { font-size: 16px; }
  .BlockA .content ul li .img .dropdown .text a .title { font-size: 16px; }
  .BlockA .content ul li .img .dropdown .text a .desc { font-size: 14px; }
  .BlockA .content ul li .img .dropdown { margin-left: 10px; }
  .BlockA .content ul { padding-bottom: 0; }
  .BlockA .linkmore { margin-top: 20px; }
  .BlockA .linkmore a { width: 190px; height: 48px; font-size: 14px; }
  .BlockA { padding-bottom: 10px; }
  .BlockA .content ul li .img .dropdown { min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .BlockA .content ul li:nth-of-type(2) .img { white-space: normal; }
  .BlockA .content ul li .img { white-space: normal; }
  .BlockA .content ul li:nth-of-type(3) .img .text { width: 100%; }
  section.CommonFromIndexFjoinusStyle { padding-bottom: 30px; } }