/* This is a CSS file */
html {
    background-color: #F8F5DE;
}
.com-main-block {
    background: #F8F5DE;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 10px;
    background-image: url(../img/business_manner/business_manner_img1.png);
    padding-top: 72%;
}
.com-sub-block {
    background-color: #F8F5DE;
    padding: 50px 0 0 0;
}
.ap-p-block1 ul:first-child li:first-child {
    width: 3%;
}
.ap-p-block1 p {
    padding-right: 10px;
}
.business-manner-list {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 60px;
}
.business-manner-list li {
    display: block;
    width: 98%;
    margin-bottom: 10px;
    border-radius: 4px;
}
.business-manner-list li a {
    display: block;
    width: 100%;
    padding: 5px 10px;
    color: #fff;
    border: 5px solid #F8F5DE;
    font-weight: bold;
}
.business-manner-list li:nth-of-type(1) {
    border: 5px solid #00AE6F;
}
.business-manner-list li:nth-of-type(1) a {
    background-color: #00AE6F;
}
.business-manner-list li:nth-of-type(2) {
    border: 5px solid #EC75A2;
}
.business-manner-list li:nth-of-type(2) a {
    background-color: #EC75A2;
}
.business-manner-list li:nth-of-type(3) {
    border: 5px solid #00B9E7;
}
.business-manner-list li:nth-of-type(3) a {
    background-color: #00B9E7;
}
.business-manner-list li:nth-of-type(4) {
    border: 5px solid #F39800;
}
.business-manner-list li:nth-of-type(4) a {
    background-color: #F39800;
}
.business-manner-list li:nth-of-type(5) {
    border: 5px solid #947EB8;
}
.business-manner-list li:nth-of-type(5) a {
    background-color: #947EB8;
}
.business-manner-list li:nth-of-type(6) {
    border: 5px solid #78BD36;
}
.business-manner-list li:nth-of-type(6) a {
    background-color: #78BD36;
}
.business-manner-list li:nth-of-type(7) {
    border: 5px solid #0071BE;
}
.business-manner-list li:nth-of-type(7) a {
    background-color: #0071BE;
}
.business-manner-list li:nth-of-type(8) {
    border: 5px solid rgb(110, 110, 110);
}
.business-manner-list li:nth-of-type(8) a {
    background-color: rgb(110, 110, 110);
}
.step-box {
    background-color: #00A546;
    padding: 2px 4px;
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
}
.business-manner-mastery-img {
    width: 100%;
}






.ap-block2 {
    padding: 22% 7% 0 5%;
}

.ap-block1 {
    padding-top: 1%;
    padding-bottom: 20px;
}

.ap-block3 {
    padding-right: 3%;
}

.ap-block4 {
    padding-left: 3%;
}
.ap-block1 .business-manner-bt {
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
}
.approval-bg-img {
    position: relative;
    width: 64%;
    top: 3px;
}
.bt-bottom-padding{
    padding-bottom: 5%;
}

@media only screen and (min-width: 640px) and (max-width : 666px){
    .ap-block1 ul li:last-child {
        padding-top: 1.2%;
    }
    .ap-title {
        padding-bottom: 3%;
    }
}

@media only screen and (min-width: 667px){
    .ap-block1 ul li {
        height: 40px;
    }
    .ap-title {
        padding-bottom: 4%;
    }
}

@media only screen and (min-width: 732px){
    .ap-block1 ul li {
        height: 47px;
    }
    .ap-title {
        padding-bottom: 6%;
    }
}

.ap-text-block {
    padding-right: 2%;
}
.ap-block3-text {
    padding-left: 2%;
    padding-right: 2%;
}
.padding-top-0 {
    line-height: 2.4em;
}


/* This is a CSS file */
.inline-block li img {
    float: left;
    height: 30px;
    margin-top: 4px;
    margin-left: 10px;
    margin-right: 20px;
    padding-right: 0;
}

.size-4vw {
    font-size: 4.0vw;
    padding-top: 3%;
}

.right-arrow {
    position: absolute;
    width: 5.5%;
    right: 25px;
}