@charset "UTF-8";

/* ----men's quru.画像背景色修正_260910---- */
#c3+div .inner_item:nth-child(2) .inner_item_img img {
 /* background-color: #cccbcb;*/
}
#c3+div .inner_item:nth-child(2) .content_wrapper a {
  background-color: #cccbcb;
}
#c3+div .inner_item:nth-child(2) .content_wrapper a:hover {
  background-color: #cccbcb;
}
#c3+div .inner_item:nth-child(2) .contents_btn01 a::before {
  background: #b5b4b4;
}
#c3+div .inner_item:nth-child(2) .heading.block_header_4 .h {
  color: #b5b4b4;
}
/*リクルート DOGパーツ 260910*/
#top_col2_bnr + div .heading.block_header_4 .h{
  position: relative;
  font-size: 3rem;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#top_col2_bnr + div .heading.block_header_4 .h::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 50px;
  height: 1px;
  background-color: #fff;
}
#top_col2_bnr + .composite_box01.block_images_7 .inner_item_txt {
    background: rgba(0, 0, 0, 0.5);
}
#top_col2_bnr + .composite_box01.block_images_7 .inner_item>a:hover + .inner_item_txt{
    background-color: rgba(0, 0, 0, 0.3);
}
#top_col2_bnr + div.composite_box01.block_images_7 .inner_item:nth-of-type(1):nth-last-of-type(2), .composite_box01.block_images_7 .inner_item:nth-of-type(2):nth-last-of-type(1) {
    width: calc(50% - 16px);
}
#top_col2_bnr + div.composite_box01 .wrapper_item {
    gap: 30px;
}
@media screen and (max-width: 1350px) {
  #top_col2_bnr + div .heading.block_header_4 .h{
    font-size: 2.7rem !important;
  }
}
@media screen and (max-width: 900px) {
  #top_col2_bnr + div .heading.block_header_4 .h{
    font-size: 2.5rem !important;
  }
}


#b+.block_news_1 ul>li {
    margin-bottom: 0;
}
/* ===== BLOG list: 2 columns at 900px and below ===== */
@media (max-width: 900px) {

#b+.block_news_1 .content_wrapper>ul {
    justify-content: center;
}
#b+.block_news_1 .content_wrapper>.contents_btn01 {
    padding-top: 30px;
}
#b+.block_news_1>.content_wrapper {
    display: block;
}

#b+.block_news_1 .content_wrapper > ul {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px 16px;
        padding: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        list-style: none;
    }

#b+.block_news_1 .content_wrapper > ul > li {
        width: auto !important;
        max-width: none !important;
        min-width: 0;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

#b+.block_news_1 .content_wrapper > ul > li > a {
        display: block;
        width: 100%;
    }

    /* Same image shape for landscape and portrait photos */
#b+.block_news_1 .content_wrapper > ul > li > a > span {
        display: block;
        width: 100% !important;
        overflow: hidden;
    }
#b+.block_news_1 .content_wrapper > ul > li > a > span img {
        display: block;
        width: 100% !important;
        aspect-ratio: 4 / 3;
        object-fit: contain;
    }

#b+.block_news_1 .content_wrapper > ul > li > a > p {
        margin: 10px 0 4px !important;
       font-size: max(2vw, 13px);
    }
#b+.block_news_1 .content_wrapper > ul > li > a > div p {
        margin: 0 !important;
        line-height: 1.5;
        word-break: break-word;
font-size: max(2vw, 12px);
    }
#b+.block_news_1 li a {
    padding: 15px 7px;
}
}
@media (max-width: 500px) {
    #b+.block_news_1 .content_wrapper > ul > li > a > span img {
        height: auto;
        aspect-ratio: 4 / 3;
    }
#b+.block_news_1.add_design3 .content_wrapper li a span {
        padding-bottom: 76%;
    }
}

/* ===== RECRUIT / dogwood GROOMING : staircase layout (768px and below) ===== */
@media (max-width: 900px) {

#top_col2_bnr + div .wrapper_item {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 40px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    /* Each card */
#top_col2_bnr + div .wrapper_item .inner_item {
        position: relative !important;
        width: 80% !important;
        max-width: none !important;
        flex: none !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden;
        box-sizing: border-box;
    }

    /* Step 1: RECRUIT, upper right */
#top_col2_bnr + div .wrapper_item .inner_item:nth-child(1) {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    /* Step 2: dogwood GROOMING, lower left */
#top_col2_bnr + div .wrapper_item .inner_item:nth-child(2) {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* Image fills the card behind the text */
   #top_col2_bnr + div .inner_item > a {
        position: absolute !important;
        inset: 0;
        z-index: 0;
        display: block;
    }
   #top_col2_bnr + div .inner_item_img {
        width: 100% !important;
        height: 100% !important;
    }
    #top_col2_bnr + div .inner_item_img img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    /* Text sets the card height */
    #top_col2_bnr + div .inner_item_txt {
        position: relative !important;
        z-index: 1;
        top: auto !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: 100% !important;
        height: auto !important;
        padding: 36px 20px !important;
        box-sizing: border-box;
        pointer-events: none;
    }
    #top_col2_bnr + div .inner_item_txt .heading {
        margin-bottom: 18px;
    }
    #top_col2_bnr + div .inner_item_txt > p {
        line-height: 1.9;
    }
#top_col2_bnr + div.composite_box01.block_images_7 .inner_item_img:nth-last-of-type(2) img {
    object-position: right;
}
}
@media screen and (max-width: 480px) {
    .composite_box01.block_images_7 .inner_item, 
 .composite_box01.block_images_7 .inner_item:nth-of-type(n) {
        width: 80% !important;
    }
}




#about + div .inner_item:is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(6)) img {
    max-width: 350px !important;
}
@media screen and (min-width: 901px) {
#about+div .inner_item_img img {
    aspect-ratio: 4 / 3;
    height: auto !important;
}
#about+div .inner_item:is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(6)) {
    width: auto !important;
}
}
@media screen and (max-width: 1250px) {
#about+div .inner_item:nth-child(6) {
    margin-top: 4vw !important;
    margin-left: auto;
}
#about+div.composite_box01 .inner_item:nth-of-type(3):nth-last-of-type(4) {
margin-left: 0 !important;
}
#about+div.composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(5) {
margin-left: 10px !important;
margin-right: 10px !important;
}
}
@media screen and (min-width: 1099px) and (max-width: 1250px) {
    #about+div .inner_item:nth-child(2) {
        width: 32% !important;
    }
}
@media screen and (min-width: 901px) and (max-width: 1098px) {
    #about+div.composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(3) {
    margin-left: 0 !important;
}
#about+div .inner_item:nth-child(6) {
        margin-left: unset;
    }
#about+div .inner_item:nth-child(3) {
    margin-top: 0;
}
#about+div .inner_item:nth-child(4) {
    margin-top: 310px;
}
    #about+div .inner_item:nth-child(5) {
        display: none;
    }
}
@media screen and (max-width: 900px) {
    #about+div .inner_item:is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(6)) {
        width: 55% !important;
    }
#about+div .inner_item_img img {
        aspect-ratio: 4 / 3;
    }
    #about+div .inner_item:nth-child(1) {
        top: 0;
    }
    #about+div .inner_item:nth-child(3) {
        top: clamp(215px, 72.57px + 39.05vw, 378px);
    }
    #about+div .inner_item:nth-child(2) {
        margin-top: clamp(410px, 151.43px + 70.62vw, 702px);
    }
#about+div .heading.block_header_4 .h {
    font-size: 3.8rem !important;
}
#about+div .inner_item:nth-child(6) {
        margin-left: auto !important;
    }
    #about+div .inner_item:nth-child(4) {
        margin-right: auto;
    }
#about+div .inner_item:nth-child(4) {
        margin-top: 6vw;
    }
}