.CommonOtherLeftImgRightText .container .text .title { font-size: 43px; }

.CommonOtherLeftImgRightText .container .img { margin-right: 30px; }

.CommonOtherLeftImgRightText .container .text .desc ul li { 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; margin-bottom: 5px; }

.CommonOtherLeftImgRightText .container .text .desc ul li .txt { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; font-size: 25px; color: #666666; white-space: nowrap; }

.CommonOtherLeftImgRightText .container .text .desc ul li .number { margin-right: 10px; width: 30px; height: 30px; background: #ff7373; 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; color: #fff; font-size: 25px; }

.CommonOtherLeftImgRightText .container .text .title { margin-bottom: 20px; }

.BlockA { margin: 100px 0; }

.BlockA .title { font-size: 38px; color: #333333; text-align: center; margin-bottom: 40px; }

@media (min-width: 1140px) { .BlockA .container { padding-left: 17px; padding-right: 17px; } }

.BlockA .content1, .BlockA .content2 { margin-top: 60px; }

.BlockA .content1 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.BlockA .content1 ul li { width: 33.33333%; padding: 0 17px; margin-bottom: 25px; }

.BlockA .content1 ul li a { display: block; overflow: hidden; }

.BlockA .content1 ul li a img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockA .content1 ul li a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.BlockA .content2 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.BlockA .content2 ul .parent { 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; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.BlockA .content2 ul .parent:nth-of-type(3) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }

.BlockA .content2 ul .parent:nth-of-type(3) li:nth-of-type(2), .BlockA .content2 ul .parent:nth-of-type(3) li:nth-of-type(3) { width: 50%; }

.BlockA .content2 ul .parent:nth-of-type(3) li:nth-of-type(1) { margin-bottom: 30px; }

.BlockA .content2 ul .parent:nth-of-type(3) li:nth-of-type(1) a { position: relative; }

.BlockA .content2 ul .parent:nth-of-type(3) li:nth-of-type(1) a .text { position: absolute; bottom: 165px; right: 106%; white-space: nowrap; }

.BlockA .content2 ul .parent:nth-of-type(1) li:nth-of-type(2), .BlockA .content2 ul .parent:nth-of-type(2) li:nth-of-type(2) { margin-top: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.BlockA .content2 ul .parent:nth-of-type(1) li:nth-of-type(2) a, .BlockA .content2 ul .parent:nth-of-type(2) li:nth-of-type(2) a { margin-top: auto; 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 .content2 ul .parent:nth-of-type(1) li:nth-of-type(2) a .img, .BlockA .content2 ul .parent:nth-of-type(2) li:nth-of-type(2) a .img { margin-top: auto; }

.BlockA .content2 ul .parent li { width: 100%; padding: 0 15px; }

.BlockA .content2 ul .parent a { font-size: 20px; color: #999999; display: block; }

.BlockA .content2 ul .parent a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.BlockA .content2 ul .parent a .img { overflow: hidden; }

.BlockA .content2 ul .parent a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockA .content2 ul .parent a span { margin-left: 5px; }

.BlockA .content2 ul .parent a:hover .text { coloR: #fd1849; }

.BlockA .content2 ul .parent a .text { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; padding: 10px 0; }

.BlockB { margin: 100px 0; }

.BlockB .content { margin-top: 80px; }

.BlockB .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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.BlockB .content ul::after { position: absolute; left: 0; right: 0; margin: auto; z-index: -1; top: 0; width: 7px; background: #d0d2d1; height: 1000px; content: ''; }

.BlockB .content ul li { margin-bottom: 70px; }

.BlockB .content ul li a { position: relative; display: block; }

.BlockB .content ul li a:hover .number { background: #fd1849 !important; border-color: #fd1849 !important; }

.BlockB .content ul li a:hover::after { border-color: #fd1849; }

.BlockB .content ul li a:hover .title { background: #fd1849 !important; }

.BlockB .content ul li a .number { width: 94px; height: 94px; border-radius: 25px; font-size: 58px; color: #fff; 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; border: 6px solid; }

.BlockB .content ul li a .title { font-size: 40px; color: #ffffff; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; text-align: center; padding: 10px 0; }

.BlockB .content ul li a .desc { font-size: 17px; padding: 15px 30px; color: #878787; line-height: 1.8; min-height: 100px; 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; }

.BlockB .content ul li a .text { width: 430px; position: absolute; border-radius: 25px; overflow: hidden; }

.BlockB .content ul li a::after { position: absolute; top: 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; bottom: 0; margin: auto; content: ''; height: 0; border: 1.5px dashed #c6c7c7; }

.BlockB .content ul li:nth-of-type(1) a::after { left: 100%; width: 80px; }

.BlockB .content ul li:nth-of-type(1) a .number { border-color: #bb3b49; background: #dd6670; }

.BlockB .content ul li:nth-of-type(1) a .text { left: -webkit-calc(100% + 80px); left: calc(100% + 80px); top: -30px; }

.BlockB .content ul li:nth-of-type(1) a .title { background: #dd6670; }

.BlockB .content ul li:nth-of-type(1) a .desc { color: #e5818b; background: #efe9ea; padding-left: 20px; }

.BlockB .content ul li:nth-of-type(1) a .desc { padding-right: 0; }

.BlockB .content ul li:nth-of-type(2) a::after { right: 100%; width: 100px; }

.BlockB .content ul li:nth-of-type(2) a .number { border-color: #515151; background: #6c6c6c; }

.BlockB .content ul li:nth-of-type(2) a .text { right: -webkit-calc(100% + 100px); right: calc(100% + 100px); top: -25px; }

.BlockB .content ul li:nth-of-type(2) a .title { background: #6c6c6c; }

.BlockB .content ul li:nth-of-type(2) a .desc { color: #6b6b6b; background: #e6e6e6; }

.BlockB .content ul li:nth-of-type(3) a::after { left: 100%; width: 80px; }

.BlockB .content ul li:nth-of-type(3) a .number { border-color: #7b7b7b; background: #939393; }

.BlockB .content ul li:nth-of-type(3) a .text { left: -webkit-calc(100% + 80px); left: calc(100% + 80px); top: -25px; }

.BlockB .content ul li:nth-of-type(3) a .title { background: #939393; }

.BlockB .content ul li:nth-of-type(3) a .desc { color: #878787; background: #eeeeee; }

.BlockB .content ul li:nth-of-type(4) a::after { right: 100%; width: 100px; }

.BlockB .content ul li:nth-of-type(4) a .number { border-color: #b93c56; background: #d6627c; }

.BlockB .content ul li:nth-of-type(4) a .text { right: -webkit-calc(100% + 100px); right: calc(100% + 100px); top: -25px; }

.BlockB .content ul li:nth-of-type(4) a .title { background: #d6627c; }

.BlockB .content ul li:nth-of-type(4) a .desc { color: #e07d96; background: #e7e6df; }

.BlockB .content ul li:nth-of-type(5) a::after { left: 100%; width: 80px; }

.BlockB .content ul li:nth-of-type(5) a .number { border-color: #c91136; background: #fd1d4b; }

.BlockB .content ul li:nth-of-type(5) a .text { left: -webkit-calc(100% + 80px); left: calc(100% + 80px); top: -25px; }

.BlockB .content ul li:nth-of-type(5) a .title { background: #fd1d4b; }

.BlockB .content ul li:nth-of-type(5) a .desc { color: #d66689; background: #f4f1f3; }

.BlockB .content ul li:nth-of-type(6) a::after { right: 100%; width: 100px; }

.BlockB .content ul li:nth-of-type(6) a .number { border-color: #4f4f4f; background: #6f6f6f; }

.BlockB .content ul li:nth-of-type(6) a .text { right: -webkit-calc(100% + 100px); right: calc(100% + 100px); top: -25px; }

.BlockB .content ul li:nth-of-type(6) a .title { background: #6f6f6f; }

.BlockB .content ul li:nth-of-type(6) a .desc { color: #696969; background: #ebebeb; }

.BlockB .content ul li:nth-of-type(7) a::after { left: 100%; width: 80px; }

.BlockB .content ul li:nth-of-type(7) a .number { border-color: #707070; background: #9d9d9d; }

.BlockB .content ul li:nth-of-type(7) a .text { left: -webkit-calc(100% + 80px); left: calc(100% + 80px); top: -25px; }

.BlockB .content ul li:nth-of-type(7) a .title { background: #9d9d9d; }

.BlockB .content ul li:nth-of-type(7) a .desc { color: #6a6a6a; background: #eaeaea; }

.BlockC { margin: 80px 0; }

.BlockC .content { margin-top: 60px; border-radius: 30px; overflow: hidden; }

.BlockC .content ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #e8e8e8; font-size: 26px; color: #fd1d4b; }

.BlockC .content ul li:last-child div { border-bottom: 0; }

.BlockC .content ul li div { width: 270px; text-align: center; }

.BlockC .content ul li div:nth-of-type(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.BlockC .content ul li div { padding: 10px 0; border-right: 2px solid #e6aab0; border-bottom: 2px solid #e6aab0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockC .content ul li div:hover { background: #fd1849; color: #fff; }

.BlockC .content ul li div:last-child { border-right: 0; }

.BlockC .content ul li:nth-of-type(1) { background: #fd1d4b; }

.BlockC .content ul li:nth-of-type(1) div { padding: 18px 0; font-size: 26px; color: #ffffff; line-height: 1.3; }

.BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span { position: absolute; }

.BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span:nth-of-type(1) { bottom: 5px; left: 30px; }

.BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span:nth-of-type(2) { top: 10px; right: 30px; }

.BlockD .content ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #d8d8d8; border-radius: 30px; overflow: hidden; margin-bottom: 120px; margin-top: 45px; }

.BlockD .content ul li { text-align: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; 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; }

.BlockD .content ul li:last-child div { border-right: 0; }

.BlockD .content ul li div { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; font-size: 26px; padding: 5px 0; color: #747272; border-right: 2px solid #c2c2c2; border-bottom: 2px solid #c2c2c2; }

.BlockD .content ul li div:hover { background: #fd1849; color: #fff; }

.BlockD .content ul li div:last-child { border-bottom: 0; }

.BlockD .content ul li div:nth-of-type(1) { font-size: 30px; background: #5b5b5b; color: #fff; padding: 10px 0; }

.BlockE { margin: 140px 0; }

.BlockE .content ul { border-radius: 30px; background: #d5d5d5; overflow: hidden; text-align: center; margin-top: 50px; }

.BlockE .content ul .title { font-size: 30px; color: #fff; background: #565656; padding: 15px 0; }

.BlockE .content ul li { border-bottom: 2px solid #c1c1c1; background: #d5d5d5; font-size: 26px; color: #747272; padding: 5px 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockE .content ul li:last-child { border-bottom: 0; }

.BlockE .content ul li:hover { background: #fd1849; color: #fff; }

@media (max-width: 1299px) { .CommonOtherLeftImgRightText .container .text .desc ul li .txt { white-space: normal; } }

@media (max-width: 1199px) { .CommonOtherLeftImgRightText .container .text .desc ul li .txt { text-align: left; }
  .BlockB .content ul li a .text { position: static; }
  .BlockB .content ul li a::after { content: none; }
  .BlockB .content ul li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .BlockB .content ul li a .number { margin-right: 20px; }
  .BlockB .content ul li { margin-bottom: 20px; }
  .BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span { font-size: 16px; }
  .BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span:nth-of-type(1) { bottom: 12px; }
  .BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span:nth-of-type(2) { top: 12px; }
  .BlockB .content ul::after { content: none; } }

@media (max-width: 991px) { .BlockA .content2 ul { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .BlockA .content2 ul .parent:nth-of-type(1), .BlockA .content2 ul .parent:nth-of-type(2) { width: 265px; }
  .BlockA .content2 ul .parent:nth-of-type(3) { width: 560px; margin-top: 10px; }
  .BlockA .content2 ul .parent:nth-of-type(3) li:nth-of-type(1) a .text { position: static; }
  .BlockC .content ul li:nth-of-type(1) div { font-size: 16px; }
  .BlockC .content ul li div { width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .BlockC .content ul li div { font-size: 16px; } }

@media (max-width: 767px) { .BlockA .content2 ul .parent:nth-of-type(1), .BlockA .content2 ul .parent:nth-of-type(2) { width: 50%; } }

@media (max-width: 575px) { .CommonOtherLeftImgRightText .container .text .title { font-size: 18px; margin-bottom: 10px; }
  .CommonOtherLeftImgRightText .container .text .desc ul li .txt { font-size: 14px; }
  .CommonOtherLeftImgRightText .container .text .desc ul li .number { font-size: 12px; width: 20px; height: 20px; margin-right: 5px; }
  .CommonOtherLeftImgRightText .container .text .desc ul li .txt { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; }
  .CommonOtherLeftImgRightText .container .text .desc ul li { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; }
  .BlockA { margin: 30px 0; }
  .BlockA .content1, .BlockA .content2 { margin-top: 10px; }
  .BlockA .title { font-size: 18px; margin-bottom: 20px; }
  .BlockA .content1 ul li { width: 50%; padding: 0 5px; margin-bottom: 10px; padding-right: 5px; padding-left: 0; }
  .BlockA .content1 ul li:nth-of-type(2n+0) { padding-left: 5px; padding-right: 0; }
  .BlockA .content2 ul .parent li { padding: 0 5px; }
  .BlockA .content2 ul .parent a { font-size: 14px; }
  .BlockA .content2 ul .parent:nth-of-type(3) li:nth-of-type(1) { margin-bottom: 10px; }
  .BlockB { margin: 30px 0; }
  .BlockB .content { margin-top: 20px; }
  .BlockB .content ul li a .number { width: 35px; height: 35px; border-radius: 10px; font-size: 14px; margin-right: 10px; }
  .BlockB .content ul li a .title { font-size: 16px; }
  .BlockB .content ul li a .desc { font-size: 14px; }
  .BlockB .content ul li { margin-bottom: 10px; }
  .BlockB .content ul li a .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; width: auto; }
  .BlockB .content ul li { width: 100%; }
  .BlockC { margin: 30px 0; }
  .BlockC .content ul li:nth-of-type(1) div { font-size: 12px; }
  .BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span { font-size: 12px; }
  .BlockC .content ul li div { font-size: 12px; }
  .BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span:nth-of-type(2) { right: 10px; top: 10px; }
  .BlockC .content ul li:nth-of-type(1) div:nth-of-type(1) span:nth-of-type(1) { left: 10px; bottom: 10px; }
  .BlockC .content { border-radius: 20px; margin-top: 20px; }
  .BlockD .content ul { margin-top: 20px; margin-bottom: 30px; }
  .BlockD .content ul li div:nth-of-type(1) { font-size: 16px; }
  .BlockD .content ul li div { font-size: 14px; }
  .BlockE { margin: 30px 0; }
  .BlockE .content ul { margin-top: 20px; }
  .BlockE .content ul .title { font-size: 18px; padding: 10px 0; }
  .BlockE .content ul li { font-size: 14px; padding-left: 10px; padding-right: 10px; }
  .BlockE .CommonOtherTitle span::before, .BlockE .CommonOtherTitle span::after { width: 30px; }
  .BlockB .content ul li a .text { border-radius: 10px; }
  .CommonOtherLeftImgRightText .container .img { margin-right: 0; } }