@charset "utf-8";

/*================================
Layout
================================*/

@media all and (max-width:768px) {
    html,body {
        position: relative;
        overflow-x: hidden;
    }
    .main_inner,
    .inner.w1300 {
        width: 100%;
        max-width: 1360px;
        margin-inline: auto;
        padding: 0 4vw 21.333vw 4vw;
    }
}


/*================================
Header
================================*/
@media all and (max-width:768px) {
    body:not(.home) {
        padding-top: 16vw;
    }
    body.home header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(51,111,97,1) 0%, rgba(115,115,115,0) 100%);
        z-index: 10;
    }
    .nonScroll.home header {
        background: none;
    }
    body:not(.home) header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    }
    body.home.fixed header {
        box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    }
    body.nonScroll header {
        box-shadow: 0 0 0 0;
    }
    body.home.nonScroll header {
        box-shadow: 0 0 0 0;
    }
    header .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 1360px;
        height: 16vw;
        margin-inline: auto;
        padding: 0 4vw;
    }
    body:not(.home) header {
        background: var(--color-bg);
    }
    .logo .logo_inner{
        position: relative;
        padding-left: 10.4vw;
        color: var(--color-logo);
        font-weight: 400;
        font-size: 3.733vw;
        letter-spacing: 0;
    }
    .home .logo .logo_inner{
        color: var(--color-white);
    }
    .nonScroll.home .logo .logo_inner{
        color: var(--color-text);
    }

    .logo .logo_inner img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 9.067vw;
        height: 9.067vw;
        transition: opacity 0.3s ease;
    }
    .home .logo .logo_inner img:nth-of-type(2) {
        opacity: 0;
    }
    .nonScroll.home .logo .logo_inner img:nth-of-type(2) {
        opacity: 1;
    }
    .nonScroll.home .logo .logo_inner img:nth-of-type(1) {
        opacity: 0;
    }
    .bg_gnav {
        display: none;
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: auto;
        z-index: 10;
        background: var(--color-bg);
    }
    .gnav {
        position: absolute;
        top: 16vw;
        left: 0;
        pointer-events: none;
        opacity: 0;
    }
    .nonScroll .gnav {
        display: flex;
        position: absolute;
        top: 16vw;
        left: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        row-gap: 10.667vw;
        width: 100%;
        height: calc(100vh - 16vw);
        padding: 8vw 0;
        overflow: auto;
        text-align: center;
        pointer-events: all;
        opacity: 1;
    }
    .nonScroll .gnav ul {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 10.667vw;
    }
    .nonScroll .gnav ul li a {
        color: var(--color-text);
        font-size: 4.267vw;
        font-weight: 600;
        text-align: center;
    }
    .nonScroll .gnav ul li a span {
        display: block;
        margin-bottom: 1.333vw;
        text-align: center;
        font-size: 3.2vw;
        font-weight: 500;
    }
    .gnav .contact {
        padding-bottom: 16vw;
    }
    .gnav .contact a {
        min-width: auto;
        padding: 3.2vw 8.533vw 3.2vw;
        font-size: 4vw;
        font-weight: 500;
        border-radius: 1.333vw;
    }

    .gnav .contact a span {
        display: flex;
        align-items: center;
        column-gap: 8px;
    }

    .gnav .contact a i {
        position: relative;
        top: inherit;
        right: inherit;
        transform: none;

    }
    .gnav .contact a i svg {
        width: 4.8vw;
        height: 3.467vw;
        fill: var(--color-white);
    }
    .hamburger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 6.667vw;
        height: 6.667vw;
        border-radius: 100%;
        background-size: cover;
    }

    .hamburger .hamburger_lines {
        position: relative;
        width: 6.667vw;
        height: 5.6vw;
        pointer-events: none;
    }

    .hamburger .hamburger_lines span {
        position: absolute;
        width: 100%;
        height: 1px;
        background: var(--color-text);
        transition: all 0.3s ease;
        border-radius: 9999px;
        pointer-events: none;
    }
    .home:not(.fixed) .hamburger .hamburger_lines span {
        background: var(--color-white);
    }

    .home.nonScroll .hamburger .hamburger_lines span {
        background: var(--color-text);
    }

    .home.fixed .hamburger .hamburger_lines span {
        background: var(--color-text);
    }


    .hamburger .hamburger_lines span:nth-of-type(1) {
        top: 1.334vw;
    }

    .hamburger .hamburger_lines span:nth-of-type(2) {
        top: 2.667vw;
    }

    .hamburger .hamburger_lines span:nth-of-type(3) {
        bottom: 1.334vw;
    }

    .nonScroll .hamburger .hamburger_lines span:nth-of-type(1) {
        /* top: 0; */
        top: 2.4vw;
        transform: rotate(45deg);
    }

    .nonScroll .hamburger .hamburger_lines span:nth-of-type(2) {
        top: 2.4vw;
        opacity: 0;
    }

    .nonScroll .hamburger .hamburger_lines span:nth-of-type(3) {
        top: 2.4vw;
        transform: rotate(-45deg);
        bottom: 0;
    }
    body.home.fixed header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background: var(--color-bg);
        animation: 0.3s forwards header-anim;
    }
    @keyframes header-anim {
        0% {
            top: -90px;
        }
        100% {
            top: 0;
        }
    }

    body.home.fixed .logo .logo_inner img:nth-of-type(1) {
        opacity: 0;
    }

    body.home.fixed .logo .logo_inner img:nth-of-type(2) {
        opacity: 1;
    }

    body.home.fixed .logo .logo_inner{
        position: relative;
        padding-left: 10.4vw;
        color: var(--color-logo);
        font-weight: 400;
        font-size: 3.733vw;
        letter-spacing: 0;
    }
}


/*================================
Contents Common
================================*/
@media all and (max-width:768px) {
    body:not(.home) .main_header {
        position: relative;
        padding-bottom: 0;
        margin-bottom: 4vw;
        overflow: hidden;
    }
    .main_inner .main_content section.no_border {
        border-radius: 2.133vw;
        padding: 16vw 4vw;
    }

    body:not(.home) .main_header h1 {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        column-gap: 32px;
        position: absolute;
        top: 14.933vw;
        left: 50%;
        transform: translate(-50%,0);
        width: 100%;
        max-width: 1360px;
        padding: 0 4vw;
        line-height: 1;
    }
    body:not(.home) .main_header h1 .jp {
        font-size: 7.467vw;
    }

    body:not(.home) .main_header h1 .en {
        margin-top: 2.667vw;
        padding-left: 2.4vw;
        font-size: 4.8vw;
        font-weight: 400;
    }

    body:not(.home) .main_header h1 .en:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        content: "";
        display: block;
        width: 1px;
        height: 4.267vw;
    }

    .main_header .img {
        position: relative;
        height: 50.133vw;
    }
    .main_header .img img {
        width: 100%;
        height: auto;
        min-width: 100vw;
        min-height: 50.133vw;
        object-fit: cover;
    }
    .section_header .section_title {
        margin-bottom: 10.667vw;
    }

    .section_header .section_title .en {
        column-gap: 2.133vw;
        font-size: 4.8vw;
        letter-spacing: 0;
    }

    .section_header .section_title .en:before {
        width: 2.133vw;
        height: 2.133vw;
    }

    .section_header .section_title .jp {
        font-size: 7.467vw;
    }
    
    .main_content_wrap .wp-block-group:not(:first-of-type) {
        margin-top: 14.933vw;
        background: var(--color-white);
        border: 1px solid var(--color-yellow1);
        border-radius: 2.133vw;
        padding: 10.667vw 4vw 14.933vw;
    }
    .main_inner .main_content .main_cva {
        margin-top: 32vw;
        padding: 0;
        border: none;
        background: none;
    }

    .main_inner .main_content .main_cva .main_cva_contact {
        position: relative;
        width: fit-content;
        margin-inline: auto;
    }

    .main_inner .main_content .main_cva .main_cva_contact a {
        color: var(--color-text);
    }

    .main_inner .main_content .main_cva .main_cva_contact .en {
        position: absolute;
        top: 10.667vw;
        right: 6.4vw;
        font-size: 6.4vw;
        font-weight: 700;
        font-family: 'Montserrat',sans-serif;
        transition: color 0.3s ease;
    }

    .main_inner .main_content .main_cva .main_cva_contact .jp {
        position: absolute;
        top: 20.8vw;
        right: 5.333vw;
        font-size: 2.667vw;
        font-weight: 500;
    }

    .main_inner .main_content .main_cva .main_cva_contact .jp:before,
    .main_inner .main_content .main_cva .main_cva_contact .jp:after {
        position: absolute;
        bottom: calc(50% - 4vw);
        right: -2vw;
        height: 2px;
        background: var(--color-text);
        content: '';
        transition: right 0.3s ease;
    }

    .main_inner .main_content .main_cva .main_cva_contact .jp:before {
        width: 14.133vw;
        transform: translateY(-50%);
    }

    .main_inner .main_content .main_cva .main_cva_contact .jp:after {
        width: 1.867vw;
        transform: translateY(-50%) rotate(40deg);
        transform-origin: right center;
    }
    .category_list {
        justify-content: center;
        column-gap: 4.367vw;
        row-gap: 4.267vw;
        margin-bottom: 6.4vw;
    }
    .category_list li a {
        column-gap: 16px;
        padding: 1.6vw 2.667vw 1.067vw 2.667vw;
        border-radius: 2.133vw;
        transition: none;
        font-size: 3.2vw;
    }
    .news_list li a {
        flex-wrap: wrap;
    }
    .news_list li a .meta {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 4.267vw;
    }
    .news_list li a .date {
        width: 8em;
        font-size: 4vw;
        font-family: "Montserrat",sans-serif;
    }

    .news_list li a .category_link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32vw;
        padding: 1.6vw 4.267vw 1.067vw 4.267vw;
        border: 1px solid var(--color-yellow2);
        border-radius: 2.133vw;
    }
    .news_list li a p {
        flex: none;
        width: 100%;
        margin-top: 2.133vw;
    }
    .news_list li a i {
        display: none;
    }

    .main_content_wrap .wp-block-group {
        border-radius: 2.133vw;
        padding: 14.933vw 4vw;
    }

    .section_header + p,
    .section_header + h2,
    .section_header + h3,
    .section_header + h4,
    .section_header + .wp-block-image > figure {
        margin-top: 0;
    }
    
    .main_content_wrap p {
        margin-top: 1em;
    }
    
    .main_content_wrap h3 {
        margin-top: 8.533vw;
        padding: 1.333vw 0 0 2.667vw;
        font-size: 5.333vw;
        font-weight: 700;
        background: var(--color-beige);
        border-bottom: 2px solid var(--color-orange);
    }
    
    .main_content_wrap h4 {
        margin-top: 8.533vw;
        padding-left: 2.133vw;
        font-size: 4.8vw;
        border-left: 2px solid var(--color-orange);
    }
    .main_content_wrap a.pdf:before,
    .main_content_wrap a.xls:before,
    .main_content_wrap a.xlsx:before,
    .main_content_wrap a.doc:before,
    .main_content_wrap a.docx:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        display: inline-block;
        content: "";
        width: 5.333vw;
        height: 5.333vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/icon_file@2x.webp) no-repeat;
        background-size: cover;
    }
    
    .main_content_wrap a[target="_blank"]:not(:has(img)):before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        display: inline-block;
        content: "";
        width: 4.267vw;
        height: 3.733vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/icon_external@2x.webp) no-repeat;
        background-size: cover;
    }
    
    .main_content_wrap a.pdf:after,
    .main_content_wrap a.xls:after,
    .main_content_wrap a.xlsx:after,
    .main_content_wrap a.doc:after,
    .main_content_wrap a.docx:after,
    .main_content_wrap a[target="_blank"]:not(:has(img)):after {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        display: inline-block;
        content: "";
        width: 4.267vw;
        height: 4.267vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/icon_arrow_right@2x.webp) no-repeat;
        background-size: cover;
    }

    .main_content_wrap figure {
        margin-top: 1em;
    }
    .archive_member_list {
    }
    .table_list {
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
        
    }
    .table_list thead th {
        padding: 3.467vw 4vw;
        font-size: 5.333vw;
    }
    .table_list thead tr th:first-of-type {
        width: 16em;
    }
    .table_list thead tr th:nth-of-type(3) {
        width: 8em;
    }
    .table_list thead tr th:last-of-type {
        width: 4em;
    }
    .table_list tbody td {
        padding: 3.733vw 4vw;
        font-size: 4.267vw;
    }

    .scroll-hint {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 10px;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      font-weight: 700;
      line-height: 1.4;
      display: none;
      animation: scroll-hint-animation 2s infinite ease;
    }
    
    @keyframes scroll-hint-animation {
      0% {
        transform: translate(-50%, -50%);
      }
      50% {
        transform: translate(-40%, -50%);
      }
      100% {
        transform: translate(-50%, -50%);
      }
    }
    
    .scroll-hint--show {
      display: block;
    }

    .pager {
        margin-top: 10.667vw;
    }
    
    .pager .pager-inner {
        column-gap: 8px;
    }
    
    .pager ol {
        column-gap: 6.4vw;
    }
    
    .pager ol li a,
    .pager ol li span {
        width: 11.733vw;
        height: 11.733vw;
        border-radius: 1.333vw;
    }
    
    .pager .back a {
        width: 11.733vw;
        height: 11.733vw;
        border-radius: 1.333vw;
    }
    
    .pager .next a {
        width: 11.733vw;
        height: 11.733vw;
        border-radius: 1.333vw;
    }
    
    .pager .back i svg {
        width: 2.133vw;
        height: 3.2vw;
        stroke-width: 2px;
    }
    
    .pager .next i svg {
        width: 2.133vw;
        height: 3.2vw;
        stroke-width: 2px;
    }
    
    .main_content_wrap .btn_wrap {
        margin-top: 17.067vw;
    }
    
}


/*================================
Home
================================*/
@media all and (max-width:768px) {
    .home .main_header {
        height: 177.867vw;
    }
    .home .main_header .swiper-container {
        width: 100vw;
        overflow: hidden;
    }
    .main_header::after {
        width: 100%;
        height: 9.867vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/mask_mv@2x.webp) center bottom no-repeat;
        background-size: cover;
    }
    .home .main_header::after {
        width: 100%;
        height: 21.333vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/mask_mv_home_sp.webp) center bottom no-repeat;
        background-size: cover;
    }
    .home .main_header .msg_contact {
        position: absolute;
        top: 0;
        left: 0vw;
        width: fit-content;
    }
    
    .home .main_header .msg_contact a {
        padding: 2.933vw 2.667vw 2.933vw 2.667vw;
        font-size: 2.667vw;
        font-weight: 700;
        letter-spacing: 0.24em;
        border-radius: 1.333vw;
    }
    
    .home .main_header .msg_contact a span {
        display: flex;
        align-items: center;
        flex-direction: row;
        width: 100%;
    }
    
    .home .main_header .msg_contact a i {
        margin-bottom: 1.6vw;
        margin-right: -0.267vw;
    }
    
    .home .main_header .msg_contact a i svg {
        width: 3.2vw;
        height: 2.133vw;
        fill: var(--color-white);
        margin-left: 0;
    }
    
    .home .main_header .msg_wrap {
        display: flex;
        flex-direction: row-reverse;
        column-gap: 1.789vw;
        position: absolute;
        top: 26.667vw;
        left: 50%;
        transform: translateX(-50%);
        padding-left: 12.8vw;
    }


    .home .main_header .msg_wrap:after {
        display: none;
    }

    .home .main_header .msg_wrap:before {
        display: none;
    }

    .home .main_header .swiper-container {
        position: relative;
    }
    
    .home .main_header .swiper-container:before {
        position: absolute;
        top: 76.533vw;
        left: 7.467vw;
        content: "";
        width: 19.2vw;
        height: 24.8vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_mv_left@2x.webp) no-repeat;
        background-size: cover;
        z-index: 2;
    }
    
    .home .main_header .swiper-container:after {
        position: absolute;
        top: 121.333vw;;
        right: 10.133vw;
        content: "";
        width: 18.933vw;
        height: 27.733vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_mv_right@2x.webp) no-repeat;
        background-size: cover;
        z-index: 1;
    }
    
    .home .main_header .msg_wrap .msg_item {
        height: fit-content;
        padding: 1.467vw 0.667vw 1.467vw 0;
        font-size: 5.333vw;
        font-weight: 700;
        letter-spacing: 0.24em;
        writing-mode: vertical-rl;
        background: var(--color-white);
        text-align: center;
    }
}

/*================================
News
================================*/
@media all and (max-width:768px) {
    .single_header .title {
        font-size: 6.4vw;
    }
    .single .wp-block-group {
        padding: 10.667vw 4vw;
        border: none;
    }

    .single_header .sigle_meta {
        column-gap: 4vw;
        margin-top: 4vw;
    }
    .single_content {
        margin-top: 6.4vw;
    }
    .single_content h2 {
        margin-top: 6.4vw;
        padding: 3px 0 0 8px;
        font-size: 5.333vw;
    }
    
    .single_content h3 {
        margin-top: 32px;
        padding: 0 0 0 8px;
        font-size: 4.8vw;
        border-left: 2px solid var(--color-orange);
        border-bottom: none;
        background: none;
    }
    
    .single_content h4 {
        width: fit-content;
        padding: 0 0 0 0;
        font-size: 4.8vw;
        border-left: none;
        border-bottom: 2px solid var(--color-yellow2);
    }
    .single_conetnt p {
        margin-top: 5.333vw;
        font-size: 4.533vw;
    }
    .single_content figure {
        margin-top: 1em;
    }
}


/*================================
Contact
================================*/
@media all and (max-width:768px) {
    .contact_wrap {
        margin-top: 9.867vw;
    }

    .contact_list {
        row-gap: 8.533vw;
    }

    .contact_list li {
        row-gap: 2.133vw;
    }

    .contact_list li input,
    .contact_list li textarea {
        padding: 2.133vw 2.133vw;
        border-radius: 2.133vw;
        font-size: 16px;
    }
}

/*================================
Privacypolicy
================================*/
@media all and (max-width:768px) {
    .privacypolicy .main_content_wrap h2 {
        margin-top: 8.533vw;
        font-size: 5.333vw;
    }

    .privacypolicy .main_content_wrap h2:first-child {
        margin-top: 0;
    }
    .privacypolicy .main_content_wrap p {
        font-size: 4.267vw;
    }
}

/*================================
Footer
================================*/
@media all and (max-width:768px) {
    footer {
        position: relative;
        background: var(--color-green1);
        margin-top: 10.133vw;
    }
    footer:before {
        content: "";
        position: absolute;
        top: -9.867vw;
        left: 0;
        width: 100%;
        height: 10.133vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/mask_footer_sp.webp) no-repeat;
        background-size: cover;
    }
    footer .inner {
        position: relative;
        max-width: 1260px;
        padding: 11.2vw 4vw 0;
    }
    footer .inner:after {
        position: absolute;
        top: -6.667vw;
        right: 4vw;
        content: "";
        width: 16vw;
        height: 21.333vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_tree2@2x.webp) no-repeat;
        background-size: cover;
    }
    footer .inner .fnav .fnav_list {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(4, auto);
        row-gap: 10.667vw;
    }
    footer .inner .fnav .fnav_list li a {
        font-size: 4.267vw;
        color: #FFF;
        font-weight: 700;
    }
    footer .inner .footer_banner .banner {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8.533vw;
        align-items: center;
        padding: 14.933vw 6.4vw 21.333vw;
    }

    footer .inner .footer_banner .banner img {
        width: 100%;
        height: auto;
    }
    .footer_bottom {
        padding: 8.533vw 5.333vw 5.333vw 5.333vw;
        border-top: 1px solid var(--color-bg);
    }
    footer .footer_bottom .address {
        width: 100%;
        max-width: 1300px;
        position: relative;
        margin-inline: auto;
    }
    footer .footer_bottom .address .logo img {
        width: 10.667vw;
        height: 10.667vw;
    }
    footer .footer_bottom .address .logo a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 2.133vw;
        color: #FFF;
    }
    footer .footer_bottom .address a {
        display: flex;
        align-items: flex-start;
        column-gap: 2.133vw;
        font-size: 6.4vw;
        font-weight: 400;
        line-height: 1.6;
        color: #FFF;
        transition: opacity 0.3s ease;
    }
    footer .footer_bottom .address address {
        position: absolute;
        top: 9.6vw;
        left: 12.8vw;
        font-size: 4.267vw;
        font-weight: 400;
        font-style: normal;
        color: #FFF;
    }
    .footer_bottom .copyright {
        margin-top: 12vw;
        font-size: 2.667vw;
        color: #FFF;
        text-align: center;
    }
}


/*================================
Decoration
================================*/
@media all and (max-width:768px) {
    .deco_bird1:before{
        width: 16.8vw;
        height: 21.067vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_bird1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_tree1:after{
        width: 14.133vw;
        height: 21.067vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_tree1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_flower1:after{
        width: 18.667vw;
        height: 14.4vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_flower1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_house1:after{
        width: 17.067vw;
        height: 14.667vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_house1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_rabbit1:after{
        width: 18.667vw;
        height: 14.667vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_rabbit1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_pen1:after{
        width: 16vw;
        height: 19.467vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_pen1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_board1:after{
        width: 14.933vw;
        height: 16.267vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_board1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_stump1:after{
        width: 21.333vw;
        height: 17.867vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_stump1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_tree3:after{
        width: 16.533vw;
        height: 24vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_tree3@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_flow1:after{
        width: 21.867vw;
        height: 15.467vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_flow1@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_tree4:after{
        width: 17.067vw;
        height: 16.533vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_tree4@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    .deco_tree5:after{
        width: 18.667vw;
        height: 25.6vw;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_tree5@2x.webp);
        background-size: cover;
        z-index: 1;
    }
    /* .deco_bird2:after{
        width: 165px;
        height: 121px;
        background: url(/wp/wp-content/themes/okuwa2024/assets/img/common/deco_bird2@2x.webp);
        background-size: cover;
        z-index: 1;
    } */

    .home_news {
        position: relative;
    }

    .home_news.deco_bird1:before {
        position: absolute;
        content: "";
        top: 8.533vw;
        left: 5.333vw;
    }
    .home_news.deco_tree1:after {
        position: absolute;
        content: "";
        top: -5.333vw;
        right: 5.333vw;
    }
    .home_news_list.deco_flower1:after {
        position: absolute;
        content: "";
        bottom: -4.267vw;
        right: 4.267vw;
    }


    .about .deco_house1:after {
        position: absolute;
        content: "";
        top: -4vw;
        right: 5.867vw;
    }
    .about .deco_rabbit1:after {
        position: absolute;
        content: "";
        top: -4vw;
        left: 5.067vw;
    }
    .about .deco_pen1:after {
        position: absolute;
        content: "";
        top: -5.333vw;
        right: 3.2vw;
    }
    .about .deco_board1:after {
        position: absolute;
        content: "";
        top: -3.2vw;
        left: 1.333vw;
    }


    .support .deco_flower1:after {
        position: absolute;
        content: "";
        top: -4.267vw;
        left: 2.933vw;
    }
    .support .deco_stump1:after {
        position: absolute;
        content: "";
        bottom: -7.733vw;
        right: 0;
    }
    .support .deco_tree3:after {
        position: absolute;
        content: "";
        top: -9.067vw;
        left: 4vw;
    }
    .support .deco_flow1:after {
        position: absolute;
        content: "";
        top: -4.533vw;
        left: 4vw;
    }
    .support .deco_tree4:after {
        position: absolute;
        content: "";
        top: -5.333vw;
        right: 0;
    }


    .member .deco_tree5:after {
        position: absolute;
        content: "";
        top: -7.733vw;
        left: 5.333vw;
    }
    /* .member .deco_bird2:after {
        position: absolute;
        content: "";
        bottom: -41px;
        right: 31px;
    } */


    .news .deco_bird1:before {
        position: absolute;
        content: "";
        top: 8.533vw;
        left: 5.333vw;
    }
    .news .deco_tree1:after {
        position: absolute;
        content: "";
        top: -5.333vw;
        right: 5.333vw;
    }
    .news .deco_flower1:after {
        position: absolute;
        content: "";
        bottom: -4.267vw;
        right: 4.267vw;
    }
}