@charset "UTF-8";
/**********************
- ROOT
- BASE
- GENERAL
  -- FONT
  -- ALIGN
  -- FLEX
  -- LIST
  -- OTHER
- HEADER
- BREADCRUMB
- CONTAINER
- HEADING
- BUTTON
- FOOTER
- ARCHIVE
- SINGLE
- CONTACT
- FRONT
- PAGE PARTS
- LOADING
- COLOR
- MARGIN
- ANIMATION
- RESPONSIVE
***********************/

/**********************
* ブレイクポイント
* 560px/960px
**********************/


/*********************
ROOT
**********************/
:root {
    --base: #FAF7EE;
    --bg-1: #EBF1DF;
    --bg-2: #FEFBE5;
    --text-main: #5E5950;
    --bg-image: url(../../assets/image/common/texture.webp);


    --accent-color-1: #7CB180;
    --accent-color-2: #F0B43D;
    --gradient: linear-gradient(70deg, #5DC5F7, #FA966B);

    --font-jp: "fot-tsukubrdgothic-std", sans-serif;
    --font-en: "Bellefair", serif;
    --font-number: "Amiri", serif;
    --light: 300;
    --normal: 400;
    --bold: 700;

    --container: calc(1920px + 6%);
    --container-side: 3%;
    --container-ll: 1600px;
    --container-l: 1200px;
    --container-m: 960px;
    --container-s: 660px;
    --container-ss: 480px;

    --letter-spacing-en: .08em;
    --letter-spacing-nomal: .1em;
    --letter-spacing-wide: .24em;

}

/**********
# news
**********/
#news .container-l {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#news .title-wrap {
    width: 300px;
}

#news .btn-en {
    margin-top: 10rem;
}

#news ul.news-list {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: calc(100% - 300px - 8.3%);
}

body.tax-news-cat #news .title-wrap {
    border-bottom: 1px solid var(--accent-color-1);
    padding-bottom: 4rem;
    width: 100%;
}

body.tax-news-cat #news ul.news-list {
    width: 100%;
    padding-top: 8rem;
}

#news li.news-item a {
    display: block;
    padding-bottom: 3rem;
    border-bottom: 1px solid #E2DAC1;
}

#news li.news-item time {
    font-size: 1.4rem;
}

#news li.news-item h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 1.8rem;
    padding-top: .6rem;
    padding-right: 4rem;
    position: relative;
}

#news li.news-item h3::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    width: 20px;
    height: 10px;
    background-image: url(../../assets/image/common/btn-arrow-green.svg);
    background-size: cover;
    transition: all ease .3s;
}

#news li.news-item a:hover {
    opacity: .7;
}

#news li.news-item a:hover h3::after {
    right: 0;
}

body.single-news  .header-single {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--accent-color-1);
}


body.single-news .time-single-news {
    text-align: right;
    color: var(--accent-color-1);
    padding-top: 1rem;
}

@media screen and (max-width: 960px) {

    #news .title-wrap {
        width: 240px;
    }

    #news ul.news-list {
        width: calc(100% - 240px - 8.3%);
    }

    body.tax-news-cat #news ul.news-list {
        width: 100%;
        padding-top: 6rem;
    }
}

@media screen and (max-width: 768px) {
    #news .container-l {
        flex-direction: column;
    }

    #news .section-title {
        margin-right: auto;
    }

    #news .title-wrap {
        display: contents;
    }

    #news .section-title p,
    #news .section-title h2 {
        order: 1;
    }

    #news ul.news-list {
        width: 100%;
        order: 2;
        padding-top: 6rem;
    }

    #news .btn-en {
        order: 3;
    }

    #news .btn-en {
        margin-top: 6rem;
    }
}

@media screen and (max-width: 560px) {
    #news ul.news-list {
        padding-top: 4rem;
    }

    #news li.news-item a {
        padding-bottom: 1rem;
    }

    #news li.news-item time {
        font-size: 1rem;
    }

    #news li.news-item h3 {
        font-size: 1.4rem;
    }

    #news .btn-en {
        margin-top: 4rem;
    }

    #news li.news-item h3 {
        padding-right: 3rem;
    }

    #news li.news-item h3::after {
        width: 12px;
        height: 6px;
    }
}