/*//////////NOTE archive //////////*/

/*====================================================
////id |  information
====================================================*/
#information {
    overflow: hidden;
    padding: min(5vw, 30px) 0;
    position: relative;
}
#information::before {
    background-color: #fff;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        right: 0;
    height: 100%;
    width: 100%;
}
/* #information::after {
    background: url("../img/cmn/deco/bg-1.webp") no-repeat top right / contain;
    content: '';
    display: block;
    margin: auto;
    opacity: 0.28;
    position: absolute;
        top: 0;
        right: 0;
    width: min(70%, 800px);
    height: min(63.2vw, 600px);
} */
#information .innerBox {
    padding: min(5vw, 30px) 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}

@media screen and (min-width: 1330.1px) {
    #information::before {
        border-radius: min(7vw, 90px) 0 0 0;
        width: calc(100% - (var(--innerBox_margin) / 2));
    }
}

@media (hover: hover) {}

/*====================================================
////id |  main
====================================================*/
#main {
    text-align: center;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
    .main-head {
        font-size: min(3.7vw, 4rem);
    }
    .main-text {
        font-size: min(2.4vw, 2.0rem);
    }
}

@media (hover: hover) {}

/*====================================================
////id |  pickup
====================================================*/
#pickup {
    margin-top: min(2vw, 30px);
}
.pickup-item-wrapper {
    display: grid;
        grid-gap: min(5vw, 40px);
    margin: min(10vw, 60px) auto 0;
}
.pickup-item {
    background-color: #fff;
    border: solid 1px var(--l_gray);
    padding: min(8vw, 50px) min(5vw, 60px) min(8vw, 50px);
    position: relative;
}
/* .pickup-item-anniversary {
    background-color: #e82942;
    clip-path: polygon(0 0, 100%0, 100% 100%, 50% calc(100% - .5em), 0 100%);
    color: #fff;
    display: flex;
        align-items: center;
        justify-content: center;
    font-weight: 700;
    margin: auto;
    min-width: 7em;
    min-height: 4em;
    padding: .3em .5em;
    position: absolute;
        top: -10px;
        left: min(2vw, 20px);
} */
.pickup-item-anniversary {
    background: url('../img/enterprise/anniversary-medal.svg') no-repeat center / contain;
    color: #9b6c05;
    display: flex;
        align-items: center;
        justify-content: center;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .3));
    font-size: min(2.8vw, 16px);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin: auto;
    padding-top: .3em;
    text-align: center;
    text-shadow: .03em .03em 0 #fff, -.03em -.03em 0 #412f07;
    width: min(20vw, 120px);
    height: min(20vw, 120px);
}
.pickup-item-anniversary .no {
    display: inline-block;
    font-size: 3em;
    font-weight: 700;
    transform: translateY(0);
}
.pickup-item-logo {
    margin-bottom: .5em;
}
.pickup-item-logo img {
    max-width: min(60%, 200px);
    max-height: 100px;
}
.pickup-item-title {
    font-size: min(5vw, 2.2rem);
    line-height: 1.4;
}
.pickup-item-img .coverImg {
    padding-top: 56.25%;
}
.pickup-item-img figcaption {
    background-color: var(--w_gray);
    color: var(--l_gray);
    display: flex;
        align-items: center;
        justify-content: center;
    font-size: min(4vw, 2.4rem);
    letter-spacing: .05em;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
}
.pickup-item-link {
    display: flex;
        align-items: flex-start;
        justify-content: flex-end;
}
.linkBtn.pickupBtn {
    background: var(--grd);
    min-width: 0;
    min-height: 2.6em;
    padding-right: .6em;
}
.linkBtn.pickupBtn .arrow {
    width: 1.4em;
    height: 1.4em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1080.0px) {
    .pickup-item-wrapper {
        max-width: 800px;
    }
    .pickup-item {
        display: grid;
            align-items: center;
            grid-gap: 1.2em;
            grid-template-columns: auto 1fr;
    }
    .pickup-item-img:has(figcaption) {
        display: none;
    }
    .pickup-item-img,
    .pickup-item-text,
    .pickup-item-link {
        grid-column: span 2;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 1080.1px) {
    .pickup-item {
        display: grid;
            align-items: center;
            grid-gap: 1em min(3vw, 40px);
            grid-template-columns: 50% 1fr;
    }
    .pickup-item-anniversary {
        position: absolute;
            top: -20px;
            left: min(5vw, 60px);
        text-shadow: .03em .03em 0 #fff, -.03em -.03em 0 #412f07;
    }

    .pickup-item-head-wrapper {
        display: flex;
            align-items: flex-end;
        padding-top: min(12vw, 70px);
    }
    .pickup-item-img {
        grid-column: 2;
        grid-row: 1 / 4;
    }
}

@media (hover: hover) {
    .linkBtn.pickupBtn:hover {
        filter: brightness(1.05);
    }
}

/*====================================================
////id |  search
====================================================*/
#search input[type="checkbox"] + label {
    background-color: #fff;
    border: solid 1px var(--l_gray);
    border-radius: 3em;
    padding: .3em .6em;
    transition: .2s ease-in-out;
}
#search input[type="checkbox"]:checked + label {
    background-color: var(--w_blue);
    border-color: var(--mainColor);
    color: var(--mainColor);
}
#search input[type="checkbox"] + label::before,
#search input[type="checkbox"] + label::after {
    display: none;
}

#search .industry-item-wrapper input[type="checkbox"] + label {
    padding: .15em .6em;
}

#search li {
    margin-top: 0;
}

.search-aniv .tab_content {
    overflow: hidden;
}
.search-aniv .slick-list {
    overflow: visible;
}
.search-aniv-item {
    padding: 0 .2em;
}
.search-aniv-item label {
    text-align: center;
    width: 100%;
}

.search-other {
    border: solid 1px var(--l_gray);
    margin: 1.5em 0;
}
/* .search-other > dl {
    display: grid;
        place-items: center;
} */
.search-other .accordion > dt {
    background-color: var(--w_gray);
    display: flex;
        align-items: center;
        justify-content: center;
    padding: .3em;
    transition: color .2s ease-in-out;
}
.search-other .accordion-open-icon {
    margin-left: .5em;
    position: relative;
    width: .7em;
    height: .7em;
}
.search-other .accordion-open-icon::before,
.search-other .accordion-open-icon::after {
    border-top: solid 2px;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    transition: .2s ease-in-out;
    width: 100%;
    height: 0;
}
.search-other .accordion-open-icon::after {
    transform: rotate(90deg);
}
.search-other .open > dt .accordion-open-icon::before {
    transform: rotate(180deg);
}
.search-other .open > dt .accordion-open-icon::after {
    opacity: 0;
    transform: rotate(180deg);
}
.search-other .accordion-inner {
    padding: min(8vw, 40px) min(4vw, 40px);
}

.search-other-item-wrapper {
    display: grid;
        grid-gap: min(8vw, 40px) 1em;
}
.search-other-item dt {
    font-size: 1.15em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .6em;
    text-align: center;
}
.industry-item-wrapper {
    display: flex;
        flex-wrap: wrap;
        gap: .2em .4em;
        justify-content: center;
}
.search-free {
    margin: auto;
    width: min(100%, 500px);
}

.search-input {
    display: flex;
        justify-content: center;
    line-height: 1.4;
    margin-bottom: 1em;
}
.search-input dl {
    display: grid;
        grid-template-columns: 8.5em 1fr;
}
.search-input dt {
}

.backBtn {
    font-size: .85em;
}
.backBtn .arrow {
    width: 1em;
    height: 1em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
    .search-aniv.tabBox .tabArea .tab {
        font-size: min(3.4vw, 1.5rem);
    }

    .search-other-item-wrapper {
        /* grid-template-columns: auto 1fr; */
    }
    .search-other-item {
        display: grid;
            /* align-items: center;
            grid-template-columns: subgrid;
            grid-column: 1 / 3; */
    }
    .search-other-item dt {
        font-size: .9em;
    }

    .industry-item-wrapper {
        font-size: .8em;
    }

}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}

@media (hover: hover) {
    #search input[type="checkbox"] + label:hover {
        color: var(--mainColor);
    }
    .search-other .accordion > dt:hover {
        color: var(--mainColor);
    }
}

/*====================================================
////id |  enterprise_archive
====================================================*/
#enterprise_archive {
    position: relative;
}
#enterprise_archive::after {
    background: url("../img/cmn/deco/bg-1.webp") no-repeat top right / contain;
    content: '';
    display: block;
    margin: auto;
    opacity: 0.28;
    position: absolute;
        top: 0;
        right: 0;
    width: min(70%, 800px);
    height: min(63.2vw, 600px);
}

.enterprise-content {
    display: grid;
}
.enterprise-item-wrapper {
    display: grid;
        grid-gap: min(3vw, 15px);
}
.enterprise-item {
    background-color: #fff;
    border: solid 1px var(--l_gray);
    border-radius: min(2.6vw, 10px);
    display: grid;
        align-items: center;
        grid-gap: 0 1em;
        grid-template-columns: auto 1fr auto;
    min-height: 5em;
    overflow: hidden;
    padding-right: 1em;
}
.enterprise-item-anniversary {
    background-color: var(--mainColor);
    color: #fff;
    display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 .2em;
    font-size: .9em;
    font-weight: 700;
    line-height: 1;
    padding: .5em;
}
.enterprise-item:has(.enterprise-item-link) .enterprise-item-anniversary {
    background: linear-gradient(to top right, #482a0f, #a77129 10%, #ffffff 15%, #da9e41 22%, #8e5923 34%, #d8a64d 50%, #f5e380 66%, #dac164 72%, #ffffff 77%, #a0752b 83%, #664219);
    /* background-color: #e82942; */
    color: #9b6c05;
    text-shadow: .03em .03em 0 #fff, -.03em -.03em 0 #412f07;
    position: relative;
}
.enterprise-item:has(.enterprise-item-link) .enterprise-item-anniversary::before {
    background: url('../img/enterprise/anniversary-bg.svg') no-repeat center / cover;
    border-radius: min(1.6vw, 7px) 0 0 min(1.6vw, 7px);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
}
.enterprise-item:has(.enterprise-item-link) .enterprise-item-anniversary > span {
    display: inline-block;
    z-index: 5;
}

.enterprise-item-anniversary .no {
    display: inline-block;
    font-size: 2.0em;
    font-weight: 700;
    transform: translateY(0);
}
.enterprise-item-text {
    display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .4em .8em;
    flex: 1;
}
.enterprise-item-text .title {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.4;
}
.enterprise-item-text .cate_city {
    display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .8em;
        justify-content: center;
}
.enterprise-item-text .city {
    font-size: .9em;
    line-height: 1.2;
    padding-left: 1.2em;
    position: relative;
}
.enterprise-item-text .city::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 32"><path fill="%239A9A9A" d="M2.74,19.02c2.85,5.46,6.9,11.09,6.92,11.12l1.34,1.86,1.34-1.86s2.38-3.3,4.75-7.27c1.19-1.99,2.39-4.14,3.3-6.18.46-1.02.85-2.01,1.14-2.96.28-.95.47-1.84.47-2.74C22,4.92,17.08,0,11,0,4.92,0,0,4.92,0,11c0,.89.19,1.79.47,2.74.5,1.65,1.32,3.46,2.27,5.28ZM5.55,5.55c1.4-1.4,3.32-2.25,5.45-2.26,2.13,0,4.05.86,5.45,2.26,1.4,1.4,2.26,3.31,2.26,5.45,0,.4-.1,1.04-.33,1.79-.4,1.32-1.14,3-2.04,4.71-1.34,2.58-3.02,5.27-4.35,7.31-.36.55-.69,1.04-.98,1.48-.93-1.38-2.23-3.35-3.49-5.49-1.11-1.87-2.19-3.86-2.98-5.64-.39-.89-.71-1.72-.92-2.44-.21-.72-.31-1.33-.31-1.71,0-2.13.86-4.05,2.26-5.45ZM11,14.57c1.98,0,3.58-1.6,3.58-3.58s-1.6-3.58-3.58-3.58-3.58,1.6-3.58,3.58c0,1.97,1.6,3.58,3.58,3.58Z" /></svg>') no-repeat left center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: .1em;
        left: 0;
        bottom: 0;
    width: 1em;
    height: 1em;
}
.enterprise-item-link .pickupBtn {
    font-size: .9em;
    min-height: 2.2em;
}


.enterprise-item-wrapper {
  overflow: hidden;
}

/* アニメ中だけ height を固定する（JSで付け外し） */
.enterprise-item-wrapper.is-animating {
  will-change: height;
}

/* 初期は非表示 */
.enterprise-item.is-hidden {
  display: none;
}

/* 追加表示アニメ */
.enterprise-item.is-revealing {
  opacity: 0;
  /* transform: translateY(10px); */
}

.enterprise-item.is-revealing.visible {
  /* opacity: 1;
  transform: translateY(0);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out; */
    animation: .8s ease-in-out forwards sa-show;
}

@keyframes sa-show {
    to {
        opacity: 1;
        transform: none;
    }
}


.counter-wrapper {
    grid-row: 1;
}

.enterprise-contact {
    display: flex;
        justify-content: flex-end;
    font-size: .9em;
    margin: min(4vw, 40px) 0 -30px;
    opacity: .7;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
    .enterprise-item-anniversary {
        flex-direction: column;
        font-size: .8em;
        padding: 1em .5em;
        width: 4em;
        height: 100%;
    }
    .enterprise-item-anniversary .no {
        font-size: 2em;

    }
    .enterprise-item-text {
        flex-wrap: wrap;
        padding: .5em 0;
    }
    .enterprise-item-text .title {
        width: 100%;
    }
    .enterprise-item-link {
        padding: .2em 0 .7em;
    }
}

@media screen and (max-width: 769.0px) {
    .enterprise-item {
        display: grid;
            grid-template-columns: auto 1fr;
    }
    .enterprise-item:has(.enterprise-item-link) .enterprise-item-anniversary {
        grid-row: 1 / 3;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
    .enterprise-item-anniversary {
        padding-top: .6em;
        width: 6em;
        height: 100%;
    }
    /* .enterprise-item-anniversary .no {
        margin-top: -.15em;
    } */
    .enterprise-item-text {
        padding: .5em 0;
    }
}

@media (hover: hover) {}


/*//////////NOTE single //////////*/

/*====================================================
////id |  enterprise-article
====================================================*/
.enterprise-article-inner {
    padding-top: min(6vw, 40px);
}
.enterprise-article-wrapper {
    background-color: #fff;
    border-radius: min(5.3vw, 20px);
    display: flex;
        justify-content: center;
    padding: min(10vw, 80px) min(4vw, 80px);
}
.enterprise-article-wrapper > div {
    display: grid;
        grid-gap: min(6vw, 50px);
    width: min(100%, 900px);
}
.enterprise-title-wrapper {
    display: grid;
        place-items: center;
}
.enterprise-logo {
    display: flex;
        justify-content: center;
    margin-bottom: min(5vw, 20px);
}
.enterprise-logo img {
    max-width: min(60vw, 300px);
    max-height: 150px;
}
.enterprise-catch_copy {
    font-size: 1.15em;
    line-height: 1.6;
}

.enterprise-other_link {
    border-top: dotted 1px var(--l_gray);
    padding-top: min(6vw, 50px);
}
a.linkBtn-small .arrow {
    width: 1.2em;
    height: 1.2em;
}

.enterprise-article-link {
    margin-top: min(10vw, 40px);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
    .enterprise-title {
        font-size: min(5vw, 5.5rem);
    }
}

@media (hover: hover) {
    .enterprise-other_link a:hover {
        color: var(--d_blue);
    }
}

/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
}

@media (hover: hover) {}