.search-section{margin: 0 0 30px 0;}
@media (max-width : 1000px){
    .search-section{margin: 30px 0;}
}
.search-section::before,
.search-section::after{display: block; content: ""; clear: both;}

.search-section input{display: block; width: 100%;}
.search-section input[type=text]{padding: 0 10px; float: left; width: 70%; height: 50px; border-top-left-radius: 40px; border-bottom-left-radius: 40px;}
.search-section input[type=submit]{color: #fff; background: #733CAB; border: none; float: right; width: 30%; height: 50px; border-top-right-radius: 40px; border-bottom-right-radius: 40px;}

.search-section-group {position: relative; float: left; width: 70%; height: 50px;}
.search-section-group input[type=text]{float: unset; width: 100%; height: 100%; padding-right: 62px;}
.search-section .search-section-back {position: absolute; display: flex; align-items: center; justify-content: center; width: 60px; height: calc(100% - 4px); top: 50%; right: 0; z-index: 1; transform: translate(-2px, -50%); background-color: #fff;}
.search-section .search-section-back::before {content: ''; display: block; width: 24px; height: 24px; transform: rotate(90deg); background-image: url("/images/x.png"); background-position: center; background-size: contain; background-repeat: no-repeat;}