.search-box *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.search-box h2{text-align: center;}
.search-box dl{margin-top: 5px;}
.search-box dd{margin: 0;}
.search-box dd input,.search-box dd select{border: 2px solid #e1e4e8;height: 46px;-webkit-border-radius: 0;
        border-radius: 0;}
.search-box dd input{padding: 5px 0 5px 26px;width: 100%;background-color: #FFF;}
.search-box dd select{padding: 5px 18px 5px 5px;background-color: #FFF;-webkit-appearance: none;-moz-appearance: none;}
.search-box .box-dep select,.search-box .box-arv select{width: 100%;}
.search-box .box-dep ul,.search-box .box-arv ul{display: flex;}
.search-box .box-dep ul li,.search-box .box-arv ul li{margin-right: 3px;width: 65%;}
.search-box .box-dep ul li,.search-box .box-arv ul li,.search-box .box-dep-shop dd{position: relative;}
.search-box .box-dep ul li + li,.search-box .box-arv ul li+li{width: 35%;}
.search-box .box-dep ul li + li:before,.search-box .box-arv ul li + li:before,.search-box .box-dep-shop dd:before{content: " ";color: #333;font-size: 6px;position: absolute;top: 22px;right: 6px;pointer-events: none;border: 4px solid;border-color: #333 transparent transparent transparent;}
.search-box .box-dep-shop{position: relative;}
.search-box .box-dep-shop select{width: 100%;}
.search-box .btn-more-wp{text-align: center;}
.search-box .btn-more-wp .btn-primary{background-color: #14b9d1;border: 0;color: #FFF;font-weight: bold;padding: 10px 15px;cursor: pointer;position: relative;}
.search-box .btn-more-wp .btn-primary:hover{opacity: 0.8;}
.search-box .btn-more-wp .btn-primary svg{width: 16px;height: 16px;color: #FFF;}
.cal-dep,.cal-arv{background:url("/common/image/search/icon-calender.png") no-repeat 5px center;}
.search-box-wrap{background-color: #14b9d1;padding-top: 20px;padding-bottom: 20px;}
.search-box-wrap .search-box{color: #FFF;margin-right: auto;margin-left: auto;padding: 0 20px;}
.search-box-wrap .search-box .title:after{background: #FFF;}
.search-box-wrap .search-box .btn-more-wp .btn-primary{background-color: #446175;}
.search-box-wrap .search-box .btn-more-wp .btn-primary:hover{opacity: 0.8;}
.search-box-wrap .search-box .btn-more-wp .btn-primary svg{width: 16px;height: 16px;}

@media screen and (min-width: 768px) {
  .search-box{
    width: 1160px;
  }
  .search-box .inner{display: flex;justify-content:center;}
  .search-box .box-dep,.search-box .box-arv,.search-box .box-dep-shop{padding-right: 12px;}
  .search-box .btn-more-wp .btn-primary{margin-top: 30px;height: 46px;}
/*  .search-box .box-dep,.search-box .box-arv{
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
  }
  .search-box .box-dep-shop{
  -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
  }
  .search-box .btn-more-wp{
  -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }*/
  .search-box dd select{width: auto;}
  .search-box dd input{width: 180px;}
  .search-box .box-dep select,.search-box .box-arv select{width: 80px;}
  .search-box .box-dep-shop select{width: 100%;}
  .search-box .box-dep ul li,.search-box .box-arv ul li{width: auto;}
  .search-box .box-dep ul li + li,.search-box .box-arv ul li+li{width: auto;}
}
.sp-view{display: none;}
.box-dep-shop dt.ttl span a{padding-left: 10px;}
@media screen and (max-width: 767px) {
  .concept {padding-top: 20px!important;}
  .topfaq + .search-box-wrap{margin-top: 30px;}
  .box-dep-shop dt.ttl span{display: block;}
  .sp-view{display: block;}
  .box-dep-shop dt.ttl span a{padding-left: 0;padding-right: 10px;}
}
