@charset "UTF-8";




/* /member/pass/
========================================== */

body {
    overflow: hidden;
}

.p-pass .c-tabGroup {
    margin-bottom: 50px;
}

.p-pass .c-tabGroup {
    border-bottom: 2px solid var(--color-hover);
    position: relative;
}

.p-pass .c-tabGroup::before,
.p-pass .c-tabGroup::after {
    background-color: var(--color-hover);
    bottom: -2px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
}

.p-pass .c-tabGroup__items {
    display: flex;
    margin-inline: auto;
    max-width: 893px;
}

.p-pass .c-tabGroup__item {
    border: 2px solid var(--color-lightgry);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    transition: all .5s ease;
}

.p-pass .c-tabGroup__item::after {
    background-image: url(/assets_ren/images/arw_b02.svg);
    background-size: cover;
    content: "";
    position: absolute;
}

.p-pass .c-tabGroup__item p {
    font-family: var(--font-koburina-w6);
    letter-spacing: 5%;
}

.p-pass .c-tabGroup__item p span {
    display: block;
}

.p-pass .c-tabGroup__item.is-active {
    border: 2px solid var(--color-hover);
    border-bottom: none;
}

.p-pass .c-tabGroup__item.is-active::before {
    background-color: var(--color-whi);
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
}

.p-pass .c-tabGroup__item.is-active::after {
    background-image: url(/assets_ren/images/arw_b03.svg);
}

.p-pass .c-tabGroup__item.is-active p {
    color: var(--color-hover);
}

.c-tabGroup-content {
    display: none;
}

.c-tabGroup-content.is-active {
    display: block;
}

.p-pass .c-secondaryHeading {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .p-pass .c-tabGroup::before {
        left: -26px;
    }

    .p-pass .c-tabGroup::after {
        right: -26px;
    }

    .p-pass .c-tabGroup__items {
        column-gap: 20px;
    }

    .p-pass .c-tabGroup__item {
        min-height: 110px;
        width: calc(50% - 10px);
    }

    .p-pass .c-tabGroup__item::after {
        bottom: 9px;
        height: 6px;
        left: calc(50% - 6px);
        width: 12px;
    }

    .p-pass .c-tabGroup__item p {
        font-size: 1.4rem;
        line-height: 18px;
    }

    .p-pass .c-tabGroup__item p span {
        font-size: 1.2rem;
        line-height: 14px;
    }

    .p-pass .c-tabGroup__item:nth-child(1) p span {
        margin-top: 5px;
    }

    .p-pass .c-tabGroup__item:nth-child(2) p span {
        margin-top: 15px;
    }

    .p-pass .c-tabGroup__item.is-active {
        min-height: 111px;
    }

    .p-pass .c-tabGroup__item.is-active::before {
        bottom: -4px;
        height: 6px;
    }
}

@media screen and (min-width: 768px) {
    .p-pass .c-tabGroup::before {
        left: -100%;
    }

    .p-pass .c-tabGroup::after {
        right: -100%;
    }

    .p-pass .c-tabGroup__items {
        column-gap: 30px;
    }

    .p-pass .c-tabGroup__item {
        min-height: 77px;
        width: calc(50% - 15px);
    }

    .p-pass .c-tabGroup__item::after {
        height: 6px;
        right: 32px;
        top: calc(50% - 3px);
        width: 12px;
    }

    .p-pass .c-tabGroup__item p {
        font-size: 1.8rem;
        line-height: 150%;
    }

    .p-pass .c-tabGroup__item p span {
        font-size: 1.2rem;
        line-height: 20px;
    }

    .p-pass .c-tabGroup__item.is-active {
        min-height: 78px;
    }

    .p-pass .c-tabGroup__item.is-active::before {
        bottom: -2px;
        height: 6px;
    }

    .p-pass .c-tabGroup__item.is-active::after {
        right: 31px;
    }
}

.p-pass .c-acdGroup-upper p {
    font-family: var(--font-koburina-w6);
    letter-spacing: 5%;
}

.p-pass .p-pass-linkGroup .darkgry a {
	color: var(--color-darkgry);
}

@media only screen and (max-width: 767px) {
    .p-pass .c-secondaryHeading {
        font-size: 2.2rem;
		line-height: 28px;
        margin-bottom: 10px;
    }

    .p-pass .c-button.bule {
        margin-top: 20px;
    }

    .p-pass p {
		font-size: 1.6rem;
		line-height: 24px;
	}

    .p-pass p.c-note {
        margin-top: 10px;
    }

    .p-pass .c-text_xl {
        font-size: 1.6rem;
		line-height: 24px;
        margin-bottom: 10px;
    }

    .p-pass *+.c-text_xl {
        margin-top: 20px;
    }

    /* .p-pass .p-pass-textb {
        padding-left: 19px;
    } */

    .p-pass .c-list--disc {
        margin-top: 10px;
    }
    
    .p-pass .c-list--disc li:not(:first-child) {
        margin-top: 0;
    }

    .p-pass .p-pass-link {
        margin-top: 10px;
    }

    .p-pass .p-pass-link a {
        font-size: 1.4rem;
		line-height: 18px;
    }

    .p-pass .p-pass-link li:not(:first-child) {
        margin-top: 10px;
    }

    .p-pass *+.p-pass-link {
        margin-top: 10px;
    }

    .p-pass-linkGroup {
        border-bottom: 1px solid var(--color-lightgry);
        border-top: 1px solid var(--color-lightgry);
        margin-top: 30px;
        padding: 30px 20px;
    }

    .p-pass-linkGroup ul {
        display: flex;
        flex-direction: column;
        rap-gap: 10px;
    }

    .p-pass-linkGroup ul li:not(:first-child) {
        margin-top: 10px;
    }

    .p-pass-linkGroup ul li a {
        font-size: 1.4rem;
		line-height: 18px;
    }
}

@media only screen and (min-width: 768px) {
    .p-pass .c-button.bule {
        margin-top: 30px;
    }

	.c-acdGroup-upper p {
		font-size: 1.8rem;
		line-height: 150%;
	}

    .p-pass p.c-note {
        margin-top: 10px;
    }

    .p-pass .c-text_xl {
        font-size: 1.8rem;
		line-height: 150%;
        margin-bottom: 10px;
    }

    .p-pass *+.c-text_xl {
        margin-top: 30px;
    }

    .p-pass .p-pass-textb {
        padding-left: 24px;
    }

    .p-pass .p-pass-textb.nonePadL {
        padding-left: 0;
    }

    .p-pass .p-pass-textb .p-pass-link {
        margin-top: 10px;
    }

    .p-pass .c-list--disc {
        margin-top: 10px;
    }
    
    .p-pass .c-list--disc li:not(:first-child) {
        margin-top: 0;
    }

    .p-pass .p-pass-link {
        /* font-size: 1.4rem;
        letter-spacing: 0;
		line-height: 18px; */
        margin-top: 10px;
    }

    .p-pass .p-pass-link li:not(:first-child) {
        margin-top: 10px;
    }

    .p-pass .p-pass-link li a {
        font-size: 1.4rem;
        letter-spacing: 0;
		line-height: 18px;
    }

    .p-pass *+.p-pass-link {
        margin-top: 30px;
    }

    .p-pass-linkGroup {
        border-bottom: 1px solid var(--color-lightgry);
        border-top: 1px solid var(--color-lightgry);
        margin-top: 30px;
        padding: 30px 20px;
    }

    .p-pass-linkGroup ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px 50px;
    }

    .p-pass-linkGroup ul li a {
        font-size: 1.4rem;
        letter-spacing: 0;
		line-height: 18px;
    }

    .p-pass-linkGroup ul li .darkgry a {
        color: var(--color-darkgry);
    }

    .p-pass a:hover {
        opacity: .5;
    }
}