@charset "UTF-8";

/*yotsuba business*/
#serviceListTitle + .contents_box01 .wrapper_item {
position: relative;
}
#serviceListTitle + .contents_box01 .wrapper_item::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 20px;
    height: 20px;
    border-top: 3px solid var(--i_btn_color);
    border-right: 3px solid var(--i_btn_color);
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
}
#serviceListTitle + .contents_box01.block_image_1 .wrapper_item .inner_item_img {
max-width: 20% !important;
}
#serviceList + .composite_box01 .inner_item {
align-self: flex-start !important;
}
#serviceList + .composite_box01 .inner_item>a {
padding: 2rem;
}
#serviceList + .dec3_9.composite_box01.block_images_1 .inner_item:before {
margin: 0 0 1rem !important;
}
#serviceList + .composite_box01 .wrapper_item {
max-width: 1000px ;
margin: 0 auto;
justify-content: space-around !important;
}
#serviceList + .composite_box01 .inner_item_img img {
object-fit: contain !important;
}

/*yotsuba partner*/
#yotsubaPartner + .composite_box01 .inner_item_img img {
object-fit: contain !important;
}

/*660px*/
@media screen and (max-width: 660px) {
/*yotsuba business*/
    #serviceList + .composite_box01 .inner_item {
        width: 40.5% !important;
    }
#serviceList + .composite_box01 .inner_item>a {
padding: 1rem;
}
}

/*768px*/
@media screen and (max-width: 768px) {
/*yotsuba business*/
#serviceListTitle + .contents_box01.block_image_1 .wrapper_item .inner_item_img {
max-width: 40% !important;
}
}

/*920px*/
@media screen and (max-width: 920px) {
/*yotsuba business*/
#serviceList + .composite_box01 .wrapper_item .inner_item_txt p {
font-size: 1.3rem;
}
#serviceList + .composite_box01 .wrapper_item .heading.block_header_4 .h {
font-size: 1.5rem !important;
}
#serviceList + .dec3_9.composite_box01.block_images_1 .inner_item:before {
font-size: 1.2rem !important;
width: 2.5rem !important; 
}
#serviceList +.composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(3), .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(1) {
        margin-left: 0% !important;
    }


}


@media screen and (min-width: 661px) and (max-width: 920px) {
    #serviceList + .composite_box01 .inner_item {
        width: 23.5% !important;
    }
}