@charset "utf-8";
#wrap {padding-top:80px;}

.content {
    background:#111;
    color:#fff;
    padding:100px 0;
}
.content > h2 {
    font-size:48px;
    margin-bottom:70px;
    text-align:center;
}
#business-list-area .search {
    position: fixed;
    z-index: 2001;
    top: 80px;
    width:100%;
    background: #f5f5f7;
    height:56px;
}
#business-list-area .search .search-inner-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
#business-list-area .search .search-inner {
    position: absolute;
    right: 0;
    width: 400px;
    margin:0 auto;
    padding: 10px 0;
    display:flex;
    justify-content: space-between;
    align-items: center;
    text-align: right;
}
#business-list-area .search .s-text {
    border:none;
    background:#fff;
    font-size:15px;
	color:#000;
    display:block;
    width:calc(100% - 35px); height:36px;
    border-radius:100px;
    padding:0 20px;
}
#business-list-area .search .s-text::placeholder {color:#505050}
#business-list-area .search .s-btn {
    display:block;
    width:20px; height:20px;
    background:url(/en_img/mobile/business/search_btn.png) no-repeat 0 0 / contain;
    text-indent:-9999px;
}

/* slider */
.swiper {
    width: 100%;
    height:0px;
    margin-left: auto;
    margin-right: auto;
    transition:height .7s ease, opacity .5s ease;
    opacity:0;
    z-index:auto;
}
.list-inner.on .swiper.business-swiper1 {height:236px; margin-top:27px; opacity:1;}
.list-inner.on .swiper.business-swiper2 {height:510px; margin-top:27px; opacity:1;}
.list-inner .swiper.business-swiper2 .swiper-wrapper {flex-wrap: wrap; flex-direction: column;}
.swiper-slide {
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    width:207px !important;
    height: calc((100% - 20px) / 2) !important;
}
.swiper-slide .title {
    color: #0d0d0d;
}
.list-inner {
    margin-left:100px;
    padding:40px 0 34px;
    border-bottom:1px solid #e2e2e2;
}
.list-inner:nth-of-type(1) {
    border-top:1px solid #292929;
}
.list-inner.on {position:relative;}
.list-inner.on::after {
    content:""; display:block;
    position:absolute; top:0; right:0; bottom:0;
    width:80px;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,#fff 100%);
    z-index:1;
}
.list-inner h3 {
    display:inline-block;
    font-size:24px; cursor:pointer;
    font-weight:500;
    color:#777;
    padding-right:45px;
    background:url(/en_img/pc/business/arrow_bottom.svg) no-repeat top 50% right 0;
}
.list-inner.on h3 {color:#262626; background-image:url(/en_img/pc/business/arrow_top.svg)}
.list-inner div[class*="business-swiper"] .swiper-slide .bg {
    border-radius: 5px;
    width:207px; height:207px;
    background-color: #666666;
    background-size: cover;
}
.list-inner div[class*="business-swiper"] .swiper-slide h4 {
    width:207px;
    margin-top:11px;
    font-size:14px;
    height: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    font-weight:300;
}
div[class*="business-swiper"] .swiper-button-next,
div[class*="business-swiper"] .swiper-button-prev {
    width:38px; height:74px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    width:100%; height:100%;
    display:block;
    text-indent:-9999px;
    transition:opacity .4s ease;
    opacity:1;
}
.swiper-button-next.swiper-button-disabled:after,
.swiper-button-prev.swiper-button-disabled:after {
    opacity:0;
}
.swiper-button-next:after {
    background:url(/en_img/pc/business/slider_arrow_next.png) no-repeat 0 0 / contain;
}
.swiper-button-prev:after {
    background:url(/en_img/pc/business/slider_arrow_prev.png) no-repeat 0 0 / contain;
}