@charset "utf-8";
/*----------------------------------------
  Your site style
----------------------------------------*/

.title-wrap {
    display: block;
    clear: both;
}
.title-wrap .circle {
    width: 35px;
    height: 35px;
    float: left;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 26px;
    padding-top: 5px;
    margin-right: 10px;
    background-image: url(css-img/circle-orange.svg);
    background-repeat: no-repeat;
    background-position: top;
}
.featured .srp-box-inner {
  border:1px solid #ccc;
  padding:1% 1%;
  margin-left: 1%;
}

.visualized .list-desc {
    float: left;
    width: 82%;
    margin-top: 0;
}
.srp-main-box.visualized {
    margin-bottom:15px;
}

.soft-box-img {
    width: 99.7%;
}
.soft-box-img img {
    width: 100%!important;
    max-width: 220px;
    margin: 0 auto;
}
.main-box-4col .srp-box-inner {
    float: left;
    width: 23%;
    padding: 0 0 0 0;
    margin-left: 1%;
}
.main-box-4col .srp-box-inner h4 span {
    display: block;
}

.srp-table th {
    text-align:center;
}

.srp-table th.cols3-1 {
    width:28%;
}

.srp-table .cols3-2, .srp-table .cols3-3 {
    width: 36%;
}

.srp-table .cols2-1, .srp-table .cols2-2 {
    width: 43%;
}

.srp-table td ul {    
    padding-left:0;
    margin-left:0;
}

.srp-table td ul li {
    list-style-type:none;
    font-size:13px; 
    margin-left:10px;
    margin-bottom:10px;
}

.srp-table td ul li span {       
    font-weight:bold;
    display:inline;
}

.td-first .srp-tbl-img {
    margin-left:auto;
    margin-right:auto;
    text-align:center!important;
}

.srp-subTable table {
    width:100%;
    margin:10px auto;
}

.srp-subTable th, .srp-subTable td {
    font-size:12px!important;
    padding:3px;
    text-align:center;
}

.srp-subTable tr td {
    background-color:#fff;
}
.srp-subTable tr th {
    width:15%;
}

@media screen and (max-width: 880px) {
.main-box-4col .srp-box-inner {
    width: 45%;
    margin-left: 3%;
    margin-bottom: 3%;
}
.main-box-4col .srp-box-inner h4 span {
    display: inline-block;
}
.main-box-4col .list-desc {
    min-height: 155px;
}
}

@media screen and (max-width: 820px) {
.visualized .list-desc {
    float: none;
    width: 100%;
}
.visualized .title-wrap .circle {
    float: none;
    display: block;
}
}

@media screen and (max-width:665px) {
.featured .srp-box-inner { 
  margin-left: auto;
  margin-right:auto;
  margin-bottom:15px;
  padding-left:0;
  padding-right:0;
  float:none;
  width:auto;
  display:block;
}
}

@media screen and (max-width:580px) {
.srp-main-box.visualized {
    margin-bottom: 0;
}
.main-box-3col.visualized .srp-box-inner {
    width: 100%;
    margin-left: auto;
    float: left;
}
.visualized .title-wrap {
    float: left;
    margin-left: 1%;
}
.visualized .list-desc {
    float: left;
    width: 82%;
}

.featured {
    margin-bottom: 35px;
}
    
.featured .main-box-img img {
    max-width:450px;
    margin: 0 auto;
}
    
.srp-table td ul li {
    margin-left:0px;
}
    
}

@media screen and (max-width:480px) {
.srp-content-titlebox, .srp-green .srp-content-titlebox {
    border-top: 0;
}
.main-box-4col .srp-box-inner .list-desc ul {
    padding-left: 5%;
}
.srp-box-inner .list-desc ul {
    padding-left: 5%;
}
}