@charset "UTF-8";

/* 見出しデザイン */

.heading.block_header_2 {
    margin-bottom: 15px;
}

.heading.block_header_2 .h {
    font-size: 2.5rem;
    padding-left: 18px;
    color: var(--i_txt_color);
}

.heading.block_header_2 .h::before {
    position: absolute;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    top: calc(1em * 1.5 / 2);
    transform: translateY(-50%);
    left: 0;
    background: var(--i_main_color);
    border-radius: 50px;
    pointer-events: none;
}

/* ブログ */

#blog+.block_news_1.add_design4 .content_wrapper .contents_btn01 {
    padding-left: 0
}

#blog+div .contents_btn01 a {
    border: none;
    background: transparent;
    color: var(--i_txt_color);
    border-bottom: 2px solid var(--i_txt_color);
    border-radius: 0;
    min-width: auto;
    padding: 0 10px 5px;
    transition: .4s ease-in-out;
}

#blog+div .contents_btn01 a::before {
    display: none;
}

#blog+div .contents_btn01 a::after {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    right: 0;
    top: calc(50% - 5px);
    background: var(--i_txt_color);
    clip-path: polygon(100% 50%, 50% 0, 50% 100%);
    pointer-events: none;
    transition: .4s ease-in-out;
}

#blog+div .contents_btn01 a:hover::after {
    right: -5px;
}

#blog+div .contents_btn01 a span {
    text-align: left;
    padding-left: 0;
}

#blog+div>.content_wrapper ul li {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    font-family: "Zen Maru Gothic", serif !important;
    font-weight: 700 !important;
    box-sizing: border-box;
}

@media screen and (min-width: 901px) {
    #blog+div>.content_wrapper {
        display: grid;
        grid-template-columns: 20% 1fr;
        grid-template-rows: 120px 1fr 1fr;
    }

    #blog+div>.content_wrapper ul {
        grid-row: 1/4;
        grid-column: 2;
        padding-left: 20px;
    }

    #blog+.block_news_1.add_design4 .content_wrapper .content_wrapper {
        text-align: left;
    }
}

/* 会社概要 */

.widget_shop01::before {
    position: absolute;
    display: block;
    content: "";
    width: 80%;
    height: 100%;
    top: 0;
    left: 10%;
    background: #fff;
    border-radius: 50px 50px 0 0;
    pointer-events: none;
}

@media screen and (max-width: 1500px) {
    .widget_shop01::before {
        width: 95%;
        left: 2.5%;
    }

    .widget_shop01 .wrapper_item {
        padding: 0 20px;
    }
}

/* その他調整 */

.contents_box01.block_image_text_3 .inner_item_img img {
    box-shadow: -12px 12px 0 #e1dcc5;
}

.contents_box01.block_image_text_4 .inner_item_img img {
    box-shadow: 12px 12px 0 #e1dcc5;
}