@media screen and (max-width:1023px){.component-support-search:not(.with-img){padding-top:10px}
}
.component-support-search .support-search-section{background:center / cover no-repeat;position:relative;min-height:300px;max-height:600px;width:100%}
.component-support-search .support-search-section .pc{height:100%}
.component-support-search .support-search-section .search-section-container{position:absolute;top:0;width:100%}
.component-support-search .support-search-section .search-section-container .image{display:none}
.component-support-search .support-search-section .search-section-container .input-search{margin-top:calc(300px *0.3)}
.component-support-search .support-search-section .title{font-family:"gill-sans-nova";font-size:48px;line-height:60px;margin-bottom:0;color:#fff;text-align:center;font-weight:500}
@media screen and (max-width:1023px){.component-support-search .support-search-section{background-image:none !important;height:auto !important;min-height:unset}
.component-support-search .support-search-section .search-section-container{position:relative;display:block}
.component-support-search .support-search-section .search-section-container .with-img.image{background:center / cover no-repeat;display:block;height:230px !important}
.component-support-search .support-search-section .search-section-container .input-search{margin:20px 0 !important;padding:0 20px !important}
.component-support-search .support-search-section .search-section-container .input-search form{padding:0}
.component-support-search .support-search-section .search-section-container .input-search form button{right:0}
.component-support-search .support-search-section .search-section-container .title{padding-top:0;font-size:32px;line-height:37px;color:#000}
}
.component-support-search form{max-width:1050px;margin:auto;position:relative;padding:0 25px;margin-top:20px}
.component-support-search form .form-control:focus{border:1px solid #757575;box-shadow:0 0 4px rgba(0,80,199,0.5)}
.component-support-search form .form-control:focus::-webkit-input-placeholder{opacity:0}
.component-support-search form .form-control:focus:-ms-input-placeholder{opacity:0}
.component-support-search form .form-control:focus::placeholder{opacity:0}
.component-support-search form #support-search-text{height:60px;font-size:1.6rem;padding-left:18px;padding-right:95px;border:1px solid #757575}
.component-support-search form #support-search-text::-webkit-search-cancel-button{display:none}
.component-support-search form.right-angle #support-search-text{border-radius:4px 4px 0 0}
.component-support-search form.right-angle button{border-radius:0 4px 0 0}
.component-support-search form button{position:absolute;width:60px;height:60px;right:25px;top:0;background:0;border:0;background-color:#23299b;text-align:center;border-radius:0 4px 4px 0}
.component-support-search form button:before{font-family:icomoon !important;color:#fff;font-size:25px;display:block}
.component-support-search form>span{position:absolute;top:50%;transform:translateY(-50%);right:95px;height:25px;width:25px;cursor:pointer}
.component-support-search form>span::before,.component-support-search form>span::after{content:'';position:absolute;top:0;left:12px;height:100%;width:1px;background-color:#757575}
.component-support-search form>span::before{transform:rotate(135deg)}
.component-support-search form>span::after{transform:rotate(-135deg)}
@media screen and (max-width:1023px){.component-support-search form>span{right:70px}
}
.component-support-search form .support-search-dropdown{box-shadow:2px 4px 10px rgba(0,0,0,0.25);border-radius:0 0 4px 4px;background-color:#fff;position:absolute;width:calc(100% - 50px)}
.component-support-search form .support-search-dropdown.history,.component-support-search form .support-search-dropdown.keyword{opacity:0;z-index:-1;display:none}
.component-support-search form .support-search-dropdown.history.show,.component-support-search form .support-search-dropdown.keyword.show{opacity:1;z-index:1}
@media screen and (max-width:1023px){.component-support-search form .support-search-dropdown.history.show,.component-support-search form .support-search-dropdown.keyword.show{width:100%}
}
.component-support-search form .support-search-dropdown .support-search-dropdown-content{position:relative}
.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>div{font-size:1.2rem;line-height:1.3;padding:8px 35px;background-color:#f2f2f2;color:#757575}
@media(max-width:480px){.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>div{font-size:10px}
}
.component-support-search form .support-search-dropdown .support-search-dropdown-content.keyword>ul{padding:0 2px}
.component-support-search form .support-search-dropdown .support-search-dropdown-content.keyword ul>li a,.component-support-search form .support-search-dropdown .support-search-dropdown-content.keyword ul>a>li a{display:block;padding:8px 35px;width:100%}
.component-support-search form .support-search-dropdown .support-search-dropdown-content.history>ul{padding:0 2px}
.component-support-search form .support-search-dropdown .support-search-dropdown-content.history ul>li,.component-support-search form .support-search-dropdown .support-search-dropdown-content.history ul>a>li{padding:8px 35px}
.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>li,.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>a>li{font-size:1.4rem;line-height:1.3;cursor:pointer}
@media(max-width:480px){.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>li,.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>a>li{font-size:10px}
}
.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>li:hover,.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>a>li:hover{background:rgba(0,80,199,0.1)}
.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>li a,.component-support-search form .support-search-dropdown .support-search-dropdown-content ul>a>li a{display:block;width:100%}
.component-support-search form .support-search-dropdown .support-search-dropdown-content.keyword{max-height:300px}
.component-support-search form .support-search-dropdown .support-search-dropdown-content span{position:absolute;right:60px;top:0;text-decoration:underline;cursor:pointer;padding:8px 10px}
.component-support-search.b2c form .form-control:focus{box-shadow:0 0 6px rgba(129,88,217,0.5)}
.component-support-search.b2c form .support-search-dropdown .support-search-dropdown-content ul>li:hover{background:rgba(73,37,130,0.1)}
.component-support-search.b2c button{background-color:#492582}