.topmain_wrapper {
    display: flex;
    justify-content: space-between;
}
.topmain_wrapper .topmain_left {
    width: 38%;
    position: relative;
    background-image: url(/wp-content/uploads/sites/828/2022/10/top_main.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.topmain_wrapper .topmain_right {
    width: 62%;
    position: relative;
    padding: 40px 30px;
    background: #FAFBFC;
    font-size: 0;
    letter-spacing: 0;
}
/* .topmain_wrapper .topmain_left img.topmain_left_bg {
    position: relative;
} */
.topmain_wrapper .topmain_left img.topmain_left_text {
    position: absolute;
    bottom: 60px;
    left: 45px;
    width: 413px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.w3 {
    width: calc(100% / 3 - 15px);
}
.w100 {
    width: 100%;
}
.topmain_right1 h3.ao {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    padding-left: 10px;
    line-height: 1.2;
    letter-spacing: 0.1em;
}
.topmain_right1 h3.ao:before {
    content: "";
    width: 3px;
    height: 100%;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    background: #093E93;
}
h3.ao,
.ao {
    color: #093E93;
}
.topmain_right .mb_0 {
    color: #4D4D4D;
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.topmain_right a {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    display: block;
    box-shadow: 0 0 10px rgb(115 115 117 / 10%);
}
.topmain_right .topmain_right1 a:hover, .topmain_right .topmain_right2 a:hover {
    background: #e8f1ff;
}
.topmain_right .topmain_right3 a:hover {
    background: #ffebeb;
}
.topmain_right a span.bg_y {
    background: #FFEF37;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 10px 20px;
    line-height: 1;
    border-radius: 0 0 0 8px;
}
p.top_search_text1 {
    padding: 22px 30px 22px 15px;
    line-height: 1.2;
    position: relative;
    font-size: 18px;
}
.topmain_right1 a:before {
    content: "";
    width: 23px;
    height: 23px;
    display: block;
    position: absolute;
    bottom: 21px;
    right: 25px;
    background-image: url(/wp-content/uploads/sites/828/2022/10/bt_b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23px;
    transition: all .3s;
}
.topmain_right1 a:hover:before {
    right: 20px;
}
p.mb_0.top_search_text2, p.mb_0.top_search_text3 {
    padding: 15px;
    line-height: 1.2;
    position: relative;
    font-size: 18px;
    letter-spacing: 0.2em;
}
.topmain_right2 .w50:not(:last-child),
.topmain_right3 .w3 {
    margin-bottom: 20px;
}
.topmain_wrapper .topmain_right1 .w3 {
    margin-bottom: 30px;
}
.topmain_right2 a, .topmain_right3 .w100 a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
}
img.top_search_img2, .topmain_right3 .w100 a img.top_search_img3, p.mb_0.top_search_text2, .topmain_right3 .w100 a p.mb_0.top_search_text3 {
    width: 50%;
}
img.top_search_img2, .topmain_right3 .w100 a img.top_search_img3 {
    height: 140px;
    object-fit: cover;
}
.topmain_right2 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 15px;
    background-image: url(/wp-content/uploads/sites/828/2022/10/bt_b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    transition: all .3s;
}
.topmain_right2 .w50:last-child a:before {
    background-image: url(/wp-content/uploads/sites/828/2022/10/bt_b2.png);
}
.topmain_right2 a:hover:before {
    right: 10px;
}
.topmain_right2 .w50:last-child a:hover:before {
  right: 15px;
  bottom: 5px;
}
.topmain_right2, .topmain_right3 {
    width: 50%;
    display: inline-block;
    vertical-align: text-top;
}
.topmain_right2 {
    padding-right: 12.5px;
}
.topmain_right3 {
    padding-left: 12.5px;
    display: inline-flex;
}
.topmain_right3 span.bg_aka {
    background: #ff5150;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 8px 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 5px 10px 6px;
    line-height: 1;
}
.topmain_right3 .w3 a{
    padding: 40px 15px 20px;
}
.topmain_right3 a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-image: url(/wp-content/uploads/sites/828/2022/10/bt_r.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    transition: all .3s;
}
.topmain_right3 a:hover:before {
    right: 5px;
}
.topmain_right3 .w3 a img.top_search_img3 {
    width: 41px;
    display: block;
    margin: 0 auto 10px;
}
.topmain_right3 .w3 a .top_search_text3 {
    font-size: 15px;
    line-height: 1.3;
    padding: 10px 0;
}
.topmain_right3 .w3 .top_search_text3.doble {
    padding: 0;
    letter-spacing: 0.01em;
}
.topmain_wrapper a:hover, .topmain_wrapper a:hover img {
    text-decoration: none;
    transform: none;
}
.topmain_right3 .w100 a span.aka {
    display: block;
    max-width: 169px;
    width: 100%;
    margin: 0 auto 5px;
}
.aka {
    color: #ff5150;
}

@media (max-width: 1650px){
  p.mb_0.top_search_text2, p.mb_0.top_search_text3 {
      letter-spacing: 0.1em;
  }
}

@media (max-width: 1600px){
  .topmain_right3 .w3 a .top_search_text3 {
      font-size: 14px;
  }
  .topmain_right3 .w3 a {
      padding: 40px 5px 21.81px;
  }
  .topmain_right3 a:before {
      width: 18px;
      height: 18px;
      bottom: 7px;
      right: 7px;
      background-size: 18px;
  }
  p.mb_0.top_search_text2, p.mb_0.top_search_text3 {
      font-size: 17px;
      letter-spacing: 0.15em;
  }
}

@media (max-width: 1450px){
  .topmain_wrapper .topmain_left img.topmain_left_text {
      left: 25px;
      width: 300px;
  }
  p.mb_0.top_search_text2, p.mb_0.top_search_text3 {
      font-size: 16px;
      letter-spacing: 0.1em;
  }
}

@media (max-width: 1359px){
  .topmain_wrapper .topmain_right {
      width: 64%;
      padding: 30px 20px;
  }
  .topmain_wrapper .topmain_left {
      width: 36%;
  }
  .topmain_right3 span.bg_aka {
      border-radius: 0 0 6px 0;
      font-size: 11px;
      padding: 5px 8px 6px;
  }
  p.mb_0.top_search_text2, p.mb_0.top_search_text3 {
      letter-spacing: 0.05em;
  }
  .w3 {
      width: calc(100% / 3 - 10px);
  }
  p.top_search_text1 {
      padding: 20px 30px 20px 15px;
      font-size: 16px;
  }
  .topmain_right1 a:before {
      width: 20px;
      height: 20px;
      bottom: 19px;
      right: 20px;
      background-size: 20px;
  }
  .topmain_right1 a:hover:before {
      right: 15px;
  }
}

@media (max-width: 480px){
  .topmain_right1 h3.ao {
      font-size: 18px;
  }
  .topmain_wrapper {
      flex-wrap: wrap;
      padding: 0;
  }
  .topmain_wrapper .topmain_right {
      padding: 25px 15px 30px;
  }
  .topmain_wrapper .topmain_left, .topmain_wrapper .topmain_right {
      width: 100%;
  }
  .topmain_wrapper .topmain_left {
      height: 400px;
  }
  .topmain_wrapper .topmain_left img.topmain_left_text {
      left: 15px;
      bottom: 35px;
      width: 100%;
      max-width: 250px;
  }
  .topmain_wrapper .topmain_right1 .w3 {
      margin-bottom: 20px;
      width: 100%;
  }
  .topmain_wrapper .topmain_right1 .w3 a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90px;
  }
  .topmain_wrapper .topmain_right1 .w3 a img.top_search_img1 {
      width: 50%;
  }
  .topmain_right a span.bg_y {
      font-size: 10px;
      padding: 5px 6px;
      border-radius: 0 0 6px 0;
      right: auto;
      left: 0;
  }
  p.top_search_text1 {
      padding: 20px 10px;
      font-size: 15px;
      width: 50%;
  }
  .topmain_right1 a:before,
  .topmain_right2 a:before {
      width: 18px;
      height: 18px;
      bottom: 10px;
      right: 10px;
      background-size: 18px;
  }
  .topmain_right2, .topmain_right3 {
      width: 100%;
      padding-right: 0;
      padding-left: 0;
  }
  .topmain_right2 .w50 {
      margin-bottom: 20px;
  }
  .topmain_right2 a, .topmain_right3 .w100 a,
  img.top_search_img2, .topmain_right3 .w100 a img.top_search_img3 {
      height: 90px;
  }
  .topmain_right3 .w3 a img.top_search_img3 {
      width: 38px;
  }
  .topmain_right3 .w100 a span.aka {
      max-width: 135px;
      margin: 0 auto 4px;
  }
  p.mb_0.top_search_text2, p.mb_0.top_search_text3 {
      letter-spacing: 0.01em;
  }
  p.mb_0.top_search_text2 {
      font-size: 15px;
  }
  .topmain_right3 span.bg_aka {
      font-size: 10px;
      padding: 4px 6px 5px;
  }
  .topmain_right3 .w3 a {
      padding: 35px 5px 22px;
  }
}

@media (max-width: 390px){
  .topmain_wrapper .topmain_left {
      height: 350px;
  }
  .topmain_right3 a:before {
      width: 15px;
      height: 15px;
      background-size: 15px;
  }
  .topmain_right1 a:before, .topmain_right2 a:before {
      width: 15px;
      height: 15px;
      background-size: 15px;
  }
}

@media (max-width: 359px){
  .topmain_wrapper .topmain_left {
      height: 300px;
  }
  .topmain_wrapper .topmain_left img.topmain_left_text {
      max-width: 200px;
  }
  p.mb_0.top_search_text2, p.mb_0.top_search_text3 {
      padding: 6px;
  }
  .topmain_right3 .w3 .top_search_text3.doble {
      letter-spacing: -0.09em;
  }
}